q2-tecton-elements 1.50.2 → 1.50.4

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

@@ -1 +0,0 @@
-{"version":3,"names":["q2SelectCss","Q2SelectStyle0","Q2Select","this","guid","createGuid","scheduledAfterRender","clickedElsewhere","event","target","localName","stopPropagation","popoverElement","open","destroyEventListeners","isMobile","_a","screen","orientation","removeEventListener","handleOrientationChange","window","visualViewport","isLandscape","isModule","Tecton","platformDimensions","orientationType","includes","_c","_b","type","searchable","originalSearchable","initEventListeners","addEventListener","initMutationObserver","observer","MutationObserver","onMutationObserved","observe","hostElement","childList","subtree","mutationObserver","inputBlurHandler","inputFocused","inputChangeHandler","inputClickHandler","async","shouldShowActionSheet","executeActionSheet","toggleDropdown","focusInput","inputFocusHandler","inputInputHandler","eventValue","detail","value","shouldClearValue","clearValue","openDropdownWithoutActiveElement","prioritizeSearch","searchText","input","emit","query","inputKeydownHandler","readonly","disabled","key","shiftKey","isShiftTab","hasSlot","hasPopoverTop","hasPopoverBottom","keysForOptionListToHandle","inputField","preventDefault","shouldClearSearchText","clearSearchText","handleOptionListExternalKeydown","onCustomDisplayClick","slotContainer","querySelector","displaySlot","shadowRoot","hasCustomDisplay","assignedNodes","length","children","popTopSlot","topSlotHasNode","popBottomSlot","bottomSlotHasNode","checkSelectedOptions","onOptionListChange","values","showAllOptions","handleSelectionChanges","onPopoverState","action","optionList","setActiveElement","focus","showSelected","showSelectedOptions","visibilityToggleKeyDown","isRadioControlKey","setDefaultActiveElement","useActionSheets","loc","disconnectedCallback","disconnect","componentWillLoad","handleAriaLabel","buildStructuredSelectedOptions","handleMultilineOptionsUpdate","multilineOptions","componentDidLoad","overrideFocus","setTimeout","checkSelectedDisplay","setCustomLabel","componentDidRender","forEach","fn","onHostElementChange","onchange","multiple","selectedOptions","onClearHandler","handleSelectedDisplay","display","delegateFocus","fromHost","isRelatedTargetWithinHost","clearSelectedDisplay","isEventFromElement","handleFocusout","relatedTarget","isLeavingHost","contains","closeDropdown","onHostElementInput","oninput","options","optionElements","trim","toLocaleLowerCase","matchedCount","option","hidden","title","firstElementChild","tagName","innerText","searchParams","matched","some","text","statusMessageLocString","count","setStatusMessage","keydownHandler","popoverStateChanged","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","height","offsetHeight","style","setProperty","removeProperty","structuredSelectedOptions","map","valueUpdated","badgeValue","optionsLength","firstSelectedOptionElement","firstSelectedValue","innerInputContainer","inputId","isIframe","top","hasPlatformDimensions","Object","keys","from","querySelectorAll","popoverMinHeight","minRows","firstOption","minHeight","getComputedStyle","parseInt","selectedDisplay","calculateMultiSelectSelectedDisplay","calculateSingleSelectSelectedDisplay","selectedDisplaySlot","wrapperClasses","errors","classes","join","textContent","namedSlot","hasNoValue","selectionClone","cloneNode","remove","clientHeight","outerHTML","replaceChild","document","createElement","slot","appendChild","checkSelectedDisplayHeight","selected","change","undefined","result","showActionSheetList","handleExternalKeydown","changeDetails","selectedOptionValues","customLabel","removeChild","message","clearTimeout","statusMessageTimer","statusMessage","renderCustomDisplay","hasSelectedDisplay","h","name","renderOptionsDropdown","ref","el","controlElement","popoverMaxHeight","direction","popDirection","mode","popoverMode","block","class","id","label","listLabel","onChange","tabindex","renderVisibilityToggle","renderSelectField","Fragment","role","clearable","error","invalid","optional","placeholder","hideLabel","ariaExpanded","ariaControls","ariaHaspopup","iconRight","onClick","onInput","onKeyDown","onFocus","onBlur","badgeTheme","_role","_preventEntry","selectedOptionsCount","checked","htmlFor","render"],"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    Fragment,\n} from '@stencil/core';\nimport { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from 'src/components';\nimport {\n    createGuid,\n    handleAriaLabel,\n    isEventFromElement,\n    isMobile,\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/**\n * @slot popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow.\n * @slot popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow.\n * @slot q2-select-display - An optional slot to display custom HTML content in the display area.\n */\n@Component({ tag: 'q2-select', shadow: true, styleUrl: 'q2-select.scss' })\nexport class Q2Select implements ComponentInterface {\n    // #region Own Properties\n\n    guid = createGuid();\n    inputField?: HTMLQ2InputElement;\n    mutationObserver: MutationObserver;\n    optionList: HTMLQ2OptionListElement;\n    originalSearchable: boolean;\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, mutable: 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        this.destroyEventListeners();\n    }\n\n    componentWillLoad() {\n        this.originalSearchable = this.searchable;\n        handleAriaLabel(this);\n        this.handleOrientationChange();\n        this.buildStructuredSelectedOptions();\n        this.handleMultilineOptionsUpdate(this.multilineOptions, false);\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n        this.initEventListeners();\n        overrideFocus(this.hostElement);\n        setTimeout(() => this.checkSelectedDisplay(), 0);\n        this.setCustomLabel();\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 && !!this.value && this.value === event.detail.value) {\n            this.inputField.value = event.detail.display;\n        }\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 relatedTarget = event.relatedTarget as HTMLElement;\n        const isLeavingHost =\n            !this.popoverElement?.contains(relatedTarget) && !this.hostElement.contains(relatedTarget);\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    @Listen('popoverStateChanged')\n    popoverStateChanged({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\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 inputId() {\n        return `select-guid-${this.guid}`;\n    }\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 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        // This prevents an undefined property error when the spec tests are run\n        try {\n            this.hostElement;\n        } catch (error) {\n            return null;\n        }\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        const { popoverElement } = this;\n        if (!popoverElement) return;\n        popoverElement.open = false;\n    };\n\n    closeDropdown() {\n        this.open = false;\n        this.clearSearchText();\n    }\n\n    destroyEventListeners = () => {\n        if (!isMobile()) return;\n        screen?.orientation?.removeEventListener('change', this.handleOrientationChange);\n        window.removeEventListener('resize', this.handleOrientationChange);\n        visualViewport?.removeEventListener('resize', this.handleOrientationChange);\n    };\n\n    async executeActionSheet(event: MouseEvent | KeyboardEvent) {\n        const result = await showActionSheetList(this, event);\n        this.focusInput();\n        this.handleSelectionChanges(result);\n    }\n\n    focusInput() {\n        this.inputField?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    // Helps with checking for calls to handleExternalKeydown in spec tests\n    handleOptionListExternalKeydown(event: KeyboardEvent) {\n        this.optionList.handleExternalKeydown(event);\n    }\n\n    handleOrientationChange = () => {\n        if (!isMobile()) return;\n\n        let isLandscape: boolean;\n        if (this.isModule) {\n            isLandscape = window.Tecton?.platformDimensions.orientationType.includes('landscape');\n        } else {\n            isLandscape = screen?.orientation?.type?.includes('landscape');\n        }\n        if (isLandscape && this.searchable) this.searchable = false;\n        if (!isLandscape) this.searchable = this.originalSearchable;\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    initEventListeners = () => {\n        if (!isMobile()) return;\n        screen?.orientation?.addEventListener('change', this.handleOrientationChange);\n        window.addEventListener('resize', this.handleOrientationChange);\n        visualViewport?.addEventListener('resize', this.handleOrientationChange);\n    };\n\n    initMutationObserver = () => {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, subtree: true });\n        this.mutationObserver = observer;\n        this.onMutationObserved();\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.handleOptionListExternalKeydown(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    setCustomLabel() {\n        const customLabel = this.hostElement.querySelector('[slot=\"label\"]');\n        if (customLabel) {\n            this.inputField?.appendChild(customLabel.cloneNode(true));\n            this.hostElement.removeChild(customLabel);\n        }\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    renderSelectField() {\n        return (\n            <Fragment>\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            </Fragment>\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                {this.renderSelectField()}\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n\n// #endregion\n"],"mappings":"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"}

package/dist/q2-tecton-elements/p-fb72d692.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,F as i,g as s}from"./p-a5f18e27.js";import{w as n,o,i as a,k as r,a as d,l as h}from"./p-19784a09.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const l=c;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.focusFirstItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusLastItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusToggle=()=>{this.controlElement.focus()};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onDropdownMenuClick=async t=>{const e=t.target;if(e.disabled||e.separator)return;this.closeDropdown();await n();this.focusToggle()};this.onDropdownMenuKeydown=t=>{const e=t.target;switch(t.key){case"Escape":this.closeDropdown();this.focusToggle();break;case"Tab":this.closeDropdown();break;case"ArrowUp":t.preventDefault();this.focusAdjacentItem(e,"prev");break;case"ArrowDown":t.preventDefault();this.focusAdjacentItem(e,"next");break}};this.onToggleClick=()=>{if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=async t=>{switch(t.key){case"ArrowUp":t.preventDefault();this.openDropdown();await n();this.focusLastItem();break;case"ArrowDown":t.preventDefault();this.openDropdown();await n();this.focusFirstItem();return;case"Escape":t.preventDefault();this.closeDropdown();break;case"Tab":if(!this.open)break;this.closeDropdown();break}};this.openDropdown=()=>{if(this.open)return;this.open=true};this.additionalContext=undefined;this.alignment=undefined;this.ariaLabel=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popDirection=undefined;this.popoverAlignment="left";this.popoverDirection=undefined;this.popoverMinHeight=150;this.popoverMode=null;this.resolvedType=undefined;this.type="icon"}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();o(this.hostElement)}delegateFocus(t){if(!a(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null||e===void 0?void 0:e.scrollContainerTo({top:0})}additionalContextHandler(){this.orchestrateResolvedMenuItems()}alignmentHandler(){r(this,"alignment","popoverAlignment")}ariaLabelHandler(){d(this)}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}nameHandler(){this.orchestrateResolvedMenuItems()}popDirectionHandler(){r(this,"popDirection","popoverDirection")}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const s=i==="icon";const n=i==="fab";const o=i==="custom";let a;if(t.includes(i)){a=i==="neutral"?i:`workflow-${i}`}const r=this.open;const d=!!this.disabled;const h=this.open;const c=!s&&!n&&!a?"unstyled":"";return{icon:s,fab:n,intent:a,active:r,disabled:d,ariaExpanded:h,className:c,custom:o}}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const s=i.indexOf(t);if(s===-1){return}let n=0;if(e==="next"){n=s<i.length-1?s+1:0}else if(e==="prev"){if(s>0){n=s-1}else{n=i.length-1}}const o=i[n];o&&o.dispatchEvent(new Event("focus"))}navigateTo(t,e,i){var s,n;return(n=(s=window.TectonElements)===null||s===void 0?void 0:s.navigateTo)===null||n===void 0?void 0:n.call(s,t,e,i)}orchestrateResolvedMenuItems(){if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=()=>this.navigateTo(t.featureName,t.moduleName,i);break;case"showOverpanel":e=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,i);break}const s=document.createElement("q2-dropdown-item");s.setAttribute("value",t.itemLabel);s.classList.add("resolved-menu-item");s.textContent=t.itemLabel;s.onclick=e;return s}))))}showOverpanel(t,e){var i,s;return(s=(i=window.TectonElements)===null||i===void 0?void 0:i.showOverpanel)===null||s===void 0?void 0:s.call(i,t,e,undefined,true)}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"d7de1ccefbea3e11da20d53e0ff00867aba12a8a",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"603335e81b19de6a16b2114cbb00fa5d0f74f91c",ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?h(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:h("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomButton?e("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},e("slot",{name:"custom-dropdown-button"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},h(this.label)))),e("q2-popover",{key:"a2ae3b3909274ba3e37f848cc1b81522445c48e7",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode||undefined,block:this.block},e("div",{key:"0529f2fcabede6266d69ce618f22fc1807af37ea",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown,role:"menu","aria-label":h(this.label)||undefined},e("slot",{key:"a17829bc8e5672a97324cb8c2d617c60bdcb2664"}))))}get hostElement(){return s(this)}static get watchers(){return{additionalContext:["additionalContextHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],name:["nameHandler"],popDirection:["popDirectionHandler"],resolvedType:["resolvedTypeHandler"]}}};u.style=l;export{u as q2_dropdown};
-//# sourceMappingURL=p-fb72d692.entry.js.map