@spectrum-web-components/menu 0.40.3 → 0.40.4

package/src/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Menu.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { MenuItem } from './MenuItem.js';\nimport type { MenuItemAddedOrUpdatedEvent } from './MenuItem.js';\nimport type { Overlay } from '@spectrum-web-components/overlay';\nimport menuStyles from './menu.css.js';\n\nexport interface MenuChildItem {\n    menuItem: MenuItem;\n    managed: boolean;\n    active: boolean;\n    focusable: boolean;\n    focusRoot: Menu;\n}\n\ntype SelectsType = 'none' | 'ignore' | 'inherit' | 'multiple' | 'single';\ntype RoleType = 'group' | 'menu' | 'listbox' | 'none';\n\nfunction elementIsOrContains(\n    el: Node,\n    isOrContains: Node | undefined | null\n): boolean {\n    return !!isOrContains && (el === isOrContains || el.contains(isOrContains));\n}\n\n/**\n * Spectrum Menu Component\n * @element sp-menu\n *\n * @slot - menu items to be listed in the menu\n * @fires change - Announces that the `value` of the element has changed\n * @attr selects - whether the element has a specific selection algorithm that it applies\n *   to its item descendants. `single` allows only one descendent to be selected at a time.\n *   `multiple` allows many descendants to be selected. `inherit` will be applied dynamically\n *   when an ancestor of this element is actively managing the selection of its descendents.\n *   When the `selects` attribute is not present a `value` will not be maintained and the Menu\n *   Item children of this Menu will not have their `selected` state managed.\n */\nexport class Menu extends SizedMixin(SpectrumElement, { noDefaultSize: true }) {\n    public static override get styles(): CSSResultArray {\n        return [menuStyles];\n    }\n\n    private get isSubmenu(): boolean {\n        return this.slot === 'submenu';\n    }\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true })\n    public ignore = false;\n\n    @property({ type: String, reflect: true })\n    public selects: undefined | 'inherit' | 'single' | 'multiple';\n\n    @property({ type: String })\n    public value = '';\n\n    // For the multiple select case, we'll join the value strings together\n    // for the value property with this separator\n    @property({ type: String, attribute: 'value-separator' })\n    public valueSeparator = ',';\n\n    // TODO: which of these to keep?\n    @property({ attribute: false })\n    public get selected(): string[] {\n        return this._selected;\n    }\n\n    public set selected(selected: string[]) {\n        if (selected === this.selected) {\n            return;\n        }\n        const old = this.selected;\n        this._selected = selected;\n        this.selectedItems = [];\n        this.selectedItemsMap.clear();\n        this.childItems.forEach((item) => {\n            item.selected = this.selected.includes(item.value);\n            if (item.selected) {\n                this.selectedItems.push(item);\n                this.selectedItemsMap.set(item, true);\n            }\n        });\n        this.requestUpdate('selected', old);\n    }\n\n    protected _selected = [] as string[];\n\n    @property({ attribute: false })\n    public selectedItems = [] as MenuItem[];\n\n    @query('slot:not([name])')\n    public menuSlot!: HTMLSlotElement;\n\n    private childItemSet = new Set<MenuItem>();\n    public focusedItemIndex = 0;\n    public focusInItemIndex = 0;\n\n    private selectedItemsMap = new Map() as Map<MenuItem, boolean>;\n\n    public get childItems(): MenuItem[] {\n        if (!this.cachedChildItems) {\n            this.cachedChildItems = this.updateCachedMenuItems();\n        }\n        return this.cachedChildItems;\n    }\n\n    private cachedChildItems: MenuItem[] | undefined;\n\n    private updateCachedMenuItems(): MenuItem[] {\n        this.cachedChildItems = [];\n\n        if (!this.menuSlot) {\n            return [];\n        }\n\n        const slottedElements = this.menuSlot.assignedElements({\n            flatten: true,\n        }) as HTMLElement[];\n        // Recursively flatten <slot> and non-<sp-menu-item> elements assigned to the menu into a single array.\n        for (const [i, slottedElement] of slottedElements.entries()) {\n            if (this.childItemSet.has(slottedElement as MenuItem)) {\n                // Assign <sp-menu-item> members of the array that are in this.childItemSet to this.chachedChildItems.\n                this.cachedChildItems.push(slottedElement as MenuItem);\n                continue;\n            }\n            const isHTMLSlotElement = slottedElement.localName === 'slot';\n            const flattenedChildren = isHTMLSlotElement\n                ? (slottedElement as HTMLSlotElement).assignedElements({\n                      flatten: true,\n                  })\n                : [...slottedElement.querySelectorAll(`:scope > *`)];\n            slottedElements.splice(\n                i,\n                1,\n                slottedElement,\n                ...(flattenedChildren as HTMLElement[])\n            );\n        }\n\n        return this.cachedChildItems;\n    }\n\n    /**\n     * Hide this getter from web-component-analyzer until\n     * https://github.com/runem/web-component-analyzer/issues/131\n     * has been addressed.\n     *\n     * @private\n     */\n    public get childRole(): string {\n        if (this.resolvedRole === 'listbox') {\n            return 'option';\n        }\n        switch (this.resolvedSelects) {\n            case 'single':\n                return 'menuitemradio';\n            case 'multiple':\n                return 'menuitemcheckbox';\n            default:\n                return 'menuitem';\n        }\n    }\n\n    protected get ownRole(): string {\n        return 'menu';\n    }\n\n    private resolvedSelects?: SelectsType;\n    private resolvedRole?: RoleType;\n\n    /**\n     * When a descendant `<sp-menu-item>` element is added or updated it will dispatch\n     * this event to announce its presence in the DOM. During the CAPTURE phase the first\n     * Menu based element that the event encounters will manage the focus state of the\n     * dispatching `<sp-menu-item>` element.\n     * @param event\n     */\n    private onFocusableItemAddedOrUpdated(\n        event: MenuItemAddedOrUpdatedEvent\n    ): void {\n        event.menuCascade.set(this, {\n            hadFocusRoot: !!event.item.menuData.focusRoot,\n            ancestorWithSelects: event.currentAncestorWithSelects,\n        });\n        if (this.selects) {\n            event.currentAncestorWithSelects = this;\n        }\n        event.item.menuData.focusRoot = event.item.menuData.focusRoot || this;\n    }\n\n    /**\n     * When a descendant `<sp-menu-item>` element is added or updated it will dispatch\n     * this event to announce its presence in the DOM. During the BUBBLE phase the first\n     * Menu based element that the event encounters that does not inherit selection will\n     * manage the selection state of the dispatching `<sp-menu-item>` element.\n     * @param event\n     */\n    private onSelectableItemAddedOrUpdated(\n        event: MenuItemAddedOrUpdatedEvent\n    ): void {\n        const cascadeData = event.menuCascade.get(this);\n        /* c8 ignore next 1 */\n        if (!cascadeData) return;\n\n        event.item.menuData.parentMenu = event.item.menuData.parentMenu || this;\n        if (cascadeData.hadFocusRoot && !this.ignore) {\n            // Only have one tab stop per Menu tree\n            this.tabIndex = -1;\n        }\n        this.addChildItem(event.item);\n\n        if (this.selects === 'inherit') {\n            this.resolvedSelects = 'inherit';\n            const ignoreMenu = event.currentAncestorWithSelects?.ignore;\n            this.resolvedRole = ignoreMenu\n                ? 'none'\n                : ((event.currentAncestorWithSelects?.getAttribute('role') ||\n                      this.getAttribute('role') ||\n                      undefined) as RoleType);\n        } else if (this.selects) {\n            this.resolvedRole = this.ignore\n                ? 'none'\n                : ((this.getAttribute('role') || undefined) as RoleType);\n            this.resolvedSelects = this.selects;\n        } else {\n            this.resolvedRole = this.ignore\n                ? 'none'\n                : ((this.getAttribute('role') || undefined) as RoleType);\n            this.resolvedSelects =\n                this.resolvedRole === 'none' ? 'ignore' : 'none';\n        }\n\n        const selects =\n            this.resolvedSelects === 'single' ||\n            this.resolvedSelects === 'multiple';\n        event.item.menuData.cleanupSteps.push((item: MenuItem) =>\n            this.removeChildItem(item)\n        );\n        if (\n            (selects || (!this.selects && this.resolvedSelects !== 'ignore')) &&\n            !event.item.menuData.selectionRoot\n        ) {\n            event.item.setRole(this.childRole);\n            event.item.menuData.selectionRoot =\n                event.item.menuData.selectionRoot || this;\n            if (event.item.selected) {\n                this.selectedItemsMap.set(event.item, true);\n                this.selectedItems = [...this.selectedItems, event.item];\n                this._selected = [...this.selected, event.item.value];\n                this.value = this.selected.join(this.valueSeparator);\n            }\n        }\n    }\n\n    private addChildItem(item: MenuItem): void {\n        this.childItemSet.add(item);\n        this.handleItemsChanged();\n    }\n\n    private async removeChildItem(item: MenuItem): Promise<void> {\n        this.childItemSet.delete(item);\n        this.cachedChildItems = undefined;\n        if (item.focused) {\n            this.handleItemsChanged();\n            await this.updateComplete;\n            this.focus();\n        }\n    }\n\n    public constructor() {\n        super();\n\n        this.addEventListener(\n            'sp-menu-item-added-or-updated',\n            this.onSelectableItemAddedOrUpdated\n        );\n        this.addEventListener(\n            'sp-menu-item-added-or-updated',\n            this.onFocusableItemAddedOrUpdated,\n            {\n                capture: true,\n            }\n        );\n\n        this.addEventListener('click', this.handleClick);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('blur', this.handleBlur);\n        this.addEventListener('sp-opened', this.handleSubmenuOpened);\n        this.addEventListener('sp-closed', this.handleSubmenuClosed);\n    }\n\n    public override focus({ preventScroll }: FocusOptions = {}): void {\n        if (\n            !this.childItems.length ||\n            this.childItems.every((childItem) => childItem.disabled)\n        ) {\n            return;\n        }\n        if (\n            this.childItems.some(\n                (childItem) => childItem.menuData.focusRoot !== this\n            )\n        ) {\n            super.focus({ preventScroll });\n            return;\n        }\n        this.focusMenuItemByOffset(0);\n        super.focus({ preventScroll });\n        const selectedItem = this.selectedItems[0];\n        if (selectedItem && !preventScroll) {\n            selectedItem.scrollIntoView({ block: 'nearest' });\n        }\n    }\n\n    private handleClick(event: Event): void {\n        const path = event.composedPath();\n        const target = path.find((el) => {\n            /* c8 ignore next 3 */\n            if (!(el instanceof Element)) {\n                return false;\n            }\n            return el.getAttribute('role') === this.childRole;\n        }) as MenuItem;\n        if (event.defaultPrevented) {\n            const index = this.childItems.indexOf(target);\n            if (target?.menuData.focusRoot === this && index > -1) {\n                this.focusedItemIndex = index;\n            }\n            return;\n        }\n        if (target?.href && target.href.length) {\n            // This event will NOT ALLOW CANCELATION as link action\n            // cancelation should occur on the `<sp-menu-item>` itself.\n            this.dispatchEvent(\n                new Event('change', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        } else if (\n            target?.menuData.selectionRoot === this &&\n            this.childItems.length\n        ) {\n            event.preventDefault();\n            if (target.hasSubmenu || target.open) {\n                return;\n            }\n            this.selectOrToggleItem(target);\n        } else {\n            return;\n        }\n        this.prepareToCleanUp();\n    }\n\n    public handleFocusin(event: FocusEvent): void {\n        if (\n            this.childItems.some(\n                (childItem) => childItem.menuData.focusRoot !== this\n            )\n        ) {\n            return;\n        }\n        const activeElement = (this.getRootNode() as Document).activeElement as\n            | MenuItem\n            | Menu;\n        const selectionRoot =\n            this.childItems[this.focusedItemIndex]?.menuData.selectionRoot ||\n            this;\n        if (activeElement !== selectionRoot || event.target !== this) {\n            selectionRoot.focus({ preventScroll: true });\n            if (activeElement && this.focusedItemIndex === 0) {\n                const offset = this.childItems.findIndex(\n                    (childItem) => childItem === activeElement\n                );\n                this.focusMenuItemByOffset(Math.max(offset, 0));\n            }\n        }\n        this.startListeningToKeyboard();\n    }\n\n    public startListeningToKeyboard(): void {\n        this.addEventListener('keydown', this.handleKeydown);\n    }\n\n    public handleBlur(event: FocusEvent): void {\n        if (elementIsOrContains(this, event.relatedTarget as Node)) {\n            return;\n        }\n        this.stopListeningToKeyboard();\n        this.childItems.forEach((child) => (child.focused = false));\n        this.removeAttribute('aria-activedescendant');\n    }\n\n    public stopListeningToKeyboard(): void {\n        this.removeEventListener('keydown', this.handleKeydown);\n    }\n\n    private descendentOverlays = new Map<Overlay, Overlay>();\n\n    protected handleDescendentOverlayOpened(event: Event): void {\n        const target = event.composedPath()[0] as MenuItem;\n        /* c8 ignore next 1 */\n        if (!target.overlayElement) return;\n        this.descendentOverlays.set(\n            target.overlayElement,\n            target.overlayElement\n        );\n    }\n\n    protected handleDescendentOverlayClosed(event: Event): void {\n        const target = event.composedPath()[0] as MenuItem;\n        /* c8 ignore next 1 */\n        if (!target.overlayElement) return;\n        this.descendentOverlays.delete(target.overlayElement);\n    }\n\n    public handleSubmenuClosed = (event: Event): void => {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as Overlay;\n        target.dispatchEvent(\n            new Event('sp-menu-submenu-closed', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n    };\n\n    public handleSubmenuOpened = (event: Event): void => {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as Overlay;\n        target.dispatchEvent(\n            new Event('sp-menu-submenu-opened', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        const focusedItem = this.childItems[this.focusedItemIndex];\n        if (focusedItem) {\n            focusedItem.focused = false;\n        }\n        const openedItem = event\n            .composedPath()\n            .find((el) => this.childItemSet.has(el as MenuItem));\n        /* c8 ignore next 1 */\n        if (!openedItem) return;\n        const openedItemIndex = this.childItems.indexOf(openedItem as MenuItem);\n        this.focusedItemIndex = openedItemIndex;\n        this.focusInItemIndex = openedItemIndex;\n    };\n\n    public async selectOrToggleItem(targetItem: MenuItem): Promise<void> {\n        const resolvedSelects = this.resolvedSelects;\n        const oldSelectedItemsMap = new Map(this.selectedItemsMap);\n        const oldSelected = this.selected.slice();\n        const oldSelectedItems = this.selectedItems.slice();\n        const oldValue = this.value;\n        const focusedChild = this.childItems[this.focusedItemIndex];\n        if (focusedChild) {\n            focusedChild.focused = false;\n            focusedChild.active = false;\n        }\n        this.focusedItemIndex = this.childItems.indexOf(targetItem);\n        this.forwardFocusVisibleToItem(targetItem);\n\n        if (resolvedSelects === 'multiple') {\n            if (this.selectedItemsMap.has(targetItem)) {\n                this.selectedItemsMap.delete(targetItem);\n            } else {\n                this.selectedItemsMap.set(targetItem, true);\n            }\n\n            // Match HTML select and set the first selected\n            // item as the value. Also set the selected array\n            // in the order of the menu items.\n            const selected: string[] = [];\n            const selectedItems: MenuItem[] = [];\n\n            this.childItemSet.forEach((childItem) => {\n                if (childItem.menuData.selectionRoot !== this) return;\n\n                if (this.selectedItemsMap.has(childItem)) {\n                    selected.push(childItem.value);\n                    selectedItems.push(childItem);\n                }\n            });\n            this._selected = selected;\n            this.selectedItems = selectedItems;\n            this.value = this.selected.join(this.valueSeparator);\n        } else {\n            this.selectedItemsMap.clear();\n            this.selectedItemsMap.set(targetItem, true);\n            this.value = targetItem.value;\n            this._selected = [targetItem.value];\n            this.selectedItems = [targetItem];\n        }\n\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            // Cancel the event & don't apply the selection\n            this._selected = oldSelected;\n            this.selectedItems = oldSelectedItems;\n            this.selectedItemsMap = oldSelectedItemsMap;\n            this.value = oldValue;\n            return;\n        }\n        // Apply the selection changes to the menu items\n        if (resolvedSelects === 'single') {\n            for (const oldItem of oldSelectedItemsMap.keys()) {\n                if (oldItem !== targetItem) {\n                    oldItem.selected = false;\n                }\n            }\n            targetItem.selected = true;\n        } else if (resolvedSelects === 'multiple') {\n            targetItem.selected = !targetItem.selected;\n        }\n    }\n\n    protected navigateWithinMenu(event: KeyboardEvent): void {\n        const { code } = event;\n        const lastFocusedItem = this.childItems[this.focusedItemIndex];\n        const direction = code === 'ArrowDown' ? 1 : -1;\n        const itemToFocus = this.focusMenuItemByOffset(direction);\n        if (itemToFocus === lastFocusedItem) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        itemToFocus.scrollIntoView({ block: 'nearest' });\n    }\n\n    protected navigateBetweenRelatedMenus(event: KeyboardEvent): void {\n        const { code } = event;\n        const shouldOpenSubmenu =\n            (this.isLTR && code === 'ArrowRight') ||\n            (!this.isLTR && code === 'ArrowLeft');\n        const shouldCloseSelfAsSubmenu =\n            (this.isLTR && code === 'ArrowLeft') ||\n            (!this.isLTR && code === 'ArrowRight');\n        if (shouldOpenSubmenu) {\n            event.stopPropagation();\n            const lastFocusedItem = this.childItems[this.focusedItemIndex];\n            if (lastFocusedItem?.hasSubmenu) {\n                // Remove focus while opening overlay from keyboard or the visible focus\n                // will slip back to the first item in the menu.\n                lastFocusedItem.openOverlay();\n            }\n        } else if (shouldCloseSelfAsSubmenu && this.isSubmenu) {\n            event.stopPropagation();\n            this.dispatchEvent(new Event('close', { bubbles: true }));\n            this.updateSelectedItemIndex();\n        }\n    }\n\n    public handleKeydown(event: KeyboardEvent): void {\n        if (event.defaultPrevented) {\n            return;\n        }\n        const lastFocusedItem = this.childItems[this.focusedItemIndex];\n        if (lastFocusedItem) {\n            lastFocusedItem.focused = true;\n        }\n        const { code } = event;\n        if (\n            event.shiftKey &&\n            event.target !== this &&\n            this.hasAttribute('tabindex')\n        ) {\n            this.removeAttribute('tabindex');\n            const replaceTabindex = (\n                event: FocusEvent | KeyboardEvent\n            ): void => {\n                if (\n                    !(event as KeyboardEvent).shiftKey &&\n                    !this.hasAttribute('tabindex')\n                ) {\n                    this.tabIndex = 0;\n                    document.removeEventListener('keyup', replaceTabindex);\n                    this.removeEventListener('focusout', replaceTabindex);\n                }\n            };\n            document.addEventListener('keyup', replaceTabindex);\n            this.addEventListener('focusout', replaceTabindex);\n        }\n        if (code === 'Tab') {\n            this.prepareToCleanUp();\n            return;\n        }\n        if (code === 'Space') {\n            if (lastFocusedItem?.hasSubmenu) {\n                // Remove focus while opening overlay from keyboard or the visible focus\n                // will slip back to the first item in the menu.\n                // this.blur();\n                lastFocusedItem.openOverlay();\n                return;\n            }\n        }\n        if (code === 'Space' || code === 'Enter') {\n            const childItem = this.childItems[this.focusedItemIndex];\n            if (\n                childItem &&\n                childItem.menuData.selectionRoot === event.target\n            ) {\n                childItem.click();\n            }\n            return;\n        }\n        if (code === 'ArrowDown' || code === 'ArrowUp') {\n            const childItem = this.childItems[this.focusedItemIndex];\n            if (\n                childItem &&\n                childItem.menuData.selectionRoot === event.target\n            ) {\n                this.navigateWithinMenu(event);\n            }\n            return;\n        }\n        this.navigateBetweenRelatedMenus(event);\n    }\n\n    public focusMenuItemByOffset(offset: number): MenuItem {\n        const step = offset || 1;\n        const focusedItem = this.childItems[this.focusedItemIndex];\n        if (focusedItem) {\n            focusedItem.focused = false;\n            // Remain active while a submenu is opened.\n            focusedItem.active = focusedItem.open;\n        }\n        this.focusedItemIndex =\n            (this.childItems.length + this.focusedItemIndex + offset) %\n            this.childItems.length;\n        let itemToFocus = this.childItems[this.focusedItemIndex];\n        let availableItems = this.childItems.length;\n        // cycle through the available items in the directions of the offset to find the next non-disabled item\n        while (itemToFocus?.disabled && availableItems) {\n            availableItems -= 1;\n            this.focusedItemIndex =\n                (this.childItems.length + this.focusedItemIndex + step) %\n                this.childItems.length;\n            itemToFocus = this.childItems[this.focusedItemIndex];\n        }\n        // if there are no non-disabled items, skip the work to focus a child\n        if (!itemToFocus?.disabled) {\n            this.forwardFocusVisibleToItem(itemToFocus);\n        }\n        return itemToFocus;\n    }\n\n    private prepareToCleanUp(): void {\n        document.addEventListener(\n            'focusout',\n            () => {\n                requestAnimationFrame(() => {\n                    const focusedItem = this.childItems[this.focusedItemIndex];\n                    if (focusedItem) {\n                        focusedItem.focused = false;\n                        this.updateSelectedItemIndex();\n                    }\n                });\n            },\n            { once: true }\n        );\n    }\n\n    private _hasUpdatedSelectedItemIndex = false;\n\n    public updateSelectedItemIndex(): void {\n        let firstOrFirstSelectedIndex = 0;\n        const selectedItemsMap = new Map<MenuItem, boolean>();\n        const selected: string[] = [];\n        const selectedItems: MenuItem[] = [];\n        let itemIndex = this.childItems.length;\n        while (itemIndex) {\n            itemIndex -= 1;\n            const childItem = this.childItems[itemIndex];\n            if (childItem.menuData.selectionRoot === this) {\n                if (\n                    childItem.selected ||\n                    (!this._hasUpdatedSelectedItemIndex &&\n                        this.selected.includes(childItem.value))\n                ) {\n                    firstOrFirstSelectedIndex = itemIndex;\n                    selectedItemsMap.set(childItem, true);\n                    selected.unshift(childItem.value);\n                    selectedItems.unshift(childItem);\n                }\n                // Remove \"focused\" from non-\"selected\" items ONLY\n                // Preserve \"focused\" on index===0 when no selection\n                if (itemIndex !== firstOrFirstSelectedIndex) {\n                    childItem.focused = false;\n                }\n            }\n        }\n        selectedItems.map((item, i) => {\n            // When there is more than one \"selected\" item,\n            // ensure only the first one can be \"focused\"\n            if (i > 0) {\n                item.focused = false;\n            }\n        });\n        this.selectedItemsMap = selectedItemsMap;\n        this._selected = selected;\n        this.selectedItems = selectedItems;\n        this.value = this.selected.join(this.valueSeparator);\n        this.focusedItemIndex = firstOrFirstSelectedIndex;\n        this.focusInItemIndex = firstOrFirstSelectedIndex;\n    }\n\n    private _willUpdateItems = false;\n\n    private handleItemsChanged(): void {\n        this.cachedChildItems = undefined;\n        if (!this._willUpdateItems) {\n            this._willUpdateItems = true;\n            this.cacheUpdated = this.updateCache();\n        }\n    }\n\n    private async updateCache(): Promise<void> {\n        if (!this.hasUpdated) {\n            await Promise.all([\n                new Promise((res) => requestAnimationFrame(() => res(true))),\n                this.updateComplete,\n            ]);\n        } else {\n            await new Promise((res) => requestAnimationFrame(() => res(true)));\n        }\n        if (this.cachedChildItems === undefined) {\n            this.updateSelectedItemIndex();\n            this.updateItemFocus();\n        }\n        this._willUpdateItems = false;\n    }\n\n    private updateItemFocus(): void {\n        if (this.childItems.length == 0) {\n            return;\n        }\n        const focusInItem = this.childItems[this.focusInItemIndex];\n        if (\n            (this.getRootNode() as Document).activeElement ===\n            focusInItem.menuData.focusRoot\n        ) {\n            this.forwardFocusVisibleToItem(focusInItem);\n        }\n    }\n\n    public closeDescendentOverlays(): void {\n        this.descendentOverlays.forEach((overlay) => {\n            overlay.open = false;\n        });\n        this.descendentOverlays = new Map<Overlay, Overlay>();\n    }\n\n    private forwardFocusVisibleToItem(item: MenuItem): void {\n        if (!item || item.menuData.focusRoot !== this) {\n            return;\n        }\n        this.closeDescendentOverlays();\n        const focused =\n            this.hasVisibleFocusInTree() ||\n            !!this.childItems.find((child) => {\n                return child.hasVisibleFocusInTree();\n            });\n        item.focused = focused;\n        this.setAttribute('aria-activedescendant', item.id);\n        if (\n            item.menuData.selectionRoot &&\n            item.menuData.selectionRoot !== this\n        ) {\n            item.menuData.selectionRoot.focus();\n        }\n    }\n\n    private handleSlotchange({\n        target,\n    }: Event & { target: HTMLSlotElement }): void {\n        const assignedElement = target.assignedElements({\n            flatten: true,\n        }) as MenuItem[];\n        if (this.childItems.length !== assignedElement.length) {\n            assignedElement.forEach((item) => {\n                if (typeof item.triggerUpdate !== 'undefined') {\n                    item.triggerUpdate();\n                }\n            });\n        }\n    }\n\n    protected renderMenuItemSlot(): TemplateResult {\n        return html`\n            <slot\n                @sp-menu-submenu-opened=${this.handleDescendentOverlayOpened}\n                @sp-menu-submenu-closed=${this.handleDescendentOverlayClosed}\n                @slotchange=${this.handleSlotchange}\n            ></slot>\n        `;\n    }\n\n    public override render(): TemplateResult {\n        return this.renderMenuItemSlot();\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        if (!this.hasAttribute('tabindex') && !this.ignore) {\n            const role = this.getAttribute('role');\n            if (role === 'group') {\n                this.tabIndex = -1;\n            } else {\n                this.tabIndex = 0;\n            }\n        }\n        const updates: Promise<unknown>[] = [\n            new Promise((res) => requestAnimationFrame(() => res(true))),\n        ];\n        [...this.children].forEach((item) => {\n            if ((item as MenuItem).localName === 'sp-menu-item') {\n                updates.push((item as MenuItem).updateComplete);\n            }\n        });\n        this.childItemsUpdated = Promise.all(updates);\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (changes.has('selects') && this.hasUpdated) {\n            this.selectsChanged();\n        }\n        if (\n            changes.has('label') &&\n            (this.label || typeof changes.get('label') !== 'undefined')\n        ) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n                /* c8 ignore next 3 */\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n\n    protected selectsChanged(): void {\n        const updates: Promise<unknown>[] = [\n            new Promise((res) => requestAnimationFrame(() => res(true))),\n        ];\n        this.childItemSet.forEach((childItem) => {\n            updates.push(childItem.triggerUpdate());\n        });\n        this.childItemsUpdated = Promise.all(updates);\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (!this.hasAttribute('role') && !this.ignore) {\n            this.setAttribute('role', this.ownRole);\n        }\n        this.updateComplete.then(() => this.updateItemFocus());\n    }\n    public override disconnectedCallback(): void {\n        this.cachedChildItems = undefined;\n        super.disconnectedCallback();\n    }\n\n    protected childItemsUpdated!: Promise<unknown[]>;\n    protected cacheUpdated = Promise.resolve();\n    /* c8 ignore next 3 */\n    protected resolveCacheUpdated = (): void => {\n        return;\n    };\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.childItemsUpdated;\n        await this.cacheUpdated;\n        return complete;\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { MenuItem } from './MenuItem.js';\nimport type { MenuItemAddedOrUpdatedEvent } from './MenuItem.js';\nimport type { Overlay } from '@spectrum-web-components/overlay';\nimport menuStyles from './menu.css.js';\n\nexport interface MenuChildItem {\n    menuItem: MenuItem;\n    managed: boolean;\n    active: boolean;\n    focusable: boolean;\n    focusRoot: Menu;\n}\n\ntype SelectsType = 'none' | 'ignore' | 'inherit' | 'multiple' | 'single';\ntype RoleType = 'group' | 'menu' | 'listbox' | 'none';\n\nfunction elementIsOrContains(\n    el: Node,\n    isOrContains: Node | undefined | null\n): boolean {\n    return !!isOrContains && (el === isOrContains || el.contains(isOrContains));\n}\n\n/**\n * Spectrum Menu Component\n * @element sp-menu\n *\n * @slot - menu items to be listed in the menu\n * @fires change - Announces that the `value` of the element has changed\n * @attr selects - whether the element has a specific selection algorithm that it applies\n *   to its item descendants. `single` allows only one descendent to be selected at a time.\n *   `multiple` allows many descendants to be selected. `inherit` will be applied dynamically\n *   when an ancestor of this element is actively managing the selection of its descendents.\n *   When the `selects` attribute is not present a `value` will not be maintained and the Menu\n *   Item children of this Menu will not have their `selected` state managed.\n */\nexport class Menu extends SizedMixin(SpectrumElement, { noDefaultSize: true }) {\n    public static override get styles(): CSSResultArray {\n        return [menuStyles];\n    }\n\n    private get isSubmenu(): boolean {\n        return this.slot === 'submenu';\n    }\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true })\n    public ignore = false;\n\n    @property({ type: String, reflect: true })\n    public selects: undefined | 'inherit' | 'single' | 'multiple';\n\n    @property({ type: String })\n    public value = '';\n\n    // For the multiple select case, we'll join the value strings together\n    // for the value property with this separator\n    @property({ type: String, attribute: 'value-separator' })\n    public valueSeparator = ',';\n\n    // TODO: which of these to keep?\n    @property({ attribute: false })\n    public get selected(): string[] {\n        return this._selected;\n    }\n\n    public set selected(selected: string[]) {\n        if (selected === this.selected) {\n            return;\n        }\n        const old = this.selected;\n        this._selected = selected;\n        this.selectedItems = [];\n        this.selectedItemsMap.clear();\n        this.childItems.forEach((item) => {\n            item.selected = this.selected.includes(item.value);\n            if (item.selected) {\n                this.selectedItems.push(item);\n                this.selectedItemsMap.set(item, true);\n            }\n        });\n        this.requestUpdate('selected', old);\n    }\n\n    protected _selected = [] as string[];\n\n    @property({ attribute: false })\n    public selectedItems = [] as MenuItem[];\n\n    @query('slot:not([name])')\n    public menuSlot!: HTMLSlotElement;\n\n    private childItemSet = new Set<MenuItem>();\n    public focusedItemIndex = 0;\n    public focusInItemIndex = 0;\n\n    private selectedItemsMap = new Map() as Map<MenuItem, boolean>;\n\n    public get childItems(): MenuItem[] {\n        if (!this.cachedChildItems) {\n            this.cachedChildItems = this.updateCachedMenuItems();\n        }\n        return this.cachedChildItems;\n    }\n\n    private cachedChildItems: MenuItem[] | undefined;\n\n    private updateCachedMenuItems(): MenuItem[] {\n        this.cachedChildItems = [];\n\n        if (!this.menuSlot) {\n            return [];\n        }\n\n        const slottedElements = this.menuSlot.assignedElements({\n            flatten: true,\n        }) as HTMLElement[];\n        // Recursively flatten <slot> and non-<sp-menu-item> elements assigned to the menu into a single array.\n        for (const [i, slottedElement] of slottedElements.entries()) {\n            if (this.childItemSet.has(slottedElement as MenuItem)) {\n                // Assign <sp-menu-item> members of the array that are in this.childItemSet to this.chachedChildItems.\n                this.cachedChildItems.push(slottedElement as MenuItem);\n                continue;\n            }\n            const isHTMLSlotElement = slottedElement.localName === 'slot';\n            const flattenedChildren = isHTMLSlotElement\n                ? (slottedElement as HTMLSlotElement).assignedElements({\n                      flatten: true,\n                  })\n                : [...slottedElement.querySelectorAll(`:scope > *`)];\n            slottedElements.splice(\n                i,\n                1,\n                slottedElement,\n                ...(flattenedChildren as HTMLElement[])\n            );\n        }\n\n        return this.cachedChildItems;\n    }\n\n    /**\n     * Hide this getter from web-component-analyzer until\n     * https://github.com/runem/web-component-analyzer/issues/131\n     * has been addressed.\n     *\n     * @private\n     */\n    public get childRole(): string {\n        if (this.resolvedRole === 'listbox') {\n            return 'option';\n        }\n        switch (this.resolvedSelects) {\n            case 'single':\n                return 'menuitemradio';\n            case 'multiple':\n                return 'menuitemcheckbox';\n            default:\n                return 'menuitem';\n        }\n    }\n\n    protected get ownRole(): string {\n        return 'menu';\n    }\n\n    private resolvedSelects?: SelectsType;\n    private resolvedRole?: RoleType;\n\n    /**\n     * When a descendant `<sp-menu-item>` element is added or updated it will dispatch\n     * this event to announce its presence in the DOM. During the CAPTURE phase the first\n     * Menu based element that the event encounters will manage the focus state of the\n     * dispatching `<sp-menu-item>` element.\n     * @param event\n     */\n    private onFocusableItemAddedOrUpdated(\n        event: MenuItemAddedOrUpdatedEvent\n    ): void {\n        event.menuCascade.set(this, {\n            hadFocusRoot: !!event.item.menuData.focusRoot,\n            ancestorWithSelects: event.currentAncestorWithSelects,\n        });\n        if (this.selects) {\n            event.currentAncestorWithSelects = this;\n        }\n        event.item.menuData.focusRoot = event.item.menuData.focusRoot || this;\n    }\n\n    /**\n     * When a descendant `<sp-menu-item>` element is added or updated it will dispatch\n     * this event to announce its presence in the DOM. During the BUBBLE phase the first\n     * Menu based element that the event encounters that does not inherit selection will\n     * manage the selection state of the dispatching `<sp-menu-item>` element.\n     * @param event\n     */\n    private onSelectableItemAddedOrUpdated(\n        event: MenuItemAddedOrUpdatedEvent\n    ): void {\n        const cascadeData = event.menuCascade.get(this);\n        /* c8 ignore next 1 */\n        if (!cascadeData) return;\n\n        event.item.menuData.parentMenu = event.item.menuData.parentMenu || this;\n        if (cascadeData.hadFocusRoot && !this.ignore) {\n            // Only have one tab stop per Menu tree\n            this.tabIndex = -1;\n        }\n        this.addChildItem(event.item);\n\n        if (this.selects === 'inherit') {\n            this.resolvedSelects = 'inherit';\n            const ignoreMenu = event.currentAncestorWithSelects?.ignore;\n            this.resolvedRole = ignoreMenu\n                ? 'none'\n                : ((event.currentAncestorWithSelects?.getAttribute('role') ||\n                      this.getAttribute('role') ||\n                      undefined) as RoleType);\n        } else if (this.selects) {\n            this.resolvedRole = this.ignore\n                ? 'none'\n                : ((this.getAttribute('role') || undefined) as RoleType);\n            this.resolvedSelects = this.selects;\n        } else {\n            this.resolvedRole = this.ignore\n                ? 'none'\n                : ((this.getAttribute('role') || undefined) as RoleType);\n            this.resolvedSelects =\n                this.resolvedRole === 'none' ? 'ignore' : 'none';\n        }\n\n        const selects =\n            this.resolvedSelects === 'single' ||\n            this.resolvedSelects === 'multiple';\n        event.item.menuData.cleanupSteps.push((item: MenuItem) =>\n            this.removeChildItem(item)\n        );\n        if (\n            (selects || (!this.selects && this.resolvedSelects !== 'ignore')) &&\n            !event.item.menuData.selectionRoot\n        ) {\n            event.item.setRole(this.childRole);\n            event.item.menuData.selectionRoot =\n                event.item.menuData.selectionRoot || this;\n            if (event.item.selected) {\n                this.selectedItemsMap.set(event.item, true);\n                this.selectedItems = [...this.selectedItems, event.item];\n                this._selected = [...this.selected, event.item.value];\n                this.value = this.selected.join(this.valueSeparator);\n            }\n        }\n    }\n\n    private addChildItem(item: MenuItem): void {\n        this.childItemSet.add(item);\n        this.handleItemsChanged();\n    }\n\n    private async removeChildItem(item: MenuItem): Promise<void> {\n        this.childItemSet.delete(item);\n        this.cachedChildItems = undefined;\n        if (item.focused) {\n            this.handleItemsChanged();\n            await this.updateComplete;\n            this.focus();\n        }\n    }\n\n    public constructor() {\n        super();\n\n        this.addEventListener(\n            'sp-menu-item-added-or-updated',\n            this.onSelectableItemAddedOrUpdated\n        );\n        this.addEventListener(\n            'sp-menu-item-added-or-updated',\n            this.onFocusableItemAddedOrUpdated,\n            {\n                capture: true,\n            }\n        );\n\n        this.addEventListener('click', this.handleClick);\n        this.addEventListener('pointerup', this.handlePointerup);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('blur', this.handleBlur);\n        this.addEventListener('sp-opened', this.handleSubmenuOpened);\n        this.addEventListener('sp-closed', this.handleSubmenuClosed);\n    }\n\n    public override focus({ preventScroll }: FocusOptions = {}): void {\n        if (\n            !this.childItems.length ||\n            this.childItems.every((childItem) => childItem.disabled)\n        ) {\n            return;\n        }\n        if (\n            this.childItems.some(\n                (childItem) => childItem.menuData.focusRoot !== this\n            )\n        ) {\n            super.focus({ preventScroll });\n            return;\n        }\n        this.focusMenuItemByOffset(0);\n        super.focus({ preventScroll });\n        const selectedItem = this.selectedItems[0];\n        if (selectedItem && !preventScroll) {\n            selectedItem.scrollIntoView({ block: 'nearest' });\n        }\n    }\n\n    private willSynthesizeClick = 0;\n\n    private handleClick(event: Event): void {\n        if (this.willSynthesizeClick) {\n            cancelAnimationFrame(this.willSynthesizeClick);\n            return;\n        }\n        this.handlePointerBasedSelection(event);\n    }\n\n    private handlePointerup(event: Event): void {\n        this.willSynthesizeClick = requestAnimationFrame(() => {\n            event.target?.dispatchEvent(new Event('click'));\n        });\n        this.handlePointerBasedSelection(event);\n    }\n\n    private handlePointerBasedSelection(event: Event): void {\n        const path = event.composedPath();\n        const target = path.find((el) => {\n            /* c8 ignore next 3 */\n            if (!(el instanceof Element)) {\n                return false;\n            }\n            return el.getAttribute('role') === this.childRole;\n        }) as MenuItem;\n        if (event.defaultPrevented) {\n            const index = this.childItems.indexOf(target);\n            if (target?.menuData.focusRoot === this && index > -1) {\n                this.focusedItemIndex = index;\n            }\n            return;\n        }\n        if (target?.href && target.href.length) {\n            // This event will NOT ALLOW CANCELATION as link action\n            // cancelation should occur on the `<sp-menu-item>` itself.\n            this.dispatchEvent(\n                new Event('change', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        } else if (\n            target?.menuData.selectionRoot === this &&\n            this.childItems.length\n        ) {\n            event.preventDefault();\n            if (target.hasSubmenu || target.open) {\n                return;\n            }\n            this.selectOrToggleItem(target);\n        } else {\n            return;\n        }\n        this.prepareToCleanUp();\n    }\n\n    public handleFocusin(event: FocusEvent): void {\n        if (\n            this.childItems.some(\n                (childItem) => childItem.menuData.focusRoot !== this\n            )\n        ) {\n            return;\n        }\n        const activeElement = (this.getRootNode() as Document).activeElement as\n            | MenuItem\n            | Menu;\n        const selectionRoot =\n            this.childItems[this.focusedItemIndex]?.menuData.selectionRoot ||\n            this;\n        if (activeElement !== selectionRoot || event.target !== this) {\n            selectionRoot.focus({ preventScroll: true });\n            if (activeElement && this.focusedItemIndex === 0) {\n                const offset = this.childItems.findIndex(\n                    (childItem) => childItem === activeElement\n                );\n                this.focusMenuItemByOffset(Math.max(offset, 0));\n            }\n        }\n        this.startListeningToKeyboard();\n    }\n\n    public startListeningToKeyboard(): void {\n        this.addEventListener('keydown', this.handleKeydown);\n    }\n\n    public handleBlur(event: FocusEvent): void {\n        if (elementIsOrContains(this, event.relatedTarget as Node)) {\n            return;\n        }\n        this.stopListeningToKeyboard();\n        this.childItems.forEach((child) => (child.focused = false));\n        this.removeAttribute('aria-activedescendant');\n    }\n\n    public stopListeningToKeyboard(): void {\n        this.removeEventListener('keydown', this.handleKeydown);\n    }\n\n    private descendentOverlays = new Map<Overlay, Overlay>();\n\n    protected handleDescendentOverlayOpened(event: Event): void {\n        const target = event.composedPath()[0] as MenuItem;\n        /* c8 ignore next 1 */\n        if (!target.overlayElement) return;\n        this.descendentOverlays.set(\n            target.overlayElement,\n            target.overlayElement\n        );\n    }\n\n    protected handleDescendentOverlayClosed(event: Event): void {\n        const target = event.composedPath()[0] as MenuItem;\n        /* c8 ignore next 1 */\n        if (!target.overlayElement) return;\n        this.descendentOverlays.delete(target.overlayElement);\n    }\n\n    public handleSubmenuClosed = (event: Event): void => {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as Overlay;\n        target.dispatchEvent(\n            new Event('sp-menu-submenu-closed', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n    };\n\n    public handleSubmenuOpened = (event: Event): void => {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as Overlay;\n        target.dispatchEvent(\n            new Event('sp-menu-submenu-opened', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        const focusedItem = this.childItems[this.focusedItemIndex];\n        if (focusedItem) {\n            focusedItem.focused = false;\n        }\n        const openedItem = event\n            .composedPath()\n            .find((el) => this.childItemSet.has(el as MenuItem));\n        /* c8 ignore next 1 */\n        if (!openedItem) return;\n        const openedItemIndex = this.childItems.indexOf(openedItem as MenuItem);\n        this.focusedItemIndex = openedItemIndex;\n        this.focusInItemIndex = openedItemIndex;\n    };\n\n    public async selectOrToggleItem(targetItem: MenuItem): Promise<void> {\n        const resolvedSelects = this.resolvedSelects;\n        const oldSelectedItemsMap = new Map(this.selectedItemsMap);\n        const oldSelected = this.selected.slice();\n        const oldSelectedItems = this.selectedItems.slice();\n        const oldValue = this.value;\n        const focusedChild = this.childItems[this.focusedItemIndex];\n        if (focusedChild) {\n            focusedChild.focused = false;\n            focusedChild.active = false;\n        }\n        this.focusedItemIndex = this.childItems.indexOf(targetItem);\n        this.forwardFocusVisibleToItem(targetItem);\n\n        if (resolvedSelects === 'multiple') {\n            if (this.selectedItemsMap.has(targetItem)) {\n                this.selectedItemsMap.delete(targetItem);\n            } else {\n                this.selectedItemsMap.set(targetItem, true);\n            }\n\n            // Match HTML select and set the first selected\n            // item as the value. Also set the selected array\n            // in the order of the menu items.\n            const selected: string[] = [];\n            const selectedItems: MenuItem[] = [];\n\n            this.childItemSet.forEach((childItem) => {\n                if (childItem.menuData.selectionRoot !== this) return;\n\n                if (this.selectedItemsMap.has(childItem)) {\n                    selected.push(childItem.value);\n                    selectedItems.push(childItem);\n                }\n            });\n            this._selected = selected;\n            this.selectedItems = selectedItems;\n            this.value = this.selected.join(this.valueSeparator);\n        } else {\n            this.selectedItemsMap.clear();\n            this.selectedItemsMap.set(targetItem, true);\n            this.value = targetItem.value;\n            this._selected = [targetItem.value];\n            this.selectedItems = [targetItem];\n        }\n\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            // Cancel the event & don't apply the selection\n            this._selected = oldSelected;\n            this.selectedItems = oldSelectedItems;\n            this.selectedItemsMap = oldSelectedItemsMap;\n            this.value = oldValue;\n            return;\n        }\n        // Apply the selection changes to the menu items\n        if (resolvedSelects === 'single') {\n            for (const oldItem of oldSelectedItemsMap.keys()) {\n                if (oldItem !== targetItem) {\n                    oldItem.selected = false;\n                }\n            }\n            targetItem.selected = true;\n        } else if (resolvedSelects === 'multiple') {\n            targetItem.selected = !targetItem.selected;\n        }\n    }\n\n    protected navigateWithinMenu(event: KeyboardEvent): void {\n        const { code } = event;\n        const lastFocusedItem = this.childItems[this.focusedItemIndex];\n        const direction = code === 'ArrowDown' ? 1 : -1;\n        const itemToFocus = this.focusMenuItemByOffset(direction);\n        if (itemToFocus === lastFocusedItem) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        itemToFocus.scrollIntoView({ block: 'nearest' });\n    }\n\n    protected navigateBetweenRelatedMenus(event: KeyboardEvent): void {\n        const { code } = event;\n        const shouldOpenSubmenu =\n            (this.isLTR && code === 'ArrowRight') ||\n            (!this.isLTR && code === 'ArrowLeft');\n        const shouldCloseSelfAsSubmenu =\n            (this.isLTR && code === 'ArrowLeft') ||\n            (!this.isLTR && code === 'ArrowRight');\n        if (shouldOpenSubmenu) {\n            event.stopPropagation();\n            const lastFocusedItem = this.childItems[this.focusedItemIndex];\n            if (lastFocusedItem?.hasSubmenu) {\n                // Remove focus while opening overlay from keyboard or the visible focus\n                // will slip back to the first item in the menu.\n                lastFocusedItem.openOverlay();\n            }\n        } else if (shouldCloseSelfAsSubmenu && this.isSubmenu) {\n            event.stopPropagation();\n            this.dispatchEvent(new Event('close', { bubbles: true }));\n            this.updateSelectedItemIndex();\n        }\n    }\n\n    public handleKeydown(event: KeyboardEvent): void {\n        if (event.defaultPrevented) {\n            return;\n        }\n        const lastFocusedItem = this.childItems[this.focusedItemIndex];\n        if (lastFocusedItem) {\n            lastFocusedItem.focused = true;\n        }\n        const { code } = event;\n        if (\n            event.shiftKey &&\n            event.target !== this &&\n            this.hasAttribute('tabindex')\n        ) {\n            this.removeAttribute('tabindex');\n            const replaceTabindex = (\n                event: FocusEvent | KeyboardEvent\n            ): void => {\n                if (\n                    !(event as KeyboardEvent).shiftKey &&\n                    !this.hasAttribute('tabindex')\n                ) {\n                    this.tabIndex = 0;\n                    document.removeEventListener('keyup', replaceTabindex);\n                    this.removeEventListener('focusout', replaceTabindex);\n                }\n            };\n            document.addEventListener('keyup', replaceTabindex);\n            this.addEventListener('focusout', replaceTabindex);\n        }\n        if (code === 'Tab') {\n            this.prepareToCleanUp();\n            return;\n        }\n        if (code === 'Space') {\n            if (lastFocusedItem?.hasSubmenu) {\n                // Remove focus while opening overlay from keyboard or the visible focus\n                // will slip back to the first item in the menu.\n                // this.blur();\n                lastFocusedItem.openOverlay();\n                return;\n            }\n        }\n        if (code === 'Space' || code === 'Enter') {\n            const childItem = this.childItems[this.focusedItemIndex];\n            if (\n                childItem &&\n                childItem.menuData.selectionRoot === event.target\n            ) {\n                event.preventDefault();\n                childItem.click();\n            }\n            return;\n        }\n        if (code === 'ArrowDown' || code === 'ArrowUp') {\n            const childItem = this.childItems[this.focusedItemIndex];\n            if (\n                childItem &&\n                childItem.menuData.selectionRoot === event.target\n            ) {\n                this.navigateWithinMenu(event);\n            }\n            return;\n        }\n        this.navigateBetweenRelatedMenus(event);\n    }\n\n    public focusMenuItemByOffset(offset: number): MenuItem {\n        const step = offset || 1;\n        const focusedItem = this.childItems[this.focusedItemIndex];\n        if (focusedItem) {\n            focusedItem.focused = false;\n            // Remain active while a submenu is opened.\n            focusedItem.active = focusedItem.open;\n        }\n        this.focusedItemIndex =\n            (this.childItems.length + this.focusedItemIndex + offset) %\n            this.childItems.length;\n        let itemToFocus = this.childItems[this.focusedItemIndex];\n        let availableItems = this.childItems.length;\n        // cycle through the available items in the directions of the offset to find the next non-disabled item\n        while (itemToFocus?.disabled && availableItems) {\n            availableItems -= 1;\n            this.focusedItemIndex =\n                (this.childItems.length + this.focusedItemIndex + step) %\n                this.childItems.length;\n            itemToFocus = this.childItems[this.focusedItemIndex];\n        }\n        // if there are no non-disabled items, skip the work to focus a child\n        if (!itemToFocus?.disabled) {\n            this.forwardFocusVisibleToItem(itemToFocus);\n        }\n        return itemToFocus;\n    }\n\n    private prepareToCleanUp(): void {\n        document.addEventListener(\n            'focusout',\n            () => {\n                requestAnimationFrame(() => {\n                    const focusedItem = this.childItems[this.focusedItemIndex];\n                    if (focusedItem) {\n                        focusedItem.focused = false;\n                        this.updateSelectedItemIndex();\n                    }\n                });\n            },\n            { once: true }\n        );\n    }\n\n    private _hasUpdatedSelectedItemIndex = false;\n\n    public updateSelectedItemIndex(): void {\n        let firstOrFirstSelectedIndex = 0;\n        const selectedItemsMap = new Map<MenuItem, boolean>();\n        const selected: string[] = [];\n        const selectedItems: MenuItem[] = [];\n        let itemIndex = this.childItems.length;\n        while (itemIndex) {\n            itemIndex -= 1;\n            const childItem = this.childItems[itemIndex];\n            if (childItem.menuData.selectionRoot === this) {\n                if (\n                    childItem.selected ||\n                    (!this._hasUpdatedSelectedItemIndex &&\n                        this.selected.includes(childItem.value))\n                ) {\n                    firstOrFirstSelectedIndex = itemIndex;\n                    selectedItemsMap.set(childItem, true);\n                    selected.unshift(childItem.value);\n                    selectedItems.unshift(childItem);\n                }\n                // Remove \"focused\" from non-\"selected\" items ONLY\n                // Preserve \"focused\" on index===0 when no selection\n                if (itemIndex !== firstOrFirstSelectedIndex) {\n                    childItem.focused = false;\n                }\n            }\n        }\n        selectedItems.map((item, i) => {\n            // When there is more than one \"selected\" item,\n            // ensure only the first one can be \"focused\"\n            if (i > 0) {\n                item.focused = false;\n            }\n        });\n        this.selectedItemsMap = selectedItemsMap;\n        this._selected = selected;\n        this.selectedItems = selectedItems;\n        this.value = this.selected.join(this.valueSeparator);\n        this.focusedItemIndex = firstOrFirstSelectedIndex;\n        this.focusInItemIndex = firstOrFirstSelectedIndex;\n    }\n\n    private _willUpdateItems = false;\n\n    private handleItemsChanged(): void {\n        this.cachedChildItems = undefined;\n        if (!this._willUpdateItems) {\n            this._willUpdateItems = true;\n            this.cacheUpdated = this.updateCache();\n        }\n    }\n\n    private async updateCache(): Promise<void> {\n        if (!this.hasUpdated) {\n            await Promise.all([\n                new Promise((res) => requestAnimationFrame(() => res(true))),\n                this.updateComplete,\n            ]);\n        } else {\n            await new Promise((res) => requestAnimationFrame(() => res(true)));\n        }\n        if (this.cachedChildItems === undefined) {\n            this.updateSelectedItemIndex();\n            this.updateItemFocus();\n        }\n        this._willUpdateItems = false;\n    }\n\n    private updateItemFocus(): void {\n        if (this.childItems.length == 0) {\n            return;\n        }\n        const focusInItem = this.childItems[this.focusInItemIndex];\n        if (\n            (this.getRootNode() as Document).activeElement ===\n            focusInItem.menuData.focusRoot\n        ) {\n            this.forwardFocusVisibleToItem(focusInItem);\n        }\n    }\n\n    public closeDescendentOverlays(): void {\n        this.descendentOverlays.forEach((overlay) => {\n            overlay.open = false;\n        });\n        this.descendentOverlays = new Map<Overlay, Overlay>();\n    }\n\n    private forwardFocusVisibleToItem(item: MenuItem): void {\n        if (!item || item.menuData.focusRoot !== this) {\n            return;\n        }\n        this.closeDescendentOverlays();\n        const focused =\n            this.hasVisibleFocusInTree() ||\n            !!this.childItems.find((child) => {\n                return child.hasVisibleFocusInTree();\n            });\n        item.focused = focused;\n        this.setAttribute('aria-activedescendant', item.id);\n        if (\n            item.menuData.selectionRoot &&\n            item.menuData.selectionRoot !== this\n        ) {\n            item.menuData.selectionRoot.focus();\n        }\n    }\n\n    private handleSlotchange({\n        target,\n    }: Event & { target: HTMLSlotElement }): void {\n        const assignedElement = target.assignedElements({\n            flatten: true,\n        }) as MenuItem[];\n        if (this.childItems.length !== assignedElement.length) {\n            assignedElement.forEach((item) => {\n                if (typeof item.triggerUpdate !== 'undefined') {\n                    item.triggerUpdate();\n                }\n            });\n        }\n    }\n\n    protected renderMenuItemSlot(): TemplateResult {\n        return html`\n            <slot\n                @sp-menu-submenu-opened=${this.handleDescendentOverlayOpened}\n                @sp-menu-submenu-closed=${this.handleDescendentOverlayClosed}\n                @slotchange=${this.handleSlotchange}\n            ></slot>\n        `;\n    }\n\n    public override render(): TemplateResult {\n        return this.renderMenuItemSlot();\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        if (!this.hasAttribute('tabindex') && !this.ignore) {\n            const role = this.getAttribute('role');\n            if (role === 'group') {\n                this.tabIndex = -1;\n            } else {\n                this.tabIndex = 0;\n            }\n        }\n        const updates: Promise<unknown>[] = [\n            new Promise((res) => requestAnimationFrame(() => res(true))),\n        ];\n        [...this.children].forEach((item) => {\n            if ((item as MenuItem).localName === 'sp-menu-item') {\n                updates.push((item as MenuItem).updateComplete);\n            }\n        });\n        this.childItemsUpdated = Promise.all(updates);\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (changes.has('selects') && this.hasUpdated) {\n            this.selectsChanged();\n        }\n        if (\n            changes.has('label') &&\n            (this.label || typeof changes.get('label') !== 'undefined')\n        ) {\n            if (this.label) {\n                this.setAttribute('aria-label', this.label);\n                /* c8 ignore next 3 */\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n\n    protected selectsChanged(): void {\n        const updates: Promise<unknown>[] = [\n            new Promise((res) => requestAnimationFrame(() => res(true))),\n        ];\n        this.childItemSet.forEach((childItem) => {\n            updates.push(childItem.triggerUpdate());\n        });\n        this.childItemsUpdated = Promise.all(updates);\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (!this.hasAttribute('role') && !this.ignore) {\n            this.setAttribute('role', this.ownRole);\n        }\n        this.updateComplete.then(() => this.updateItemFocus());\n    }\n    public override disconnectedCallback(): void {\n        this.cachedChildItems = undefined;\n        super.disconnectedCallback();\n    }\n\n    protected childItemsUpdated!: Promise<unknown[]>;\n    protected cacheUpdated = Promise.resolve();\n    /* c8 ignore next 3 */\n    protected resolveCacheUpdated = (): void => {\n        return;\n    };\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.childItemsUpdated;\n        await this.cacheUpdated;\n        return complete;\n    }\n}\n"],
+  "mappings": "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",
   "names": ["html", "SizedMixin", "SpectrumElement", "property", "query", "menuStyles", "elementIsOrContains", "el", "isOrContains", "event", "focusedItem", "openedItem", "openedItemIndex", "selected", "old", "item", "slottedElements", "i", "slottedElement", "flattenedChildren", "_a", "_b", "cascadeData", "ignoreMenu", "selects", "preventScroll", "childItem", "selectedItem", "target", "index", "activeElement", "selectionRoot", "offset", "child", "targetItem", "resolvedSelects", "oldSelectedItemsMap", "oldSelected", "oldSelectedItems", "oldValue", "focusedChild", "selectedItems", "oldItem", "code", "lastFocusedItem", "direction", "itemToFocus", "shouldOpenSubmenu", "shouldCloseSelfAsSubmenu", "replaceTabindex", "step", "availableItems", "firstOrFirstSelectedIndex", "selectedItemsMap", "itemIndex", "res", "focusInItem", "overlay", "focused", "assignedElement", "changed", "updates", "changes", "complete", "__decorateClass"]
 }

package/src/menu-item.css.dev.js

@@ -53,7 +53,7 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)
 )}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(
 --mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)
-)}:host{display:grid;grid-template:". chevronAreaCollapsible . iconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
+)}:host{display:grid;grid-template:". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
 --highcontrast-menu-item-background-color-focus,var(
 --mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)
 )
@@ -180,11 +180,11 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-item-color-focus,var(
 --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
 )
-)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(
+)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(
 --highcontrast-menu-item-color-default,var(
 --mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)
 )
-);display:flex;font-size:var(
+);font-size:var(
 --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
 );grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(
 --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)

package/src/menu-item.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-item.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Menu-back.focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-backButton.focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . iconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host:active{background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host:active>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host:active>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host:active>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host:active>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host:active>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host:active>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);display:flex;font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu]):active .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}#label{flex:1 1 auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){max-width:100%;width:max-content}:host([no-wrap]) #label{display:block}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Menu-back.focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-backButton.focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host:active{background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host:active>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host:active>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host:active>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host:active>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host:active>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host:active>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu]):active .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}#label{flex:1 1 auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){max-width:100%;width:max-content}:host([no-wrap]) #label{display:block}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Vf,eAAe;",
   "names": []
 }

package/src/menu-item.css.js

@@ -1,4 +1,4 @@
-"use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
+"use strict";import{css as e}from"@spectrum-web-components/base";const o=e`
 .spectrum-Menu-back.focus-visible{box-shadow:inset calc(var(
 --mod-menu-item-focus-indicator-width,
 var(--spectrum-menu-item-focus-indicator-width)
@@ -51,7 +51,7 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)
 )}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(
 --mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)
-)}:host{display:grid;grid-template:". chevronAreaCollapsible . iconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
+)}:host{display:grid;grid-template:". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
 --highcontrast-menu-item-background-color-focus,var(
 --mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)
 )
@@ -178,11 +178,11 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-item-color-focus,var(
 --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
 )
-)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(
+)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(
 --highcontrast-menu-item-color-default,var(
 --mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)
 )
-);display:flex;font-size:var(
+);font-size:var(
 --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
 );grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(
 --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)
@@ -343,5 +343,5 @@ var(--spectrum-menu-item-top-edge-to-text)
 );margin-inline:var(
 --mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)
 )}#label{flex:1 1 auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){max-width:100%;width:max-content}:host([no-wrap]) #label{display:block}
-`;export default e;
+`;export default o;
 //# sourceMappingURL=menu-item.css.js.map

package/src/menu-item.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-item.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Menu-back.focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-backButton.focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . iconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host:active{background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host:active>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host:active>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host:active>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host:active>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host:active>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host:active>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);display:flex;font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu]):active .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}#label{flex:1 1 auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){max-width:100%;width:max-content}:host([no-wrap]) #label{display:block}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Menu-back.focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}.spectrum-Menu-backButton.focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host:active{background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host:active>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host:active>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host:active>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host:active>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host:active>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host:active>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu]):active .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}#label{flex:1 1 auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){max-width:100%;width:max-content}:host([no-wrap]) #label{display:block}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0Vf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-config.js

@@ -159,6 +159,29 @@ const config = {
                         },
                     ],
                 },
+                {
+                    find: [builder.class('spectrum-Menu-itemLabel--truncate')],
+                    replace: [
+                        {
+                            replace: {
+                                type: 'pseudo-class',
+                                kind: 'host',
+                                selectors: [
+                                    {
+                                        type: 'attribute',
+                                        name: 'no-wrap',
+                                    },
+                                ],
+                            },
+                        },
+                        {
+                            replace: builder.combinator(' '),
+                        },
+                        {
+                            replace: builder.id('label'),
+                        },
+                    ],
+                },
                 {
                     collapseSelector: true,
                     find: {

package/src/spectrum-menu-item.css.dev.js

@@ -39,7 +39,7 @@ const styles = css`
 --mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)
 )}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(
 --mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)
-)}:host{display:grid;grid-template:". chevronAreaCollapsible . iconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
+)}:host{display:grid;grid-template:". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
 --highcontrast-menu-item-background-color-focus,var(
 --mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)
 )
@@ -166,11 +166,11 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-item-color-focus,var(
 --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
 )
-)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(
+)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(
 --highcontrast-menu-item-color-default,var(
 --mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)
 )
-);display:flex;font-size:var(
+);font-size:var(
 --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
 );grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(
 --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)