@spectrum-web-components/menu 0.40.5 → 0.41.1

package/src/MenuItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["MenuItem.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    nothing,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    ObserveSlotPresence,\n    ObserveSlotText,\n} from '@spectrum-web-components/shared';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport menuItemStyles from './menu-item.css.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport type { Menu } from './Menu.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\nimport type { Overlay } from '@spectrum-web-components/overlay';\n\n/**\n * Duration during which a pointing device can leave an `<sp-menu-item>` element\n * and return to it or to the submenu opened from it before closing that submenu.\n **/\nconst POINTERLEAVE_TIMEOUT = 100;\n\ntype MenuCascadeItem = {\n    hadFocusRoot: boolean;\n    ancestorWithSelects?: HTMLElement;\n};\n\nexport class MenuItemAddedOrUpdatedEvent extends Event {\n    constructor(item: MenuItem) {\n        super('sp-menu-item-added-or-updated', {\n            bubbles: true,\n            composed: true,\n        });\n        this.clear(item);\n    }\n    clear(item: MenuItem): void {\n        this._item = item;\n        this.currentAncestorWithSelects = undefined;\n        item.menuData = {\n            cleanupSteps: [],\n            focusRoot: undefined,\n            selectionRoot: undefined,\n            parentMenu: undefined,\n        };\n        this.menuCascade = new WeakMap<HTMLElement, MenuCascadeItem>();\n    }\n    menuCascade = new WeakMap<HTMLElement, MenuCascadeItem>();\n    get item(): MenuItem {\n        return this._item;\n    }\n    private _item!: MenuItem;\n    currentAncestorWithSelects?: Menu;\n}\n\nexport type MenuItemChildren = { icon: Element[]; content: Node[] };\n\n/**\n * @element sp-menu-item\n *\n * @slot - text content to display within the Menu Item\n * @slot description - description to be placed below the label of the Menu Item\n * @slot icon - icon element to be placed at the start of the Menu Item\n * @slot value - content placed at the end of the Menu Item like values, keyboard shortcuts, etc.\n * @slot submenu - content placed in a submenu\n * @fires sp-menu-item-added - announces the item has been added so a parent menu can take ownerships\n */\nexport class MenuItem extends LikeAnchor(\n    ObserveSlotText(ObserveSlotPresence(Focusable, '[slot=\"icon\"]'))\n) {\n    public static override get styles(): CSSResultArray {\n        return [menuItemStyles, checkmarkStyles, chevronStyles];\n    }\n\n    abortControllerPointer!: AbortController;\n\n    abortControllerSubmenu!: AbortController;\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public get value(): string {\n        return this._value || this.itemText;\n    }\n\n    public set value(value: string) {\n        if (value === this._value) {\n            return;\n        }\n        this._value = value || '';\n        if (this._value) {\n            this.setAttribute('value', this._value);\n        } else {\n            this.removeAttribute('value');\n        }\n    }\n\n    private _value = '';\n\n    /**\n     * @private\n     */\n    public get itemText(): string {\n        return this.itemChildren.content.reduce(\n            (acc, node) => acc + (node.textContent || '').trim(),\n            ''\n        );\n    }\n\n    @property({ type: Boolean, reflect: true, attribute: 'has-submenu' })\n    public hasSubmenu = false;\n\n    @query('slot:not([name])')\n    contentSlot!: HTMLSlotElement;\n\n    @query('slot[name=\"icon\"]')\n    iconSlot!: HTMLSlotElement;\n\n    @property({\n        type: Boolean,\n        reflect: true,\n        attribute: 'no-wrap',\n        hasChanged() {\n            return false;\n        },\n    })\n    public noWrap = false;\n\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    @query('sp-overlay')\n    public overlayElement!: Overlay;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    protected get hasIcon(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    public get itemChildren(): MenuItemChildren {\n        if (!this.iconSlot || !this.contentSlot) {\n            return {\n                icon: [],\n                content: [],\n            };\n        }\n        if (this._itemChildren) {\n            return this._itemChildren;\n        }\n        const icon = this.iconSlot.assignedElements().map((element) => {\n            const newElement = element.cloneNode(true) as HTMLElement;\n            newElement.removeAttribute('slot');\n            newElement.classList.toggle('icon');\n            return newElement;\n        });\n        const content = this.contentSlot\n            .assignedNodes()\n            .map((node) => node.cloneNode(true));\n        this._itemChildren = { icon, content };\n\n        return this._itemChildren;\n    }\n\n    private _itemChildren?: MenuItemChildren;\n\n    constructor() {\n        super();\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n\n        new MutationController(this, {\n            config: {\n                characterData: true,\n                childList: true,\n                subtree: true,\n            },\n            callback: () => {\n                this.breakItemChildrenCache();\n            },\n        });\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.shouldProxyClick()) {\n            return;\n        }\n\n        super.click();\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n    }\n\n    private proxyFocus = (): void => {\n        this.focus();\n    };\n\n    private shouldProxyClick(): boolean {\n        let handled = false;\n        if (this.anchorElement) {\n            this.anchorElement.click();\n            handled = true;\n        }\n        return handled;\n    }\n\n    protected breakItemChildrenCache(): void {\n        this._itemChildren = undefined;\n        this.triggerUpdate();\n    }\n\n    protected renderSubmenu(): TemplateResult {\n        const slot = html`\n            <slot\n                name=\"submenu\"\n                @slotchange=${this.manageSubmenu}\n                @sp-menu-item-added-or-updated=${{\n                    handleEvent: (event: MenuItemAddedOrUpdatedEvent) => {\n                        event.clear(event.item);\n                    },\n                    capture: true,\n                }}\n                @focusin=${(event: Event) => event.stopPropagation()}\n            ></slot>\n        `;\n        if (!this.hasSubmenu) {\n            return slot;\n        }\n        import('@spectrum-web-components/overlay/sp-overlay.js');\n        import('@spectrum-web-components/popover/sp-popover.js');\n        return html`\n            <sp-overlay\n                .triggerElement=${this as HTMLElement}\n                ?disabled=${!this.hasSubmenu}\n                ?open=${this.hasSubmenu && this.open}\n                .placement=${this.isLTR ? 'right-start' : 'left-start'}\n                .offset=${[-10, -4] as [number, number]}\n                .type=${'auto'}\n                @close=${(event: Event) => event.stopPropagation()}\n            >\n                <sp-popover\n                    @change=${(event: Event) => {\n                        this.handleSubmenuChange(event);\n                        this.open = false;\n                    }}\n                    @pointerenter=${this.handleSubmenuPointerenter}\n                    @pointerleave=${this.handleSubmenuPointerleave}\n                    @sp-menu-item-added-or-updated=${(event: Event) =>\n                        event.stopPropagation()}\n                >\n                    ${slot}\n                </sp-popover>\n            </sp-overlay>\n            <sp-icon-chevron100\n                class=\"spectrum-UIIcon-ChevronRight100 chevron icon\"\n            ></sp-icon-chevron100>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.selected\n                ? html`\n                      <sp-icon-checkmark100\n                          id=\"selected\"\n                          class=\"spectrum-UIIcon-Checkmark100 \n                            icon \n                            checkmark\n                            ${this.hasIcon\n                              ? 'checkmark--withAdjacentIcon'\n                              : ''}\"\n                      ></sp-icon-checkmark100>\n                  `\n                : nothing}\n            <slot name=\"icon\"></slot>\n            <div id=\"label\">\n                <slot id=\"slot\"></slot>\n            </div>\n            <slot name=\"description\"></slot>\n            <slot name=\"value\"></slot>\n            ${this.href && this.href.length > 0\n                ? super.renderAnchor({\n                      id: 'button',\n                      ariaHidden: true,\n                      className: 'button anchor hidden',\n                  })\n                : nothing}\n            ${this.renderSubmenu()}\n        `;\n    }\n\n    protected manageSubmenu(event: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = event.target.assignedElements({\n            flatten: true,\n        });\n        this.hasSubmenu = !!assignedElements.length;\n        if (this.hasSubmenu) {\n            this.setAttribute('aria-haspopup', 'true');\n        }\n    }\n\n    private handleRemoveActive(): void {\n        if (this.open) {\n            return;\n        }\n        this.active = false;\n    }\n\n    private handlePointerdown(event: PointerEvent): void {\n        this.active = true;\n        if (event.target === this && this.hasSubmenu && this.open) {\n            this.addEventListener('focus', this.handleSubmenuFocus, {\n                once: true,\n            });\n            this.overlayElement.addEventListener(\n                'beforetoggle',\n                this.handleBeforetoggle\n            );\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('tabindex', '-1');\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('pointerenter', this.closeOverlaysForRoot);\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-menu-item-${crypto.randomUUID().slice(0, 8)}`;\n        }\n    }\n\n    protected closeOverlaysForRoot(): void {\n        if (this.open) return;\n        this.menuData.parentMenu?.closeDescendentOverlays();\n    }\n\n    protected handleSubmenuClick(event: Event): void {\n        if (event.composedPath().includes(this.overlayElement)) {\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected handleSubmenuFocus(): void {\n        requestAnimationFrame(() => {\n            // Wait till after `closeDescendentOverlays` has happened in Menu\n            // to reopen (keey open) the direct descendent of this Menu Item\n            this.overlayElement.open = this.open;\n        });\n    }\n\n    protected handleBeforetoggle = (event: Event): void => {\n        if ((event as Event & { newState: string }).newState === 'closed') {\n            this.open = true;\n            this.overlayElement.manuallyKeepOpen();\n            this.overlayElement.removeEventListener(\n                'beforetoggle',\n                this.handleBeforetoggle\n            );\n        }\n    };\n\n    protected handlePointerenter(): void {\n        if (this.leaveTimeout) {\n            clearTimeout(this.leaveTimeout);\n            delete this.leaveTimeout;\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected leaveTimeout?: ReturnType<typeof setTimeout>;\n    protected recentlyLeftChild = false;\n\n    protected handlePointerleave(): void {\n        if (this.open && !this.recentlyLeftChild) {\n            this.leaveTimeout = setTimeout(() => {\n                delete this.leaveTimeout;\n                this.open = false;\n            }, POINTERLEAVE_TIMEOUT);\n        }\n    }\n\n    /**\n     * When there is a `change` event in the submenu for this item\n     * then we \"click\" this item to cascade the selection up the\n     * menu tree allowing all submenus between the initial selection\n     * and the root of the tree to have their selection changes and\n     * be closed.\n     */\n    protected handleSubmenuChange(event: Event): void {\n        event.stopPropagation();\n        this.menuData.selectionRoot?.selectOrToggleItem(this);\n    }\n\n    protected handleSubmenuPointerenter(): void {\n        this.recentlyLeftChild = true;\n    }\n\n    protected async handleSubmenuPointerleave(): Promise<void> {\n        requestAnimationFrame(() => {\n            this.recentlyLeftChild = false;\n        });\n    }\n\n    protected handleSubmenuOpen(event: Event): void {\n        this.focused = false;\n        const parentOverlay = event.composedPath().find((el) => {\n            return (\n                el !== this.overlayElement &&\n                (el as HTMLElement).localName === 'sp-overlay'\n            );\n        }) as Overlay;\n        this.overlayElement.parentOverlayToForceClose = parentOverlay;\n    }\n\n    protected cleanup(): void {\n        this.open = false;\n        this.active = false;\n    }\n\n    public async openOverlay(): Promise<void> {\n        if (!this.hasSubmenu || this.open || this.disabled) {\n            return;\n        }\n        this.open = true;\n        this.active = true;\n        this.setAttribute('aria-expanded', 'true');\n        this.addEventListener('sp-closed', this.cleanup, {\n            once: true,\n        });\n    }\n\n    updateAriaSelected(): void {\n        const role = this.getAttribute('role');\n        if (role === 'option') {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n        } else if (role === 'menuitemcheckbox' || role === 'menuitemradio') {\n            this.setAttribute('aria-checked', this.selected ? 'true' : 'false');\n        }\n    }\n\n    public setRole(role: string): void {\n        this.setAttribute('role', role);\n        this.updateAriaSelected();\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (\n            changes.has('label') &&\n            (this.label || typeof changes.get('label') !== 'undefined')\n        ) {\n            this.setAttribute('aria-label', this.label || '');\n        }\n        if (\n            changes.has('active') &&\n            (this.active || typeof changes.get('active') !== 'undefined')\n        ) {\n            if (this.active) {\n                this.menuData.selectionRoot?.closeDescendentOverlays();\n                this.abortControllerPointer = new AbortController();\n                const options = { signal: this.abortControllerPointer.signal };\n                this.addEventListener(\n                    'pointerup',\n                    this.handleRemoveActive,\n                    options\n                );\n                this.addEventListener(\n                    'pointerleave',\n                    this.handleRemoveActive,\n                    options\n                );\n                this.addEventListener(\n                    'pointercancel',\n                    this.handleRemoveActive,\n                    options\n                );\n            } else {\n                this.abortControllerPointer?.abort();\n            }\n        }\n        if (this.anchorElement) {\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n            this.anchorElement.tabIndex = -1;\n        }\n        if (changes.has('selected')) {\n            this.updateAriaSelected();\n        }\n        if (\n            changes.has('hasSubmenu') &&\n            (this.hasSubmenu ||\n                typeof changes.get('hasSubmenu') !== 'undefined')\n        ) {\n            if (this.hasSubmenu) {\n                this.abortControllerSubmenu = new AbortController();\n                const options = { signal: this.abortControllerSubmenu.signal };\n                this.addEventListener(\n                    'click',\n                    this.handleSubmenuClick,\n                    options\n                );\n                this.addEventListener(\n                    'pointerenter',\n                    this.handlePointerenter,\n                    options\n                );\n                this.addEventListener(\n                    'pointerleave',\n                    this.handlePointerleave,\n                    options\n                );\n                this.addEventListener(\n                    'sp-opened',\n                    this.handleSubmenuOpen,\n                    options\n                );\n            } else {\n                this.abortControllerSubmenu?.abort();\n            }\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.triggerUpdate();\n    }\n\n    _parentElement!: HTMLElement;\n\n    public override disconnectedCallback(): void {\n        this.menuData.cleanupSteps.forEach((removal) => removal(this));\n        super.disconnectedCallback();\n    }\n\n    private willDispatchUpdate = false;\n\n    public async triggerUpdate(): Promise<void> {\n        if (this.willDispatchUpdate) {\n            return;\n        }\n        this.willDispatchUpdate = true;\n        await new Promise((ready) => requestAnimationFrame(ready));\n        this.dispatchUpdate();\n    }\n\n    public dispatchUpdate(): void {\n        this.dispatchEvent(new MenuItemAddedOrUpdatedEvent(this));\n        this.willDispatchUpdate = false;\n    }\n\n    public menuData: {\n        focusRoot?: Menu;\n        parentMenu?: Menu;\n        selectionRoot?: Menu;\n        cleanupSteps: ((item: MenuItem) => void)[];\n    } = {\n        focusRoot: undefined,\n        parentMenu: undefined,\n        selectionRoot: undefined,\n        cleanupSteps: [],\n    };\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-menu-item-added-or-updated': MenuItemAddedOrUpdatedEvent;\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["html", "nothing", "ObserveSlotPresence", "ObserveSlotText", "property", "query", "LikeAnchor", "Focusable", "chevronStyles", "menuItemStyles", "checkmarkStyles", "MutationController", "POINTERLEAVE_TIMEOUT", "item", "event", "value", "acc", "node", "icon", "element", "newElement", "content", "handled", "slot", "assignedElements", "changes", "_a", "parentOverlay", "el", "role", "_b", "_c", "options", "removal", "ready", "__decorateClass"]
+  "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    nothing,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    ObserveSlotPresence,\n    ObserveSlotText,\n    randomID,\n} from '@spectrum-web-components/shared';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport menuItemStyles from './menu-item.css.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport type { Menu } from './Menu.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\nimport type { Overlay } from '@spectrum-web-components/overlay';\n\n/**\n * Duration during which a pointing device can leave an `<sp-menu-item>` element\n * and return to it or to the submenu opened from it before closing that submenu.\n **/\nconst POINTERLEAVE_TIMEOUT = 100;\n\ntype MenuCascadeItem = {\n    hadFocusRoot: boolean;\n    ancestorWithSelects?: HTMLElement;\n};\n\nexport class MenuItemAddedOrUpdatedEvent extends Event {\n    constructor(item: MenuItem) {\n        super('sp-menu-item-added-or-updated', {\n            bubbles: true,\n            composed: true,\n        });\n        this.clear(item);\n    }\n    clear(item: MenuItem): void {\n        this._item = item;\n        this.currentAncestorWithSelects = undefined;\n        item.menuData = {\n            cleanupSteps: [],\n            focusRoot: undefined,\n            selectionRoot: undefined,\n            parentMenu: undefined,\n        };\n        this.menuCascade = new WeakMap<HTMLElement, MenuCascadeItem>();\n    }\n    menuCascade = new WeakMap<HTMLElement, MenuCascadeItem>();\n    get item(): MenuItem {\n        return this._item;\n    }\n    private _item!: MenuItem;\n    currentAncestorWithSelects?: Menu;\n}\n\nexport type MenuItemChildren = { icon: Element[]; content: Node[] };\n\n/**\n * @element sp-menu-item\n *\n * @slot - text content to display within the Menu Item\n * @slot description - description to be placed below the label of the Menu Item\n * @slot icon - icon element to be placed at the start of the Menu Item\n * @slot value - content placed at the end of the Menu Item like values, keyboard shortcuts, etc.\n * @slot submenu - content placed in a submenu\n * @fires sp-menu-item-added - announces the item has been added so a parent menu can take ownerships\n */\nexport class MenuItem extends LikeAnchor(\n    ObserveSlotText(ObserveSlotPresence(Focusable, '[slot=\"icon\"]'))\n) {\n    public static override get styles(): CSSResultArray {\n        return [menuItemStyles, checkmarkStyles, chevronStyles];\n    }\n\n    abortControllerPointer!: AbortController;\n\n    abortControllerSubmenu!: AbortController;\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public get value(): string {\n        return this._value || this.itemText;\n    }\n\n    public set value(value: string) {\n        if (value === this._value) {\n            return;\n        }\n        this._value = value || '';\n        if (this._value) {\n            this.setAttribute('value', this._value);\n        } else {\n            this.removeAttribute('value');\n        }\n    }\n\n    private _value = '';\n\n    /**\n     * @private\n     */\n    public get itemText(): string {\n        return this.itemChildren.content.reduce(\n            (acc, node) => acc + (node.textContent || '').trim(),\n            ''\n        );\n    }\n\n    @property({ type: Boolean, reflect: true, attribute: 'has-submenu' })\n    public hasSubmenu = false;\n\n    @query('slot:not([name])')\n    contentSlot!: HTMLSlotElement;\n\n    @query('slot[name=\"icon\"]')\n    iconSlot!: HTMLSlotElement;\n\n    @property({\n        type: Boolean,\n        reflect: true,\n        attribute: 'no-wrap',\n        hasChanged() {\n            return false;\n        },\n    })\n    public noWrap = false;\n\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    @query('sp-overlay')\n    public overlayElement!: Overlay;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    protected get hasIcon(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    public get itemChildren(): MenuItemChildren {\n        if (!this.iconSlot || !this.contentSlot) {\n            return {\n                icon: [],\n                content: [],\n            };\n        }\n        if (this._itemChildren) {\n            return this._itemChildren;\n        }\n        const icon = this.iconSlot.assignedElements().map((element) => {\n            const newElement = element.cloneNode(true) as HTMLElement;\n            newElement.removeAttribute('slot');\n            newElement.classList.toggle('icon');\n            return newElement;\n        });\n        const content = this.contentSlot\n            .assignedNodes()\n            .map((node) => node.cloneNode(true));\n        this._itemChildren = { icon, content };\n\n        return this._itemChildren;\n    }\n\n    private _itemChildren?: MenuItemChildren;\n\n    constructor() {\n        super();\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n\n        new MutationController(this, {\n            config: {\n                characterData: true,\n                childList: true,\n                subtree: true,\n            },\n            callback: () => {\n                this.breakItemChildrenCache();\n            },\n        });\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public open = false;\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.shouldProxyClick()) {\n            return;\n        }\n\n        super.click();\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n    }\n\n    private proxyFocus = (): void => {\n        this.focus();\n    };\n\n    private shouldProxyClick(): boolean {\n        let handled = false;\n        if (this.anchorElement) {\n            this.anchorElement.click();\n            handled = true;\n        }\n        return handled;\n    }\n\n    protected breakItemChildrenCache(): void {\n        this._itemChildren = undefined;\n        this.triggerUpdate();\n    }\n\n    protected renderSubmenu(): TemplateResult {\n        const slot = html`\n            <slot\n                name=\"submenu\"\n                @slotchange=${this.manageSubmenu}\n                @sp-menu-item-added-or-updated=${{\n                    handleEvent: (event: MenuItemAddedOrUpdatedEvent) => {\n                        event.clear(event.item);\n                    },\n                    capture: true,\n                }}\n                @focusin=${(event: Event) => event.stopPropagation()}\n            ></slot>\n        `;\n        if (!this.hasSubmenu) {\n            return slot;\n        }\n        import('@spectrum-web-components/overlay/sp-overlay.js');\n        import('@spectrum-web-components/popover/sp-popover.js');\n        return html`\n            <sp-overlay\n                .triggerElement=${this as HTMLElement}\n                ?disabled=${!this.hasSubmenu}\n                ?open=${this.hasSubmenu && this.open}\n                .placement=${this.isLTR ? 'right-start' : 'left-start'}\n                .offset=${[-10, -4] as [number, number]}\n                .type=${'auto'}\n                @close=${(event: Event) => event.stopPropagation()}\n            >\n                <sp-popover\n                    @change=${(event: Event) => {\n                        this.handleSubmenuChange(event);\n                        this.open = false;\n                    }}\n                    @pointerenter=${this.handleSubmenuPointerenter}\n                    @pointerleave=${this.handleSubmenuPointerleave}\n                    @sp-menu-item-added-or-updated=${(event: Event) =>\n                        event.stopPropagation()}\n                >\n                    ${slot}\n                </sp-popover>\n            </sp-overlay>\n            <sp-icon-chevron100\n                class=\"spectrum-UIIcon-ChevronRight100 chevron icon\"\n            ></sp-icon-chevron100>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.selected\n                ? html`\n                      <sp-icon-checkmark100\n                          id=\"selected\"\n                          class=\"spectrum-UIIcon-Checkmark100 \n                            icon \n                            checkmark\n                            ${this.hasIcon\n                              ? 'checkmark--withAdjacentIcon'\n                              : ''}\"\n                      ></sp-icon-checkmark100>\n                  `\n                : nothing}\n            <slot name=\"icon\"></slot>\n            <div id=\"label\">\n                <slot id=\"slot\"></slot>\n            </div>\n            <slot name=\"description\"></slot>\n            <slot name=\"value\"></slot>\n            ${this.href && this.href.length > 0\n                ? super.renderAnchor({\n                      id: 'button',\n                      ariaHidden: true,\n                      className: 'button anchor hidden',\n                  })\n                : nothing}\n            ${this.renderSubmenu()}\n        `;\n    }\n\n    protected manageSubmenu(event: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = event.target.assignedElements({\n            flatten: true,\n        });\n        this.hasSubmenu = !!assignedElements.length;\n        if (this.hasSubmenu) {\n            this.setAttribute('aria-haspopup', 'true');\n        }\n    }\n\n    private handleRemoveActive(): void {\n        if (this.open) {\n            return;\n        }\n        this.active = false;\n    }\n\n    private handlePointerdown(event: PointerEvent): void {\n        this.active = true;\n        if (event.target === this && this.hasSubmenu && this.open) {\n            this.addEventListener('focus', this.handleSubmenuFocus, {\n                once: true,\n            });\n            this.overlayElement.addEventListener(\n                'beforetoggle',\n                this.handleBeforetoggle\n            );\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('tabindex', '-1');\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('pointerenter', this.closeOverlaysForRoot);\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-menu-item-${randomID()}`;\n        }\n    }\n\n    protected closeOverlaysForRoot(): void {\n        if (this.open) return;\n        this.menuData.parentMenu?.closeDescendentOverlays();\n    }\n\n    protected handleSubmenuClick(event: Event): void {\n        if (event.composedPath().includes(this.overlayElement)) {\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected handleSubmenuFocus(): void {\n        requestAnimationFrame(() => {\n            // Wait till after `closeDescendentOverlays` has happened in Menu\n            // to reopen (keey open) the direct descendent of this Menu Item\n            this.overlayElement.open = this.open;\n        });\n    }\n\n    protected handleBeforetoggle = (event: Event): void => {\n        if ((event as Event & { newState: string }).newState === 'closed') {\n            this.open = true;\n            this.overlayElement.manuallyKeepOpen();\n            this.overlayElement.removeEventListener(\n                'beforetoggle',\n                this.handleBeforetoggle\n            );\n        }\n    };\n\n    protected handlePointerenter(): void {\n        if (this.leaveTimeout) {\n            clearTimeout(this.leaveTimeout);\n            delete this.leaveTimeout;\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected leaveTimeout?: ReturnType<typeof setTimeout>;\n    protected recentlyLeftChild = false;\n\n    protected handlePointerleave(): void {\n        if (this.open && !this.recentlyLeftChild) {\n            this.leaveTimeout = setTimeout(() => {\n                delete this.leaveTimeout;\n                this.open = false;\n            }, POINTERLEAVE_TIMEOUT);\n        }\n    }\n\n    /**\n     * When there is a `change` event in the submenu for this item\n     * then we \"click\" this item to cascade the selection up the\n     * menu tree allowing all submenus between the initial selection\n     * and the root of the tree to have their selection changes and\n     * be closed.\n     */\n    protected handleSubmenuChange(event: Event): void {\n        event.stopPropagation();\n        this.menuData.selectionRoot?.selectOrToggleItem(this);\n    }\n\n    protected handleSubmenuPointerenter(): void {\n        this.recentlyLeftChild = true;\n    }\n\n    protected async handleSubmenuPointerleave(): Promise<void> {\n        requestAnimationFrame(() => {\n            this.recentlyLeftChild = false;\n        });\n    }\n\n    protected handleSubmenuOpen(event: Event): void {\n        this.focused = false;\n        const parentOverlay = event.composedPath().find((el) => {\n            return (\n                el !== this.overlayElement &&\n                (el as HTMLElement).localName === 'sp-overlay'\n            );\n        }) as Overlay;\n        this.overlayElement.parentOverlayToForceClose = parentOverlay;\n    }\n\n    protected cleanup(): void {\n        this.open = false;\n        this.active = false;\n    }\n\n    public async openOverlay(): Promise<void> {\n        if (!this.hasSubmenu || this.open || this.disabled) {\n            return;\n        }\n        this.open = true;\n        this.active = true;\n        this.setAttribute('aria-expanded', 'true');\n        this.addEventListener('sp-closed', this.cleanup, {\n            once: true,\n        });\n    }\n\n    updateAriaSelected(): void {\n        const role = this.getAttribute('role');\n        if (role === 'option') {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n        } else if (role === 'menuitemcheckbox' || role === 'menuitemradio') {\n            this.setAttribute('aria-checked', this.selected ? 'true' : 'false');\n        }\n    }\n\n    public setRole(role: string): void {\n        this.setAttribute('role', role);\n        this.updateAriaSelected();\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (\n            changes.has('label') &&\n            (this.label || typeof changes.get('label') !== 'undefined')\n        ) {\n            this.setAttribute('aria-label', this.label || '');\n        }\n        if (\n            changes.has('active') &&\n            (this.active || typeof changes.get('active') !== 'undefined')\n        ) {\n            if (this.active) {\n                this.menuData.selectionRoot?.closeDescendentOverlays();\n                this.abortControllerPointer = new AbortController();\n                const options = { signal: this.abortControllerPointer.signal };\n                this.addEventListener(\n                    'pointerup',\n                    this.handleRemoveActive,\n                    options\n                );\n                this.addEventListener(\n                    'pointerleave',\n                    this.handleRemoveActive,\n                    options\n                );\n                this.addEventListener(\n                    'pointercancel',\n                    this.handleRemoveActive,\n                    options\n                );\n            } else {\n                this.abortControllerPointer?.abort();\n            }\n        }\n        if (this.anchorElement) {\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n            this.anchorElement.tabIndex = -1;\n        }\n        if (changes.has('selected')) {\n            this.updateAriaSelected();\n        }\n        if (\n            changes.has('hasSubmenu') &&\n            (this.hasSubmenu ||\n                typeof changes.get('hasSubmenu') !== 'undefined')\n        ) {\n            if (this.hasSubmenu) {\n                this.abortControllerSubmenu = new AbortController();\n                const options = { signal: this.abortControllerSubmenu.signal };\n                this.addEventListener(\n                    'click',\n                    this.handleSubmenuClick,\n                    options\n                );\n                this.addEventListener(\n                    'pointerenter',\n                    this.handlePointerenter,\n                    options\n                );\n                this.addEventListener(\n                    'pointerleave',\n                    this.handlePointerleave,\n                    options\n                );\n                this.addEventListener(\n                    'sp-opened',\n                    this.handleSubmenuOpen,\n                    options\n                );\n            } else {\n                this.abortControllerSubmenu?.abort();\n            }\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.triggerUpdate();\n    }\n\n    _parentElement!: HTMLElement;\n\n    public override disconnectedCallback(): void {\n        this.menuData.cleanupSteps.forEach((removal) => removal(this));\n        this.menuData = {\n            focusRoot: undefined,\n            parentMenu: undefined,\n            selectionRoot: undefined,\n            cleanupSteps: [],\n        };\n        super.disconnectedCallback();\n    }\n\n    private willDispatchUpdate = false;\n\n    public async triggerUpdate(): Promise<void> {\n        if (this.willDispatchUpdate) {\n            return;\n        }\n        this.willDispatchUpdate = true;\n        await new Promise((ready) => requestAnimationFrame(ready));\n        this.dispatchUpdate();\n    }\n\n    public dispatchUpdate(): void {\n        if (!this.isConnected) {\n            return;\n        }\n        this.dispatchEvent(new MenuItemAddedOrUpdatedEvent(this));\n        this.willDispatchUpdate = false;\n    }\n\n    public menuData: {\n        focusRoot?: Menu;\n        parentMenu?: Menu;\n        selectionRoot?: Menu;\n        cleanupSteps: ((item: MenuItem) => void)[];\n    } = {\n        focusRoot: undefined,\n        parentMenu: undefined,\n        selectionRoot: undefined,\n        cleanupSteps: [],\n    };\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-menu-item-added-or-updated': MenuItemAddedOrUpdatedEvent;\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["html", "nothing", "ObserveSlotPresence", "ObserveSlotText", "randomID", "property", "query", "LikeAnchor", "Focusable", "chevronStyles", "menuItemStyles", "checkmarkStyles", "MutationController", "POINTERLEAVE_TIMEOUT", "item", "event", "value", "acc", "node", "icon", "element", "newElement", "content", "handled", "slot", "assignedElements", "changes", "_a", "parentOverlay", "el", "role", "_b", "_c", "options", "removal", "ready", "__decorateClass"]
 }

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

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium)}:host{inline-size:auto;margin-block:var(
+:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(
 --mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)
 );margin-inline:var(
 --mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)
@@ -31,14 +31,14 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );margin-inline:var(
 --mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
 )}:host{display:block;flex-shrink:0}
 `;
 export default styles;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-divider.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:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium)}:host{inline-size:auto;margin-block:var(\n--mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)\n);margin-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);overflow:visible}.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-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}.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)}.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)}:host{display:block;flex-shrink:0}\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:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(\n--mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)\n);margin-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);overflow:visible}.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-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}.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)}.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{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);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)}:host{display:block;flex-shrink:0}\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;AAyCf,eAAe;",
   "names": []
 }

package/src/menu-divider.css.js

@@ -1,5 +1,5 @@
 "use strict";import{css as e}from"@spectrum-web-components/base";const i=e`
-:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium)}:host{inline-size:auto;margin-block:var(
+:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(
 --mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)
 );margin-inline:var(
 --mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)
@@ -29,14 +29,14 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );margin-inline:var(
 --mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
 )}:host{display:block;flex-shrink:0}
 `;export default i;
 //# sourceMappingURL=menu-divider.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-divider.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:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium)}:host{inline-size:auto;margin-block:var(\n--mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)\n);margin-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);overflow:visible}.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-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}.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)}.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)}:host{display:block;flex-shrink:0}\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:host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(\n--mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2)\n);margin-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);overflow:visible}.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-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}.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)}.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{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);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)}:host{display:block;flex-shrink:0}\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,EAyCf,eAAeC",
   "names": ["css", "styles"]
 }

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

@@ -49,14 +49,14 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );margin-inline:var(
 --mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
 )}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}
 `;
 export default styles;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-group.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)}.header{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-section-header-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);grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n);min-inline-size:var(\n--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width)\n);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);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\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-back .header{padding:0}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.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)}.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)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}\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)}.header{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-section-header-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);grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n);min-inline-size:var(\n--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width)\n);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);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\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-back .header{padding:0}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.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)}.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{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);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)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}\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;AA2Df,eAAe;",
   "names": []
 }

package/src/menu-group.css.js

@@ -47,14 +47,14 @@ var(--spectrum-menu-item-focus-indicator-width)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );margin-inline:var(
 --mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
 )}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}
 `;export default t;
 //# sourceMappingURL=menu-group.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-group.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)}.header{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-section-header-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);grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n);min-inline-size:var(\n--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width)\n);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);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\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-back .header{padding:0}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.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)}.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)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}\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)}.header{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-section-header-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);grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n);min-inline-size:var(\n--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width)\n);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);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\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-back .header{padding:0}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.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)}.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{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);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)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}[hidden]{display:none!important}\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,EA2Df,eAAeC",
   "names": ["css", "styles"]
 }

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

@@ -23,7 +23,9 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-item-color-default,var(
 --mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)
 )
-)}.checkmark{fill:var(
+)}.checkmark{display:var(
+--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)
+);fill:var(
 --highcontrast-menu-checkmark-icon-color-default,var(
 --mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)
 )
@@ -31,8 +33,6 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-checkmark-icon-color-default,var(
 --mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)
 )
-);display:var(
---mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)
 );opacity:1}:host{align-items:center;background-color:var(
 --highcontrast-menu-item-background-color-default,var(
 --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
@@ -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 . 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(
+)}: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}: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)
 )
@@ -348,15 +348,19 @@ var(--spectrum-menu-item-top-edge-to-text)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );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}
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+)}#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}:host([has-submenu][disabled]) .chevron{color:var(
+--highcontrast-menu-item-color-disabled,var(
+--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
+)
+)}#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 styles;
 //# sourceMappingURL=menu-item.css.dev.js.map

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 . 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([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:focus,:host([active]) .spectrum-Menu-item--collapsible.is-open,: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]: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)}@media (hover:hover){: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(: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)}.spectrum-Menu-item--collapsible.is-open:hover{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)}:host([aria-disabled=true]:hover),:host([disabled]:hover){background-color:#0000;cursor:default}:host([aria-disabled=true]:hover) #label,:host([disabled]:hover) #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]:hover) [name=description]::slotted(*),:host([disabled]:hover) [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]: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsWf,eAAe;",
+  "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{display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);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);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}: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([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:focus,:host([active]) .spectrum-Menu-item--collapsible.is-open,: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]: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)}@media (hover:hover){: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(: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)}.spectrum-Menu-item--collapsible.is-open:hover{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)}:host([aria-disabled=true]:hover),:host([disabled]:hover){background-color:#0000;cursor:default}:host([aria-disabled=true]:hover) #label,:host([disabled]:hover) #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]:hover) [name=description]::slotted(*),:host([disabled]:hover) [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]: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{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);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)}#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}:host([has-submenu][disabled]) .chevron{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)}#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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Wf,eAAe;",
   "names": []
 }

package/src/menu-item.css.js

@@ -21,7 +21,9 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-item-color-default,var(
 --mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)
 )
-)}.checkmark{fill:var(
+)}.checkmark{display:var(
+--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)
+);fill:var(
 --highcontrast-menu-checkmark-icon-color-default,var(
 --mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)
 )
@@ -29,8 +31,6 @@ var(--spectrum-menu-item-focus-indicator-width)
 --highcontrast-menu-checkmark-icon-color-default,var(
 --mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)
 )
-);display:var(
---mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)
 );opacity:1}:host{align-items:center;background-color:var(
 --highcontrast-menu-item-background-color-default,var(
 --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
@@ -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 . 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(
+)}: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}: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)
 )
@@ -346,14 +346,18 @@ var(--spectrum-menu-item-top-edge-to-text)
 --mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)
 );line-height:var(
 --mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)
-)}.spectrum-Menu-backIcon{fill:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);color:var(
---highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
-);margin-block:var(
+)}.spectrum-Menu-backIcon{margin-block:var(
 --mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)
 );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}
+);fill:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+);color:var(
+--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)
+)}#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}:host([has-submenu][disabled]) .chevron{color:var(
+--highcontrast-menu-item-color-disabled,var(
+--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
+)
+)}#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 o;
 //# sourceMappingURL=menu-item.css.js.map