q2-tecton-elements 1.65.0 → 1.66.0

package/dist/q2-tecton-elements/q2-option-list_2.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sanitizeRegexString","regexString","replace","q2OptionListCss","Q2OptionList","constructor","hostRef","this","keyStore","queue","lastPressedAt","Date","scheduledAfterRender","label","loc","selectedOptions","type","clickHandler","event","target","option","closest","selectOption","multiple","popoverState","emit","open","action","externalKeydownHandler","key","modifierOnlyKeys","includes","stopPropagation","activeIndex","customSearch","allOptions","nextIndex","searchString","searchOptions","openDropdownWithActiveElement","setDefaultActiveElement","nextPaint","preventDefault","length","getDefaultActiveIndex","getNextVisibleIndex","Math","max","min","noSelect","setActiveElement","match","focusoutHandler","relatedTarget","isInQ2OptionList","isInLightDom","hostElement","contains","internalKeydownHandler","allVisibleOptions","shiftKey","newOption","find","element","active","disabled","addEventListener","once","firstVisibleOption","isFirstVisibleOptionActive","undefined","adjustActiveOptionAndScroll","lastVisibleOption","isLastVisibleOptionActive","searchAndFocus","keyValue","shouldSelect","reorder","pivotIndex","list","map","index","slice","buildQueue","now","getTime","push","searchIndex","keyStr","join","sanitizedKeyStr","v","display","RegExp","setFocus","matched","componentWillLoad","hasOptions","querySelectorAll","componentDidLoad","overrideFocus","checkOptions","selectedOptionsUpdated","ready","componentDidRender","forEach","fn","handleClick","delegateFocus","isEventFromElement","setActiveOption","setFocusedOption","getContents","allContents","getOptions","handleExternalKeydown","updateMultipleOptionAttrs","updateSingleOptionAttrs","showSelectedUpdated","showSelected","_multiSelectHidden","selected","rootSlot","getRootSlot","acceptedTags","Set","filter","has","tagName","contents","extractOptions","elements","reduce","acc","separator","Array","from","children","hidden","disabledGroup","numToAdd","scrollToActiveOption","optionRole","role","focusSelectedSibling","hasNoSiblings","selectedOptionVisibleIndex","indexOf","nextVisibleSiblingIndex","nextVisibleSibling","nextSiblingIndex","firstSelected","findIndex","firstEnabled","direction","activeOption","visibleActiveOptionIndex","nextVisibleOptionIndex","nextVisibleOption","slot","querySelector","assignedElements","_a","hasAnotherSlot","waitForNextPaint","resetTimer","searchStringTimer","clearTimeout","window","setTimeout","scrollX","scrollY","scrollIntoView","block","scrollTo","selectedOption","selectedValue","value","displayValue","innerText","trim","valueObject","values","isAlreadySelected","mirrorEmit","elementIndex","isOptionVisible","isVisible","focus","preventScroll","selectedValues","render","h","Host","class","ref","el","contentElement","onFocusout","onKeyDown","onClick","q2PopoverCss","Q2Popover","displayBuffer","orientationChanged","currentDirection","show","align","mode","handleMinHeight","minHeight","handleDeprecationWarning","handlePopoverToggleEvent","newState","setAbsoluteCSSProperties","async","controlElement","containerElement","style","setProperty","controlStyle","getComputedStyle","controlSize","parseInt","height","borderTopWidth","borderBottomWidth","setPopoverAPICSSProperties","isModule","top","controlTop","bottom","controlBottom","left","controlLeft","right","controlRight","_b","getBoundingClientRect","call","popoverLeft","popoverRight","_c","visualViewport","width","offsetWidth","innerHeight","viewPortChanged","determinePopDirection","viewPortOrientationChanged","disconnectedCallback","removeViewportListeners","removeEventListener","supportsPopoverAPI","console","warn","popoverStateHandler","detail","scrollContainerTo","options","toggle","minHeightProvided","openChanged","addViewportListeners","hidePopover","clearCSSProperties","isIframe","hasPlatformDimensions","Object","keys","Tecton","platformDimensions","providedDirection","hasOwn","HTMLElement","prototype","validatedMaxHeight","maxHeight","isNaN","isInScrollableContainer","isMobile","passive","capture","screen","orientation","removeProperty","windowHeight","maxSpaceAbove","maxSpaceBelow","outletOffset","topBarHeight","bottomBarHeight","distanceToIframeBottom","visualControlTop","visualControlBottom","viewableSpaceAbove","viewableSpaceBelow","isIframeShorterThanWindow","directionWithMostSpace","shouldUpdateMaxHeight","getPropertyValue","currentOrDetermineDirection","priorityMaxHeight","setDirectionAndShow","isOpen","showPopover","containerClasses","tabIndex","popover"],"sources":["src/utils/sanitize-regex-string.ts","src/components/q2-option-list/q2-option-list.scss?tag=q2-option-list&encapsulation=shadow","src/components/q2-option-list/q2-option-list.tsx","src/components/q2-popover/q2-popover.scss?tag=q2-popover&encapsulation=shadow","src/components/q2-popover/q2-popover.tsx"],"sourcesContent":["export default function sanitizeRegexString(regexString: string) {\n    return regexString.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    position: relative;\n    width: 100%;\n    display: block;\n    line-height: var-list(var-prefixer(option-list-line-height),--app-line-height, 1.428571429em);\n}\n\n.content {\n    text-align: start;\n\n    :host([is-sizeable]) & {\n        display: block;\n        height: auto;\n    }\n}\n","import sanitizeRegexString from '@/utils/sanitize-regex-string';\nimport {\n    Component,\n    Prop,\n    h,\n    Event,\n    State,\n    Element,\n    ComponentInterface,\n    Host,\n    EventEmitter,\n    Method,\n    Watch,\n    Listen,\n} from '@stencil/core';\nimport { isEventFromElement, isVisible, loc, nextPaint, overrideFocus, waitForNextPaint } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\nexport interface IOptionValue {\n    value: string;\n    display?: string;\n}\n\nexport type ValidOptionElements = HTMLQ2OptionElement | HTMLQ2DropdownItemElement;\n\n/**\n * @name Option List\n * @category Forms\n * @summary Use internally by Select and Dropdown for rendering searchable option lists.\n */\n@Component({ tag: 'q2-option-list', shadow: true, styleUrl: 'q2-option-list.scss' })\nexport class Q2OptionList implements ComponentInterface {\n    // #region Own Properties\n\n    activeIndex: number;\n    contentElement: HTMLElement;\n    keyStore: {\n        queue: string[];\n        lastPressedAt: Date;\n    } = {\n        queue: [],\n        lastPressedAt: new Date(),\n    };\n    pivotIndex: number;\n    scheduledAfterRender: (() => void)[] = [];\n    searchString: string;\n    searchStringTimer: number;\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    hasOptions: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    align: 'left' | 'right';\n\n    /** Indicates a custom search is being implemented for the option list. */\n    @Prop({ reflect: true })\n    customSearch: boolean;\n\n    /** Disables the option list. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    label: string = loc('tecton.element.optionList.label');\n\n    /**\n     * Enables the multi-select ability for the option list.\n     * @info\n     * Only applicable when options are provided.\n     */\n    @Prop({ reflect: true })\n    multiple: boolean;\n\n    /** Disables the logic that handles selecting and focusing an option in the option list. */\n    @Prop({ reflect: true })\n    noSelect: boolean;\n\n    /** A list of the selected options on the element. */\n    @Prop({ mutable: true })\n    selectedOptions: IOptionValue[] = [];\n\n    /** Applies focus to the selected option. */\n    @Prop({ reflect: true, mutable: true })\n    showSelected: boolean;\n\n    /** Translates to the role of the option list */\n    @Prop()\n    type: 'menu' | 'listbox' = 'listbox';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when an option is selected or deselected.\n     *\n     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\n     * will contain the selected option values.\n     * @deprecated Use 'tctChange' instead\n     */\n    @Event()\n    change: EventEmitter<{ value: string; values: IOptionValue[] }>;\n\n    /**\n     * Emitted to indicate the intended state of the popover.\n     * @private\n     */\n    @Event()\n    popoverState: EventEmitter<{ open: boolean; action: 'close' | 'select' | 'open' }>;\n\n    /**\n     * Emitted when the component has finished rendering.\n     * @private\n     */\n    @Event({ bubbles: false })\n    ready: EventEmitter<undefined>;\n\n    /**\n     * Emitted when an option is selected or deselected.\n     *\n     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\n     * will contain the selected option values.\n     */\n    @Event()\n    tctChange: EventEmitter<{ value: string; values: IOptionValue[] }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.hasOptions = !!this.hostElement.querySelectorAll(\n            'q2-option:not([separator]):not([separator=true]), q2-dropdown-item:not([separator]):not([separator=true])'\n        ).length;\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.checkOptions();\n        this.selectedOptionsUpdated();\n        this.ready.emit();\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    handleClick(event: MouseEvent) {\n        event.stopPropagation();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        const { activeIndex } = this;\n        if (typeof activeIndex === 'number' && activeIndex > -1) {\n            this.setActiveOption();\n            this.setFocusedOption();\n        } else {\n            this.setDefaultActiveElement();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async getContents(): Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]> {\n        return this.allContents;\n    }\n\n    @Method()\n    async getOptions(): Promise<ValidOptionElements[]> {\n        return this.allOptions;\n    }\n\n    @Method()\n    async handleExternalKeydown(event: KeyboardEvent) {\n        this.externalKeydownHandler(event);\n    }\n\n    @Method()\n    async setActiveElement(index: number) {\n        this.activeIndex = index;\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    @Method()\n    async setDefaultActiveElement() {\n        this.activeIndex = this.getDefaultActiveIndex();\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('selectedOptions')\n    selectedOptionsUpdated() {\n        if (this.multiple) {\n            this.updateMultipleOptionAttrs();\n        } else {\n            this.updateSingleOptionAttrs();\n        }\n    }\n\n    @Watch('showSelected')\n    showSelectedUpdated(showSelected: boolean) {\n        if (showSelected && this.selectedOptions.length === 0) {\n            this.showSelected = false;\n            return;\n        }\n        this.allOptions.forEach(option => {\n            if (!('_multiSelectHidden' in option)) return;\n            option._multiSelectHidden = showSelected ? !option.selected : false;\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get allContents(): (HTMLQ2OptgroupElement | ValidOptionElements)[] {\n        const rootSlot = this.getRootSlot(this.hostElement);\n        const acceptedTags = new Set(['Q2-OPTGROUP', 'Q2-OPTION', 'Q2-DROPDOWN-ITEM']);\n        return rootSlot.filter(element => acceptedTags.has(element.tagName)) as (\n            | HTMLQ2OptgroupElement\n            | ValidOptionElements\n        )[];\n    }\n\n    get allOptions(): ValidOptionElements[] {\n        const contents = this.allContents;\n\n        const extractOptions = (\n            elements: (HTMLQ2OptgroupElement | ValidOptionElements | Element)[]\n        ): ValidOptionElements[] => {\n            return elements.reduce((acc, element) => {\n                if (element.tagName === 'Q2-OPTION' || element.tagName === 'Q2-DROPDOWN-ITEM') {\n                    return (element as ValidOptionElements).separator ? acc : [...acc, element];\n                } else if (element.tagName === 'Q2-OPTGROUP') {\n                    return [...acc, ...extractOptions(Array.from(element.children))];\n                } else {\n                    return acc;\n                }\n            }, []);\n        };\n\n        return extractOptions(contents);\n    }\n\n    get allVisibleOptions(): ValidOptionElements[] {\n        return this.allOptions.filter(\n            option =>\n                !option.hidden &&\n                (!('_multiSelectHidden' in option) || !option._multiSelectHidden) &&\n                !option.disabled &&\n                (!('disabledGroup' in option) || !option.disabledGroup)\n        );\n    }\n\n    adjustActiveOptionAndScroll(numToAdd: number) {\n        this.activeIndex += numToAdd;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    checkOptions() {\n        const { type } = this;\n        if (!type) return;\n        const optionRole = type === 'menu' ? 'menuitem' : 'option';\n        this.allOptions.forEach(option => {\n            option.role = optionRole;\n        });\n    }\n\n    clickHandler = (event: Event) => {\n        const target = event.target as ValidOptionElements;\n        const option = target.closest<ValidOptionElements>(\n            'q2-option:not([separator]):not([separator=true]), q2-dropdown-item:not([separator]):not([separator=true])'\n        );\n        this.selectOption(option);\n        if (this.multiple) return;\n        this.popoverState.emit({ open: false, action: 'select' });\n    };\n\n    /* tslint:disable:cyclomatic-complexity */\n    externalKeydownHandler = (event: KeyboardEvent) => {\n        const { key } = event;\n\n        // Allow modifier-only keys to propagate without being handled\n        const modifierOnlyKeys = ['Shift', 'Control', 'Alt', 'Meta'];\n        if (modifierOnlyKeys.includes(key)) return;\n\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions } = this;\n\n        let nextIndex;\n        switch (key) {\n            case ' ':\n                if (this.searchString) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, true);\n                    break;\n                } else if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'Enter':\n                if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(-1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max((activeIndex || 0) - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min((activeIndex || 0) + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, true);\n                break;\n        }\n    };\n\n    /* tslint:enable:cyclomatic-complexity */\n\n    focusoutHandler = (event: FocusEvent) => {\n        const { relatedTarget } = event as unknown as { relatedTarget: ValidOptionElements };\n        const isInQ2OptionList = this.allOptions.includes(relatedTarget);\n        const isInLightDom = !isInQ2OptionList && this.hostElement.contains(relatedTarget);\n        if (isInQ2OptionList || isInLightDom) {\n            event.stopPropagation();\n        }\n    };\n\n    focusSelectedSibling(option: ValidOptionElements) {\n        const { allVisibleOptions, allOptions } = this;\n        const hasNoSiblings = allVisibleOptions.length < 2;\n        if (hasNoSiblings) {\n            this.showSelected = false;\n            return;\n        }\n\n        const selectedOptionVisibleIndex = allVisibleOptions.indexOf(option);\n        const nextVisibleSiblingIndex = selectedOptionVisibleIndex\n            ? selectedOptionVisibleIndex - 1\n            : selectedOptionVisibleIndex + 1;\n        const nextVisibleSibling = allVisibleOptions[nextVisibleSiblingIndex];\n        const nextSiblingIndex = allOptions.indexOf(nextVisibleSibling);\n\n        this.activeIndex = nextSiblingIndex;\n        this.setFocusedOption();\n        this.scheduledAfterRender.push(() => {\n            if (!('_multiSelectHidden' in option)) return;\n            option._multiSelectHidden = !option.selected;\n        });\n    }\n\n    getDefaultActiveIndex() {\n        const { allOptions } = this;\n        const firstSelected = allOptions.findIndex(element => {\n            return 'selected' in element && element.selected;\n        });\n        if (firstSelected > -1) return firstSelected;\n\n        const firstEnabled = allOptions.findIndex(element => !element.hidden);\n        if (firstEnabled > -1) return firstEnabled;\n\n        return 0;\n    }\n\n    getNextVisibleIndex(direction) {\n        const { allVisibleOptions, allOptions, activeIndex } = this;\n        const activeOption = allOptions[activeIndex];\n        const visibleActiveOptionIndex = allVisibleOptions.indexOf(activeOption);\n        let nextVisibleOptionIndex = visibleActiveOptionIndex + direction;\n\n        if (nextVisibleOptionIndex < 0) {\n            nextVisibleOptionIndex = allVisibleOptions.length - 1;\n        } else if (nextVisibleOptionIndex > allVisibleOptions.length - 1) {\n            nextVisibleOptionIndex = 0;\n        }\n\n        const nextVisibleOption = allVisibleOptions[nextVisibleOptionIndex];\n        return allOptions.indexOf(nextVisibleOption);\n    }\n\n    getRootSlot(element: Element): Element[] {\n        const slot = element.querySelector('slot');\n        const assignedElements = slot?.assignedElements() ?? Array.from(element.children);\n        const hasAnotherSlot = !!assignedElements.length && assignedElements[0].tagName === 'SLOT';\n        if (hasAnotherSlot) {\n            return this.getRootSlot(assignedElements[0]);\n        } else {\n            return assignedElements;\n        }\n    }\n\n    internalKeydownHandler = (event: KeyboardEvent) => {\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions, allVisibleOptions, multiple } = this;\n        const { key, shiftKey } = event;\n\n        let newOption: ValidOptionElements;\n        switch (key) {\n            case ' ':\n                if (this.searchString && !this.multiple) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, false);\n                    break;\n                }\n\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.hostElement.addEventListener(\n                    'tctClick',\n                    () => {\n                        this.popoverState.emit({ open: false, action: 'select' });\n                    },\n                    { once: true }\n                );\n\n                break;\n\n            case 'Enter':\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.hostElement.addEventListener(\n                    'tctClick',\n                    () => {\n                        this.popoverState.emit({ open: false, action: 'select' });\n                    },\n                    { once: true }\n                );\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                const firstVisibleOption = allVisibleOptions[0];\n                const isFirstVisibleOptionActive = firstVisibleOption.active;\n                if (isFirstVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(-1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'ArrowDown':\n                event.preventDefault();\n                const lastVisibleOption = allVisibleOptions[allVisibleOptions.length - 1];\n                const isLastVisibleOptionActive = lastVisibleOption.active;\n                if (isLastVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max(activeIndex - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min(activeIndex + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                if (shiftKey) break;\n                if (this.multiple && this.type === 'listbox') break;\n                if (this.type === 'menu') {\n                    this.popoverState.emit({ open: false, action: 'close' });\n                    break;\n                }\n\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) return;\n                this.selectOption(newOption);\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, false);\n                break;\n        }\n    };\n\n    async openDropdownWithActiveElement(activeIndex: number) {\n        if (this.disabled) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        await waitForNextPaint();\n        this.activeIndex = activeIndex;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    resetTimer() {\n        if (this.searchStringTimer) {\n            clearTimeout(this.searchStringTimer);\n        }\n\n        this.searchStringTimer = window.setTimeout(() => {\n            this.searchString = null;\n        }, 2000);\n    }\n\n    scrollToActiveOption() {\n        const activeOption = this.allOptions[this.activeIndex];\n        if (!activeOption) return;\n        const { scrollX, scrollY } = window;\n        activeOption.scrollIntoView({ block: 'center' });\n        window.scrollTo(scrollX, scrollY);\n    }\n\n    searchAndFocus = (keyValue: string, shouldSelect: boolean) => {\n        // pseudo search in non-searchable select\n        const reorder = () => {\n            this.pivotIndex = this.pivotIndex === undefined ? 0 : (this.activeIndex || 0) + 1;\n            const list = this.allOptions.map((element, index) => ({ element, index }));\n            return [...list.slice(this.pivotIndex), ...list.slice(0, this.pivotIndex)];\n        };\n\n        const buildQueue = () => {\n            const now = new Date();\n            if (now.getTime() - this.keyStore.lastPressedAt.getTime() > 1000) {\n                // empty stored keys if delay > 1s\n                this.keyStore.queue.length = 0;\n            }\n            if (this.keyStore.queue.length !== 1 || this.keyStore.queue[0] !== keyValue) {\n                this.keyStore.queue.push(keyValue);\n            }\n            this.keyStore.lastPressedAt = now;\n        };\n\n        const searchIndex = (list: any[]) => {\n            const keyStr = this.keyStore.queue.join('');\n            const sanitizedKeyStr = sanitizeRegexString(keyStr);\n            return list.find(v => {\n                return (\n                    !v.element.disabled &&\n                    v.element.display &&\n                    (v.element.display.match(new RegExp(`^${sanitizedKeyStr}`, 'i')) ||\n                        v.element.display.replace(/\\s/g, '').match(new RegExp(`^${sanitizedKeyStr}`, 'i')))\n                );\n            });\n        };\n\n        const setFocus = ({ index }) => {\n            if (this.multiple) {\n                // multiple: should open to make sure that which options are selected\n                this.openDropdownWithActiveElement(index);\n            } else {\n                this.activeIndex = index;\n                if (shouldSelect) {\n                    this.selectOption(this.allOptions[index]);\n                    this.popoverState.emit({ open: false, action: 'select' });\n                } else this.setActiveElement(index);\n            }\n        };\n\n        buildQueue();\n        const matched = searchIndex(reorder());\n        if (matched) {\n            setFocus(matched);\n        }\n    };\n\n    searchOptions(key: string, shouldSelect?: boolean) {\n        this.searchString = key;\n        this.searchAndFocus(key, shouldSelect);\n    }\n\n    selectOption(selectedOption: ValidOptionElements) {\n        const { multiple, noSelect, showSelected } = this;\n        if (\n            !selectedOption ||\n            selectedOption.disabled ||\n            ('disabledGroup' in selectedOption && selectedOption.disabledGroup)\n        )\n            return;\n        const selectedValue = selectedOption.value;\n        const displayValue =\n            'display' in selectedOption && selectedOption.display\n                ? selectedOption.display\n                : selectedOption.innerText.trim();\n        const valueObject = {\n            value: selectedValue,\n            display: displayValue,\n        };\n\n        let values: IOptionValue[] = [];\n        if (multiple) {\n            const { selectedOptions } = this;\n            const isAlreadySelected = selectedOptions.find(option => option.value === selectedValue);\n\n            if (isAlreadySelected) {\n                values = selectedOptions.filter(({ value }) => value !== selectedValue);\n            } else {\n                values = [...selectedOptions, valueObject];\n            }\n\n            if (showSelected) this.focusSelectedSibling(selectedOption);\n        } else {\n            values = [valueObject];\n        }\n\n        if (noSelect) this.setActiveElement(null);\n        else this.selectedOptions = values;\n\n        mirrorEmit(this, ['change', 'tctChange'], { value: selectedValue, values });\n    }\n\n    setActiveOption() {\n        const activeIndex = this.activeIndex;\n\n        this.allOptions.forEach((element, elementIndex) => {\n            element.active = activeIndex === elementIndex;\n        });\n    }\n\n    setFocusedOption() {\n        const option = this.allOptions[this.activeIndex];\n        if (!option) return;\n\n        const isOptionVisible = isVisible(option);\n        if (isOptionVisible) option.focus({ preventScroll: true });\n        else nextPaint(() => option.focus({ preventScroll: true }));\n    }\n\n    updateMultipleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValues = selectedOptions.map(({ value }) => value);\n        if (this.noSelect) return;\n        allOptions.forEach(element => {\n            if (!('selected' in element)) return;\n            element.selected = selectedValues.includes(element.value);\n        });\n    }\n\n    updateSingleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValue = selectedOptions[0]?.value || undefined;\n        if (this.noSelect) return;\n        allOptions.forEach(element => {\n            if (!('selected' in element)) return;\n            element.selected = element.value === selectedValue;\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"content\"\n                    ref={el => (this.contentElement = el)}\n                    onFocusout={this.focusoutHandler}\n                >\n                    <div\n                        class=\"options\"\n                        aria-label={loc('tecton.element.optionList.label', [this.label])}\n                        aria-multiselectable={this.type === 'menu' ? undefined : `${!!this.multiple}`}\n                        role={this.type || 'listbox'}\n                        onKeyDown={this.internalKeydownHandler}\n                        onClick={this.clickHandler}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.legacy {\n    &.container {\n        display: none;\n    }\n\n    &.show {\n        display: block;\n        z-index: var-list(--tct-popover-z-index, 50);\n    }\n}\n\n:popover-open,\n.show {\n    position: absolute;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    background: var-list(--tct-popover-background, --app-white, #ffffff);\n    backdrop-filter: var-list(--tct-popover-backdrop-filter, none);\n    color: var-list(--tct-popover-font-color, --t-text, #4d4d4d);\n    min-width: var-list(--tct-popover-min-width, 135px);\n    margin-block: var-list(--tct-popover-margin-block, 0);\n    box-shadow: var-list(\n        --tct-popover-box-shadow,\n        --app-shadow-1,\n        unquote('0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)')\n    );\n    border-width: var-list(--tct-popover-border-width, 0);\n    border-style: solid;\n    border-color: var-list(--tct-popover-border-color, transparent);\n    border-radius: var-list(--tct-popover-border-radius, 0);\n    // the --comp variables are set via JS\n    max-height: var(--comp-pop-max-height);\n    left: var(--comp-pop-left);\n    opacity: var(--comp-pop-opacity, 0);\n\n    &.block {\n        right: unset;\n        width: var(--comp-pop-width);\n        min-width: var-list(--tct-popover-min-width, unset);\n    }\n\n    &.left {\n        left: var(--comp-pop-left);\n        right: unset;\n    }\n\n    &.right {\n        right: var(--comp-pop-right);\n        left: unset;\n    }\n\n    &.down {\n        top: var-list(--tct-popover-top, --comp-pop-top);\n        bottom: unset;\n    }\n\n    &.up {\n        top: unset;\n        bottom: var(--comp-pop-bottom);\n    }\n\n    @include tiny-scrollbar();\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n","import {\n    Component,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    Watch,\n    Method,\n    Listen,\n    EventEmitter,\n    Event,\n    State,\n} from '@stencil/core';\nimport { handleDeprecationWarning, waitForNextPaint, isMobile, isInScrollableContainer } from '../../utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * ***********\n * * WARNING *\n * ***********\n * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.\n *\n * Each of the following Scenarios must be tested on each Device, in each Environment.\n *\n * Scenarios:\n * - Q2 Select searchable\n * - Q2 Select non-searchable\n *\n * Orientations:\n * - Portrait\n * - Landscape\n *\n * Devices:\n * - iOS Safari\n * - Android Chrome\n * - MacOS Safari\n * - Chrome\n * - Firefox\n *\n * Environments:\n * - Standard (Outside of Iframe)\n * - SDK Extension (Inside of Iframe)\n */\n\n/**\n * @name Popover\n * @category Display\n * @summary Use for positioning floating content relative to a trigger element.\n */\n@Component({ tag: 'q2-popover', shadow: true, styleUrl: 'q2-popover.scss' })\nexport class Q2Popover implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLDivElement;\n    contentElement: HTMLDivElement;\n    /**\n     * The number of pixels to leave between the popover and the edge of the viewport\n     */\n    displayBuffer = 10;\n    orientationChanged: boolean = false;\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    currentDirection: 'down' | 'up' = undefined;\n\n    // remove `show` when we transitiong fully to Popover API and get rid of 'legacy' mode\n    @State()\n    show: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Aligns the popover to the left or right side of the control element. */\n    @Prop({ reflect: true })\n    align: 'left' | 'right' = 'left';\n\n    /** Indicates the popover will match the width of its parent element. */\n    @Prop({ reflect: true })\n    block: boolean;\n\n    /** The element that controls the popover's behavior. */\n    @Prop()\n    controlElement: HTMLElement;\n\n    /**\n     * Force the direction of the popover when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ reflect: true })\n    direction: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    maxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    minHeight: number;\n\n    @Prop()\n    mode: 'legacy' = null;\n\n    /** Controls whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the popover is opened or closed.\n     * @deprecated Use 'tctPopoverStateChanged' instead\n     */\n    @Event()\n    popoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    /**\n     * Emitted when the popover is opened or closed.\n     */\n    @Event()\n    tctPopoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeViewportListeners();\n        this.containerElement.removeEventListener('toggle', this.handlePopoverToggleEvent);\n        this.containerElement = null;\n        this.contentElement = null;\n        this.controlElement = null;\n    }\n\n    componentWillLoad() {\n        if (!this.supportsPopoverAPI) {\n            console.warn(\n                'The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.'\n            );\n            this.mode = 'legacy';\n        }\n    }\n\n    componentDidLoad() {\n        this.handleMinHeight();\n        if (this.supportsPopoverAPI) this.containerElement.addEventListener('toggle', this.handlePopoverToggleEvent);\n        if (this.open) this.determinePopDirection();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('popoverState')\n    popoverStateHandler(event: CustomEvent<{ open: boolean }>) {\n        const {\n            detail: { open },\n        } = event;\n        if (open === this.open) return;\n\n        this.open = open;\n        event.stopPropagation();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async scrollContainerTo(options: ScrollToOptions) {\n        this.containerElement.scrollTo(options);\n    }\n\n    @Method()\n    async toggle() {\n        this.open = !this.open;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('minHeight')\n    minHeightProvided() {\n        this.handleMinHeight();\n    }\n\n    @Watch('open')\n    async openChanged(open: boolean) {\n        mirrorEmit(this, ['popoverStateChanged', 'tctPopoverStateChanged'], { open });\n\n        if (open) {\n            this.addViewportListeners();\n            this.determinePopDirection();\n        } else {\n            this.removeViewportListeners();\n            this.currentDirection = undefined;\n            if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n                this.show = false;\n            } else {\n                this.containerElement.hidePopover();\n            }\n\n            await waitForNextPaint();\n            this.clearCSSProperties();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isModule(): boolean {\n        const isIframe = window !== window.top;\n        const hasPlatformDimensions = Object.keys(window.Tecton?.platformDimensions ?? {}).length > 0;\n        return isIframe && hasPlatformDimensions;\n    }\n\n    get providedDirection(): 'up' | 'down' | undefined {\n        const { direction } = this;\n        switch (direction) {\n            case 'up':\n            case 'down':\n                return direction;\n            default:\n                return undefined;\n        }\n    }\n\n    get supportsPopoverAPI(): boolean {\n        return Object.hasOwn(HTMLElement.prototype, 'popover');\n    }\n\n    get validatedMaxHeight(): number | undefined {\n        const { maxHeight } = this;\n        return isNaN(maxHeight) ? undefined : maxHeight;\n    }\n\n    addViewportListeners() {\n        window.addEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.addEventListener('resize', this.viewPortChanged);\n        if (isInScrollableContainer(this.hostElement) && !isMobile()) {\n            window.addEventListener('scroll', this.viewPortChanged, { passive: true, capture: true });\n        }\n        screen?.orientation?.addEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.addEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    clearCSSProperties() {\n        this.containerElement.style.removeProperty('--comp-pop-max-height');\n        this.containerElement.style.removeProperty('--comp-pop-top');\n        this.containerElement.style.removeProperty('--comp-pop-bottom');\n        this.containerElement.style.removeProperty('--comp-pop-left');\n        this.containerElement.style.removeProperty('--comp-pop-right');\n        this.containerElement.style.removeProperty('--comp-pop-width');\n        this.containerElement.style.removeProperty('--comp-pop-opacity');\n    }\n\n    async determinePopDirection() {\n        const { containerElement, controlElement, providedDirection, displayBuffer } = this;\n        if (containerElement) containerElement.style.maxHeight = null;\n        await waitForNextPaint();\n\n        const { isModule } = this;\n        const { top: controlTop, bottom: controlBottom } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n        };\n\n        let windowHeight: number;\n        let maxSpaceAbove: number;\n        let maxSpaceBelow: number;\n        if (isModule) {\n            const {\n                outletOffset = 0,\n                innerHeight = window.innerHeight,\n                top: topBarHeight = 0,\n                bottom: bottomBarHeight = 0,\n            } = window.Tecton?.platformDimensions || {};\n\n            const distanceToIframeBottom = window.innerHeight - controlBottom;\n\n            // controlElement position visually on the page\n            const visualControlTop = outletOffset > 0 ? controlTop : controlTop + outletOffset - topBarHeight;\n            const visualControlBottom = outletOffset + controlBottom - topBarHeight;\n\n            // visual space around the controlElement\n            const viewableSpaceAbove = visualControlTop;\n            const viewableSpaceBelow = innerHeight - bottomBarHeight - visualControlBottom;\n\n            // calculate space above and below controlElement\n            const isIframeShorterThanWindow = distanceToIframeBottom < viewableSpaceBelow;\n            maxSpaceAbove = viewableSpaceAbove - displayBuffer;\n            maxSpaceBelow = isIframeShorterThanWindow\n                ? distanceToIframeBottom - displayBuffer\n                : viewableSpaceBelow - displayBuffer;\n        } else {\n            windowHeight = window.innerHeight;\n            maxSpaceAbove = controlTop - displayBuffer;\n            maxSpaceBelow = windowHeight - controlBottom - displayBuffer;\n        }\n\n        const directionWithMostSpace: 'up' | 'down' = maxSpaceAbove > maxSpaceBelow ? 'up' : 'down';\n\n        // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)\n        const shouldUpdateMaxHeight =\n            !containerElement.style.getPropertyValue('--comp-pop-max-height') || this.orientationChanged;\n        // we do not want to constantly update the max-height after an orientation change, so we switch this back to false\n        this.orientationChanged = false;\n        const currentOrDetermineDirection = this.currentDirection || providedDirection || directionWithMostSpace;\n\n        switch (currentOrDetermineDirection) {\n            case 'up':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceAbove;\n                    const maxHeight = Math.min(maxSpaceAbove, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('up');\n                break;\n            case 'down':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceBelow;\n                    const maxHeight = Math.min(maxSpaceBelow, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('down');\n                break;\n            default:\n                break;\n        }\n    }\n\n    handleMinHeight = () => {\n        if (this.minHeight) {\n            handleDeprecationWarning(this, 'minHeight', 'prop');\n        }\n    };\n\n    handlePopoverToggleEvent = (event: ToggleEvent) => {\n        mirrorEmit(this, ['popoverStateChanged', 'tctPopoverStateChanged'], { open: event.newState === 'open' });\n    };\n\n    removeViewportListeners() {\n        window.removeEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.removeEventListener('resize', this.viewPortChanged);\n        window.removeEventListener('scroll', this.viewPortChanged, { capture: true });\n        screen?.orientation?.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    setAbsoluteCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, align } = this;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', '0');\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', '0');\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) {\n            containerElement.style.setProperty('--comp-pop-width', '100%');\n        }\n\n        if (currentDirection === 'up') {\n            const controlStyle = getComputedStyle(controlElement);\n            const controlSize =\n                parseInt(controlStyle.height || '0') +\n                parseInt(controlStyle.borderTopWidth || '0') +\n                parseInt(controlStyle.borderBottomWidth || '0');\n\n            containerElement.style.setProperty('--comp-pop-bottom', `${controlSize}px`);\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    setDirectionAndShow(direction: 'up' | 'down') {\n        // Due to some runtime inconsistency across devices/browsers we need to add one more check here because the\n        // popover can be closed between the time the popover is opened and the time the direction is determined\n        const isOpen = this.open;\n        if (!isOpen) return;\n\n        this.currentDirection = direction;\n        if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n            this.show = true;\n            this.setAbsoluteCSSProperties();\n        } else {\n            this.setPopoverAPICSSProperties();\n            this.containerElement.showPopover();\n        }\n    }\n\n    setPopoverAPICSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, isModule, align } = this;\n        const {\n            top: controlTop,\n            bottom: controlBottom,\n            left: controlLeft,\n            right: controlRight,\n        } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n        };\n\n        const popoverLeft: number = controlLeft;\n        const popoverRight: number = window?.visualViewport?.width - controlRight;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', `${popoverRight - window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', `${popoverLeft + window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) containerElement.style.setProperty('--comp-pop-width', `${controlElement?.offsetWidth || 0}px`);\n\n        if (currentDirection === 'up') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-bottom', `${window.innerHeight - controlTop}px`);\n            } else {\n                containerElement.style.setProperty(\n                    '--comp-pop-bottom',\n                    `${window.innerHeight - controlTop - window.scrollY}px`\n                );\n            }\n        }\n\n        if (currentDirection === 'down') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-top', `${controlBottom}px`);\n            } else {\n                containerElement.style.setProperty('--comp-pop-top', `${controlBottom + window.scrollY}px`);\n            }\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    viewPortChanged = () => {\n        if (!this.open) return;\n        this.determinePopDirection();\n    };\n\n    viewPortOrientationChanged = () => {\n        this.orientationChanged = true;\n        this.viewPortChanged();\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const containerClasses = ['container', this.currentDirection, this.align];\n        if (this.show) containerClasses.push('show');\n        if (this.block) containerClasses.push('block');\n        if (this.mode === 'legacy') containerClasses.push('legacy');\n\n        return (\n            <div\n                ref={el => (this.containerElement = el)}\n                class={containerClasses.join(' ')}\n                test-id=\"outerContainer\"\n                tabIndex={-1}\n                popover=\"manual\"\n            >\n                <div\n                    ref={el => (this.contentElement = el)}\n                    class=\"content\"\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["sanitizeRegexString","regexString","replace","q2OptionListCss","Q2OptionList","constructor","hostRef","this","keyStore","queue","lastPressedAt","Date","scheduledAfterRender","label","loc","selectedOptions","type","clickHandler","event","target","option","closest","selectOption","multiple","popoverState","emit","open","action","externalKeydownHandler","key","modifierOnlyKeys","includes","stopPropagation","activeIndex","customSearch","allOptions","nextIndex","searchString","searchOptions","openDropdownWithActiveElement","setDefaultActiveElement","nextPaint","preventDefault","length","getDefaultActiveIndex","getNextVisibleIndex","Math","max","min","noSelect","setActiveElement","match","focusoutHandler","relatedTarget","isInQ2OptionList","isInLightDom","hostElement","contains","internalKeydownHandler","allVisibleOptions","shiftKey","newOption","find","element","active","disabled","addEventListener","once","firstVisibleOption","isFirstVisibleOptionActive","undefined","adjustActiveOptionAndScroll","lastVisibleOption","isLastVisibleOptionActive","searchAndFocus","keyValue","shouldSelect","reorder","pivotIndex","list","map","index","slice","buildQueue","now","getTime","push","searchIndex","keyStr","join","sanitizedKeyStr","v","display","RegExp","setFocus","matched","componentWillLoad","hasValidAncestor","hasOptions","querySelectorAll","componentDidLoad","overrideFocus","checkOptions","selectedOptionsUpdated","ready","componentDidRender","forEach","fn","handleClick","delegateFocus","isEventFromElement","setActiveOption","setFocusedOption","getContents","allContents","getOptions","handleExternalKeydown","updateMultipleOptionAttrs","updateSingleOptionAttrs","showSelectedUpdated","showSelected","_multiSelectHidden","selected","rootSlot","getRootSlot","acceptedTags","Set","filter","has","tagName","contents","extractOptions","elements","reduce","acc","separator","Array","from","children","hidden","disabledGroup","numToAdd","scrollToActiveOption","optionRole","role","focusSelectedSibling","hasNoSiblings","selectedOptionVisibleIndex","indexOf","nextVisibleSiblingIndex","nextVisibleSibling","nextSiblingIndex","firstSelected","findIndex","firstEnabled","direction","activeOption","visibleActiveOptionIndex","nextVisibleOptionIndex","nextVisibleOption","slot","querySelector","assignedElements","_a","hasAnotherSlot","waitForNextPaint","resetTimer","searchStringTimer","clearTimeout","window","setTimeout","scrollX","scrollY","scrollIntoView","block","scrollTo","selectedOption","selectedValue","value","displayValue","innerText","trim","valueObject","values","isAlreadySelected","mirrorEmit","elementIndex","isOptionVisible","isVisible","focus","preventScroll","selectedValues","render","h","Host","class","ref","el","contentElement","onFocusout","onKeyDown","onClick","q2PopoverCss","Q2Popover","displayBuffer","orientationChanged","currentDirection","show","align","mode","handleMinHeight","minHeight","handleDeprecationWarning","handlePopoverToggleEvent","newState","setAbsoluteCSSProperties","async","controlElement","containerElement","style","setProperty","controlStyle","getComputedStyle","controlSize","parseInt","height","borderTopWidth","borderBottomWidth","setPopoverAPICSSProperties","isModule","top","controlTop","bottom","controlBottom","left","controlLeft","right","controlRight","_b","getBoundingClientRect","call","popoverLeft","popoverRight","_c","visualViewport","width","offsetWidth","innerHeight","viewPortChanged","determinePopDirection","viewPortOrientationChanged","disconnectedCallback","removeViewportListeners","removeEventListener","supportsPopoverAPI","console","warn","popoverStateHandler","detail","scrollContainerTo","options","toggle","minHeightProvided","openChanged","addViewportListeners","hidePopover","clearCSSProperties","isIframe","hasPlatformDimensions","Object","keys","Tecton","platformDimensions","providedDirection","hasOwn","HTMLElement","prototype","validatedMaxHeight","maxHeight","isNaN","isInScrollableContainer","isMobile","passive","capture","screen","orientation","removeProperty","windowHeight","maxSpaceAbove","maxSpaceBelow","outletOffset","topBarHeight","bottomBarHeight","distanceToIframeBottom","visualControlTop","visualControlBottom","viewableSpaceAbove","viewableSpaceBelow","isIframeShorterThanWindow","directionWithMostSpace","shouldUpdateMaxHeight","getPropertyValue","currentOrDetermineDirection","priorityMaxHeight","setDirectionAndShow","isOpen","showPopover","containerClasses","tabIndex","popover"],"sources":["src/utils/sanitize-regex-string.ts","src/components/q2-option-list/q2-option-list.scss?tag=q2-option-list&encapsulation=shadow","src/components/q2-option-list/q2-option-list.tsx","src/components/q2-popover/q2-popover.scss?tag=q2-popover&encapsulation=shadow","src/components/q2-popover/q2-popover.tsx"],"sourcesContent":["export default function sanitizeRegexString(regexString: string) {\n    return regexString.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    position: relative;\n    width: 100%;\n    display: block;\n    line-height: var-list(var-prefixer(option-list-line-height),--app-line-height, 1.428571429em);\n}\n\n.content {\n    text-align: start;\n\n    :host([is-sizeable]) & {\n        display: block;\n        height: auto;\n    }\n}\n","import { hasValidAncestor } from '@/utils/component';\nimport sanitizeRegexString from '@/utils/sanitize-regex-string';\nimport {\n    Component,\n    Prop,\n    h,\n    Event,\n    State,\n    Element,\n    ComponentInterface,\n    Host,\n    EventEmitter,\n    Method,\n    Watch,\n    Listen,\n} from '@stencil/core';\nimport { isEventFromElement, isVisible, loc, nextPaint, overrideFocus, waitForNextPaint } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\nexport interface IOptionValue {\n    value: string;\n    display?: string;\n}\n\nexport type ValidOptionElements = HTMLQ2OptionElement | HTMLQ2DropdownItemElement;\n\n/**\n * @name Option List\n * @category Forms\n * @summary Use internally by Select and Dropdown for rendering searchable option lists.\n */\n@Component({ tag: 'q2-option-list', shadow: true, styleUrl: 'q2-option-list.scss' })\nexport class Q2OptionList implements ComponentInterface {\n    // #region Own Properties\n\n    activeIndex: number;\n    contentElement: HTMLElement;\n    keyStore: {\n        queue: string[];\n        lastPressedAt: Date;\n    } = {\n        queue: [],\n        lastPressedAt: new Date(),\n    };\n    pivotIndex: number;\n    scheduledAfterRender: (() => void)[] = [];\n    searchString: string;\n    searchStringTimer: number;\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    hasOptions: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    align: 'left' | 'right';\n\n    /** Indicates a custom search is being implemented for the option list. */\n    @Prop({ reflect: true })\n    customSearch: boolean;\n\n    /** Disables the option list. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    label: string = loc('tecton.element.optionList.label');\n\n    /**\n     * Enables the multi-select ability for the option list.\n     * @info\n     * Only applicable when options are provided.\n     */\n    @Prop({ reflect: true })\n    multiple: boolean;\n\n    /** Disables the logic that handles selecting and focusing an option in the option list. */\n    @Prop({ reflect: true })\n    noSelect: boolean;\n\n    /** A list of the selected options on the element. */\n    @Prop({ mutable: true })\n    selectedOptions: IOptionValue[] = [];\n\n    /** Applies focus to the selected option. */\n    @Prop({ reflect: true, mutable: true })\n    showSelected: boolean;\n\n    /** Translates to the role of the option list */\n    @Prop()\n    type: 'menu' | 'listbox' = 'listbox';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when an option is selected or deselected.\n     *\n     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\n     * will contain the selected option values.\n     * @deprecated Use 'tctChange' instead\n     */\n    @Event()\n    change: EventEmitter<{ value: string; values: IOptionValue[] }>;\n\n    /**\n     * Emitted to indicate the intended state of the popover.\n     * @private\n     */\n    @Event()\n    popoverState: EventEmitter<{ open: boolean; action: 'close' | 'select' | 'open' }>;\n\n    /**\n     * Emitted when the component has finished rendering.\n     * @private\n     */\n    @Event({ bubbles: false })\n    ready: EventEmitter<undefined>;\n\n    /**\n     * Emitted when an option is selected or deselected.\n     *\n     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\n     * will contain the selected option values.\n     */\n    @Event()\n    tctChange: EventEmitter<{ value: string; values: IOptionValue[] }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        hasValidAncestor(this.hostElement, 'q2-select, q2-dropdown, q2-pill, q2-popover, q2-action-sheet');\n        this.hasOptions = !!this.hostElement.querySelectorAll(\n            'q2-option:not([separator]):not([separator=true]), q2-dropdown-item:not([separator]):not([separator=true])'\n        ).length;\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n        this.checkOptions();\n        this.selectedOptionsUpdated();\n        this.ready.emit();\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    handleClick(event: MouseEvent) {\n        event.stopPropagation();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        const { activeIndex } = this;\n        if (typeof activeIndex === 'number' && activeIndex > -1) {\n            this.setActiveOption();\n            this.setFocusedOption();\n        } else {\n            this.setDefaultActiveElement();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async getContents(): Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]> {\n        return this.allContents;\n    }\n\n    @Method()\n    async getOptions(): Promise<ValidOptionElements[]> {\n        return this.allOptions;\n    }\n\n    @Method()\n    async handleExternalKeydown(event: KeyboardEvent) {\n        this.externalKeydownHandler(event);\n    }\n\n    @Method()\n    async setActiveElement(index: number) {\n        this.activeIndex = index;\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    @Method()\n    async setDefaultActiveElement() {\n        this.activeIndex = this.getDefaultActiveIndex();\n        this.setActiveOption();\n        this.setFocusedOption();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('selectedOptions')\n    selectedOptionsUpdated() {\n        if (this.multiple) {\n            this.updateMultipleOptionAttrs();\n        } else {\n            this.updateSingleOptionAttrs();\n        }\n    }\n\n    @Watch('showSelected')\n    showSelectedUpdated(showSelected: boolean) {\n        if (showSelected && this.selectedOptions.length === 0) {\n            this.showSelected = false;\n            return;\n        }\n        this.allOptions.forEach(option => {\n            if (!('_multiSelectHidden' in option)) return;\n            option._multiSelectHidden = showSelected ? !option.selected : false;\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get allContents(): (HTMLQ2OptgroupElement | ValidOptionElements)[] {\n        const rootSlot = this.getRootSlot(this.hostElement);\n        const acceptedTags = new Set(['Q2-OPTGROUP', 'Q2-OPTION', 'Q2-DROPDOWN-ITEM']);\n        return rootSlot.filter(element => acceptedTags.has(element.tagName)) as (\n            | HTMLQ2OptgroupElement\n            | ValidOptionElements\n        )[];\n    }\n\n    get allOptions(): ValidOptionElements[] {\n        const contents = this.allContents;\n\n        const extractOptions = (\n            elements: (HTMLQ2OptgroupElement | ValidOptionElements | Element)[]\n        ): ValidOptionElements[] => {\n            return elements.reduce((acc, element) => {\n                if (element.tagName === 'Q2-OPTION' || element.tagName === 'Q2-DROPDOWN-ITEM') {\n                    return (element as ValidOptionElements).separator ? acc : [...acc, element];\n                } else if (element.tagName === 'Q2-OPTGROUP') {\n                    return [...acc, ...extractOptions(Array.from(element.children))];\n                } else {\n                    return acc;\n                }\n            }, []);\n        };\n\n        return extractOptions(contents);\n    }\n\n    get allVisibleOptions(): ValidOptionElements[] {\n        return this.allOptions.filter(\n            option =>\n                !option.hidden &&\n                (!('_multiSelectHidden' in option) || !option._multiSelectHidden) &&\n                !option.disabled &&\n                (!('disabledGroup' in option) || !option.disabledGroup)\n        );\n    }\n\n    adjustActiveOptionAndScroll(numToAdd: number) {\n        this.activeIndex += numToAdd;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    checkOptions() {\n        const { type } = this;\n        if (!type) return;\n        const optionRole = type === 'menu' ? 'menuitem' : 'option';\n        this.allOptions.forEach(option => {\n            option.role = optionRole;\n        });\n    }\n\n    clickHandler = (event: Event) => {\n        const target = event.target as ValidOptionElements;\n        const option = target.closest<ValidOptionElements>(\n            'q2-option:not([separator]):not([separator=true]), q2-dropdown-item:not([separator]):not([separator=true])'\n        );\n        this.selectOption(option);\n        if (this.multiple) return;\n        this.popoverState.emit({ open: false, action: 'select' });\n    };\n\n    /* tslint:disable:cyclomatic-complexity */\n    externalKeydownHandler = (event: KeyboardEvent) => {\n        const { key } = event;\n\n        // Allow modifier-only keys to propagate without being handled\n        const modifierOnlyKeys = ['Shift', 'Control', 'Alt', 'Meta'];\n        if (modifierOnlyKeys.includes(key)) return;\n\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions } = this;\n\n        let nextIndex;\n        switch (key) {\n            case ' ':\n                if (this.searchString) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, true);\n                    break;\n                } else if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'Enter':\n                if (this.type === 'menu') {\n                    this.activeIndex = 0;\n                    this.openDropdownWithActiveElement(0);\n                } else {\n                    this.setDefaultActiveElement();\n                    nextPaint(() => this.popoverState.emit({ open: true, action: 'open' }));\n                }\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(-1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                nextIndex = !!this.selectedOptions.length ? this.getDefaultActiveIndex() : this.getNextVisibleIndex(1);\n                if (nextIndex === -1) break;\n                this.openDropdownWithActiveElement(nextIndex);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max((activeIndex || 0) - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min((activeIndex || 0) + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, true);\n                break;\n        }\n    };\n\n    /* tslint:enable:cyclomatic-complexity */\n\n    focusoutHandler = (event: FocusEvent) => {\n        const { relatedTarget } = event as unknown as { relatedTarget: ValidOptionElements };\n        const isInQ2OptionList = this.allOptions.includes(relatedTarget);\n        const isInLightDom = !isInQ2OptionList && this.hostElement.contains(relatedTarget);\n        if (isInQ2OptionList || isInLightDom) {\n            event.stopPropagation();\n        }\n    };\n\n    focusSelectedSibling(option: ValidOptionElements) {\n        const { allVisibleOptions, allOptions } = this;\n        const hasNoSiblings = allVisibleOptions.length < 2;\n        if (hasNoSiblings) {\n            this.showSelected = false;\n            return;\n        }\n\n        const selectedOptionVisibleIndex = allVisibleOptions.indexOf(option);\n        const nextVisibleSiblingIndex = selectedOptionVisibleIndex\n            ? selectedOptionVisibleIndex - 1\n            : selectedOptionVisibleIndex + 1;\n        const nextVisibleSibling = allVisibleOptions[nextVisibleSiblingIndex];\n        const nextSiblingIndex = allOptions.indexOf(nextVisibleSibling);\n\n        this.activeIndex = nextSiblingIndex;\n        this.setFocusedOption();\n        this.scheduledAfterRender.push(() => {\n            if (!('_multiSelectHidden' in option)) return;\n            option._multiSelectHidden = !option.selected;\n        });\n    }\n\n    getDefaultActiveIndex() {\n        const { allOptions } = this;\n        const firstSelected = allOptions.findIndex(element => {\n            return 'selected' in element && element.selected;\n        });\n        if (firstSelected > -1) return firstSelected;\n\n        const firstEnabled = allOptions.findIndex(element => !element.hidden);\n        if (firstEnabled > -1) return firstEnabled;\n\n        return 0;\n    }\n\n    getNextVisibleIndex(direction) {\n        const { allVisibleOptions, allOptions, activeIndex } = this;\n        const activeOption = allOptions[activeIndex];\n        const visibleActiveOptionIndex = allVisibleOptions.indexOf(activeOption);\n        let nextVisibleOptionIndex = visibleActiveOptionIndex + direction;\n\n        if (nextVisibleOptionIndex < 0) {\n            nextVisibleOptionIndex = allVisibleOptions.length - 1;\n        } else if (nextVisibleOptionIndex > allVisibleOptions.length - 1) {\n            nextVisibleOptionIndex = 0;\n        }\n\n        const nextVisibleOption = allVisibleOptions[nextVisibleOptionIndex];\n        return allOptions.indexOf(nextVisibleOption);\n    }\n\n    getRootSlot(element: Element): Element[] {\n        const slot = element.querySelector('slot');\n        const assignedElements = slot?.assignedElements() ?? Array.from(element.children);\n        const hasAnotherSlot = !!assignedElements.length && assignedElements[0].tagName === 'SLOT';\n        if (hasAnotherSlot) {\n            return this.getRootSlot(assignedElements[0]);\n        } else {\n            return assignedElements;\n        }\n    }\n\n    internalKeydownHandler = (event: KeyboardEvent) => {\n        event.stopPropagation();\n        const { activeIndex, customSearch, allOptions, allVisibleOptions, multiple } = this;\n        const { key, shiftKey } = event;\n\n        let newOption: ValidOptionElements;\n        switch (key) {\n            case ' ':\n                if (this.searchString && !this.multiple) {\n                    if (customSearch) break;\n\n                    this.searchOptions(key, false);\n                    break;\n                }\n\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.hostElement.addEventListener(\n                    'tctClick',\n                    () => {\n                        this.popoverState.emit({ open: false, action: 'select' });\n                    },\n                    { once: true }\n                );\n\n                break;\n\n            case 'Enter':\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) break;\n                this.selectOption(newOption);\n                if (multiple) break;\n                this.hostElement.addEventListener(\n                    'tctClick',\n                    () => {\n                        this.popoverState.emit({ open: false, action: 'select' });\n                    },\n                    { once: true }\n                );\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                const firstVisibleOption = allVisibleOptions[0];\n                const isFirstVisibleOptionActive = firstVisibleOption.active;\n                if (isFirstVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(-1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'ArrowDown':\n                event.preventDefault();\n                const lastVisibleOption = allVisibleOptions[allVisibleOptions.length - 1];\n                const isLastVisibleOptionActive = lastVisibleOption.active;\n                if (isLastVisibleOptionActive) break;\n                if (activeIndex === undefined) {\n                    this.setDefaultActiveElement();\n                    break;\n                } else {\n                    const nextIndex = this.getNextVisibleIndex(1);\n                    if (nextIndex === -1) break;\n                    this.adjustActiveOptionAndScroll(nextIndex - activeIndex);\n                    break;\n                }\n\n            case 'Home':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(allOptions.length - 1);\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.max(activeIndex - 10, 0));\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                this.openDropdownWithActiveElement(Math.min(activeIndex + 10, allOptions.length - 1));\n                break;\n\n            case 'Tab':\n                if (shiftKey) break;\n                if (this.multiple && this.type === 'listbox') break;\n                if (this.type === 'menu') {\n                    this.popoverState.emit({ open: false, action: 'close' });\n                    break;\n                }\n\n                newOption = allOptions.find(element => element.active);\n                if (!newOption || newOption.disabled) return;\n                this.selectOption(newOption);\n                break;\n\n            case 'Esc':\n            case 'Escape':\n                if (this.noSelect) this.setActiveElement(null);\n                this.popoverState.emit({ open: false, action: 'close' });\n                break;\n\n            default:\n                if (customSearch) break;\n                if (!key.match(/^[\\w]$/)) break;\n\n                this.searchOptions(key, false);\n                break;\n        }\n    };\n\n    async openDropdownWithActiveElement(activeIndex: number) {\n        if (this.disabled) return;\n        this.popoverState.emit({ open: true, action: 'open' });\n        await waitForNextPaint();\n        this.activeIndex = activeIndex;\n        this.setActiveOption();\n        this.setFocusedOption();\n        this.scrollToActiveOption();\n    }\n\n    resetTimer() {\n        if (this.searchStringTimer) {\n            clearTimeout(this.searchStringTimer);\n        }\n\n        this.searchStringTimer = window.setTimeout(() => {\n            this.searchString = null;\n        }, 2000);\n    }\n\n    scrollToActiveOption() {\n        const activeOption = this.allOptions[this.activeIndex];\n        if (!activeOption) return;\n        const { scrollX, scrollY } = window;\n        activeOption.scrollIntoView({ block: 'center' });\n        window.scrollTo(scrollX, scrollY);\n    }\n\n    searchAndFocus = (keyValue: string, shouldSelect: boolean) => {\n        // pseudo search in non-searchable select\n        const reorder = () => {\n            this.pivotIndex = this.pivotIndex === undefined ? 0 : (this.activeIndex || 0) + 1;\n            const list = this.allOptions.map((element, index) => ({ element, index }));\n            return [...list.slice(this.pivotIndex), ...list.slice(0, this.pivotIndex)];\n        };\n\n        const buildQueue = () => {\n            const now = new Date();\n            if (now.getTime() - this.keyStore.lastPressedAt.getTime() > 1000) {\n                // empty stored keys if delay > 1s\n                this.keyStore.queue.length = 0;\n            }\n            if (this.keyStore.queue.length !== 1 || this.keyStore.queue[0] !== keyValue) {\n                this.keyStore.queue.push(keyValue);\n            }\n            this.keyStore.lastPressedAt = now;\n        };\n\n        const searchIndex = (list: any[]) => {\n            const keyStr = this.keyStore.queue.join('');\n            const sanitizedKeyStr = sanitizeRegexString(keyStr);\n            return list.find(v => {\n                return (\n                    !v.element.disabled &&\n                    v.element.display &&\n                    (v.element.display.match(new RegExp(`^${sanitizedKeyStr}`, 'i')) ||\n                        v.element.display.replace(/\\s/g, '').match(new RegExp(`^${sanitizedKeyStr}`, 'i')))\n                );\n            });\n        };\n\n        const setFocus = ({ index }) => {\n            if (this.multiple) {\n                // multiple: should open to make sure that which options are selected\n                this.openDropdownWithActiveElement(index);\n            } else {\n                this.activeIndex = index;\n                if (shouldSelect) {\n                    this.selectOption(this.allOptions[index]);\n                    this.popoverState.emit({ open: false, action: 'select' });\n                } else this.setActiveElement(index);\n            }\n        };\n\n        buildQueue();\n        const matched = searchIndex(reorder());\n        if (matched) {\n            setFocus(matched);\n        }\n    };\n\n    searchOptions(key: string, shouldSelect?: boolean) {\n        this.searchString = key;\n        this.searchAndFocus(key, shouldSelect);\n    }\n\n    selectOption(selectedOption: ValidOptionElements) {\n        const { multiple, noSelect, showSelected } = this;\n        if (\n            !selectedOption ||\n            selectedOption.disabled ||\n            ('disabledGroup' in selectedOption && selectedOption.disabledGroup)\n        )\n            return;\n        const selectedValue = selectedOption.value;\n        const displayValue =\n            'display' in selectedOption && selectedOption.display\n                ? selectedOption.display\n                : selectedOption.innerText.trim();\n        const valueObject = {\n            value: selectedValue,\n            display: displayValue,\n        };\n\n        let values: IOptionValue[] = [];\n        if (multiple) {\n            const { selectedOptions } = this;\n            const isAlreadySelected = selectedOptions.find(option => option.value === selectedValue);\n\n            if (isAlreadySelected) {\n                values = selectedOptions.filter(({ value }) => value !== selectedValue);\n            } else {\n                values = [...selectedOptions, valueObject];\n            }\n\n            if (showSelected) this.focusSelectedSibling(selectedOption);\n        } else {\n            values = [valueObject];\n        }\n\n        if (noSelect) this.setActiveElement(null);\n        else this.selectedOptions = values;\n\n        mirrorEmit(this, ['change', 'tctChange'], { value: selectedValue, values });\n    }\n\n    setActiveOption() {\n        const activeIndex = this.activeIndex;\n\n        this.allOptions.forEach((element, elementIndex) => {\n            element.active = activeIndex === elementIndex;\n        });\n    }\n\n    setFocusedOption() {\n        const option = this.allOptions[this.activeIndex];\n        if (!option) return;\n\n        const isOptionVisible = isVisible(option);\n        if (isOptionVisible) option.focus({ preventScroll: true });\n        else nextPaint(() => option.focus({ preventScroll: true }));\n    }\n\n    updateMultipleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValues = selectedOptions.map(({ value }) => value);\n        if (this.noSelect) return;\n        allOptions.forEach(element => {\n            if (!('selected' in element)) return;\n            element.selected = selectedValues.includes(element.value);\n        });\n    }\n\n    updateSingleOptionAttrs() {\n        const { allOptions, selectedOptions } = this;\n        const selectedValue = selectedOptions[0]?.value || undefined;\n        if (this.noSelect) return;\n        allOptions.forEach(element => {\n            if (!('selected' in element)) return;\n            element.selected = element.value === selectedValue;\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"content\"\n                    ref={el => (this.contentElement = el)}\n                    onFocusout={this.focusoutHandler}\n                >\n                    <div\n                        class=\"options\"\n                        aria-label={loc('tecton.element.optionList.label', [this.label])}\n                        aria-multiselectable={this.type === 'menu' ? undefined : `${!!this.multiple}`}\n                        role={this.type || 'listbox'}\n                        onKeyDown={this.internalKeydownHandler}\n                        onClick={this.clickHandler}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.legacy {\n    &.container {\n        display: none;\n    }\n\n    &.show {\n        display: block;\n        z-index: var-list(--tct-popover-z-index, 50);\n    }\n}\n\n:popover-open,\n.show {\n    position: absolute;\n    margin: 0;\n    padding: var-list(--tct-popover-padding, 0);\n    overflow: auto;\n    background: var-list(--tct-popover-background, --app-white, #ffffff);\n    backdrop-filter: var-list(--tct-popover-backdrop-filter, none);\n    color: var-list(--tct-popover-font-color, --t-text, #4d4d4d);\n    min-width: var-list(--tct-popover-min-width, 135px);\n    margin-block: var-list(--tct-popover-margin-block, 0);\n    box-shadow: var-list(\n        --tct-popover-box-shadow,\n        --app-shadow-1,\n        unquote('0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)')\n    );\n    border-width: var-list(--tct-popover-border-width, 0);\n    border-style: solid;\n    border-color: var-list(--tct-popover-border-color, transparent);\n    border-radius: var-list(--tct-popover-border-radius, 0);\n    // the --comp variables are set via JS\n    max-height: var(--comp-pop-max-height);\n    left: var(--comp-pop-left);\n    opacity: var(--comp-pop-opacity, 0);\n\n    &.block {\n        right: unset;\n        width: var(--comp-pop-width);\n        min-width: var-list(--tct-popover-min-width, unset);\n    }\n\n    &.left {\n        left: var(--comp-pop-left);\n        right: unset;\n    }\n\n    &.right {\n        right: var(--comp-pop-right);\n        left: unset;\n    }\n\n    &.down {\n        top: var-list(--tct-popover-top, --comp-pop-top);\n        bottom: unset;\n    }\n\n    &.up {\n        top: unset;\n        bottom: var(--comp-pop-bottom);\n    }\n\n    @include tiny-scrollbar();\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n","import {\n    Component,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    Watch,\n    Method,\n    Listen,\n    EventEmitter,\n    Event,\n    State,\n} from '@stencil/core';\nimport { handleDeprecationWarning, waitForNextPaint, isMobile, isInScrollableContainer } from '../../utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * ***********\n * * WARNING *\n * ***********\n * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.\n *\n * Each of the following Scenarios must be tested on each Device, in each Environment.\n *\n * Scenarios:\n * - Q2 Select searchable\n * - Q2 Select non-searchable\n *\n * Orientations:\n * - Portrait\n * - Landscape\n *\n * Devices:\n * - iOS Safari\n * - Android Chrome\n * - MacOS Safari\n * - Chrome\n * - Firefox\n *\n * Environments:\n * - Standard (Outside of Iframe)\n * - SDK Extension (Inside of Iframe)\n */\n\n/**\n * @name Popover\n * @category Display\n * @summary Use for positioning floating content relative to a trigger element.\n */\n@Component({ tag: 'q2-popover', shadow: true, styleUrl: 'q2-popover.scss' })\nexport class Q2Popover implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLDivElement;\n    contentElement: HTMLDivElement;\n    /**\n     * The number of pixels to leave between the popover and the edge of the viewport\n     */\n    displayBuffer = 10;\n    orientationChanged: boolean = false;\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    currentDirection: 'down' | 'up' = undefined;\n\n    // remove `show` when we transitiong fully to Popover API and get rid of 'legacy' mode\n    @State()\n    show: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Aligns the popover to the left or right side of the control element. */\n    @Prop({ reflect: true })\n    align: 'left' | 'right' = 'left';\n\n    /** Indicates the popover will match the width of its parent element. */\n    @Prop({ reflect: true })\n    block: boolean;\n\n    /** The element that controls the popover's behavior. */\n    @Prop()\n    controlElement: HTMLElement;\n\n    /**\n     * Force the direction of the popover when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ reflect: true })\n    direction: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    maxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    minHeight: number;\n\n    @Prop()\n    mode: 'legacy' = null;\n\n    /** Controls whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the popover is opened or closed.\n     * @deprecated Use 'tctPopoverStateChanged' instead\n     */\n    @Event()\n    popoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    /**\n     * Emitted when the popover is opened or closed.\n     */\n    @Event()\n    tctPopoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeViewportListeners();\n        this.containerElement.removeEventListener('toggle', this.handlePopoverToggleEvent);\n        this.containerElement = null;\n        this.contentElement = null;\n        this.controlElement = null;\n    }\n\n    componentWillLoad() {\n        if (!this.supportsPopoverAPI) {\n            console.warn(\n                'The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.'\n            );\n            this.mode = 'legacy';\n        }\n    }\n\n    componentDidLoad() {\n        this.handleMinHeight();\n        if (this.supportsPopoverAPI) this.containerElement.addEventListener('toggle', this.handlePopoverToggleEvent);\n        if (this.open) this.determinePopDirection();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('popoverState')\n    popoverStateHandler(event: CustomEvent<{ open: boolean }>) {\n        const {\n            detail: { open },\n        } = event;\n        if (open === this.open) return;\n\n        this.open = open;\n        event.stopPropagation();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    @Method()\n    async scrollContainerTo(options: ScrollToOptions) {\n        this.containerElement.scrollTo(options);\n    }\n\n    @Method()\n    async toggle() {\n        this.open = !this.open;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('minHeight')\n    minHeightProvided() {\n        this.handleMinHeight();\n    }\n\n    @Watch('open')\n    async openChanged(open: boolean) {\n        mirrorEmit(this, ['popoverStateChanged', 'tctPopoverStateChanged'], { open });\n\n        if (open) {\n            this.addViewportListeners();\n            this.determinePopDirection();\n        } else {\n            this.removeViewportListeners();\n            this.currentDirection = undefined;\n            if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n                this.show = false;\n            } else {\n                this.containerElement.hidePopover();\n            }\n\n            await waitForNextPaint();\n            this.clearCSSProperties();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isModule(): boolean {\n        const isIframe = window !== window.top;\n        const hasPlatformDimensions = Object.keys(window.Tecton?.platformDimensions ?? {}).length > 0;\n        return isIframe && hasPlatformDimensions;\n    }\n\n    get providedDirection(): 'up' | 'down' | undefined {\n        const { direction } = this;\n        switch (direction) {\n            case 'up':\n            case 'down':\n                return direction;\n            default:\n                return undefined;\n        }\n    }\n\n    get supportsPopoverAPI(): boolean {\n        return Object.hasOwn(HTMLElement.prototype, 'popover');\n    }\n\n    get validatedMaxHeight(): number | undefined {\n        const { maxHeight } = this;\n        return isNaN(maxHeight) ? undefined : maxHeight;\n    }\n\n    addViewportListeners() {\n        window.addEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.addEventListener('resize', this.viewPortChanged);\n        if (isInScrollableContainer(this.hostElement) && !isMobile()) {\n            window.addEventListener('scroll', this.viewPortChanged, { passive: true, capture: true });\n        }\n        screen?.orientation?.addEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.addEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    clearCSSProperties() {\n        this.containerElement.style.removeProperty('--comp-pop-max-height');\n        this.containerElement.style.removeProperty('--comp-pop-top');\n        this.containerElement.style.removeProperty('--comp-pop-bottom');\n        this.containerElement.style.removeProperty('--comp-pop-left');\n        this.containerElement.style.removeProperty('--comp-pop-right');\n        this.containerElement.style.removeProperty('--comp-pop-width');\n        this.containerElement.style.removeProperty('--comp-pop-opacity');\n    }\n\n    async determinePopDirection() {\n        const { containerElement, controlElement, providedDirection, displayBuffer } = this;\n        if (containerElement) containerElement.style.maxHeight = null;\n        await waitForNextPaint();\n\n        const { isModule } = this;\n        const { top: controlTop, bottom: controlBottom } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n        };\n\n        let windowHeight: number;\n        let maxSpaceAbove: number;\n        let maxSpaceBelow: number;\n        if (isModule) {\n            const {\n                outletOffset = 0,\n                innerHeight = window.innerHeight,\n                top: topBarHeight = 0,\n                bottom: bottomBarHeight = 0,\n            } = window.Tecton?.platformDimensions || {};\n\n            const distanceToIframeBottom = window.innerHeight - controlBottom;\n\n            // controlElement position visually on the page\n            const visualControlTop = outletOffset > 0 ? controlTop : controlTop + outletOffset - topBarHeight;\n            const visualControlBottom = outletOffset + controlBottom - topBarHeight;\n\n            // visual space around the controlElement\n            const viewableSpaceAbove = visualControlTop;\n            const viewableSpaceBelow = innerHeight - bottomBarHeight - visualControlBottom;\n\n            // calculate space above and below controlElement\n            const isIframeShorterThanWindow = distanceToIframeBottom < viewableSpaceBelow;\n            maxSpaceAbove = viewableSpaceAbove - displayBuffer;\n            maxSpaceBelow = isIframeShorterThanWindow\n                ? distanceToIframeBottom - displayBuffer\n                : viewableSpaceBelow - displayBuffer;\n        } else {\n            windowHeight = window.innerHeight;\n            maxSpaceAbove = controlTop - displayBuffer;\n            maxSpaceBelow = windowHeight - controlBottom - displayBuffer;\n        }\n\n        const directionWithMostSpace: 'up' | 'down' = maxSpaceAbove > maxSpaceBelow ? 'up' : 'down';\n\n        // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)\n        const shouldUpdateMaxHeight =\n            !containerElement.style.getPropertyValue('--comp-pop-max-height') || this.orientationChanged;\n        // we do not want to constantly update the max-height after an orientation change, so we switch this back to false\n        this.orientationChanged = false;\n        const currentOrDetermineDirection = this.currentDirection || providedDirection || directionWithMostSpace;\n\n        switch (currentOrDetermineDirection) {\n            case 'up':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceAbove;\n                    const maxHeight = Math.min(maxSpaceAbove, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('up');\n                break;\n            case 'down':\n                if (shouldUpdateMaxHeight) {\n                    const priorityMaxHeight = this.validatedMaxHeight || maxSpaceBelow;\n                    const maxHeight = Math.min(maxSpaceBelow, priorityMaxHeight);\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxHeight}px`);\n                }\n                this.setDirectionAndShow('down');\n                break;\n            default:\n                break;\n        }\n    }\n\n    handleMinHeight = () => {\n        if (this.minHeight) {\n            handleDeprecationWarning(this, 'minHeight', 'prop');\n        }\n    };\n\n    handlePopoverToggleEvent = (event: ToggleEvent) => {\n        mirrorEmit(this, ['popoverStateChanged', 'tctPopoverStateChanged'], { open: event.newState === 'open' });\n    };\n\n    removeViewportListeners() {\n        window.removeEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.removeEventListener('resize', this.viewPortChanged);\n        window.removeEventListener('scroll', this.viewPortChanged, { capture: true });\n        screen?.orientation?.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    setAbsoluteCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, align } = this;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', '0');\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', '0');\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) {\n            containerElement.style.setProperty('--comp-pop-width', '100%');\n        }\n\n        if (currentDirection === 'up') {\n            const controlStyle = getComputedStyle(controlElement);\n            const controlSize =\n                parseInt(controlStyle.height || '0') +\n                parseInt(controlStyle.borderTopWidth || '0') +\n                parseInt(controlStyle.borderBottomWidth || '0');\n\n            containerElement.style.setProperty('--comp-pop-bottom', `${controlSize}px`);\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    setDirectionAndShow(direction: 'up' | 'down') {\n        // Due to some runtime inconsistency across devices/browsers we need to add one more check here because the\n        // popover can be closed between the time the popover is opened and the time the direction is determined\n        const isOpen = this.open;\n        if (!isOpen) return;\n\n        this.currentDirection = direction;\n        if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n            this.show = true;\n            this.setAbsoluteCSSProperties();\n        } else {\n            this.setPopoverAPICSSProperties();\n            this.containerElement.showPopover();\n        }\n    }\n\n    setPopoverAPICSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, isModule, align } = this;\n        const {\n            top: controlTop,\n            bottom: controlBottom,\n            left: controlLeft,\n            right: controlRight,\n        } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n        };\n\n        const popoverLeft: number = controlLeft;\n        const popoverRight: number = window?.visualViewport?.width - controlRight;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', `${popoverRight - window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', `${popoverLeft + window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) containerElement.style.setProperty('--comp-pop-width', `${controlElement?.offsetWidth || 0}px`);\n\n        if (currentDirection === 'up') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-bottom', `${window.innerHeight - controlTop}px`);\n            } else {\n                containerElement.style.setProperty(\n                    '--comp-pop-bottom',\n                    `${window.innerHeight - controlTop - window.scrollY}px`\n                );\n            }\n        }\n\n        if (currentDirection === 'down') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-top', `${controlBottom}px`);\n            } else {\n                containerElement.style.setProperty('--comp-pop-top', `${controlBottom + window.scrollY}px`);\n            }\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    viewPortChanged = () => {\n        if (!this.open) return;\n        this.determinePopDirection();\n    };\n\n    viewPortOrientationChanged = () => {\n        this.orientationChanged = true;\n        this.viewPortChanged();\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const containerClasses = ['container', this.currentDirection, this.align];\n        if (this.show) containerClasses.push('show');\n        if (this.block) containerClasses.push('block');\n        if (this.mode === 'legacy') containerClasses.push('legacy');\n\n        return (\n            <div\n                ref={el => (this.containerElement = el)}\n                class={containerClasses.join(' ')}\n                test-id=\"outerContainer\"\n                tabIndex={-1}\n                popover=\"manual\"\n            >\n                <div\n                    ref={el => (this.contentElement = el)}\n                    class=\"content\"\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/q2-tecton-elements/q2-option.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-option.entry.esm.js","sources":["src/components/q2-option/q2-option.scss?tag=q2-option&encapsulation=shadow","src/components/q2-option/q2-option.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host(:not([separator]):not([separator='false'])) {\n    --comp-padding: #{0 var-list(--app-scale-2x, 10px)};\n    --comp-selected-icon-size: #{var-list(var-prefixer(option-selected-icon-size), --tct-scale-3, --app-scale-3x, 15px)};\n    padding: var-list(var-prefixer(option-padding), --comp-padding);\n    min-height: 44px;\n    align-items: center;\n    cursor: pointer;\n    align-items: center;\n}\n\n:host(:focus),\n:host(:not([separator]):not([separator='false']):hover),\n:host([active]) {\n    position: relative;\n    z-index: 1; // Puts the option above any scroll shadows on the `q2-action-sheet`\n}\n\n:host([multiline]) {\n    --comp-padding: #{var-list(--app-scale-2, 10px) var-list(--app-scale-2, 10px)};\n    --comp-selected-icon-size: #{var-list(\n            var-prefixer(option-selected-multiline-icon-size),\n            var-prefixer(option-selected-icon-size),\n            26px\n        )};\n}\n\n:host([_hide-selected-block]:not([_hide-selected-block='false'])) {\n    grid-template-columns: 1fr;\n    grid-template-areas: 'content';\n}\n:host(:not([_hide-selected-block])) {\n    grid-template-areas: 'icon content';\n    grid-template-columns:\n        var(--comp-selected-icon-size)\n        1fr;\n    gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n}\n\n:host([aria-disabled]) {\n    cursor: not-allowed;\n    opacity: var-list(--tct-disabled-opacity, --app-disabled-opacity, 0.4);\n    pointer-events: none;\n}\n\n:host([aria-hidden]) {\n    display: none;\n}\n\n:host(:not([hidden]):not([aria-hidden])) {\n    display: grid;\n}\n\n:host(:not([aria-disabled]):not([separator]):not([separator='false']):hover),\n:host([active]),\n:host(:focus) {\n    background: var-list(\n        --tct-option-active-background,\n        --tct-option-active-bg,\n        --tct-gray-14,\n        --t-gray-14,\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    color: var(--tct-option-active-color, inherit);\n}\n\n:host(:focus-visible) {\n    box-shadow: var-list(\n        --tct-option-focus-box-shadow,\n        --const-inset-double-focus-ring,\n        unquote('inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))')\n    ) !important;\n}\n\nq2-icon {\n    grid-area: icon;\n    --tct-icon-size: var(--comp-selected-icon-size);\n}\n\n::slotted(q2-item){\n    padding: var(--app-scale-1x, 5px) 0;\n}\n\n.content {\n    display: block;\n    grid-area: content;\n\n    :host(:not([multiline])) & {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.separator {\n    --comp-default-separator-margin: 0 #{var-list(--tct-scale-1, --app-scale-3x, 15px)};\n    margin: var-list(var-prefixer(dropdown-separator-margin), --comp-default-separator-margin);\n    border-bottom: 1px solid var-list(--tct-dropdown-item-separator-color --t-gray-11 #cccccc);\n}\n","import { Component, Prop, h, Element, ComponentInterface, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { getAllText, loc } from '@/utils';\n\n/**\n * @name Option\n * @category Forms\n * @summary Use as a selectable item within Select, Dropdown, Tag, or Pill components.\n */\n@Component({ tag: 'q2-option', shadow: true, styleUrl: 'q2-option.scss' })\nexport class Q2Option implements ComponentInterface {\n    // #region Own Properties\n\n    displayProvidedAtInit: boolean;\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Disables child q2-option selectable state and removes the selector space.\n     * @private\n     */\n    @Prop({ reflect: true })\n    _hideSelectedBlock: boolean = false;\n\n    @Prop({ reflect: true, attribute: '_multiSelectHidden' })\n    _multiSelectHidden: boolean = false;\n\n    /**\n     * Used by q2-option-list to indicate the option is active\n     * @private\n     */\n    @Prop({ reflect: true })\n    active: boolean;\n\n    /** Disables the option. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Used by consuming elements to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    disabledGroup: boolean;\n\n    /**\n     * The text that is displayed in the field when selected. If not provided, any text inside the element will be used.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    display: string;\n\n    /**\n     * Used by consuming elements to enable multiline content support\n     * @private\n     */\n    @Prop({ reflect: true })\n    multiline: boolean;\n\n    /**\n     * Used by q2-option-list to set a role on the option\n     * @type {('option' | 'menuitem' | 'separator')}\n     * @private\n     */\n    @Prop({ reflect: true, mutable: true })\n    role: string = 'option';\n\n    /**\n     * Used by q2-option-list to indicate the option is selected\n     * @private\n     */\n    @Prop({ reflect: true })\n    selected: boolean = false;\n\n    /**\n     * Renders a line in the item instead of text.\n     * Click events from these items will not have details provided.\n     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.\n     */\n    @Prop({ reflect: true })\n    separator: boolean;\n\n    /** Serves as the option's value. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Used by consuming elements to indicate the display value of the option has changed.\n     * @private\n     */\n    @Event()\n    displayChanged: EventEmitter<{ value: string; display: string }>;\n\n    /**\n     * Is emitted when the option is clicked.\n     */\n    @Event()\n    tctClick: EventEmitter<{ type: 'select' | 'remove'; value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        this.separatorChangedHandler(this.separator);\n        this.initDisplay();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('display')\n    displayChangedHandler() {\n        this.display = loc(this.display);\n        this.setTextContent();\n        this.displayChanged.emit({ display: this.display, value: this.value });\n    }\n\n    @Watch('separator')\n    separatorChangedHandler(separator: boolean) {\n        if (!separator) return;\n        this.role = 'separator';\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    initDisplay = async () => {\n        if (this.multiline) return;\n        const textContent = await getAllText(this.hostElement);\n        if (this.display) this.displayProvidedAtInit = true;\n        this.display = !!this.display ? loc(this.display) : textContent;\n        this.setTextContent();\n    };\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    mutationHandler = async () => {\n        const allTextContent = await getAllText(this.hostElement);\n        if (this.display === allTextContent || this.multiline) return;\n        if (!this.displayProvidedAtInit) this.display = allTextContent;\n    };\n\n    setTextContent = () => {\n        const hasLoc: boolean = !!this.hostElement.querySelector('q2-loc');\n        if (this.multiline || hasLoc) return;\n        this.hostElement.textContent = loc(this.display);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderOption() {\n        const { display, disabled, disabledGroup, selected, _multiSelectHidden, role } = this;\n        const isDisabled = disabled || disabledGroup;\n        return (\n            <Host\n                tabindex=\"-1\"\n                aria-disabled={isDisabled ? 'true' : undefined}\n                aria-selected={role === 'menuitem' ? undefined : `${!!selected}`}\n                aria-hidden={_multiSelectHidden ? 'true' : undefined}\n                display={loc(display)}\n                onClick={() => {\n                    if (isDisabled) return;\n                    this.tctClick.emit({ type: 'select', value: this.value });\n                }}\n                onKeydown={(event: KeyboardEvent) => {\n                    if (isDisabled) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                        setTimeout(() => {\n                            this.tctClick.emit({ type: 'select', value: this.value });\n                        }, 1);\n\n                        event.preventDefault();\n                    }\n                }}\n            >\n                {this.selected && !this._hideSelectedBlock && <q2-icon type=\"checkmark\" />}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    renderSeparator() {\n        return <div class=\"separator\"></div>;\n    }\n\n    render() {\n        return this.separator ? this.renderSeparator() : this.renderOption();\n    }\n\n    // #endregion\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"q2-option.entry.esm.js","sources":["src/components/q2-option/q2-option.scss?tag=q2-option&encapsulation=shadow","src/components/q2-option/q2-option.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host(:not([separator]):not([separator='false'])) {\n    --comp-padding: #{0 var-list(--app-scale-2x, 10px)};\n    --comp-selected-icon-size: #{var-list(var-prefixer(option-selected-icon-size), --tct-scale-3, --app-scale-3x, 15px)};\n    padding: var-list(var-prefixer(option-padding), --comp-padding);\n    min-height: 44px;\n    align-items: center;\n    cursor: pointer;\n    align-items: center;\n}\n\n:host(:focus),\n:host(:not([separator]):not([separator='false']):hover),\n:host([active]) {\n    position: relative;\n    z-index: 1; // Puts the option above any scroll shadows on the `q2-action-sheet`\n}\n\n:host([multiline]) {\n    --comp-padding: #{var-list(--app-scale-2, 10px) var-list(--app-scale-2, 10px)};\n    --comp-selected-icon-size: #{var-list(\n            var-prefixer(option-selected-multiline-icon-size),\n            var-prefixer(option-selected-icon-size),\n            26px\n        )};\n}\n\n:host([_hide-selected-block]:not([_hide-selected-block='false'])) {\n    grid-template-columns: 1fr;\n    grid-template-areas: 'content';\n}\n:host(:not([_hide-selected-block])) {\n    grid-template-areas: 'icon content';\n    grid-template-columns:\n        var(--comp-selected-icon-size)\n        1fr;\n    gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n}\n\n:host([aria-disabled]) {\n    cursor: not-allowed;\n    opacity: var-list(--tct-disabled-opacity, --app-disabled-opacity, 0.4);\n    pointer-events: none;\n}\n\n:host([aria-hidden]) {\n    display: none;\n}\n\n:host(:not([hidden]):not([aria-hidden])) {\n    display: grid;\n}\n\n:host([separator]:not([separator=\"false\"])) {\n    display: block;\n}\n\n:host(:not([aria-disabled]):not([separator]):not([separator='false']):hover),\n:host([active]),\n:host(:focus) {\n    background: var-list(\n        --tct-option-active-background,\n        --tct-option-active-bg,\n        --tct-gray-14,\n        --t-gray-14,\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    color: var(--tct-option-active-color, inherit);\n}\n\n:host(:focus-visible) {\n    box-shadow: var-list(\n        --tct-option-focus-box-shadow,\n        --const-inset-double-focus-ring,\n        unquote('inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))')\n    ) !important;\n}\n\nq2-icon {\n    grid-area: icon;\n    --tct-icon-size: var(--comp-selected-icon-size);\n}\n\n::slotted(q2-item){\n    padding: var(--app-scale-1x, 5px) 0;\n}\n\n.content {\n    display: block;\n    grid-area: content;\n    font-size: var(--tct-option-content-font-size, inherit);\n\n    :host(:not([multiline])) & {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.separator {\n    --comp-default-separator-margin: 0 #{var-list(--tct-scale-1, --app-scale-3x, 15px)};\n    margin: var-list(var-prefixer(dropdown-separator-margin), --comp-default-separator-margin);\n    border-bottom: 1px solid var-list(--tct-dropdown-item-separator-color --t-gray-11 #cccccc);\n}\n","import { Component, Prop, h, Element, ComponentInterface, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { getAllText, loc } from '@/utils';\nimport { hasValidAncestor } from '@/utils/component';\n\n/**\n * @name Option\n * @category Forms\n * @summary Use as a selectable item within Select, Dropdown, Tag, or Pill components.\n */\n@Component({ tag: 'q2-option', shadow: true, styleUrl: 'q2-option.scss' })\nexport class Q2Option implements ComponentInterface {\n    // #region Own Properties\n\n    displayProvidedAtInit: boolean;\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Disables child q2-option selectable state and removes the selector space.\n     * @private\n     */\n    @Prop({ reflect: true })\n    _hideSelectedBlock: boolean = false;\n\n    @Prop({ reflect: true, attribute: '_multiSelectHidden' })\n    _multiSelectHidden: boolean = false;\n\n    /**\n     * Used by q2-option-list to indicate the option is active\n     * @private\n     */\n    @Prop({ reflect: true })\n    active: boolean;\n\n    /** Disables the option. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Used by consuming elements to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    disabledGroup: boolean;\n\n    /**\n     * The text that is displayed in the field when selected. If not provided, any text inside the element will be used.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    display: string;\n\n    /**\n     * Used by consuming elements to enable multiline content support\n     * @private\n     */\n    @Prop({ reflect: true })\n    multiline: boolean;\n\n    /**\n     * Used by q2-option-list to set a role on the option\n     * @type {('option' | 'menuitem' | 'separator')}\n     * @private\n     */\n    @Prop({ reflect: true, mutable: true })\n    role: string = 'option';\n\n    /**\n     * Used by q2-option-list to indicate the option is selected\n     * @private\n     */\n    @Prop({ reflect: true })\n    selected: boolean = false;\n\n    /**\n     * Renders a line in the item instead of text.\n     * Click events from these items will not have details provided.\n     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.\n     */\n    @Prop({ reflect: true })\n    separator: boolean;\n\n    /** Serves as the option's value. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Used by consuming elements to indicate the display value of the option has changed.\n     * @private\n     */\n    @Event()\n    displayChanged: EventEmitter<{ value: string; display: string }>;\n\n    /**\n     * Is emitted when the option is clicked.\n     */\n    @Event()\n    tctClick: EventEmitter<{ type: 'select' | 'remove'; value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        hasValidAncestor(this.hostElement, 'q2-select, q2-option-list, q2-pill, q2-dropdown');\n        this.separatorChangedHandler(this.separator);\n        this.initDisplay();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('display')\n    displayChangedHandler() {\n        this.display = loc(this.display);\n        this.setTextContent();\n        this.displayChanged.emit({ display: this.display, value: this.value });\n    }\n\n    @Watch('separator')\n    separatorChangedHandler(separator: boolean) {\n        if (!separator) return;\n        this.role = 'separator';\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    initDisplay = async () => {\n        if (this.multiline) return;\n        const textContent = await getAllText(this.hostElement);\n        if (this.display) this.displayProvidedAtInit = true;\n        this.display = !!this.display ? loc(this.display) : textContent;\n        this.setTextContent();\n    };\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    mutationHandler = async () => {\n        const allTextContent = await getAllText(this.hostElement);\n        if (this.display === allTextContent || this.multiline) return;\n        if (!this.displayProvidedAtInit) this.display = allTextContent;\n    };\n\n    setTextContent = () => {\n        const hasLoc: boolean = !!this.hostElement.querySelector('q2-loc');\n        if (this.multiline || hasLoc) return;\n        this.hostElement.textContent = loc(this.display);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderOption() {\n        const { display, disabled, disabledGroup, selected, _multiSelectHidden, role } = this;\n        const isDisabled = disabled || disabledGroup;\n        return (\n            <Host\n                tabindex=\"-1\"\n                aria-disabled={isDisabled ? 'true' : undefined}\n                aria-selected={role === 'menuitem' ? undefined : `${!!selected}`}\n                aria-hidden={_multiSelectHidden ? 'true' : undefined}\n                display={loc(display)}\n                onClick={() => {\n                    if (isDisabled) return;\n                    this.tctClick.emit({ type: 'select', value: this.value });\n                }}\n                onKeydown={(event: KeyboardEvent) => {\n                    if (isDisabled) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                        setTimeout(() => {\n                            this.tctClick.emit({ type: 'select', value: this.value });\n                        }, 1);\n\n                        event.preventDefault();\n                    }\n                }}\n            >\n                {this.selected && !this._hideSelectedBlock && <q2-icon type=\"checkmark\" />}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    renderSeparator() {\n        return <div class=\"separator\"></div>;\n    }\n\n    render() {\n        return this.separator ? this.renderSeparator() : this.renderOption();\n    }\n\n    // #endregion\n}\n"],"names":[],"mappings":"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"}

package/dist/q2-tecton-elements/q2-option.entry.js

@@ -1,10 +1,12 @@
-import { r as t, c as e, h as i, H as o, g as a } from "./index-CGkHOjh1.js";
+import { r as t, c as e, h as i, H as o, g as s } from "./index-CGkHOjh1.js";
 
-import { p as s, l as r } from "./index-B4WYBDS9.js";
+import { p as a, l as r } from "./index-B4WYBDS9.js";
 
-const n = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host(:not([separator]):not([separator=false])){--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;align-items:center}:host(:focus),:host(:not([separator]):not([separator=false]):hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-multiline-icon-size, var(--t-option-selected-multiline-icon-size, var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))))}:host([_hide-selected-block]:not([_hide-selected-block=false])){grid-template-columns:1fr;grid-template-areas:"content"}:host(:not([_hide-selected-block])){grid-template-areas:"icon content";grid-template-columns:var(--comp-selected-icon-size) 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):not([separator]):not([separator=false]):hover),:host([active]),:host(:focus){background:var(--tct-option-active-background, var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-option-active-color, inherit)}:host(:focus-visible){box-shadow:var(--tct-option-focus-box-shadow, var(--const-inset-double-focus-ring, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC)))) !important}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}::slotted(q2-item){padding:var(--app-scale-1x, 5px) 0}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-gray-11, #cccccc))}';
+import { b as n } from "./component-DVxzK3WH.js";
 
-const c = class {
+const c = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host(:not([separator]):not([separator=false])){--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;align-items:center}:host(:focus),:host(:not([separator]):not([separator=false]):hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-multiline-icon-size, var(--t-option-selected-multiline-icon-size, var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))))}:host([_hide-selected-block]:not([_hide-selected-block=false])){grid-template-columns:1fr;grid-template-areas:"content"}:host(:not([_hide-selected-block])){grid-template-areas:"icon content";grid-template-columns:var(--comp-selected-icon-size) 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host([separator]:not([separator=false])){display:block}:host(:not([aria-disabled]):not([separator]):not([separator=false]):hover),:host([active]),:host(:focus){background:var(--tct-option-active-background, var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-option-active-color, inherit)}:host(:focus-visible){box-shadow:var(--tct-option-focus-box-shadow, var(--const-inset-double-focus-ring, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC)))) !important}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}::slotted(q2-item){padding:var(--app-scale-1x, 5px) 0}.content{display:block;grid-area:content;font-size:var(--tct-option-content-font-size, inherit)}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-gray-11, #cccccc))}';
+
+const d = class {
   constructor(i) {
     t(this, i);
     this.displayChanged = e(this, "displayChanged", 7);
@@ -29,7 +31,7 @@ const c = class {
     // #region Local Methods
         this.initDisplay = async () => {
       if (this.multiline) return;
-      const t = await s(this.hostElement);
+      const t = await a(this.hostElement);
       if (this.display) this.displayProvidedAtInit = true;
       this.display = !!this.display ? r(this.display) : t;
       this.setTextContent();
@@ -45,7 +47,7 @@ const c = class {
       this.mutationObserver = t;
     };
     this.mutationHandler = async () => {
-      const t = await s(this.hostElement);
+      const t = await a(this.hostElement);
       if (this.display === t || this.multiline) return;
       if (!this.displayProvidedAtInit) this.display = t;
     };
@@ -63,6 +65,7 @@ const c = class {
     this.mutationObserver = null;
   }
   componentWillLoad() {
+    n(this.hostElement, "q2-select, q2-option-list, q2-pill, q2-dropdown");
     this.separatorChangedHandler(this.separator);
     this.initDisplay();
   }
@@ -86,12 +89,12 @@ const c = class {
   // #endregion
   // #region Render Methods
   renderOption() {
-    const {display: t, disabled: e, disabledGroup: a, selected: s, _multiSelectHidden: n, role: c} = this;
-    const d = e || a;
+    const {display: t, disabled: e, disabledGroup: s, selected: a, _multiSelectHidden: n, role: c} = this;
+    const d = e || s;
     return i(o, {
       tabindex: "-1",
       "aria-disabled": d ? "true" : undefined,
-      "aria-selected": c === "menuitem" ? undefined : `${!!s}`,
+      "aria-selected": c === "menuitem" ? undefined : `${!!a}`,
       "aria-hidden": n ? "true" : undefined,
       display: r(t),
       onClick: () => {
@@ -128,7 +131,7 @@ const c = class {
     return this.separator ? this.renderSeparator() : this.renderOption();
   }
   get hostElement() {
-    return a(this);
+    return s(this);
   }
   static get watchers() {
     return {
@@ -138,8 +141,8 @@ const c = class {
   }
 };
 
-c.style = n;
+d.style = c;
 
-export { c as q2_option };
+export { d as q2_option };
 //# sourceMappingURL=q2-option.entry.esm.js.map
 //# sourceMappingURL=q2-option.entry.js.map

package/dist/q2-tecton-elements/q2-option.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["q2OptionCss","Q2Option","constructor","hostRef","this","_hideSelectedBlock","_multiSelectHidden","role","selected","initDisplay","async","multiline","textContent","getAllText","hostElement","display","displayProvidedAtInit","loc","setTextContent","initMutationObserver","window","observer","MutationObserver","mutationHandler","observe","childList","subtree","characterData","mutationObserver","allTextContent","hasLoc","querySelector","disconnectedCallback","_a","disconnect","componentWillLoad","separatorChangedHandler","separator","componentDidLoad","displayChangedHandler","displayChanged","emit","value","renderOption","disabled","disabledGroup","isDisabled","h","Host","tabindex","undefined","onClick","tctClick","type","onKeydown","event","key","setTimeout","preventDefault","class","renderSeparator","render"],"sources":["src/components/q2-option/q2-option.scss?tag=q2-option&encapsulation=shadow","src/components/q2-option/q2-option.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host(:not([separator]):not([separator='false'])) {\n    --comp-padding: #{0 var-list(--app-scale-2x, 10px)};\n    --comp-selected-icon-size: #{var-list(var-prefixer(option-selected-icon-size), --tct-scale-3, --app-scale-3x, 15px)};\n    padding: var-list(var-prefixer(option-padding), --comp-padding);\n    min-height: 44px;\n    align-items: center;\n    cursor: pointer;\n    align-items: center;\n}\n\n:host(:focus),\n:host(:not([separator]):not([separator='false']):hover),\n:host([active]) {\n    position: relative;\n    z-index: 1; // Puts the option above any scroll shadows on the `q2-action-sheet`\n}\n\n:host([multiline]) {\n    --comp-padding: #{var-list(--app-scale-2, 10px) var-list(--app-scale-2, 10px)};\n    --comp-selected-icon-size: #{var-list(\n            var-prefixer(option-selected-multiline-icon-size),\n            var-prefixer(option-selected-icon-size),\n            26px\n        )};\n}\n\n:host([_hide-selected-block]:not([_hide-selected-block='false'])) {\n    grid-template-columns: 1fr;\n    grid-template-areas: 'content';\n}\n:host(:not([_hide-selected-block])) {\n    grid-template-areas: 'icon content';\n    grid-template-columns:\n        var(--comp-selected-icon-size)\n        1fr;\n    gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n}\n\n:host([aria-disabled]) {\n    cursor: not-allowed;\n    opacity: var-list(--tct-disabled-opacity, --app-disabled-opacity, 0.4);\n    pointer-events: none;\n}\n\n:host([aria-hidden]) {\n    display: none;\n}\n\n:host(:not([hidden]):not([aria-hidden])) {\n    display: grid;\n}\n\n:host(:not([aria-disabled]):not([separator]):not([separator='false']):hover),\n:host([active]),\n:host(:focus) {\n    background: var-list(\n        --tct-option-active-background,\n        --tct-option-active-bg,\n        --tct-gray-14,\n        --t-gray-14,\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    color: var(--tct-option-active-color, inherit);\n}\n\n:host(:focus-visible) {\n    box-shadow: var-list(\n        --tct-option-focus-box-shadow,\n        --const-inset-double-focus-ring,\n        unquote('inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))')\n    ) !important;\n}\n\nq2-icon {\n    grid-area: icon;\n    --tct-icon-size: var(--comp-selected-icon-size);\n}\n\n::slotted(q2-item){\n    padding: var(--app-scale-1x, 5px) 0;\n}\n\n.content {\n    display: block;\n    grid-area: content;\n\n    :host(:not([multiline])) & {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.separator {\n    --comp-default-separator-margin: 0 #{var-list(--tct-scale-1, --app-scale-3x, 15px)};\n    margin: var-list(var-prefixer(dropdown-separator-margin), --comp-default-separator-margin);\n    border-bottom: 1px solid var-list(--tct-dropdown-item-separator-color --t-gray-11 #cccccc);\n}\n","import { Component, Prop, h, Element, ComponentInterface, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { getAllText, loc } from '@/utils';\n\n/**\n * @name Option\n * @category Forms\n * @summary Use as a selectable item within Select, Dropdown, Tag, or Pill components.\n */\n@Component({ tag: 'q2-option', shadow: true, styleUrl: 'q2-option.scss' })\nexport class Q2Option implements ComponentInterface {\n    // #region Own Properties\n\n    displayProvidedAtInit: boolean;\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Disables child q2-option selectable state and removes the selector space.\n     * @private\n     */\n    @Prop({ reflect: true })\n    _hideSelectedBlock: boolean = false;\n\n    @Prop({ reflect: true, attribute: '_multiSelectHidden' })\n    _multiSelectHidden: boolean = false;\n\n    /**\n     * Used by q2-option-list to indicate the option is active\n     * @private\n     */\n    @Prop({ reflect: true })\n    active: boolean;\n\n    /** Disables the option. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Used by consuming elements to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    disabledGroup: boolean;\n\n    /**\n     * The text that is displayed in the field when selected. If not provided, any text inside the element will be used.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    display: string;\n\n    /**\n     * Used by consuming elements to enable multiline content support\n     * @private\n     */\n    @Prop({ reflect: true })\n    multiline: boolean;\n\n    /**\n     * Used by q2-option-list to set a role on the option\n     * @type {('option' | 'menuitem' | 'separator')}\n     * @private\n     */\n    @Prop({ reflect: true, mutable: true })\n    role: string = 'option';\n\n    /**\n     * Used by q2-option-list to indicate the option is selected\n     * @private\n     */\n    @Prop({ reflect: true })\n    selected: boolean = false;\n\n    /**\n     * Renders a line in the item instead of text.\n     * Click events from these items will not have details provided.\n     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.\n     */\n    @Prop({ reflect: true })\n    separator: boolean;\n\n    /** Serves as the option's value. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Used by consuming elements to indicate the display value of the option has changed.\n     * @private\n     */\n    @Event()\n    displayChanged: EventEmitter<{ value: string; display: string }>;\n\n    /**\n     * Is emitted when the option is clicked.\n     */\n    @Event()\n    tctClick: EventEmitter<{ type: 'select' | 'remove'; value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        this.separatorChangedHandler(this.separator);\n        this.initDisplay();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('display')\n    displayChangedHandler() {\n        this.display = loc(this.display);\n        this.setTextContent();\n        this.displayChanged.emit({ display: this.display, value: this.value });\n    }\n\n    @Watch('separator')\n    separatorChangedHandler(separator: boolean) {\n        if (!separator) return;\n        this.role = 'separator';\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    initDisplay = async () => {\n        if (this.multiline) return;\n        const textContent = await getAllText(this.hostElement);\n        if (this.display) this.displayProvidedAtInit = true;\n        this.display = !!this.display ? loc(this.display) : textContent;\n        this.setTextContent();\n    };\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    mutationHandler = async () => {\n        const allTextContent = await getAllText(this.hostElement);\n        if (this.display === allTextContent || this.multiline) return;\n        if (!this.displayProvidedAtInit) this.display = allTextContent;\n    };\n\n    setTextContent = () => {\n        const hasLoc: boolean = !!this.hostElement.querySelector('q2-loc');\n        if (this.multiline || hasLoc) return;\n        this.hostElement.textContent = loc(this.display);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderOption() {\n        const { display, disabled, disabledGroup, selected, _multiSelectHidden, role } = this;\n        const isDisabled = disabled || disabledGroup;\n        return (\n            <Host\n                tabindex=\"-1\"\n                aria-disabled={isDisabled ? 'true' : undefined}\n                aria-selected={role === 'menuitem' ? undefined : `${!!selected}`}\n                aria-hidden={_multiSelectHidden ? 'true' : undefined}\n                display={loc(display)}\n                onClick={() => {\n                    if (isDisabled) return;\n                    this.tctClick.emit({ type: 'select', value: this.value });\n                }}\n                onKeydown={(event: KeyboardEvent) => {\n                    if (isDisabled) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                        setTimeout(() => {\n                            this.tctClick.emit({ type: 'select', value: this.value });\n                        }, 1);\n\n                        event.preventDefault();\n                    }\n                }}\n            >\n                {this.selected && !this._hideSelectedBlock && <q2-icon type=\"checkmark\" />}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    renderSeparator() {\n        return <div class=\"separator\"></div>;\n    }\n\n    render() {\n        return this.separator ? this.renderSeparator() : this.renderOption();\n    }\n\n    // #endregion\n}\n"],"mappings":";;;;AAAA,MAAMA,IAAc;;MCSPC,IAAQ;EADrB,WAAAC,CAAAC;;;;;;;;;eAqBIC,KAAkBC,qBAAY;IAG9BD,KAAkBE,qBAAY;;;;;eAwC9BF,KAAIG,OAAW;;;;eAOfH,KAAQI,WAAY;;;QAkEpBJ,KAAWK,cAAGC;MACV,IAAIN,KAAKO,WAAW;MACpB,MAAMC,UAAoBC,EAAWT,KAAKU;MAC1C,IAAIV,KAAKW,SAASX,KAAKY,wBAAwB;MAC/CZ,KAAKW,YAAYX,KAAKW,UAAUE,EAAIb,KAAKW,WAAWH;MACpDR,KAAKc;AAAgB;IAGzBd,KAAoBe,uBAAG;MACnB,MAAM,sBAAsBC,SAAS;MACrC,MAAMC,IAAW,IAAIC,iBAAiBlB,KAAKmB;MAC3CF,EAASG,QAAQpB,KAAKU,aAAa;QAAEW,WAAW;QAAMC,SAAS;QAAMC,eAAe;;MACpFvB,KAAKwB,mBAAmBP;AAAQ;IAGpCjB,KAAemB,kBAAGb;MACd,MAAMmB,UAAuBhB,EAAWT,KAAKU;MAC7C,IAAIV,KAAKW,YAAYc,KAAkBzB,KAAKO,WAAW;MACvD,KAAKP,KAAKY,uBAAuBZ,KAAKW,UAAUc;AAAc;IAGlEzB,KAAcc,iBAAG;MACb,MAAMY,MAAoB1B,KAAKU,YAAYiB,cAAc;MACzD,IAAI3B,KAAKO,aAAamB,GAAQ;MAC9B1B,KAAKU,YAAYF,cAAcK,EAAIb,KAAKW;AAAQ;AAgDvD;;;EAzGG,oBAAAiB;;KACIC,IAAA7B,KAAKwB,sBAAkB,QAAAK,WAAA,aAAAA,EAAAC;IACvB9B,KAAKwB,mBAAmB;;EAG5B,iBAAAO;IACI/B,KAAKgC,wBAAwBhC,KAAKiC;IAClCjC,KAAKK;;EAGT,gBAAA6B;IACIlC,KAAKe;;;;EAOT,qBAAAoB;IACInC,KAAKW,UAAUE,EAAIb,KAAKW;IACxBX,KAAKc;IACLd,KAAKoC,eAAeC,KAAK;MAAE1B,SAASX,KAAKW;MAAS2B,OAAOtC,KAAKsC;;;EAIlE,uBAAAN,CAAwBC;IACpB,KAAKA,GAAW;IAChBjC,KAAKG,OAAO;;;;EAoChB,YAAAoC;IACI,OAAM5B,SAAEA,GAAO6B,UAAEA,GAAQC,eAAEA,GAAarC,UAAEA,GAAQF,oBAAEA,GAAkBC,MAAEA,KAASH;IACjF,MAAM0C,IAAaF,KAAYC;IAC/B,OACIE,EAACC,GACG;MAAAC,UAAS;MAAI,iBACEH,IAAa,SAASI;MACtB,iBAAA3C,MAAS,aAAa2C,YAAY,KAAK1C;MAAU,eACnDF,IAAqB,SAAS4C;MAC3CnC,SAASE,EAAIF;MACboC,SAAS;QACL,IAAIL,GAAY;QAChB1C,KAAKgD,SAASX,KAAK;UAAEY,MAAM;UAAUX,OAAOtC,KAAKsC;;AAAQ;MAE7DY,WAAYC;QACR,IAAIT,GAAY;QAChB,IAAIS,EAAMC,QAAQ,WAAWD,EAAMC,QAAQ,KAAK;UAC5CC,YAAW;YACPrD,KAAKgD,SAASX,KAAK;cAAEY,MAAM;cAAUX,OAAOtC,KAAKsC;;AAAQ,cAC1D;UAEHa,EAAMG;;;OAIbtD,KAAKI,aAAaJ,KAAKC,sBAAsB0C,EAAS;MAAAM,MAAK;QAC5DN,EAAK;MAAAY,OAAM;OACPZ,EAAQ;;EAMxB,eAAAa;IACI,OAAOb,EAAK;MAAAY,OAAM;;;EAGtB,MAAAE;IACI,OAAOzD,KAAKiC,YAAYjC,KAAKwD,oBAAoBxD,KAAKuC","ignoreList":[]}
+{"version":3,"names":["q2OptionCss","Q2Option","constructor","hostRef","this","_hideSelectedBlock","_multiSelectHidden","role","selected","initDisplay","async","multiline","textContent","getAllText","hostElement","display","displayProvidedAtInit","loc","setTextContent","initMutationObserver","window","observer","MutationObserver","mutationHandler","observe","childList","subtree","characterData","mutationObserver","allTextContent","hasLoc","querySelector","disconnectedCallback","_a","disconnect","componentWillLoad","hasValidAncestor","separatorChangedHandler","separator","componentDidLoad","displayChangedHandler","displayChanged","emit","value","renderOption","disabled","disabledGroup","isDisabled","h","Host","tabindex","undefined","onClick","tctClick","type","onKeydown","event","key","setTimeout","preventDefault","class","renderSeparator","render"],"sources":["src/components/q2-option/q2-option.scss?tag=q2-option&encapsulation=shadow","src/components/q2-option/q2-option.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host(:not([separator]):not([separator='false'])) {\n    --comp-padding: #{0 var-list(--app-scale-2x, 10px)};\n    --comp-selected-icon-size: #{var-list(var-prefixer(option-selected-icon-size), --tct-scale-3, --app-scale-3x, 15px)};\n    padding: var-list(var-prefixer(option-padding), --comp-padding);\n    min-height: 44px;\n    align-items: center;\n    cursor: pointer;\n    align-items: center;\n}\n\n:host(:focus),\n:host(:not([separator]):not([separator='false']):hover),\n:host([active]) {\n    position: relative;\n    z-index: 1; // Puts the option above any scroll shadows on the `q2-action-sheet`\n}\n\n:host([multiline]) {\n    --comp-padding: #{var-list(--app-scale-2, 10px) var-list(--app-scale-2, 10px)};\n    --comp-selected-icon-size: #{var-list(\n            var-prefixer(option-selected-multiline-icon-size),\n            var-prefixer(option-selected-icon-size),\n            26px\n        )};\n}\n\n:host([_hide-selected-block]:not([_hide-selected-block='false'])) {\n    grid-template-columns: 1fr;\n    grid-template-areas: 'content';\n}\n:host(:not([_hide-selected-block])) {\n    grid-template-areas: 'icon content';\n    grid-template-columns:\n        var(--comp-selected-icon-size)\n        1fr;\n    gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n}\n\n:host([aria-disabled]) {\n    cursor: not-allowed;\n    opacity: var-list(--tct-disabled-opacity, --app-disabled-opacity, 0.4);\n    pointer-events: none;\n}\n\n:host([aria-hidden]) {\n    display: none;\n}\n\n:host(:not([hidden]):not([aria-hidden])) {\n    display: grid;\n}\n\n:host([separator]:not([separator=\"false\"])) {\n    display: block;\n}\n\n:host(:not([aria-disabled]):not([separator]):not([separator='false']):hover),\n:host([active]),\n:host(:focus) {\n    background: var-list(\n        --tct-option-active-background,\n        --tct-option-active-bg,\n        --tct-gray-14,\n        --t-gray-14,\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    color: var(--tct-option-active-color, inherit);\n}\n\n:host(:focus-visible) {\n    box-shadow: var-list(\n        --tct-option-focus-box-shadow,\n        --const-inset-double-focus-ring,\n        unquote('inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))')\n    ) !important;\n}\n\nq2-icon {\n    grid-area: icon;\n    --tct-icon-size: var(--comp-selected-icon-size);\n}\n\n::slotted(q2-item){\n    padding: var(--app-scale-1x, 5px) 0;\n}\n\n.content {\n    display: block;\n    grid-area: content;\n    font-size: var(--tct-option-content-font-size, inherit);\n\n    :host(:not([multiline])) & {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n}\n\n.separator {\n    --comp-default-separator-margin: 0 #{var-list(--tct-scale-1, --app-scale-3x, 15px)};\n    margin: var-list(var-prefixer(dropdown-separator-margin), --comp-default-separator-margin);\n    border-bottom: 1px solid var-list(--tct-dropdown-item-separator-color --t-gray-11 #cccccc);\n}\n","import { Component, Prop, h, Element, ComponentInterface, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { getAllText, loc } from '@/utils';\nimport { hasValidAncestor } from '@/utils/component';\n\n/**\n * @name Option\n * @category Forms\n * @summary Use as a selectable item within Select, Dropdown, Tag, or Pill components.\n */\n@Component({ tag: 'q2-option', shadow: true, styleUrl: 'q2-option.scss' })\nexport class Q2Option implements ComponentInterface {\n    // #region Own Properties\n\n    displayProvidedAtInit: boolean;\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Disables child q2-option selectable state and removes the selector space.\n     * @private\n     */\n    @Prop({ reflect: true })\n    _hideSelectedBlock: boolean = false;\n\n    @Prop({ reflect: true, attribute: '_multiSelectHidden' })\n    _multiSelectHidden: boolean = false;\n\n    /**\n     * Used by q2-option-list to indicate the option is active\n     * @private\n     */\n    @Prop({ reflect: true })\n    active: boolean;\n\n    /** Disables the option. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Used by consuming elements to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    disabledGroup: boolean;\n\n    /**\n     * The text that is displayed in the field when selected. If not provided, any text inside the element will be used.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    display: string;\n\n    /**\n     * Used by consuming elements to enable multiline content support\n     * @private\n     */\n    @Prop({ reflect: true })\n    multiline: boolean;\n\n    /**\n     * Used by q2-option-list to set a role on the option\n     * @type {('option' | 'menuitem' | 'separator')}\n     * @private\n     */\n    @Prop({ reflect: true, mutable: true })\n    role: string = 'option';\n\n    /**\n     * Used by q2-option-list to indicate the option is selected\n     * @private\n     */\n    @Prop({ reflect: true })\n    selected: boolean = false;\n\n    /**\n     * Renders a line in the item instead of text.\n     * Click events from these items will not have details provided.\n     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.\n     */\n    @Prop({ reflect: true })\n    separator: boolean;\n\n    /** Serves as the option's value. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Used by consuming elements to indicate the display value of the option has changed.\n     * @private\n     */\n    @Event()\n    displayChanged: EventEmitter<{ value: string; display: string }>;\n\n    /**\n     * Is emitted when the option is clicked.\n     */\n    @Event()\n    tctClick: EventEmitter<{ type: 'select' | 'remove'; value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        hasValidAncestor(this.hostElement, 'q2-select, q2-option-list, q2-pill, q2-dropdown');\n        this.separatorChangedHandler(this.separator);\n        this.initDisplay();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('display')\n    displayChangedHandler() {\n        this.display = loc(this.display);\n        this.setTextContent();\n        this.displayChanged.emit({ display: this.display, value: this.value });\n    }\n\n    @Watch('separator')\n    separatorChangedHandler(separator: boolean) {\n        if (!separator) return;\n        this.role = 'separator';\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    initDisplay = async () => {\n        if (this.multiline) return;\n        const textContent = await getAllText(this.hostElement);\n        if (this.display) this.displayProvidedAtInit = true;\n        this.display = !!this.display ? loc(this.display) : textContent;\n        this.setTextContent();\n    };\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    mutationHandler = async () => {\n        const allTextContent = await getAllText(this.hostElement);\n        if (this.display === allTextContent || this.multiline) return;\n        if (!this.displayProvidedAtInit) this.display = allTextContent;\n    };\n\n    setTextContent = () => {\n        const hasLoc: boolean = !!this.hostElement.querySelector('q2-loc');\n        if (this.multiline || hasLoc) return;\n        this.hostElement.textContent = loc(this.display);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderOption() {\n        const { display, disabled, disabledGroup, selected, _multiSelectHidden, role } = this;\n        const isDisabled = disabled || disabledGroup;\n        return (\n            <Host\n                tabindex=\"-1\"\n                aria-disabled={isDisabled ? 'true' : undefined}\n                aria-selected={role === 'menuitem' ? undefined : `${!!selected}`}\n                aria-hidden={_multiSelectHidden ? 'true' : undefined}\n                display={loc(display)}\n                onClick={() => {\n                    if (isDisabled) return;\n                    this.tctClick.emit({ type: 'select', value: this.value });\n                }}\n                onKeydown={(event: KeyboardEvent) => {\n                    if (isDisabled) return;\n                    if (event.key === 'Enter' || event.key === ' ') {\n                        setTimeout(() => {\n                            this.tctClick.emit({ type: 'select', value: this.value });\n                        }, 1);\n\n                        event.preventDefault();\n                    }\n                }}\n            >\n                {this.selected && !this._hideSelectedBlock && <q2-icon type=\"checkmark\" />}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    renderSeparator() {\n        return <div class=\"separator\"></div>;\n    }\n\n    render() {\n        return this.separator ? this.renderSeparator() : this.renderOption();\n    }\n\n    // #endregion\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAc;;MCUPC,IAAQ;EADrB,WAAAC,CAAAC;;;;;;;;;eAqBIC,KAAkBC,qBAAY;IAG9BD,KAAkBE,qBAAY;;;;;eAwC9BF,KAAIG,OAAW;;;;eAOfH,KAAQI,WAAY;;;QAmEpBJ,KAAWK,cAAGC;MACV,IAAIN,KAAKO,WAAW;MACpB,MAAMC,UAAoBC,EAAWT,KAAKU;MAC1C,IAAIV,KAAKW,SAASX,KAAKY,wBAAwB;MAC/CZ,KAAKW,YAAYX,KAAKW,UAAUE,EAAIb,KAAKW,WAAWH;MACpDR,KAAKc;AAAgB;IAGzBd,KAAoBe,uBAAG;MACnB,MAAM,sBAAsBC,SAAS;MACrC,MAAMC,IAAW,IAAIC,iBAAiBlB,KAAKmB;MAC3CF,EAASG,QAAQpB,KAAKU,aAAa;QAAEW,WAAW;QAAMC,SAAS;QAAMC,eAAe;;MACpFvB,KAAKwB,mBAAmBP;AAAQ;IAGpCjB,KAAemB,kBAAGb;MACd,MAAMmB,UAAuBhB,EAAWT,KAAKU;MAC7C,IAAIV,KAAKW,YAAYc,KAAkBzB,KAAKO,WAAW;MACvD,KAAKP,KAAKY,uBAAuBZ,KAAKW,UAAUc;AAAc;IAGlEzB,KAAcc,iBAAG;MACb,MAAMY,MAAoB1B,KAAKU,YAAYiB,cAAc;MACzD,IAAI3B,KAAKO,aAAamB,GAAQ;MAC9B1B,KAAKU,YAAYF,cAAcK,EAAIb,KAAKW;AAAQ;AAgDvD;;;EA1GG,oBAAAiB;;KACIC,IAAA7B,KAAKwB,sBAAkB,QAAAK,WAAA,aAAAA,EAAAC;IACvB9B,KAAKwB,mBAAmB;;EAG5B,iBAAAO;IACIC,EAAiBhC,KAAKU,aAAa;IACnCV,KAAKiC,wBAAwBjC,KAAKkC;IAClClC,KAAKK;;EAGT,gBAAA8B;IACInC,KAAKe;;;;EAOT,qBAAAqB;IACIpC,KAAKW,UAAUE,EAAIb,KAAKW;IACxBX,KAAKc;IACLd,KAAKqC,eAAeC,KAAK;MAAE3B,SAASX,KAAKW;MAAS4B,OAAOvC,KAAKuC;;;EAIlE,uBAAAN,CAAwBC;IACpB,KAAKA,GAAW;IAChBlC,KAAKG,OAAO;;;;EAoChB,YAAAqC;IACI,OAAM7B,SAAEA,GAAO8B,UAAEA,GAAQC,eAAEA,GAAatC,UAAEA,GAAQF,oBAAEA,GAAkBC,MAAEA,KAASH;IACjF,MAAM2C,IAAaF,KAAYC;IAC/B,OACIE,EAACC,GACG;MAAAC,UAAS;MAAI,iBACEH,IAAa,SAASI;MACtB,iBAAA5C,MAAS,aAAa4C,YAAY,KAAK3C;MAAU,eACnDF,IAAqB,SAAS6C;MAC3CpC,SAASE,EAAIF;MACbqC,SAAS;QACL,IAAIL,GAAY;QAChB3C,KAAKiD,SAASX,KAAK;UAAEY,MAAM;UAAUX,OAAOvC,KAAKuC;;AAAQ;MAE7DY,WAAYC;QACR,IAAIT,GAAY;QAChB,IAAIS,EAAMC,QAAQ,WAAWD,EAAMC,QAAQ,KAAK;UAC5CC,YAAW;YACPtD,KAAKiD,SAASX,KAAK;cAAEY,MAAM;cAAUX,OAAOvC,KAAKuC;;AAAQ,cAC1D;UAEHa,EAAMG;;;OAIbvD,KAAKI,aAAaJ,KAAKC,sBAAsB2C,EAAS;MAAAM,MAAK;QAC5DN,EAAK;MAAAY,OAAM;OACPZ,EAAQ;;EAMxB,eAAAa;IACI,OAAOb,EAAK;MAAAY,OAAM;;;EAGtB,MAAAE;IACI,OAAO1D,KAAKkC,YAAYlC,KAAKyD,oBAAoBzD,KAAKwC","ignoreList":[]}