q2-tecton-elements 1.51.2 → 1.51.4

package/dist/q2-tecton-elements/p-56df21b0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2SelectCss","Q2SelectStyle0","Q2Select","this","scheduledAfterRender","clickedElsewhere","event","target","localName","stopPropagation","inputBlurHandler","inputFocused","inputChangeHandler","inputClickHandler","async","shouldShowActionSheet","executeActionSheet","toggleDropdown","focusInput","inputFocusHandler","inputInputHandler","eventValue","detail","value","shouldClearValue","clearValue","open","openDropdownWithoutActiveElement","prioritizeSearch","searchText","input","emit","query","inputKeydownHandler","readonly","disabled","key","shiftKey","isShiftTab","hasSlot","hasPopoverTop","hasPopoverBottom","keysForOptionListToHandle","searchable","inputField","preventDefault","includes","shouldClearSearchText","clearSearchText","optionList","handleExternalKeydown","onCustomDisplayClick","onMutationObserved","hostElement","slotContainer","querySelector","displaySlot","shadowRoot","hasCustomDisplay","assignedNodes","length","children","popTopSlot","topSlotHasNode","popBottomSlot","bottomSlotHasNode","checkSelectedOptions","onOptionListChange","values","showAllOptions","handleSelectionChanges","onPopoverState","action","setActiveElement","focus","showSelected","showSelectedOptions","visibilityToggleKeyDown","isRadioControlKey","setDefaultActiveElement","_a","window","Tecton","useActionSheets","loc","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","handleAriaLabel","buildStructuredSelectedOptions","handleMultilineOptionsUpdate","multilineOptions","componentDidLoad","observer","MutationObserver","observe","childList","subtree","overrideFocus","setTimeout","checkSelectedDisplay","componentDidRender","forEach","fn","onHostElementChange","onchange","multiple","selectedOptions","onClearHandler","handleSelectedDisplay","display","delegateFocus","fromHost","isRelatedTargetWithinHost","clearSelectedDisplay","isEventFromElement","handleFocusout","isLeavingHost","isHostLosingFocus","closeDropdown","onHostElementInput","oninput","options","optionElements","trim","toLocaleLowerCase","matchedCount","option","hidden","title","firstElementChild","tagName","innerText","searchParams","matched","some","text","statusMessageLocString","count","setStatusMessage","keydownHandler","closePopover","_togglePopover","openPopover","searchOptions","innerInputField","dispatchEvent","FocusEvent","InputEvent","setValue","valuesSet","Set","Array","isArray","waitForNextPaint","find","click","ariaLabelObserver","newValue","oldValue","element","multiline","openChanged","isOpen","push","popoverTopContainer","popoverElement","height","offsetHeight","style","setProperty","removeProperty","structuredSelectedOptions","map","valueUpdated","badgeValue","optionsLength","_b","firstSelectedOptionElement","firstSelectedValue","innerInputContainer","from","querySelectorAll","popoverMinHeight","minRows","firstOption","minHeight","getComputedStyle","parseInt","selectedDisplay","calculateMultiSelectSelectedDisplay","calculateSingleSelectSelectedDisplay","selectedDisplaySlot","wrapperClasses","errors","classes","join","_c","textContent","namedSlot","hasNoValue","selectionClone","cloneNode","remove","clientHeight","outerHTML","replaceChild","document","createElement","slot","appendChild","checkSelectedDisplayHeight","selected","change","undefined","result","showActionSheetList","changeDetails","selectedOptionValues","message","clearTimeout","statusMessageTimer","statusMessage","renderCustomDisplay","hasSelectedDisplay","h","name","renderOptionsDropdown","ref","el","controlElement","popoverMaxHeight","direction","popDirection","mode","popoverMode","block","class","type","id","label","listLabel","onChange","tabindex","renderVisibilityToggle","selectedOptionsCount","checked","onClick","onKeyDown","htmlFor","render","role","clearable","error","invalid","optional","placeholder","hideLabel","ariaExpanded","ariaControls","ariaHaspopup","iconRight","onInput","onFocus","onBlur","badgeTheme","_role","_preventEntry"],"sources":["src/components/q2-select/q2-select.scss?tag=q2-select&encapsulation=shadow","src/components/q2-select/q2-select.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n@import '../../styles/dropdowns';\n\n:host {\n    --comp-select-margin: #{var-list(\n            --tct-select-margin,\n            unquote(\n                '#{var-list(var-prefixer(select-margin-top), --app-scale-4, 30px)} 0 #{var-list(var-prefixer(select-margin-bottom), --app-scale-4, 30px)}'\n            )\n        )};\n    display: block;\n    margin: var(--comp-select-margin);\n}\n\n.q2-select-container {\n    position: relative;\n    display: block;\n}\n\n.q2-select-input {\n    margin: 0;\n\n    --tct-input-min-height: #{var-list(var-prefixer(select-input-min-height))};\n    --tct-input-max-height: #{var-list(var-prefixer(select-input-max-height), none)};\n}\n\n::slotted([slot='_selected-display']) {\n    width: 100%;\n    min-height: var(--comp-selected-display-height, 44px);\n}\n\n.custom-display-content {\n    position: absolute;\n    bottom: 0;\n    left: calc(var-list(--tct-scale-2, --app-scale-2x, 10px) + 1px);\n    height: 44px;\n    width: calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n    overflow: hidden;\n    cursor: pointer;\n    transition: left var-list(--tct-tween-2, --app-tween-1, unquote('0.2s ease'));\n}\n\n.custom-display-content:not([hidden]) {\n    display: flex;\n    align-items: center;\n}\n\n.is-searchable.is-focused .custom-display-content,\n.is-searchable .custom-display-content:active {\n    left: calc(var-list(--tct-scale-3, --app-scale-3x, 15px) + 1px);\n}\n\n.has-error .custom-display-content {\n    width: calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3x, 15px));\n}\n\n.popover-content {\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.popover-bottom-container {\n    position: sticky;\n    bottom: 0;\n    z-index: 5;\n}\n\n.popover-top-container {\n    position: sticky;\n    top: 0;\n    z-index: 5;\n    .multi-select-header {\n        padding: var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));\n        background: var(--app-white);\n        display: flex;\n        gap: var-list(--app-scale-2x, 10px);\n        align-items: center;\n\n        fieldset {\n            margin: 0;\n            padding: 0;\n            border: 0;\n            display: flex;\n            gap: var-list(--app-scale-2x, 10px);\n        }\n\n        legend {\n            padding: 0;\n            float: left;\n        }\n\n        label {\n            cursor: pointer;\n            padding: var-list(\n                var-prefixer(select-multi-select-option-padding),\n                var-prefixer(btn-badge-padding),\n                unquote('2px 5px')\n            );\n            font-size: var-list(\n                var-prefixer(select-multi-select-option-font-size),\n                var-prefixer(btn-badge-font-size),\n                inherit\n            );\n            border-radius: var-list(\n                var-prefixer(select-multi-select-option-radius),\n                var-prefixer(btn-badge-border-radius),\n                --app-border-radius-1,\n                4px\n            );\n            background: var-list(\n                --tct-select-multi-select-option-background,\n                var-prefixer(select-multi-select-option-bg),\n                --tct-badge-background,\n                var-prefixer(btn-badge-bg),\n                transparent\n            );\n            color: var-list(\n                var-prefixer(select-multi-select-option-color),\n                var-prefixer(btn-badge-font-color),\n                inherit\n            );\n\n            &:hover {\n                background: var-list(\n                    --tct-select-multi-select-option-hover-background,\n                    var-prefixer(select-multi-select-option-hover-background-color),\n                    var-prefixer(btn-badge-hover-bg),\n                    var-prefixer(gray-14),\n                    --app-gray-l3,\n                    #f2f2f2\n                );\n                color: var-list(\n                    --tct-select-multi-select-option-hover-color,\n                    var-prefixer(select-multi-select-option-color),\n                    var-prefixer(btn-badge-hover-font-color),\n                    var-prefixer(gray-5),\n                    --app-gray-d2,\n                    #404040\n                );\n            }\n        }\n\n        input {\n            &:checked + label {\n                &,\n                &:enabled:hover {\n                    background: var-list(\n                        --tct-select-multi-select-option-active-background,\n                        var-prefixer(select-multi-select-option-active-background-color),\n                        var-prefixer(btn-primary-bg),\n                        #2e2e2e\n                    );\n                    color: var-list(\n                        var-prefixer(select-multi-select-option-active-color),\n                        var-prefixer(btn-primary-font-color),\n                        --app-white,\n                        #ffffff\n                    );\n                }\n            }\n\n            &:disabled + label {\n                opacity: var-list(\n                    var-prefixer(select-multi-select-option-disabled-opacity),\n                    var-prefixer(btn-disabled-opacity),\n                    --app-disabled-opacity,\n                    0.4\n                );\n                cursor: not-allowed;\n            }\n\n            &:focus + label {\n                box-shadow: var(--const-double-focus-ring);\n            }\n        }\n    }\n}\n","import {\n    Component,\n    Prop,\n    Element,\n    h,\n    Listen,\n    State,\n    EventEmitter,\n    Event,\n    ComponentInterface,\n    Watch,\n    Method,\n} from '@stencil/core';\nimport { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from 'src/components';\nimport {\n    handleAriaLabel,\n    isEventFromElement,\n    isHostLosingFocus,\n    isRelatedTargetWithinHost,\n    loc,\n    overrideFocus,\n    waitForNextPaint,\n} from '../../utils';\nimport { IOptionValue } from '../q2-option-list/q2-option-list';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\n\n@Component({ tag: 'q2-select', shadow: true, styleUrl: 'q2-select.scss' })\nexport class Q2Select implements ComponentInterface {\n    // #region Own Properties\n\n    inputField?: HTMLQ2InputElement;\n    mutationObserver: MutationObserver;\n    optionList: HTMLQ2OptionListElement;\n    popoverElement?: HTMLQ2PopoverElement;\n    popoverTopContainer?: HTMLDivElement;\n    scheduledAfterRender: (() => void)[] = [];\n    statusMessageTimer: NodeJS.Timeout;\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    hasCustomDisplay: boolean = false;\n\n    @State()\n    hasPopoverBottom: boolean = false;\n\n    @State()\n    hasPopoverTop: boolean = false;\n\n    @State()\n    inputFocused: boolean = false;\n\n    @State()\n    open: boolean = false;\n\n    @State()\n    prioritizeSearch: boolean = false;\n\n    @State()\n    searchText: string = '';\n\n    @State()\n    showSelected: boolean = false;\n\n    @State()\n    statusMessage: string;\n\n    @State()\n    structuredSelectedOptions: IOptionValue[] = [];\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */\n    @Prop({ reflect: true })\n    clearable: boolean;\n\n    /** Disables all interaction with the field and leverages the disabled visual style of `q2-input`. */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /**\n     * The presence of `errors` will mark the field as invalid, putting it into an error state.\n     * @localizable\n     */\n    @Prop()\n    errors: string[];\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * Instructs the component to use the action sheet workflow for displaying its options.\n     *\n     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n     * @warning\n     * If your `q2-select` renders inside of an iframe, and you are using multiline/robust content options,\n     * any custom CSS you apply to your options will not get passed up to the platform which displays the action sheet.\n     * For this reason, we strongly suggest using the [q2-card](https://tecton.q2developer.com/design-system/q2-card/) component since its styling is managed by Tecton.\n     */\n    @Prop()\n    hoist: boolean = !!window.Tecton?.useActionSheets;\n\n    /** Determines whether to show an error state. Its primary use-case is for an unfilled field. */\n    @Prop({ reflect: true })\n    invalid: boolean;\n\n    /**\n     * The text that will be used as the label for the field.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /**\n     * Determines the label that is applied to the option list for accessibility purposes.\n     * @localizable\n     */\n    @Prop()\n    listLabel: string = loc('tecton.element.select.listLabel');\n\n    /** The minimum number of rows the component will try to display below or above the component when opened. */\n    @Prop()\n    minRows: number = 3;\n\n    /** Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap. */\n    @Prop({ reflect: true })\n    multilineOptions: boolean = false;\n\n    /** Enables multi-select functionality. */\n    @Prop({ reflect: true })\n    multiple: boolean = false;\n\n    /** Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true })\n    optional: boolean = false;\n\n    /**\n     * Text that appears within the field when it is blurred and empty.\n     * Placeholder text disappears when the user selects an option.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    placeholder: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    popDirection: '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    popoverMaxHeight: number;\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true })\n    popoverMode: 'legacy' = null;\n\n    /**\n     * Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\n     * Takes priority over `optional` if both are `true`.\n     */\n    @Prop({ reflect: true })\n    readonly: boolean = false;\n\n    /** Enables search functionality. */\n    @Prop({ reflect: true })\n    searchable: boolean = false;\n\n    /**\n     * Each item in this array should correspond to the value of a `q2-option` element.\n     * This property is only relevant for `multiple` (i.e., multi-select) implementations.\n     */\n    @Prop({ mutable: true })\n    selectedOptions: string[] = [];\n\n    /**\n     * The current value for the select. This should correspond to the value of a nested q2-option element.\n     * This property is only relevant for single-select implementations.\n     */\n    @Prop({ mutable: true })\n    value: string;\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     *\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ value: string; selectedOptions: string[] }>;\n\n    /**\n     * Emitted when the input value changes.\n     *\n     * Requires the `searchable` prop to be set to `true`.\n     */\n    @Event()\n    input: EventEmitter<{ query: 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        handleAriaLabel(this);\n        this.buildStructuredSelectedOptions();\n        this.handleMultilineOptionsUpdate(this.multilineOptions, false);\n    }\n\n    componentDidLoad() {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, subtree: true });\n        this.mutationObserver = observer;\n        this.onMutationObserved();\n        overrideFocus(this.hostElement);\n        setTimeout(() => this.checkSelectedDisplay(), 0);\n    }\n\n    componentDidRender() {\n        setTimeout(() => {\n            this.scheduledAfterRender.forEach(fn => fn());\n            this.scheduledAfterRender = [];\n        }, 25);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent<{ value: string; selectedOptions: string[] }>) {\n        if (this.readonly || this.disabled) return;\n        if (event.target !== this.hostElement || this.hostElement.onchange) return;\n        if (this.multiple) {\n            this.value = null;\n            this.selectedOptions = event.detail.selectedOptions;\n        } else {\n            this.value = event.detail.value;\n            this.selectedOptions = [];\n        }\n    }\n\n    @Listen('clear')\n    onClearHandler() {\n        this.clearValue();\n    }\n\n    @Listen('displayChanged')\n    handleSelectedDisplay(event: CustomEvent) {\n        if (this.multiple) return;\n        this.inputField.value = event.detail.display;\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        const fromHost = isRelatedTargetWithinHost(event, this.hostElement);\n        const prioritizeSearch = (this.prioritizeSearch = fromHost && this.searchable);\n        if (prioritizeSearch) {\n            this.clearSelectedDisplay();\n        } else if (isEventFromElement(event, this.hostElement)) {\n            this.inputField.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n        }\n    }\n\n    @Listen('focusout')\n    handleFocusout(event: FocusEvent) {\n        const isLeavingHost = isHostLosingFocus(event, this.hostElement);\n        if (isLeavingHost) this.closeDropdown();\n        this.prioritizeSearch = !isLeavingHost && this.searchable;\n    }\n\n    @Listen('input')\n    onHostElementInput(event: CustomEvent) {\n        if (!this.searchable || event.target !== this.hostElement || this.hostElement.oninput) return;\n        const options = this.optionElements;\n        const query = this.searchText.trim().toLocaleLowerCase();\n        let matchedCount = 0;\n        options.forEach(option => {\n            if (query === '') {\n                option.hidden = false;\n                return;\n            }\n\n            const title =\n                option.firstElementChild?.tagName === 'Q2-CARD'\n                    ? (option.firstElementChild as HTMLQ2CardElement).title\n                    : null;\n            const { display = '', innerText = '' } = option;\n            const searchParams = [display, title, innerText];\n            const matched = searchParams.some(text => text?.toLocaleLowerCase().includes(query) ?? false);\n\n            option.hidden = !matched;\n            if (matched) matchedCount++;\n        });\n\n        const statusMessageLocString = query\n            ? 'tecton.element.select.searchable.results'\n            : 'tecton.element.select.allOptions';\n        const count = query ? matchedCount : options.length;\n        this.setStatusMessage(loc(statusMessageLocString, [count]));\n    }\n\n    @Listen('keydown')\n    keydownHandler(event: KeyboardEvent) {\n        this.inputKeydownHandler(event);\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<input>` to hide the popover if it is visible.\n     *\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover if it is hidden.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * @warning\n     * Only applicable when the input is searchable.\n     *\n     * @testOnly\n     */\n    @Method()\n    searchOptions(query: string) {\n        if (!this.searchable) return;\n\n        const { innerInputField } = this;\n        innerInputField.focus();\n        innerInputField.dispatchEvent(new FocusEvent('focus'));\n        innerInputField.value = query;\n        innerInputField.dispatchEvent(new InputEvent('input'));\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).\n     *\n     * If the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\n     * after the option(s) are selected.\n     *\n     * @testOnly\n     */\n    @Method()\n    async setValue(values: string | string[], options: { closePopover?: boolean } = { closePopover: true }) {\n        const valuesSet = new Set(Array.isArray(values) ? values : [values]);\n        if (!this.open) {\n            await this.openPopover();\n            await waitForNextPaint();\n        }\n\n        valuesSet.forEach(value => {\n            this.optionElements.find(option => option.value === value)?.click();\n        });\n\n        if (options.closePopover) {\n            await this.closePopover();\n            await waitForNextPaint();\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('multilineOptions')\n    handleMultilineOptionsUpdate(newValue, oldValue) {\n        if (newValue === oldValue) return;\n        this.optionElements.forEach(element => (element.multiline = newValue));\n    }\n\n    @Watch('open')\n    openChanged(isOpen: boolean) {\n        this.scheduledAfterRender.push(async () => {\n            await waitForNextPaint();\n            const { popoverTopContainer, popoverElement } = this;\n            const height = (isOpen && popoverTopContainer?.offsetHeight) || 0;\n            if (height) {\n                popoverElement.style.setProperty('--comp-popover-top-container-height', `${height}px`);\n            } else {\n                popoverElement.style.removeProperty('--comp-popover-top-container-height');\n            }\n        });\n    }\n\n    @Watch('value')\n    @Watch('selectedOptions')\n    buildStructuredSelectedOptions() {\n        const { multiple, selectedOptions, value } = this;\n        if (multiple) {\n            this.structuredSelectedOptions = !!selectedOptions?.length\n                ? selectedOptions.map(option => (typeof option === 'string' ? { value: option } : option))\n                : [];\n        } else {\n            this.structuredSelectedOptions = value ? [{ value }] : [];\n        }\n    }\n\n    @Watch('value')\n    valueUpdated() {\n        if (this.multiple) return;\n        this.clearSearchText();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get badgeValue(): string {\n        if (!this.multiple) return null;\n        const optionsLength = this.selectedOptions?.length ?? 0;\n        if (this.open && this.searchable) return optionsLength ? `${optionsLength}` : null;\n        else return optionsLength > 1 ? `+${optionsLength - 1}` : null;\n    }\n\n    get firstSelectedOptionElement() {\n        const { firstSelectedValue } = this;\n        return firstSelectedValue ? this.optionElements.find(({ value }) => value === firstSelectedValue) : null;\n    }\n\n    get firstSelectedValue() {\n        return this.multiple ? this.selectedOptions?.[0] : this.value;\n    }\n\n    get innerInputContainer(): HTMLElement {\n        return this.inputField?.shadowRoot?.querySelector('.input-container');\n    }\n\n    get innerInputField(): HTMLInputElement | HTMLButtonElement {\n        return this.inputField?.shadowRoot?.querySelector('.input-field');\n    }\n\n    get optionElements() {\n        return Array.from(this.hostElement.querySelectorAll<HTMLQ2OptionElement>('q2-option'));\n    }\n\n    get popoverMinHeight() {\n        const { minRows } = this;\n        const firstOption = this.hostElement.querySelector<HTMLQ2OptionElement>('q2-option:not([hidden])');\n        let minHeight = firstOption && window.getComputedStyle(firstOption).minHeight;\n\n        // Safari doesn't return a min-height for non-visible items\n        if (!minHeight || minHeight === '0px') minHeight = '44px';\n\n        return minRows * parseInt(minHeight);\n    }\n\n    get selectedDisplay() {\n        if (this.prioritizeSearch || this.searchText) return this.searchText;\n        if (this.hasCustomDisplay) return '';\n        return this.multiple ? this.calculateMultiSelectSelectedDisplay() : this.calculateSingleSelectSelectedDisplay();\n    }\n\n    get selectedDisplaySlot() {\n        return this.hostElement.querySelector<HTMLElement>('[slot=\"_selected-display\"]');\n    }\n\n    get wrapperClasses() {\n        const { errors } = this;\n        const classes = ['q2-select-container'];\n        if (Array.isArray(errors) && errors.length > 0) classes.push('has-error');\n        if (this.inputFocused) classes.push('is-focused');\n        if (this.searchable) classes.push('is-searchable');\n        return classes.join(' ');\n    }\n\n    _togglePopover() {\n        const { innerInputField } = this;\n        innerInputField?.click();\n        innerInputField?.focus();\n        innerInputField.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    calculateMultiSelectSelectedDisplay() {\n        const { firstSelectedOptionElement, firstSelectedValue, multilineOptions } = this;\n        if (!firstSelectedValue) return '';\n        if (firstSelectedOptionElement?.display) return loc(firstSelectedOptionElement.display);\n        if (multilineOptions && this.searchable) return this.searchText;\n        if (multilineOptions) return '';\n        return (\n            firstSelectedOptionElement?.textContent?.trim() ?? firstSelectedOptionElement?.value ?? firstSelectedValue\n        );\n    }\n\n    calculateSingleSelectSelectedDisplay() {\n        const { firstSelectedOptionElement, multilineOptions } = this;\n        if (multilineOptions) {\n            return (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) || this.value || '';\n        } else {\n            return (\n                (firstSelectedOptionElement?.display && loc(firstSelectedOptionElement.display)) ||\n                firstSelectedOptionElement?.textContent?.trim() ||\n                this.value ||\n                ''\n            );\n        }\n    }\n\n    checkSelectedDisplay() {\n        let namedSlot = this.selectedDisplaySlot;\n        const { value, multiple, selectedOptions, multilineOptions, firstSelectedOptionElement, prioritizeSearch } =\n            this;\n        const hasNoValue = !value && multiple && !selectedOptions?.length;\n        if (prioritizeSearch || !multilineOptions || hasNoValue) return this.clearSelectedDisplay();\n\n        if (!firstSelectedOptionElement || firstSelectedOptionElement.display) return this.clearSelectedDisplay();\n\n        // Clone selected option and remove elements with hide-on-select attribute\n        const selectionClone = firstSelectedOptionElement.firstElementChild.cloneNode(true) as HTMLElement;\n        selectionClone.querySelectorAll('[hide-on-select]').forEach(element => element.remove());\n\n        if (namedSlot) {\n            const height = namedSlot.clientHeight === 0 ? 'auto' : `${namedSlot.clientHeight}px`;\n            namedSlot.style.setProperty('--comp-selected-display-height', height);\n            if (namedSlot.firstElementChild.outerHTML !== selectionClone.outerHTML) {\n                namedSlot.replaceChild(selectionClone, namedSlot.firstElementChild);\n            }\n        } else {\n            namedSlot = document.createElement('div');\n            namedSlot.slot = '_selected-display';\n            namedSlot.appendChild(selectionClone);\n            this.hostElement.appendChild(namedSlot);\n        }\n        return namedSlot;\n    }\n\n    checkSelectedDisplayHeight() {\n        const { selectedDisplaySlot } = this;\n        if (!selectedDisplaySlot) return;\n        selectedDisplaySlot.style.setProperty('--comp-selected-display-height', '44px');\n    }\n\n    checkSelectedOptions() {\n        const { multiple, selectedOptions, value } = this;\n        this.optionElements.forEach(option => {\n            if (multiple) {\n                option.selected = selectedOptions.includes(option.value);\n            } else {\n                option.selected = option.value === value;\n            }\n        });\n    }\n\n    clearSearchText() {\n        if (!this.searchText) return;\n        this.searchText = '';\n        this.input.emit({ query: '' });\n    }\n\n    clearSelectedDisplay() {\n        this.selectedDisplaySlot?.remove();\n    }\n\n    clearValue() {\n        const { multiple } = this;\n        this.value = '';\n        this.selectedOptions = [];\n        this.change.emit({ value: multiple ? undefined : '', selectedOptions: multiple ? [] : undefined });\n    }\n\n    clickedElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName !== 'click-elsewhere') return;\n        event.stopPropagation();\n    };\n\n    closeDropdown() {\n        this.open = false;\n        this.clearSearchText();\n    }\n\n    async executeActionSheet(event: MouseEvent | KeyboardEvent) {\n        const result = await showActionSheetList(this, event);\n        this.handleSelectionChanges(result);\n    }\n\n    focusInput() {\n        this.inputField?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    handleSelectionChanges(changeDetails: { value?: string; values?: IOptionValue[] }) {\n        const { value = '', values = [] } = changeDetails;\n        const selectedOptionValues = values.map(value => value.value);\n        const { multiple } = this;\n        if (!this.hostElement.onchange) {\n            this.selectedOptions = selectedOptionValues;\n        }\n\n        this.change.emit({\n            value: multiple ? undefined : value,\n            selectedOptions: multiple ? selectedOptionValues : undefined,\n        });\n    }\n\n    inputBlurHandler = () => {\n        this.inputFocused = false;\n    };\n\n    inputChangeHandler = (event: Event) => {\n        event.stopPropagation();\n    };\n\n    inputClickHandler = async (event: MouseEvent) => {\n        event.stopPropagation();\n        if (shouldShowActionSheet(this)) {\n            return this.executeActionSheet(event);\n        }\n        this.toggleDropdown();\n        this.focusInput();\n    };\n\n    inputFocusHandler = () => {\n        this.inputFocused = true;\n    };\n\n    inputInputHandler = (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n        event.stopPropagation();\n        const eventValue = event.detail.value;\n        const shouldClearValue = !!this.value;\n\n        if (shouldClearValue) this.clearValue();\n        if (!this.open) this.openDropdownWithoutActiveElement();\n\n        this.prioritizeSearch = true;\n        this.searchText = eventValue;\n        this.input.emit({ query: eventValue });\n    };\n\n    inputKeydownHandler = (event: KeyboardEvent) => {\n        if (this.readonly || this.disabled) return;\n        const { key, shiftKey } = event;\n        const isShiftTab = key === 'Tab' && shiftKey;\n        const hasSlot = this.hasPopoverTop || this.hasPopoverBottom;\n        if (hasSlot && (key === 'Tab' || isShiftTab)) return;\n\n        // slots are incompatible with action sheet\n        if (shouldShowActionSheet(this, event) && !hasSlot) {\n            return this.executeActionSheet(event);\n        }\n\n        const keysForOptionListToHandle = [\n            'ArrowDown',\n            'ArrowUp',\n            'PageDown',\n            'PageUp',\n            'Home',\n            'End',\n            'Escape',\n            'Tab',\n        ];\n\n        if (this.searchable && (key === ' ' || key === 'Enter') && this.inputField.value == '') {\n            event.preventDefault();\n            if (!this.open) this.openDropdownWithoutActiveElement();\n        }\n\n        if (this.searchable && !keysForOptionListToHandle.includes(key)) return;\n        if (this.shouldClearSearchText(event)) this.clearSearchText();\n\n        // Prevent click event from firing when spacebar is pressed\n        if (key === ' ') event.preventDefault();\n\n        this.optionList.handleExternalKeydown(event);\n    };\n\n    onCustomDisplayClick = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.focusInput();\n        this.toggleDropdown();\n    };\n\n    onMutationObserved = () => {\n        const { hostElement, hasPopoverTop, hasPopoverBottom } = this;\n        const slotContainer = hostElement.querySelector('.custom-display-content');\n        const displaySlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"q2-select-display\"]');\n        const hasCustomDisplay = !!displaySlot\n            ? displaySlot.assignedNodes().length > 0\n            : slotContainer.children.length > 0;\n\n        if (this.hasCustomDisplay !== hasCustomDisplay) {\n            this.hasCustomDisplay = hasCustomDisplay;\n        }\n\n        const popTopSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-top\"]');\n        const topSlotHasNode = popTopSlot?.assignedNodes().length > 0;\n        if (hasPopoverTop !== topSlotHasNode) {\n            this.hasPopoverTop = topSlotHasNode;\n        }\n\n        const popBottomSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-bottom\"]');\n        const bottomSlotHasNode = popBottomSlot?.assignedNodes().length > 0;\n        if (hasPopoverBottom !== bottomSlotHasNode) {\n            this.hasPopoverBottom = bottomSlotHasNode;\n        }\n\n        this.checkSelectedOptions();\n    };\n\n    onOptionListChange = (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => {\n        event.stopPropagation();\n        const { values } = event.detail;\n\n        if (values.length === 0) this.showAllOptions();\n        this.handleSelectionChanges(event.detail);\n    };\n\n    onPopoverState = ({\n        detail: { open, action },\n    }: CustomEvent<{ open: boolean; action: 'close' | 'select' | 'open' }>) => {\n        if (!open || this.searchText) {\n            if (action !== 'select') {\n                this.optionList.setActiveElement(null);\n            }\n            this.inputField.focus();\n        }\n\n        if (this.open === open) return;\n        this.open = open;\n    };\n\n    openDropdownWithoutActiveElement() {\n        if (this.readonly || this.disabled) return;\n        this.optionList.setActiveElement(null);\n        this.open = true;\n    }\n\n    setStatusMessage(message) {\n        clearTimeout(this.statusMessageTimer);\n        this.statusMessage = '';\n        this.statusMessageTimer = setTimeout(() => {\n            this.statusMessage = message;\n        }, 1000);\n    }\n\n    shouldClearSearchText(event: KeyboardEvent) {\n        return this.searchable && !!this.searchText && event.key === 'Escape';\n    }\n\n    showAllOptions = () => {\n        this.showSelected = false;\n    };\n\n    showSelectedOptions = () => {\n        this.showSelected = true;\n    };\n\n    toggleDropdown() {\n        if (this.readonly || this.disabled) return;\n\n        if (this.open && !this.searchText) {\n            this.closeDropdown();\n        } else {\n            this.openDropdownWithoutActiveElement();\n        }\n    }\n\n    visibilityToggleKeyDown = (event: KeyboardEvent) => {\n        const key = event.key;\n        const isShiftTab = key === 'Tab' && event.shiftKey;\n        const isRadioControlKey = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(key);\n        if (isRadioControlKey) event.stopPropagation();\n        if (isShiftTab) {\n            event.stopPropagation();\n            // allows shift+tab keys to select the top slot when present\n            if (this.hasPopoverTop) return;\n\n            this.optionList.setDefaultActiveElement();\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderCustomDisplay() {\n        const hasSelectedDisplay = this.checkSelectedDisplay();\n        if (!hasSelectedDisplay) return;\n        this.checkSelectedDisplayHeight();\n\n        return (\n            <slot\n                name=\"_selected-display\"\n                slot=\"custom-display\"\n            />\n        );\n    }\n\n    renderOptionsDropdown() {\n        return (\n            <q2-popover\n                ref={el => (this.popoverElement = el)}\n                controlElement={this.innerInputContainer}\n                open={this.open}\n                max-height={this.popoverMaxHeight}\n                minHeight={this.popoverMinHeight}\n                direction={this.popDirection}\n                mode={this.popoverMode || undefined}\n                block\n            >\n                <div class=\"popover-content\">\n                    <q2-option-list\n                        onPopoverState={this.onPopoverState}\n                        ref={el => (this.optionList = el)}\n                        type=\"listbox\"\n                        id=\"option-list\"\n                        show-selected={this.showSelected}\n                        label={this.listLabel}\n                        multiple={this.multiple}\n                        selectedOptions={this.structuredSelectedOptions}\n                        onChange={this.onOptionListChange}\n                    >\n                        <slot />\n                    </q2-option-list>\n                    <div\n                        class=\"popover-top-container\"\n                        ref={el => (this.popoverTopContainer = el)}\n                        hidden={!this.multiple && !this.hasPopoverTop}\n                        tabindex=\"-1\"\n                    >\n                        <slot name=\"popover-top\"></slot>\n                        {this.multiple && this.renderVisibilityToggle()}\n                    </div>\n                </div>\n                <div\n                    class=\"popover-bottom-container\"\n                    hidden={!this.hasPopoverBottom}\n                    tabindex=\"-1\"\n                >\n                    <slot name=\"popover-bottom\" />\n                </div>\n            </q2-popover>\n        );\n    }\n\n    renderVisibilityToggle() {\n        const selectedOptionsCount = this.selectedOptions?.length ?? 0;\n        const { showSelected } = this;\n        return (\n            <div class=\"multi-select-header\">\n                <fieldset>\n                    <legend aria-label={loc('tecton.element.select.multiHeader.showing')}>\n                        {loc('tecton.element.select.multiHeader.showing')}\n                    </legend>\n                    <div>\n                        <input\n                            class=\"sr\"\n                            type=\"radio\"\n                            id=\"all\"\n                            name=\"viewDisplay\"\n                            value=\"all\"\n                            checked={!showSelected}\n                            aria-label={loc('tecton.element.select.multiHeader.allAriaLabel')}\n                            test-id=\"allOptionsButton\"\n                            onClick={this.showAllOptions}\n                            onKeyDown={this.visibilityToggleKeyDown}\n                        />\n                        <label htmlFor=\"all\">{loc('tecton.element.select.multiHeader.all')}</label>\n                    </div>\n\n                    <div>\n                        <input\n                            class=\"sr\"\n                            type=\"radio\"\n                            id=\"selected\"\n                            disabled={selectedOptionsCount === 0}\n                            name=\"viewDisplay\"\n                            value=\"selected\"\n                            aria-label={loc('tecton.element.select.multiHeader.selectedAriaLabel', [\n                                selectedOptionsCount,\n                            ])}\n                            checked={showSelected}\n                            test-id=\"selectedOptionsButton\"\n                            onClick={this.showSelectedOptions}\n                            onKeyDown={this.visibilityToggleKeyDown}\n                        />\n                        <label htmlFor=\"selected\">\n                            {loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount])}\n                        </label>\n                    </div>\n                </fieldset>\n            </div>\n        );\n    }\n\n    render() {\n        return (\n            <click-elsewhere\n                class={this.wrapperClasses}\n                onChange={this.clickedElsewhere}\n            >\n                <div\n                    aria-live=\"polite\"\n                    aria-atomic=\"true\"\n                    role=\"status\"\n                    class=\"sr\"\n                >\n                    {this.statusMessage}\n                </div>\n                <q2-input\n                    ref={el => (this.inputField = el)}\n                    class=\"q2-select-input\"\n                    label={(this.label && loc(this.label)) || ''}\n                    value={this.selectedDisplay}\n                    clearable={(this.clearable && (!!this.value || !!this.selectedOptions?.length)) || undefined}\n                    errors={\n                        (Array.isArray(this.errors) &&\n                            this.errors.length > 0 &&\n                            this.errors.map(error => loc(error))) ||\n                        (this.invalid && ['tecton.element.select.invalid']) ||\n                        []\n                    }\n                    disabled={this.disabled}\n                    optional={this.optional}\n                    readonly={!!this.readonly}\n                    placeholder={this.placeholder || undefined}\n                    hideLabel={this.hideLabel}\n                    ariaExpanded={`${this.open}`}\n                    ariaControls=\"option-list\"\n                    ariaHaspopup=\"listbox\"\n                    test-id=\"toggleDropdown\"\n                    hide-messages\n                    iconRight=\"chevron-down\"\n                    onClick={this.inputClickHandler}\n                    onInput={this.inputInputHandler}\n                    onKeyDown={this.inputKeydownHandler}\n                    onFocus={this.inputFocusHandler}\n                    onBlur={this.inputBlurHandler}\n                    onChange={this.inputChangeHandler}\n                    badgeValue={this.badgeValue}\n                    badgeTheme={this.inputFocused ? 'primary' : undefined}\n                    _role=\"combobox\"\n                    _preventEntry={!this.searchable}\n                >\n                    {this.renderCustomDisplay()}\n                </q2-input>\n                <div\n                    class=\"custom-display-content\"\n                    hidden={!this.hasCustomDisplay || !!this.searchText}\n                    onClick={this.onCustomDisplayClick}\n                >\n                    <slot name=\"q2-select-display\" />\n                </div>\n                {this.renderOptionsDropdown()}\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/p-6f5b7571.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,g as i,h as e}from"./p-a5f18e27.js";import{h as s,w as r}from"./p-15ac45d6.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.isCurrentlyFocused=false;this.mouseEventList=["mousedown","dragstart","touchstart"];this.mouseHandler=t=>{const o=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(t))||this.originatesInSlots(t.target);if(!i&&(this.isCurrentlyFocused||o)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||o};this.windowBlurHandler=()=>{this.isCurrentlyFocused=false;this.change.emit()}}connectedCallback(){this.mouseEventList.forEach((t=>{document.addEventListener(t,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((t=>{document.removeEventListener(t,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}componentWillLoad(){}findActiveElement(){let t=document.activeElement;while(true){if(!t||!t.shadowRoot){return t}t=t.shadowRoot.activeElement}}originatesInSlots(t){const o=this.hostElement.querySelectorAll("slot");for(const i of Array.from(o)){const o=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(o)){if(i.contains(t)){return true}}}return false}shadowContains(t){while(true){if(t===this.hostElement){return true}if(!t){return false}t=t.parentNode||t.host}}shadowEventTarget(t){return t.composedPath()[0]||t.target}get hostElement(){return i(this)}};const a="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show.legacy{position:absolute}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=a;const p=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){s(this,"minHeight","prop")}};this.setAbsoluteCSSProperties=async()=>{const{controlElement:t,containerElement:o,currentDirection:i,align:e}=this;if(e==="right"){o.style.setProperty("--comp-pop-right","0");o.style.setProperty("--comp-pop-left","unset")}else{o.style.setProperty("--comp-pop-left","0");o.style.setProperty("--comp-pop-right","unset")}if(this.block){o.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(t);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");o.style.setProperty("--comp-pop-bottom",`${e}px`)}await r();o.style.setProperty("--comp-pop-opacity","1")};this.setFixedCSSProperties=async()=>{var t,o;const{controlElement:i,containerElement:e,currentDirection:s,rootElementRect:n}=this;const{top:a,bottom:c,left:p,right:h}=(o=(t=i===null||i===void 0?void 0:i.getBoundingClientRect)===null||t===void 0?void 0:t.call(i))!==null&&o!==void 0?o:{top:0,bottom:0,left:0,right:0};const l=p-n.left;if(this.block)e.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);e.style.setProperty("--comp-pop-left",`${l}px`);e.style.setProperty("--comp-pop-right",`${n.width+n.left-h}px`);if(s==="up"){e.style.setProperty("--comp-pop-bottom",`${n.height+n.top-a}px`)}if(s==="down"){e.style.setProperty("--comp-pop-top",`${c-n.top}px`)}await r();e.style.setProperty("--comp-pop-opacity","1")};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.currentDirection=undefined;this.show=false;this.align=undefined;this.block=undefined;this.controlElement=undefined;this.direction=undefined;this.maxHeight=undefined;this.minHeight=undefined;this.mode=null;this.open=undefined}disconnectedCallback(){this.removeViewportListeners();this.containerElement=null;this.contentElement=null;this.controlElement=null;this.rootElementRect=null}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}async scrollContainerTo(t){this.containerElement.scrollTo(t)}async toggle(){this.open=!this.open}minHeightProvided(){this.handleMinHeight()}async openChanged(t){this.setRootElement();this.popoverStateChanged.emit({open:t});if(t){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;this.show=false;await r();this.clearCSSProperties()}}get isModule(){var t,o;const i=window!==window.top;const e=Object.keys((o=(t=window.Tecton)===null||t===void 0?void 0:t.platformDimensions)!==null&&o!==void 0?o:{}).length>0;return i&&e}get providedDirection(){const{direction:t}=this;switch(t){case"up":case"down":return t;default:return undefined}}get validatedMaxHeight(){const{maxHeight:t}=this;return isNaN(t)?undefined:t}addViewportListeners(){var t;window.addEventListener("resize",this.viewPortOrientationChanged);window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.addEventListener("change",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}async determinePopDirection(){var t,o,i;const{containerElement:e,controlElement:s,providedDirection:n,displayBuffer:a}=this;if(e)e.style.maxHeight=null;await r();const{isModule:c}=this;const{top:p,bottom:h}=(o=(t=s===null||s===void 0?void 0:s.getBoundingClientRect)===null||t===void 0?void 0:t.call(s))!==null&&o!==void 0?o:{top:0,bottom:0};let l;let d;let u;if(c){const{outletOffset:t=0,innerHeight:o=window.innerHeight}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const e=window.visualViewport.height-h;const s=o-(t+h);const r=e<s;l=o;d=(t>0?p:p+t)-a;u=r?e-a:s-a}else{l=window.visualViewport.height;d=p-a;u=l-h-a}const f=d>u?"up":"down";const w=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const m=this.currentDirection||n||f;switch(m){case"up":if(w){const t=this.validatedMaxHeight||d;const o=Math.min(d,t);e.style.setProperty("--comp-pop-max-height",`${o}px`)}this.setDirectionAndShow("up");break;case"down":if(w){const t=this.validatedMaxHeight||u;const o=Math.min(u,t);e.style.setProperty("--comp-pop-max-height",`${o}px`)}this.setDirectionAndShow("down");break}}removeViewportListeners(){var t;window.removeEventListener("resize",this.viewPortOrientationChanged);window.removeEventListener("scroll",this.viewPortChanged,{capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.removeEventListener("change",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}setDirectionAndShow(t){this.setRootElement();const o=this.open;if(!o)return;this.currentDirection=t;this.show=true;if(this.mode==="legacy"){this.setAbsoluteCSSProperties()}else{this.setFixedCSSProperties()}}setRootElement(){let t=this.hostElement;while(t&&t!==document.documentElement){const o=window.getComputedStyle(t);if(o.transform!=="none"||o.filter!=="none"||o.perspective!=="none"||o.containerType!=="normal"||["transform","perspective","filter"].includes(o.willChange)||["layout","paint","strict","content"].includes(o.contain)){this.rootElementRect=t.getBoundingClientRect();return}const i=t.getRootNode();const e=typeof ShadowRoot!=="undefined"&&i instanceof ShadowRoot&&i.host instanceof HTMLElement;if(e){t=i.host}else{t=t.parentElement}}this.rootElementRect={top:0,bottom:0,left:0,right:0,height:window.visualViewport.height,width:window.visualViewport.width}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");if(this.mode==="legacy")t.push("legacy");return e("div",{key:"4cc36b0388e9ca27dfe5ce94863600a5e36bbb14",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},e("div",{key:"af9a31c2c8c970d9b80639e2901f477277baf9bb",ref:t=>this.contentElement=t,class:"content"},e("slot",{key:"16a982acc292f434732ab7242ae5c3c15117e56c"})))}get hostElement(){return i(this)}static get watchers(){return{minHeight:["minHeightProvided"],open:["openChanged"]}}};p.style=c;export{n as click_elsewhere,p as q2_popover};
-//# sourceMappingURL=p-6f5b7571.entry.js.map

package/dist/q2-tecton-elements/p-6f5b7571.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ClickElsewhere","constructor","hostRef","this","isCurrentlyFocused","mouseEventList","mouseHandler","event","shadowContains","findActiveElement","aboutToBeFocused","shadowEventTarget","originatesInSlots","target","change","emit","windowBlurHandler","connectedCallback","forEach","eventName","document","addEventListener","window","disconnectedCallback","removeEventListener","componentWillLoad","workingElement","activeElement","shadowRoot","slots","hostElement","querySelectorAll","currentSlot","Array","from","lightNodes","assignedNodes","childNodes","currentNode","contains","child","parentNode","host","composedPath","q2PopoverCss","Q2PopoverStyle0","Q2Popover","displayBuffer","orientationChanged","handleMinHeight","minHeight","handleDeprecationWarning","setAbsoluteCSSProperties","async","controlElement","containerElement","currentDirection","align","style","setProperty","block","controlStyle","getComputedStyle","controlSize","parseInt","height","borderTopWidth","borderBottomWidth","waitForNextPaint","setFixedCSSProperties","rootElementRect","top","controlTop","bottom","controlBottom","left","controlLeft","right","controlRight","_b","_a","getBoundingClientRect","call","popoverLeft","offsetWidth","width","viewPortChanged","open","determinePopDirection","viewPortOrientationChanged","undefined","removeViewportListeners","contentElement","componentDidLoad","popoverStateHandler","detail","stopPropagation","scrollContainerTo","options","scrollTo","toggle","minHeightProvided","openChanged","setRootElement","popoverStateChanged","addViewportListeners","show","clearCSSProperties","isModule","isIframe","hasPlatformDimensions","Object","keys","Tecton","platformDimensions","length","providedDirection","direction","validatedMaxHeight","maxHeight","isNaN","passive","capture","screen","orientation","removeProperty","windowHeight","maxSpaceAbove","maxSpaceBelow","outletOffset","innerHeight","_c","distanceToIframeBottom","visualViewport","viewableSpaceBelow","isIframeShorterThanWindow","directionWithMostSpace","shouldUpdateMaxHeight","getPropertyValue","currentOrDetermineDirection","priorityMaxHeight","Math","min","setDirectionAndShow","isOpen","mode","currentElement","documentElement","computedStyle","transform","filter","perspective","containerType","includes","willChange","contain","rootNode","getRootNode","isRootNodeWebComponent","ShadowRoot","HTMLElement","parentElement","render","containerClasses","push","h","key","ref","el","class","join"],"sources":["src/components/click-elsewhere/click-elsewhere.tsx","src/components/q2-popover/q2-popover.scss?tag=q2-popover&encapsulation=shadow","src/components/q2-popover/q2-popover.tsx"],"sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'click-elsewhere',\n    shadow: false,\n})\nexport class ClickElsewhere implements ComponentInterface {\n    // #region Own Properties\n\n    isCurrentlyFocused: boolean = false;\n    /**\n     * Listens for mouse and window events that happen outside this click-elsewhere element so we can close popovers when users click outside them\n     */\n    mouseEventList: string[] = ['mousedown', 'dragstart', 'touchstart'];\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the user clicks outside the element\n     */\n    @Event()\n    change: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    /* tslint:enable:no-empty */\n\n    connectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.addEventListener(eventName, this.mouseHandler);\n        });\n        window.addEventListener('blur', this.windowBlurHandler);\n    }\n\n    disconnectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.removeEventListener(eventName, this.mouseHandler);\n        });\n        window.removeEventListener('blur', this.windowBlurHandler);\n    }\n\n    /* TODO: Stencil/Rollup is having issues compiling without this here. Will try to remove in future Stencil upgrade. */\n    /* tslint:disable:no-empty */\n    componentWillLoad() {}\n\n    // #endregion\n    // #region Local Methods\n\n    findActiveElement(): Element | null {\n        let workingElement = document.activeElement!;\n        while (true) {\n            if (!workingElement || !workingElement.shadowRoot) {\n                return workingElement;\n            }\n            workingElement = workingElement.shadowRoot.activeElement;\n        }\n    }\n\n    mouseHandler = (event: Event): void => {\n        const isCurrentlyFocused = this.shadowContains(this.findActiveElement());\n        const aboutToBeFocused =\n            this.shadowContains(this.shadowEventTarget(event)) || this.originatesInSlots(event.target as Element);\n\n        if (!aboutToBeFocused && (this.isCurrentlyFocused || isCurrentlyFocused)) {\n            this.isCurrentlyFocused = false;\n            this.change.emit();\n            return;\n        }\n        this.isCurrentlyFocused = aboutToBeFocused || isCurrentlyFocused;\n    };\n\n    originatesInSlots(target: Element): boolean {\n        const slots = this.hostElement.querySelectorAll('slot');\n        for (const currentSlot of Array.from(slots)) {\n            const lightNodes =\n                (currentSlot && currentSlot.assignedNodes && currentSlot.assignedNodes()) ||\n                this.hostElement.childNodes;\n\n            for (const currentNode of Array.from(lightNodes)) {\n                if (currentNode.contains(target)) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n\n    shadowContains(child: any): boolean {\n        /**\n         * shadow-dom enabled version of Node.contains()\n         */\n\n        while (true) {\n            if (child === this.hostElement) {\n                return true;\n            }\n            if (!child) {\n                return false;\n            }\n            child = child.parentNode || child.host;\n        }\n    }\n\n    shadowEventTarget(event: any): Element {\n        return event.composedPath()[0] || event.target;\n    }\n\n    windowBlurHandler = (): void => {\n        this.isCurrentlyFocused = false;\n        this.change.emit();\n    };\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.container {\n    display: none;\n}\n\n.show {\n    display: block;\n    position: fixed;\n    z-index: var-list(--tct-popover-z-index, 50);\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    background: var-list(--tct-popover-background, --app-white, #ffffff);\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(--tct-popover-box-shadow, --app-shadow-1, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)\"));\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 following --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    :host([block]) & {\n        right: unset;\n        width: var(--comp-pop-width);\n        min-width: var-list(--tct-popover-min-width, unset);\n    }\n\n    :host([align='left']) & {\n        left: var(--comp-pop-left);\n        right: unset;\n    }\n\n    :host([align='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    &.legacy {\n        position: absolute;\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 } from '../../utils';\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    /** remove when Popover API is supported in iOS */\n    orientationChanged: boolean = false;\n    rootElementRect: DOMRect;\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 Popover API is supported in iOS\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';\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     */\n    @Event()\n    popoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeViewportListeners();\n        this.containerElement = null;\n        this.contentElement = null;\n        this.controlElement = null;\n        this.rootElementRect = null;\n    }\n\n    componentDidLoad() {\n        this.handleMinHeight();\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        this.setRootElement();\n        this.popoverStateChanged.emit({ open });\n\n        if (open) {\n            this.addViewportListeners();\n            this.determinePopDirection();\n        } else {\n            this.removeViewportListeners();\n            this.currentDirection = undefined;\n            this.show = false;\n            await waitForNextPaint();\n            this.clearCSSProperties();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get isModule() {\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 validatedMaxHeight(): number | undefined {\n        const { maxHeight } = this;\n        return isNaN(maxHeight) ? undefined : maxHeight;\n    }\n\n    addViewportListeners() {\n        window.addEventListener('resize', this.viewPortOrientationChanged);\n        // #region remove when Popover API is supported in iOS\n        window.addEventListener('scroll', this.viewPortChanged, { passive: true, capture: true });\n        screen?.orientation?.addEventListener('change', this.viewPortOrientationChanged);\n        window.addEventListener('orientationchange', this.viewPortOrientationChanged);\n\n        // #endregion\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\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\n        if (isModule) {\n            const { outletOffset = 0, innerHeight = window.innerHeight } = window.Tecton?.platformDimensions || {};\n            const distanceToIframeBottom = window.visualViewport.height - controlBottom;\n            const viewableSpaceBelow = innerHeight - (outletOffset + controlBottom);\n            const isIframeShorterThanWindow = distanceToIframeBottom < viewableSpaceBelow;\n            windowHeight = innerHeight;\n            // If the top of the module is below the top of the window we just use the controlTop\n            // Otherwise we need to add the outletOffset to the controlTop\n            maxSpaceAbove = (outletOffset > 0 ? controlTop : controlTop + outletOffset) - displayBuffer;\n            maxSpaceBelow = isIframeShorterThanWindow\n                ? distanceToIframeBottom - displayBuffer\n                : viewableSpaceBelow - displayBuffer;\n        } else {\n            windowHeight = window.visualViewport.height;\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    removeViewportListeners() {\n        window.removeEventListener('resize', this.viewPortOrientationChanged);\n        // #region remove when Popover API is supported in iOS\n        window.removeEventListener('scroll', this.viewPortChanged, { capture: true });\n        screen?.orientation?.removeEventListener('change', this.viewPortOrientationChanged);\n        window.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n\n        // #endregion\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        this.setRootElement();\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        this.show = true;\n        if (this.mode === 'legacy') {\n            this.setAbsoluteCSSProperties();\n        } else {\n            this.setFixedCSSProperties();\n        }\n    }\n\n    setFixedCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, rootElementRect } = 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        const popoverLeft: number = controlLeft - rootElementRect.left;\n\n        if (this.block) containerElement.style.setProperty('--comp-pop-width', `${controlElement.offsetWidth || 0}px`);\n        containerElement.style.setProperty('--comp-pop-left', `${popoverLeft}px`);\n        containerElement.style.setProperty(\n            '--comp-pop-right',\n            `${rootElementRect.width + rootElementRect.left - controlRight}px`\n        );\n\n        if (currentDirection === 'up') {\n            containerElement.style.setProperty(\n                '--comp-pop-bottom',\n                `${rootElementRect.height + rootElementRect.top - controlTop}px`\n            );\n        }\n        if (currentDirection === 'down') {\n            containerElement.style.setProperty('--comp-pop-top', `${controlBottom - rootElementRect.top}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    setRootElement() {\n        let currentElement: HTMLElement = this.hostElement;\n\n        while (currentElement && currentElement !== document.documentElement) {\n            const computedStyle = window.getComputedStyle(currentElement);\n\n            // Check if the element has any styles applied that create a new containg block\n            if (\n                computedStyle.transform !== 'none' ||\n                computedStyle.filter !== 'none' ||\n                computedStyle.perspective !== 'none' ||\n                computedStyle.containerType !== 'normal' ||\n                ['transform', 'perspective', 'filter'].includes(computedStyle.willChange) ||\n                ['layout', 'paint', 'strict', 'content'].includes(computedStyle.contain)\n            ) {\n                this.rootElementRect = currentElement.getBoundingClientRect();\n                return;\n            }\n\n            const rootNode = currentElement.getRootNode();\n            const isRootNodeWebComponent =\n                typeof ShadowRoot !== 'undefined' &&\n                rootNode instanceof ShadowRoot &&\n                rootNode.host instanceof HTMLElement;\n            if (isRootNodeWebComponent) {\n                currentElement = rootNode.host;\n            } else {\n                currentElement = currentElement.parentElement;\n            }\n        }\n\n        // Return the document's bounding rect if no element is found\n        this.rootElementRect = {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            height: window.visualViewport.height,\n            width: window.visualViewport.width,\n        } as DOMRect;\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];\n        if (this.show) containerClasses.push('show');\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            >\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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"}