@spectrum-web-components/menu 0.41.2 → 0.42.1

package/stories/submenu.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["submenu.stories.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 { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport { Overlay, VirtualTrigger } from '@spectrum-web-components/overlay';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-show-menu.js';\nimport type { ActionMenu } from '@spectrum-web-components/action-menu';\nimport type { Menu, MenuItem } from '@spectrum-web-components/menu';\n\nexport default {\n    component: 'sp-menu',\n    title: 'Menu/Submenu',\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nclass SubmenuReady extends HTMLElement {\n    ready!: (value: boolean | PromiseLike<boolean>) => void;\n\n    constructor() {\n        super();\n        this.readyPromise = new Promise((res) => {\n            this.ready = res;\n            this.setup();\n        });\n    }\n\n    menu!: ActionMenu;\n    submenu!: MenuItem;\n    submenuChild!: MenuItem;\n\n    async setup(): Promise<void> {\n        await nextFrame();\n\n        this.menu = document.querySelector(`sp-action-menu`) as ActionMenu;\n        this.menu.addEventListener('sp-opened', this.handleMenuOpened);\n        this.menu.addEventListener(\n            'sp-closed',\n            () => {\n                this.menu.removeEventListener(\n                    'sp-opened',\n                    this.handleMenuOpened\n                );\n            },\n            { once: true }\n        );\n        this.menu.open = true;\n    }\n\n    handleMenuOpened = async (event: Event): Promise<void> => {\n        this.menu.removeEventListener('sp-opened', this.handleMenuOpened);\n        await nextFrame();\n        await (event.target as ActionMenu).updateComplete;\n\n        this.submenu = document.querySelector('#submenu-item-1') as MenuItem;\n        if (!this.submenu) {\n            return;\n        }\n\n        this.submenu.addEventListener('sp-opened', this.handleSubmenuOpened);\n        this.submenu.click();\n    };\n\n    handleSubmenuOpened = async (event: Event): Promise<void> => {\n        this.submenu.removeEventListener('sp-opened', this.handleSubmenuOpened);\n        await nextFrame();\n        await (event.target as MenuItem).updateComplete;\n\n        this.submenuChild = document.querySelector(\n            '#submenu-item-2'\n        ) as MenuItem;\n        if (!this.submenuChild) {\n            return;\n        }\n        this.submenuChild.addEventListener(\n            'sp-opened',\n            this.handleSubmenuChildOpened\n        );\n        this.submenuChild.click();\n    };\n\n    handleSubmenuChildOpened = async (event: Event): Promise<void> => {\n        this.submenuChild.removeEventListener(\n            'sp-opened',\n            this.handleSubmenuChildOpened\n        );\n        await nextFrame();\n        await (event.target as MenuItem).updateComplete;\n\n        this.ready(true);\n    };\n\n    private readyPromise: Promise<boolean> = Promise.resolve(false);\n\n    get updateComplete(): Promise<boolean> {\n        return this.readyPromise;\n    }\n}\n\ncustomElements.define('submenu-ready', SubmenuReady);\n\nconst submenuDecorator = (story: () => TemplateResult): TemplateResult => {\n    return html`\n        ${story()}\n        <submenu-ready></submenu-ready>\n    `;\n};\n\nexport const submenu = (): TemplateResult => {\n    const getValueEls = (): {\n        root: HTMLElement;\n        first: HTMLElement;\n        second: HTMLElement;\n    } => {\n        return {\n            root: document.querySelector('#root-value') as HTMLElement,\n            first: document.querySelector('#first-value') as HTMLElement,\n            second: document.querySelector('#second-value') as HTMLElement,\n        };\n    };\n    const clearValues = (): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = '';\n        valueEls.first.textContent = '';\n        valueEls.second.textContent = '';\n    };\n    const handleRootChange = (event: Event & { target: ActionMenu }): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = event.target.value;\n    };\n    const handleFirstDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.first.textContent = event.target.selected[0] || '';\n    };\n    const handleSecondDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.second.textContent = event.target.selected[0] || '';\n    };\n    return html`\n        <sp-action-menu @change=${handleRootChange} @sp-opened=${clearValues}>\n            <sp-icon-show-menu slot=\"icon\"></sp-icon-show-menu>\n            <sp-menu-group\n                @change=${() => console.log('group change')}\n                role=\"none\"\n            >\n                <span slot=\"header\">New York</span>\n                <sp-menu-item>Bronx</sp-menu-item>\n                <sp-menu-item id=\"submenu-item-1\">\n                    Brooklyn\n                    <sp-menu\n                        slot=\"submenu\"\n                        @change=${handleFirstDescendantChange}\n                    >\n                        <sp-menu-item id=\"submenu-item-2\">\n                            Ft. Greene\n                            <sp-menu\n                                slot=\"submenu\"\n                                @change=${handleSecondDescendantChange}\n                            >\n                                <sp-menu-item>S. Oxford St</sp-menu-item>\n                                <sp-menu-item>S. Portland Ave</sp-menu-item>\n                                <sp-menu-item>S. Elliot Pl</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item disabled>Park Slope</sp-menu-item>\n                        <sp-menu-item>Williamsburg</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n                <sp-menu-item>\n                    Manhattan\n                    <sp-menu\n                        slot=\"submenu\"\n                        @change=${handleFirstDescendantChange}\n                    >\n                        <sp-menu-item disabled>SoHo</sp-menu-item>\n                        <sp-menu-item>\n                            Union Square\n                            <sp-menu\n                                slot=\"submenu\"\n                                @change=${handleSecondDescendantChange}\n                            >\n                                <sp-menu-item>14th St</sp-menu-item>\n                                <sp-menu-item>Broadway</sp-menu-item>\n                                <sp-menu-item>Park Ave</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item>Upper East Side</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n                <sp-menu-item disabled>\n                    Queens\n                    <sp-menu slot=\"submenu\">\n                        <sp-menu-item>\n                            You shouldn't be able to see this!\n                        </sp-menu-item>\n                        <sp-menu-item>Forest Hills</sp-menu-item>\n                        <sp-menu-item>Jamaica</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n            </sp-menu-group>\n        </sp-action-menu>\n        <div>\n            Root value:\n            <span id=\"root-value\"></span>\n            <br />\n            First descendant value:\n            <span id=\"first-value\"></span>\n            <br />\n            Second descendant value:\n            <span id=\"second-value\"></span>\n            <br />\n        </div>\n    `;\n};\n\nsubmenu.decorators = [submenuDecorator];\n\nexport const contextMenu = (): TemplateResult => {\n    const contextmenu = async (event: PointerEvent): Promise<void> => {\n        event.preventDefault();\n        const virtualTrigger = new VirtualTrigger(event.clientX, event.clientY);\n        const overlay = document.querySelector('sp-overlay') as Overlay;\n        clearValues();\n        overlay.triggerElement = virtualTrigger;\n        overlay.willPreventClose = true;\n        overlay.type = 'auto';\n        overlay.placement = 'right-start';\n        overlay.open = true;\n    };\n    const getValueEls = (): { root: HTMLElement; first: HTMLElement } => {\n        return {\n            root: document.querySelector('#root-value') as HTMLElement,\n            first: document.querySelector('#first-value') as HTMLElement,\n        };\n    };\n    const clearValues = (): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = '';\n        valueEls.first.textContent = '';\n    };\n    const handleRootChange = (event: Event & { target: ActionMenu }): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = event.target.value;\n        event.target.parentElement?.dispatchEvent(\n            new Event('close', { bubbles: true })\n        );\n    };\n    const handleFirstDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.first.textContent = event.target.selected[0] || '';\n    };\n    return html`\n        <style>\n            .app-root {\n                position: absolute;\n                inset: 0;\n            }\n            active-overlay::part(theme) {\n                --swc-menu-width: 200px;\n            }\n        </style>\n        <div class=\"app-root\" @contextmenu=${contextmenu}>\n            <div>\n                Root value:\n                <span id=\"root-value\"></span>\n                <br />\n                First descendant value:\n                <span id=\"first-value\"></span>\n                <br />\n            </div>\n        </div>\n        <sp-overlay>\n            <sp-popover\n                style=\"max-width: 33vw;\"\n                @click=${(event: Event) =>\n                    event.target?.dispatchEvent(\n                        new Event('close', { bubbles: true })\n                    )}\n            >\n                <sp-menu @change=${handleRootChange}>\n                    <sp-menu-group>\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>\n                            Copy\n                            <span slot=\"value\">\u2318\u200BS</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Paste\n                            <span slot=\"value\">\u2318\u200BP</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Cut\n                            <span slot=\"value\">\u2318\u200BX</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Select layer\n                            <sp-menu\n                                slot=\"submenu\"\n                                selects=\"single\"\n                                @change=${handleFirstDescendantChange}\n                            >\n                                <sp-menu-item selected>Ellipse 1</sp-menu-item>\n                                <sp-menu-item>Rectangle</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Group\n                            <span slot=\"value\">\u2318\u200BG</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Unlock\n                            <span slot=\"value\">\u2318\u200BL</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Bring to front\n                            <span slot=\"value\">\u21E7\u200B\u2318\u200B\u200B]</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Bring forward\n                            <span slot=\"value\">\u2318\u200B\u200B]</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Send backward\n                            <span slot=\"value\">\u2318\u200B\u200B[</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Send to back\n                            <span slot=\"value\">\u21E7\u200B\u2318\u200B\u200B[</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Delete\n                            <span slot=\"value\">DEL</span>\n                        </sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            </sp-popover>\n        </sp-overlay>\n    `;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport { Overlay, VirtualTrigger } from '@spectrum-web-components/overlay';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-show-menu.js';\nimport type { ActionMenu } from '@spectrum-web-components/action-menu';\nimport type { Menu, MenuItem } from '@spectrum-web-components/menu';\n\nexport default {\n    component: 'sp-menu',\n    title: 'Menu/Submenu',\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nclass SubmenuReady extends HTMLElement {\n    ready!: (value: boolean | PromiseLike<boolean>) => void;\n\n    constructor() {\n        super();\n        this.readyPromise = new Promise((res) => {\n            this.ready = res;\n            this.setup();\n        });\n    }\n\n    menu!: ActionMenu;\n    submenu!: MenuItem;\n    submenuChild!: MenuItem;\n\n    async setup(): Promise<void> {\n        await nextFrame();\n\n        this.menu = document.querySelector(`sp-action-menu`) as ActionMenu;\n        this.menu.addEventListener('sp-opened', this.handleMenuOpened);\n        this.menu.addEventListener(\n            'sp-closed',\n            () => {\n                this.menu.removeEventListener(\n                    'sp-opened',\n                    this.handleMenuOpened\n                );\n            },\n            { once: true }\n        );\n        this.menu.open = true;\n    }\n\n    handleMenuOpened = async (event: Event): Promise<void> => {\n        this.menu.removeEventListener('sp-opened', this.handleMenuOpened);\n        await nextFrame();\n        await (event.target as ActionMenu).updateComplete;\n\n        this.submenu = document.querySelector('#submenu-item-1') as MenuItem;\n        if (!this.submenu) {\n            return;\n        }\n\n        this.submenu.addEventListener('sp-opened', this.handleSubmenuOpened);\n        this.submenu.click();\n    };\n\n    handleSubmenuOpened = async (event: Event): Promise<void> => {\n        this.submenu.removeEventListener('sp-opened', this.handleSubmenuOpened);\n        await nextFrame();\n        await (event.target as MenuItem).updateComplete;\n\n        this.submenuChild = document.querySelector(\n            '#submenu-item-2'\n        ) as MenuItem;\n        if (!this.submenuChild) {\n            return;\n        }\n        this.submenuChild.addEventListener(\n            'sp-opened',\n            this.handleSubmenuChildOpened\n        );\n        this.submenuChild.click();\n    };\n\n    handleSubmenuChildOpened = async (event: Event): Promise<void> => {\n        this.submenuChild.removeEventListener(\n            'sp-opened',\n            this.handleSubmenuChildOpened\n        );\n        await nextFrame();\n        await (event.target as MenuItem).updateComplete;\n\n        this.ready(true);\n    };\n\n    private readyPromise: Promise<boolean> = Promise.resolve(false);\n\n    get updateComplete(): Promise<boolean> {\n        return this.readyPromise;\n    }\n}\n\ncustomElements.define('submenu-ready', SubmenuReady);\n\nconst submenuDecorator = (story: () => TemplateResult): TemplateResult => {\n    return html`\n        ${story()}\n        <submenu-ready></submenu-ready>\n    `;\n};\n\nexport const submenu = (): TemplateResult => {\n    const getValueEls = (): {\n        root: HTMLElement;\n        first: HTMLElement;\n        second: HTMLElement;\n    } => {\n        return {\n            root: document.querySelector('#root-value') as HTMLElement,\n            first: document.querySelector('#first-value') as HTMLElement,\n            second: document.querySelector('#second-value') as HTMLElement,\n        };\n    };\n    const clearValues = (): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = '';\n        valueEls.first.textContent = '';\n        valueEls.second.textContent = '';\n    };\n    const handleRootChange = (event: Event & { target: ActionMenu }): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = event.target.value;\n    };\n    const handleFirstDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.first.textContent = event.target.selected[0] || '';\n    };\n    const handleSecondDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.second.textContent = event.target.selected[0] || '';\n    };\n    return html`\n        <sp-action-menu\n            label=\"More Actions\"\n            @change=${handleRootChange}\n            @sp-opened=${clearValues}\n        >\n            <sp-icon-show-menu slot=\"icon\"></sp-icon-show-menu>\n            <sp-menu-group\n                @change=${() => console.log('group change')}\n                role=\"none\"\n            >\n                <span slot=\"header\">New York</span>\n                <sp-menu-item>Bronx</sp-menu-item>\n                <sp-menu-item id=\"submenu-item-1\">\n                    Brooklyn\n                    <sp-menu\n                        slot=\"submenu\"\n                        @change=${handleFirstDescendantChange}\n                    >\n                        <sp-menu-item id=\"submenu-item-2\">\n                            Ft. Greene\n                            <sp-menu\n                                slot=\"submenu\"\n                                @change=${handleSecondDescendantChange}\n                            >\n                                <sp-menu-item>S. Oxford St</sp-menu-item>\n                                <sp-menu-item>S. Portland Ave</sp-menu-item>\n                                <sp-menu-item>S. Elliot Pl</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item disabled>Park Slope</sp-menu-item>\n                        <sp-menu-item>Williamsburg</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n                <sp-menu-item>\n                    Manhattan\n                    <sp-menu\n                        slot=\"submenu\"\n                        @change=${handleFirstDescendantChange}\n                    >\n                        <sp-menu-item disabled>SoHo</sp-menu-item>\n                        <sp-menu-item>\n                            Union Square\n                            <sp-menu\n                                slot=\"submenu\"\n                                @change=${handleSecondDescendantChange}\n                            >\n                                <sp-menu-item>14th St</sp-menu-item>\n                                <sp-menu-item>Broadway</sp-menu-item>\n                                <sp-menu-item>Park Ave</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item>Upper East Side</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n                <sp-menu-item disabled>\n                    Queens\n                    <sp-menu slot=\"submenu\">\n                        <sp-menu-item>\n                            You shouldn't be able to see this!\n                        </sp-menu-item>\n                        <sp-menu-item>Forest Hills</sp-menu-item>\n                        <sp-menu-item>Jamaica</sp-menu-item>\n                    </sp-menu>\n                </sp-menu-item>\n            </sp-menu-group>\n        </sp-action-menu>\n        <div>\n            Root value:\n            <span id=\"root-value\"></span>\n            <br />\n            First descendant value:\n            <span id=\"first-value\"></span>\n            <br />\n            Second descendant value:\n            <span id=\"second-value\"></span>\n            <br />\n        </div>\n    `;\n};\n\nsubmenu.decorators = [submenuDecorator];\n\nexport const contextMenu = (): TemplateResult => {\n    const contextmenu = async (event: PointerEvent): Promise<void> => {\n        event.preventDefault();\n        const virtualTrigger = new VirtualTrigger(event.clientX, event.clientY);\n        const overlay = document.querySelector('sp-overlay') as Overlay;\n        clearValues();\n        overlay.triggerElement = virtualTrigger;\n        overlay.willPreventClose = true;\n        overlay.type = 'auto';\n        overlay.placement = 'right-start';\n        overlay.open = true;\n    };\n    const getValueEls = (): { root: HTMLElement; first: HTMLElement } => {\n        return {\n            root: document.querySelector('#root-value') as HTMLElement,\n            first: document.querySelector('#first-value') as HTMLElement,\n        };\n    };\n    const clearValues = (): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = '';\n        valueEls.first.textContent = '';\n    };\n    const handleRootChange = (event: Event & { target: ActionMenu }): void => {\n        const valueEls = getValueEls();\n        valueEls.root.textContent = event.target.value;\n        event.target.parentElement?.dispatchEvent(\n            new Event('close', { bubbles: true })\n        );\n    };\n    const handleFirstDescendantChange = (\n        event: Event & { target: Menu }\n    ): void => {\n        const valueEls = getValueEls();\n        valueEls.first.textContent = event.target.selected[0] || '';\n    };\n    return html`\n        <style>\n            .app-root {\n                position: absolute;\n                inset: 0;\n            }\n            active-overlay::part(theme) {\n                --swc-menu-width: 200px;\n            }\n        </style>\n        <div class=\"app-root\" @contextmenu=${contextmenu}>\n            <div>\n                Root value:\n                <span id=\"root-value\"></span>\n                <br />\n                First descendant value:\n                <span id=\"first-value\"></span>\n                <br />\n            </div>\n        </div>\n        <sp-overlay>\n            <sp-popover\n                style=\"max-width: 33vw;\"\n                @click=${(event: Event) =>\n                    event.target?.dispatchEvent(\n                        new Event('close', { bubbles: true })\n                    )}\n            >\n                <sp-menu @change=${handleRootChange}>\n                    <sp-menu-group>\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>\n                            Copy\n                            <span slot=\"value\">\u2318\u200BS</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Paste\n                            <span slot=\"value\">\u2318\u200BP</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Cut\n                            <span slot=\"value\">\u2318\u200BX</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Select layer\n                            <sp-menu\n                                slot=\"submenu\"\n                                selects=\"single\"\n                                @change=${handleFirstDescendantChange}\n                            >\n                                <sp-menu-item selected>Ellipse 1</sp-menu-item>\n                                <sp-menu-item>Rectangle</sp-menu-item>\n                            </sp-menu>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Group\n                            <span slot=\"value\">\u2318\u200BG</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Unlock\n                            <span slot=\"value\">\u2318\u200BL</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Bring to front\n                            <span slot=\"value\">\u21E7\u200B\u2318\u200B\u200B]</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Bring forward\n                            <span slot=\"value\">\u2318\u200B\u200B]</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Send backward\n                            <span slot=\"value\">\u2318\u200B\u200B[</span>\n                        </sp-menu-item>\n                        <sp-menu-item>\n                            Send to back\n                            <span slot=\"value\">\u21E7\u200B\u2318\u200B\u200B[</span>\n                        </sp-menu-item>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-item>\n                            Delete\n                            <span slot=\"value\">DEL</span>\n                        </sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            </sp-popover>\n        </sp-overlay>\n    `;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/test/menu-memory.test.js

@@ -1,43 +1,6 @@
 "use strict";
-import { expect, fixture, nextFrame } from "@open-wc/testing";
-import { html, render } from "@spectrum-web-components/base";
+import { fixture } from "@open-wc/testing";
 import { singleSelect } from "../stories/menu.stories.js";
-import { usedHeapMB } from "../../../test/testing-helpers.js";
-describe("Menu memory usage", () => {
-  it("releases references on disconnect", async function() {
-    if (!window.gc || !("measureUserAgentSpecificMemory" in performance))
-      this.skip();
-    this.timeout(1e4);
-    const iterations = 50;
-    let active = false;
-    const el = await fixture(
-      html`
-                <div></div>
-            `
-    );
-    async function toggle(forced = void 0) {
-      active = forced != null ? forced : !active;
-      render(active ? singleSelect() : html``, el);
-      await nextFrame();
-      await nextFrame();
-    }
-    for (let i = 0; i < 5; i++) {
-      await toggle();
-    }
-    await toggle(false);
-    const beforeMB = await usedHeapMB();
-    for (let i = 0; i < iterations; i++) {
-      await toggle();
-    }
-    await toggle(false);
-    const afterMB = await usedHeapMB();
-    expect(
-      afterMB.total - beforeMB.total,
-      `Total | before: ${beforeMB.total}, after: ${afterMB.total}
-DOM | before: ${beforeMB.dom}, after: ${afterMB.dom}
-JS | before: ${beforeMB.js}, after: ${afterMB.js}
-Shared | before: ${beforeMB.shared}, after: ${afterMB.shared}`
-    ).to.be.lte(0);
-  });
-});
+import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
+testForMemoryLeaks(async () => await fixture(singleSelect()));
 //# sourceMappingURL=menu-memory.test.js.map

package/test/menu-memory.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-memory.test.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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 { expect, fixture, nextFrame } from '@open-wc/testing';\nimport { html, render } from '@spectrum-web-components/base';\nimport { singleSelect } from '../stories/menu.stories.js';\nimport { usedHeapMB } from '../../../test/testing-helpers.js';\n\ndescribe('Menu memory usage', () => {\n    it('releases references on disconnect', async function () {\n        if (!window.gc || !('measureUserAgentSpecificMemory' in performance))\n            this.skip();\n\n        this.timeout(10000);\n\n        const iterations = 50;\n        let active = false;\n\n        const el = await fixture<HTMLElement>(\n            html`\n                <div></div>\n            `\n        );\n\n        async function toggle(\n            forced: boolean | undefined = undefined\n        ): Promise<void> {\n            active = forced != null ? forced : !active;\n            render(active ? singleSelect() : html``, el);\n            await nextFrame();\n            await nextFrame();\n        }\n\n        // \"shake things out\" to get a good first reading\n        for (let i = 0; i < 5; i++) {\n            await toggle();\n        }\n        await toggle(false);\n        const beforeMB = await usedHeapMB();\n\n        for (let i = 0; i < iterations; i++) {\n            await toggle();\n        }\n        await toggle(false);\n        const afterMB = await usedHeapMB();\n\n        expect(\n            afterMB.total - beforeMB.total,\n            `Total | before: ${beforeMB.total}, after: ${afterMB.total}\nDOM | before: ${beforeMB.dom}, after: ${afterMB.dom}\nJS | before: ${beforeMB.js}, after: ${afterMB.js}\nShared | before: ${beforeMB.shared}, after: ${afterMB.shared}`\n        ).to.be.lte(0);\n    });\n});\n"],
-  "mappings": ";AAYA,SAAS,QAAQ,SAAS,iBAAiB;AAC3C,SAAS,MAAM,cAAc;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,SAAS,qBAAqB,MAAM;AAChC,KAAG,qCAAqC,iBAAkB;AACtD,QAAI,CAAC,OAAO,MAAM,EAAE,oCAAoC;AACpD,WAAK,KAAK;AAEd,SAAK,QAAQ,GAAK;AAElB,UAAM,aAAa;AACnB,QAAI,SAAS;AAEb,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,mBAAe,OACX,SAA8B,QACjB;AACb,eAAS,UAAU,OAAO,SAAS,CAAC;AACpC,aAAO,SAAS,aAAa,IAAI,QAAQ,EAAE;AAC3C,YAAM,UAAU;AAChB,YAAM,UAAU;AAAA,IACpB;AAGA,aAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AACxB,YAAM,OAAO;AAAA,IACjB;AACA,UAAM,OAAO,KAAK;AAClB,UAAM,WAAW,MAAM,WAAW;AAElC,aAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACjC,YAAM,OAAO;AAAA,IACjB;AACA,UAAM,OAAO,KAAK;AAClB,UAAM,UAAU,MAAM,WAAW;AAEjC;AAAA,MACI,QAAQ,QAAQ,SAAS;AAAA,MACzB,mBAAmB,SAAS,KAAK,YAAY,QAAQ,KAAK;AAAA,gBACtD,SAAS,GAAG,YAAY,QAAQ,GAAG;AAAA,eACpC,SAAS,EAAE,YAAY,QAAQ,EAAE;AAAA,mBAC7B,SAAS,MAAM,YAAY,QAAQ,MAAM;AAAA,IACpD,EAAE,GAAG,GAAG,IAAI,CAAC;AAAA,EACjB,CAAC;AACL,CAAC;",
+  "sourcesContent": ["/*\nCopyright 2023 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 { fixture } from '@open-wc/testing';\nimport { singleSelect } from '../stories/menu.stories.js';\nimport { Menu } from '@spectrum-web-components/menu';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(async () => await fixture<Menu>(singleSelect()));\n"],
+  "mappings": ";AAYA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;AAEnC,mBAAmB,YAAY,MAAM,QAAc,aAAa,CAAC,CAAC;",
   "names": []
 }

package/test/menu.test.js

@@ -6,7 +6,6 @@ import "@spectrum-web-components/menu/sp-menu-item.js";
 import {
   elementUpdated,
   expect,
-  fixture,
   html,
   nextFrame,
   waitUntil
@@ -14,6 +13,7 @@ import {
 import {
   arrowDownEvent,
   arrowUpEvent,
+  fixture,
   tabEvent,
   testForLitDevWarnings,
   tEvent
@@ -151,7 +151,15 @@ describe("Menu", () => {
     );
     await elementUpdated(el);
     const otherItem = el.querySelector("#other");
-    otherItem.click();
+    otherItem.focus();
+    await elementUpdated(el);
+    await sendKeys({
+      press: "ArrowDown"
+    });
+    await elementUpdated(el);
+    await sendKeys({
+      press: "Enter"
+    });
     await elementUpdated(el);
     const clipboardText = await navigator.clipboard.readText();
     expect(clipboardText).to.equal("Other");
@@ -460,11 +468,15 @@ describe("Menu", () => {
                 </sp-menu>
             `
     );
+    await nextFrame();
+    await nextFrame();
     expect(el.selected).to.deep.equal([]);
-    const items = [...el.querySelectorAll("[value]")];
+    const items = [...el.children];
+    await Promise.all(items.map((child) => child.updateComplete));
     items[0].click();
     await nextFrame();
     await nextFrame();
+    expect(el.selected).to.deep.equal(["1"]);
     items[0].click();
     await nextFrame();
     await nextFrame();

package/test/menu.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu.test.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*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { Menu, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n    waitUntil,\n} from '@open-wc/testing';\nimport {\n    arrowDownEvent,\n    arrowUpEvent,\n    tabEvent,\n    testForLitDevWarnings,\n    tEvent,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { isWebKit } from '@spectrum-web-components/shared';\n\ndescribe('Menu', () => {\n    it('renders empty', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\"><a href=\"#anchor\">Test</a></sp-menu>\n            `\n        );\n\n        const anchor = el.querySelector('a') as HTMLAnchorElement;\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 1').to.be\n            .false;\n\n        expect(el.getAttribute('role')).to.equal('menu');\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 2').to.be\n            .false;\n\n        anchor.focus();\n        expect(document.activeElement === el, 'self not focused, 3').to.be\n            .false;\n        expect(document.activeElement === anchor, 'anchor').to.be.true;\n    });\n    it('renders w/ [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n    });\n    it('renders w/ all [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item 1</sp-menu-item>\n                    <sp-menu-item disabled>Disabled item 2</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        firstItem.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        expect(el.matches(':focus-within')).to.be.false;\n    });\n    it('renders w/ menu items', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu label=\"Pick an action:\">\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 menu items'\n        );\n        await elementUpdated(el);\n\n        const inTabindexElement = el.querySelector(\n            '[tabindex]:not([tabindex=\"-1\"])'\n        );\n        expect(inTabindexElement).to.be.null;\n        await expect(el).to.be.accessible();\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                html`\n                    <sp-menu selects=\"single\">\n                        <sp-menu-item>Not Selected</sp-menu-item>\n                        <sp-menu-item selected>Selected</sp-menu-item>\n                        <sp-menu-item>Other</sp-menu-item>\n                    </sp-menu>\n                `\n            )\n    );\n\n    it('renders w/ selected', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item>Not Selected</sp-menu-item>\n                    <sp-menu-item selected>Selected</sp-menu-item>\n                    <sp-menu-item>Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('has a \"value\" that can be copied during \"change\" events', async function () {\n        if (isWebKit()) {\n            this.skip();\n        }\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu\n                    selects=\"single\"\n                    @change=${({\n                        target: { value },\n                    }: Event & { target: Menu }): void => {\n                        navigator.clipboard.writeText(value);\n                    }}\n                >\n                    <sp-menu-item>Not Selected</sp-menu-item>\n                    <sp-menu-item selected>Selected</sp-menu-item>\n                    <sp-menu-item id=\"other\">Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n\n        const otherItem = el.querySelector('#other') as MenuItem;\n        otherItem.click();\n\n        await elementUpdated(el);\n\n        const clipboardText = await navigator.clipboard.readText();\n        expect(clipboardText).to.equal('Other');\n    });\n\n    it('renders w/ hrefs', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-item href=\"not-selected.html\">\n                        Not Selected\n                    </sp-menu-item>\n                    <sp-menu-item href=\"selected.html\">Selected</sp-menu-item>\n                    <sp-menu-item href=\"other.html\">Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        expect(el.getAttribute('role')).to.equal('menu');\n    });\n\n    it('handle focus and keyboard input', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const thirdToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(3)'\n        ) as MenuItem;\n        const secondToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(2)'\n        ) as MenuItem;\n\n        el.focus();\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(tEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(thirdToLastItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowDownEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(secondToLastItem.focused).to.be.true;\n    });\n\n    it('handle focus and late descendent additions', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>Deselect</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 1,\n            'expected menu to manage 1 item'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        el.focus();\n\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'active element').to.be.true;\n        expect(firstItem.focused, 'visually focused').to.be.true;\n\n        el.blur();\n\n        const group = el.querySelector('sp-menu-group') as HTMLElement;\n        const prependedItem = document.createElement('sp-menu-item');\n        prependedItem.textContent = 'Prepended Item';\n        const appendedItem = document.createElement('sp-menu-item');\n        appendedItem.textContent = 'Appended Item';\n        group.prepend(prependedItem);\n        group.append(appendedItem);\n        await elementUpdated(el);\n\n        await waitUntil(() => {\n            return el.childItems.length == 3;\n        }, 'expected menu to manage 3 items');\n        await elementUpdated(el);\n\n        expect(document.activeElement === el).to.be.false;\n        expect(firstItem.focused).to.be.false;\n        expect(prependedItem.focused).to.be.false;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'another active element').to.be\n            .true;\n        expect(prependedItem.focused, 'another visibly focused').to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n\n        expect(document.activeElement === el, 'last active element').to.be.true;\n        expect(appendedItem.focused, 'last visibly focused').to.be.true;\n    });\n    it('cleans up when tabbing away', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\">\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Third Item</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        const thirdItem = el.querySelector(\n            'sp-menu-item:nth-of-type(3)'\n        ) as MenuItem;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused, 'first').to.be.true;\n        el.dispatchEvent(arrowDownEvent());\n        el.dispatchEvent(arrowDownEvent());\n        expect(thirdItem.focused, 'third').to.be.true;\n        // imitate tabbing away\n        el.dispatchEvent(tabEvent());\n        el.dispatchEvent(\n            new CustomEvent('focusout', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        await nextFrame();\n        // re-bind keyevents\n        el.startListeningToKeyboard();\n        // focus management should start again from the first item.\n        el.dispatchEvent(arrowDownEvent());\n        expect(secondItem.focused, 'second').to.be.true;\n    });\n    it('handles focus across focused MenuItem removals', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu id=\"test\">\n                    <sp-menu-item class=\"first\">Deselect</sp-menu-item>\n                    <sp-menu-item>Invert Selection</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-item selected class=\"selected\">\n                        Save Selection\n                    </sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('.first') as MenuItem;\n        const selectedItem = el.querySelector('.selected') as MenuItem;\n\n        await elementUpdated(el);\n        await nextFrame();\n        el.focus();\n\n        expect(document.activeElement).to.equal(el);\n        // Enforce visible focus\n        await sendKeys({\n            press: 'ArrowUp',\n        });\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        expect(selectedItem.focused).to.be.true;\n\n        selectedItem.remove();\n        await elementUpdated(el);\n\n        expect(document.activeElement).to.equal(el);\n        expect(firstItem.focused).to.be.true;\n    });\n    it('handles single selection', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-item>Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 1,\n            'expected menu to have 1 selected item'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemradio');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemradio');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n    });\n    it('handles multiple selection', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" @change=${() => changeSpy()}>\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-item>Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemcheckbox');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n        expect(el.selectedItems.length).to.equal(1);\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'one change').to.equal(1);\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('First,Second');\n        expect(el.selectedItems.length).to.equal(2);\n\n        firstItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'two changes').to.equal(2);\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n        expect(el.selectedItems.length).to.equal(1);\n    });\n    it('can be controlled to manage a single togglable selection', async () => {\n        const toggleSingleSelected = (\n            event: Event & { target: Menu }\n        ): void => {\n            event.preventDefault();\n            const selected: string[] = [];\n            if (event.target.selected.length) {\n                selected.push(event.target.selected.at(-1) as string);\n            }\n            event.target.updateComplete.then(() => {\n                event.target.selected = selected;\n            });\n        };\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" @change=${toggleSingleSelected}>\n                    <sp-menu-item value=\"1\">First</sp-menu-item>\n                    <sp-menu-item value=\"2\">Second</sp-menu-item>\n                    <sp-menu-item value=\"3\">Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        expect(el.selected).to.deep.equal([]);\n\n        const items = [...el.querySelectorAll('[value]')] as MenuItem[];\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal([]);\n\n        items[1].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['2']);\n\n        items[2].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['3']);\n    });\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { Menu, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    waitUntil,\n} from '@open-wc/testing';\nimport {\n    arrowDownEvent,\n    arrowUpEvent,\n    fixture,\n    tabEvent,\n    testForLitDevWarnings,\n    tEvent,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { isWebKit } from '@spectrum-web-components/shared';\n\ndescribe('Menu', () => {\n    it('renders empty', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\"><a href=\"#anchor\">Test</a></sp-menu>\n            `\n        );\n\n        const anchor = el.querySelector('a') as HTMLAnchorElement;\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 1').to.be\n            .false;\n\n        expect(el.getAttribute('role')).to.equal('menu');\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 2').to.be\n            .false;\n\n        anchor.focus();\n        expect(document.activeElement === el, 'self not focused, 3').to.be\n            .false;\n        expect(document.activeElement === anchor, 'anchor').to.be.true;\n    });\n    it('renders w/ [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n    });\n    it('renders w/ all [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item 1</sp-menu-item>\n                    <sp-menu-item disabled>Disabled item 2</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        firstItem.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        expect(el.matches(':focus-within')).to.be.false;\n    });\n    it('renders w/ menu items', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu label=\"Pick an action:\">\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 menu items'\n        );\n        await elementUpdated(el);\n\n        const inTabindexElement = el.querySelector(\n            '[tabindex]:not([tabindex=\"-1\"])'\n        );\n        expect(inTabindexElement).to.be.null;\n        await expect(el).to.be.accessible();\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                html`\n                    <sp-menu selects=\"single\">\n                        <sp-menu-item>Not Selected</sp-menu-item>\n                        <sp-menu-item selected>Selected</sp-menu-item>\n                        <sp-menu-item>Other</sp-menu-item>\n                    </sp-menu>\n                `\n            )\n    );\n\n    it('renders w/ selected', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item>Not Selected</sp-menu-item>\n                    <sp-menu-item selected>Selected</sp-menu-item>\n                    <sp-menu-item>Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('has a \"value\" that can be copied during \"change\" events', async function () {\n        if (isWebKit()) {\n            this.skip();\n        }\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu\n                    selects=\"single\"\n                    @change=${({\n                        target: { value },\n                    }: Event & { target: Menu }): void => {\n                        navigator.clipboard.writeText(value);\n                    }}\n                >\n                    <sp-menu-item>Not Selected</sp-menu-item>\n                    <sp-menu-item selected>Selected</sp-menu-item>\n                    <sp-menu-item id=\"other\">Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await elementUpdated(el);\n\n        const otherItem = el.querySelector('#other') as MenuItem;\n        otherItem.focus();\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'Enter',\n        });\n\n        await elementUpdated(el);\n\n        const clipboardText = await navigator.clipboard.readText();\n        expect(clipboardText).to.equal('Other');\n    });\n\n    it('renders w/ hrefs', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-item href=\"not-selected.html\">\n                        Not Selected\n                    </sp-menu-item>\n                    <sp-menu-item href=\"selected.html\">Selected</sp-menu-item>\n                    <sp-menu-item href=\"other.html\">Other</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        expect(el.getAttribute('role')).to.equal('menu');\n    });\n\n    it('handle focus and keyboard input', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-item>Save Selection</sp-menu-item>\n                    <sp-menu-item disabled>Make Work Path</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const thirdToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(3)'\n        ) as MenuItem;\n        const secondToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(2)'\n        ) as MenuItem;\n\n        el.focus();\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(tEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(thirdToLastItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowDownEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(secondToLastItem.focused).to.be.true;\n    });\n\n    it('handle focus and late descendent additions', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>Deselect</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 1,\n            'expected menu to manage 1 item'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        el.focus();\n\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'active element').to.be.true;\n        expect(firstItem.focused, 'visually focused').to.be.true;\n\n        el.blur();\n\n        const group = el.querySelector('sp-menu-group') as HTMLElement;\n        const prependedItem = document.createElement('sp-menu-item');\n        prependedItem.textContent = 'Prepended Item';\n        const appendedItem = document.createElement('sp-menu-item');\n        appendedItem.textContent = 'Appended Item';\n        group.prepend(prependedItem);\n        group.append(appendedItem);\n        await elementUpdated(el);\n\n        await waitUntil(() => {\n            return el.childItems.length == 3;\n        }, 'expected menu to manage 3 items');\n        await elementUpdated(el);\n\n        expect(document.activeElement === el).to.be.false;\n        expect(firstItem.focused).to.be.false;\n        expect(prependedItem.focused).to.be.false;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'another active element').to.be\n            .true;\n        expect(prependedItem.focused, 'another visibly focused').to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n\n        expect(document.activeElement === el, 'last active element').to.be.true;\n        expect(appendedItem.focused, 'last visibly focused').to.be.true;\n    });\n    it('cleans up when tabbing away', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\">\n                    <sp-menu-item>Deselect</sp-menu-item>\n                    <sp-menu-item>Select Inverse</sp-menu-item>\n                    <sp-menu-item>Third Item</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        const thirdItem = el.querySelector(\n            'sp-menu-item:nth-of-type(3)'\n        ) as MenuItem;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused, 'first').to.be.true;\n        el.dispatchEvent(arrowDownEvent());\n        el.dispatchEvent(arrowDownEvent());\n        expect(thirdItem.focused, 'third').to.be.true;\n        // imitate tabbing away\n        el.dispatchEvent(tabEvent());\n        el.dispatchEvent(\n            new CustomEvent('focusout', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        await nextFrame();\n        // re-bind keyevents\n        el.startListeningToKeyboard();\n        // focus management should start again from the first item.\n        el.dispatchEvent(arrowDownEvent());\n        expect(secondItem.focused, 'second').to.be.true;\n    });\n    it('handles focus across focused MenuItem removals', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu id=\"test\">\n                    <sp-menu-item class=\"first\">Deselect</sp-menu-item>\n                    <sp-menu-item>Invert Selection</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-item selected class=\"selected\">\n                        Save Selection\n                    </sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('.first') as MenuItem;\n        const selectedItem = el.querySelector('.selected') as MenuItem;\n\n        await elementUpdated(el);\n        await nextFrame();\n        el.focus();\n\n        expect(document.activeElement).to.equal(el);\n        // Enforce visible focus\n        await sendKeys({\n            press: 'ArrowUp',\n        });\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        expect(selectedItem.focused).to.be.true;\n\n        selectedItem.remove();\n        await elementUpdated(el);\n\n        expect(document.activeElement).to.equal(el);\n        expect(firstItem.focused).to.be.true;\n    });\n    it('handles single selection', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-item>Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 1,\n            'expected menu to have 1 selected item'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemradio');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemradio');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n    });\n    it('handles multiple selection', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" @change=${() => changeSpy()}>\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-item>Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemcheckbox');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n        expect(el.selectedItems.length).to.equal(1);\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'one change').to.equal(1);\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('First,Second');\n        expect(el.selectedItems.length).to.equal(2);\n\n        firstItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'two changes').to.equal(2);\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n        expect(el.selectedItems.length).to.equal(1);\n    });\n    it('can be controlled to manage a single togglable selection', async () => {\n        const toggleSingleSelected = (\n            event: Event & { target: Menu }\n        ): void => {\n            event.preventDefault();\n            const selected: string[] = [];\n            if (event.target.selected.length) {\n                selected.push(event.target.selected.at(-1) as string);\n            }\n            event.target.updateComplete.then(() => {\n                event.target.selected = selected;\n            });\n        };\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" @change=${toggleSingleSelected}>\n                    <sp-menu-item value=\"1\">First</sp-menu-item>\n                    <sp-menu-item value=\"2\">Second</sp-menu-item>\n                    <sp-menu-item value=\"3\">Third</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal([]);\n\n        const items = [...el.children] as MenuItem[];\n        await Promise.all(items.map((child) => child.updateComplete));\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['1']);\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal([]);\n\n        items[1].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['2']);\n\n        items[2].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['3']);\n    });\n});\n"],
+  "mappings": ";AAWA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,WAAW;AACpB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,MAAM;AACnB,KAAG,iBAAiB,YAAY;AAC5B,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,SAAS,GAAG,cAAc,GAAG;AACnC,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,SAAS,kBAAkB,QAAQ,sBAAsB,EAAE,GAAG,GAChE;AAEL,WAAO,GAAG,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,MAAM;AAE/C,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,SAAS,kBAAkB,QAAQ,sBAAsB,EAAE,GAAG,GAChE;AAEL,WAAO,MAAM;AACb,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,SAAS,kBAAkB,QAAQ,QAAQ,EAAE,GAAG,GAAG;AAAA,EAC9D,CAAC;AACD,KAAG,oCAAoC,YAAY;AAC/C,UAAM,aAAa,IAAI;AACvB,UAAM,KAAK,MAAM;AAAA,MACb;AAAA,iDACqC,MAAM,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,IAI3D;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AAEL,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,WAAW,SAAS,EAAE,GAAG,MAAM,CAAC;AAAA,EAC3C,CAAC;AACD,KAAG,wCAAwC,YAAY;AACnD,UAAM,aAAa,IAAI;AACvB,UAAM,KAAK,MAAM;AAAA,MACb;AAAA,iDACqC,MAAM,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3D;AACA,UAAM,YAAY,GAAG,cAAc,cAAc;AAEjD,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AAEL,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,WAAW,SAAS,EAAE,GAAG,MAAM,CAAC;AACvC,cAAU,MAAM;AAChB,UAAM,eAAe,EAAE;AACvB,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAC3D;AACL,WAAO,WAAW,SAAS,EAAE,GAAG,MAAM,CAAC;AACvC,WAAO,GAAG,QAAQ,eAAe,CAAC,EAAE,GAAG,GAAG;AAAA,EAC9C,CAAC;AACD,KAAG,yBAAyB,YAAY;AACpC,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,oBAAoB,GAAG;AAAA,MACzB;AAAA,IACJ;AACA,WAAO,iBAAiB,EAAE,GAAG,GAAG;AAChC,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ;AAAA,EACR;AAEA,KAAG,uBAAuB,YAAY;AAClC,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,2DAA2D,iBAAkB;AAC5E,QAAI,SAAS,GAAG;AACZ,WAAK,KAAK;AAAA,IACd;AACA,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,8BAGkB,CAAC;AAAA,QACP,QAAQ,EAAE,MAAM;AAAA,MACpB,MAAsC;AAClC,kBAAU,UAAU,UAAU,KAAK;AAAA,MACvC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOb;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG,cAAc,QAAQ;AAC3C,cAAU,MAAM;AAChB,UAAM,eAAe,EAAE;AACvB,UAAM,SAAS;AAAA,MACX,OAAO;AAAA,IACX,CAAC;AACD,UAAM,eAAe,EAAE;AACvB,UAAM,SAAS;AAAA,MACX,OAAO;AAAA,IACX,CAAC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,gBAAgB,MAAM,UAAU,UAAU,SAAS;AACzD,WAAO,aAAa,EAAE,GAAG,MAAM,OAAO;AAAA,EAC1C,CAAC;AAED,KAAG,oBAAoB,YAAY;AAC/B,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAElC,WAAO,GAAG,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,MAAM;AAAA,EACnD,CAAC;AAED,KAAG,mCAAmC,YAAY;AAC9C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AACA,UAAM,kBAAkB,GAAG;AAAA,MACvB;AAAA,IACJ;AACA,UAAM,mBAAmB,GAAG;AAAA,MACxB;AAAA,IACJ;AAEA,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,UAAM,SAAS,EAAE,OAAO,UAAU,CAAC;AAEnC,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAC5C,WAAO,UAAU,OAAO,EAAE,GAAG,GAAG;AAEhC,OAAG,cAAc,aAAa,CAAC;AAC/B,OAAG,cAAc,aAAa,CAAC;AAC/B,OAAG,cAAc,OAAO,CAAC;AAEzB,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAC5C,WAAO,gBAAgB,OAAO,EAAE,GAAG,GAAG;AAEtC,OAAG,cAAc,eAAe,CAAC;AAEjC,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAC5C,WAAO,iBAAiB,OAAO,EAAE,GAAG,GAAG;AAAA,EAC3C,CAAC;AAED,KAAG,8CAA8C,YAAY;AACzD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AAEA,OAAG,MAAM;AAET,UAAM,eAAe,EAAE;AAEvB,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,UAAM,SAAS,EAAE,OAAO,UAAU,CAAC;AAEnC,WAAO,SAAS,kBAAkB,IAAI,gBAAgB,EAAE,GAAG,GAAG;AAC9D,WAAO,UAAU,SAAS,kBAAkB,EAAE,GAAG,GAAG;AAEpD,OAAG,KAAK;AAER,UAAM,QAAQ,GAAG,cAAc,eAAe;AAC9C,UAAM,gBAAgB,SAAS,cAAc,cAAc;AAC3D,kBAAc,cAAc;AAC5B,UAAM,eAAe,SAAS,cAAc,cAAc;AAC1D,iBAAa,cAAc;AAC3B,UAAM,QAAQ,aAAa;AAC3B,UAAM,OAAO,YAAY;AACzB,UAAM,eAAe,EAAE;AAEvB,UAAM,UAAU,MAAM;AAClB,aAAO,GAAG,WAAW,UAAU;AAAA,IACnC,GAAG,iCAAiC;AACpC,UAAM,eAAe,EAAE;AAEvB,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAC5C,WAAO,UAAU,OAAO,EAAE,GAAG,GAAG;AAChC,WAAO,cAAc,OAAO,EAAE,GAAG,GAAG;AAEpC,OAAG,MAAM;AAET,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,UAAM,SAAS,EAAE,OAAO,UAAU,CAAC;AAEnC,WAAO,SAAS,kBAAkB,IAAI,wBAAwB,EAAE,GAAG,GAC9D;AACL,WAAO,cAAc,SAAS,yBAAyB,EAAE,GAAG,GAAG;AAE/D,OAAG,cAAc,aAAa,CAAC;AAE/B,WAAO,SAAS,kBAAkB,IAAI,qBAAqB,EAAE,GAAG,GAAG;AACnE,WAAO,aAAa,SAAS,sBAAsB,EAAE,GAAG,GAAG;AAAA,EAC/D,CAAC;AACD,KAAG,+BAA+B,YAAY;AAC1C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AACA,UAAM,aAAa,GAAG;AAAA,MAClB;AAAA,IACJ;AACA,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AAEA,OAAG,MAAM;AAET,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,UAAM,SAAS,EAAE,OAAO,UAAU,CAAC;AACnC,WAAO,SAAS,kBAAkB,EAAE,EAAE,GAAG,GAAG;AAC5C,WAAO,UAAU,SAAS,OAAO,EAAE,GAAG,GAAG;AACzC,OAAG,cAAc,eAAe,CAAC;AACjC,OAAG,cAAc,eAAe,CAAC;AACjC,WAAO,UAAU,SAAS,OAAO,EAAE,GAAG,GAAG;AAEzC,OAAG,cAAc,SAAS,CAAC;AAC3B,OAAG;AAAA,MACC,IAAI,YAAY,YAAY;AAAA,QACxB,UAAU;AAAA,QACV,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AACA,UAAM,UAAU;AAEhB,OAAG,yBAAyB;AAE5B,OAAG,cAAc,eAAe,CAAC;AACjC,WAAO,WAAW,SAAS,QAAQ,EAAE,GAAG,GAAG;AAAA,EAC/C,CAAC;AACD,KAAG,kDAAkD,YAAY;AAC7D,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ;AACA,UAAM,YAAY,GAAG,cAAc,QAAQ;AAC3C,UAAM,eAAe,GAAG,cAAc,WAAW;AAEjD,UAAM,eAAe,EAAE;AACvB,UAAM,UAAU;AAChB,OAAG,MAAM;AAET,WAAO,SAAS,aAAa,EAAE,GAAG,MAAM,EAAE;AAE1C,UAAM,SAAS;AAAA,MACX,OAAO;AAAA,IACX,CAAC;AACD,UAAM,SAAS;AAAA,MACX,OAAO;AAAA,IACX,CAAC;AACD,WAAO,aAAa,OAAO,EAAE,GAAG,GAAG;AAEnC,iBAAa,OAAO;AACpB,UAAM,eAAe,EAAE;AAEvB,WAAO,SAAS,aAAa,EAAE,GAAG,MAAM,EAAE;AAC1C,WAAO,UAAU,OAAO,EAAE,GAAG,GAAG;AAAA,EACpC,CAAC;AACD,KAAG,4BAA4B,YAAY;AACvC,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM;AAAA,MACF,MAAM,GAAG,cAAc,UAAU;AAAA,MACjC;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AAEA,UAAM,aAAa,GAAG;AAAA,MAClB;AAAA,IACJ;AAEA,WAAO,UAAU,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,eAAe;AAC/D,WAAO,WAAW,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,eAAe;AAEhE,WAAO,UAAU,QAAQ,EAAE,GAAG,GAAG;AACjC,WAAO,WAAW,QAAQ,EAAE,GAAG,GAAG;AAClC,WAAO,UAAU,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC9D,WAAO,WAAW,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,OAAO;AAChE,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,OAAO;AAEjC,eAAW,MAAM;AAEjB,UAAM,eAAe,EAAE;AACvB,UAAM,eAAe,SAAS;AAC9B,UAAM,eAAe,UAAU;AAE/B,WAAO,UAAU,QAAQ,EAAE,GAAG,GAAG;AACjC,WAAO,WAAW,QAAQ,EAAE,GAAG,GAAG;AAClC,WAAO,UAAU,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,OAAO;AAC/D,WAAO,WAAW,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC/D,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,QAAQ;AAAA,EACtC,CAAC;AACD,KAAG,8BAA8B,YAAY;AACzC,UAAM,YAAY,IAAI;AACtB,UAAM,KAAK,MAAM;AAAA,MACb;AAAA,sDAC0C,MAAM,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM/D;AAEA,UAAM;AAAA,MACF,MAAM,GAAG,WAAW,UAAU;AAAA,MAC9B;AAAA,IACJ;AACA,UAAM,eAAe,EAAE;AAEvB,UAAM,YAAY,GAAG;AAAA,MACjB;AAAA,IACJ;AAEA,UAAM,aAAa,GAAG;AAAA,MAClB;AAAA,IACJ;AAEA,WAAO,UAAU,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,kBAAkB;AAClE,WAAO,WAAW,aAAa,MAAM,CAAC,EAAE,GAAG,MAAM,kBAAkB;AAEnE,WAAO,UAAU,QAAQ,EAAE,GAAG,GAAG;AACjC,WAAO,WAAW,QAAQ,EAAE,GAAG,GAAG;AAClC,WAAO,UAAU,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC9D,WAAO,WAAW,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,OAAO;AAChE,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,OAAO;AACjC,WAAO,GAAG,cAAc,MAAM,EAAE,GAAG,MAAM,CAAC;AAE1C,eAAW,MAAM;AAEjB,UAAM,eAAe,EAAE;AACvB,UAAM,eAAe,SAAS;AAC9B,UAAM,eAAe,UAAU;AAE/B,WAAO,UAAU,WAAW,YAAY,EAAE,GAAG,MAAM,CAAC;AACpD,WAAO,UAAU,QAAQ,EAAE,GAAG,GAAG;AACjC,WAAO,WAAW,QAAQ,EAAE,GAAG,GAAG;AAClC,WAAO,UAAU,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC9D,WAAO,WAAW,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC/D,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,cAAc;AACxC,WAAO,GAAG,cAAc,MAAM,EAAE,GAAG,MAAM,CAAC;AAE1C,cAAU,MAAM;AAEhB,UAAM,eAAe,EAAE;AACvB,UAAM,eAAe,SAAS;AAC9B,UAAM,eAAe,UAAU;AAE/B,WAAO,UAAU,WAAW,aAAa,EAAE,GAAG,MAAM,CAAC;AACrD,WAAO,UAAU,QAAQ,EAAE,GAAG,GAAG;AACjC,WAAO,WAAW,QAAQ,EAAE,GAAG,GAAG;AAClC,WAAO,UAAU,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,OAAO;AAC/D,WAAO,WAAW,aAAa,cAAc,CAAC,EAAE,GAAG,MAAM,MAAM;AAC/D,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,QAAQ;AAClC,WAAO,GAAG,cAAc,MAAM,EAAE,GAAG,MAAM,CAAC;AAAA,EAC9C,CAAC;AACD,KAAG,4DAA4D,YAAY;AACvE,UAAM,uBAAuB,CACzB,UACO;AACP,YAAM,eAAe;AACrB,YAAM,WAAqB,CAAC;AAC5B,UAAI,MAAM,OAAO,SAAS,QAAQ;AAC9B,iBAAS,KAAK,MAAM,OAAO,SAAS,GAAG,EAAE,CAAW;AAAA,MACxD;AACA,YAAM,OAAO,eAAe,KAAK,MAAM;AACnC,cAAM,OAAO,WAAW;AAAA,MAC5B,CAAC;AAAA,IACL;AACA,UAAM,KAAK,MAAM;AAAA,MACb;AAAA,sDAC0C,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlE;AACA,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;AAEpC,UAAM,QAAQ,CAAC,GAAG,GAAG,QAAQ;AAC7B,UAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,UAAU,MAAM,cAAc,CAAC;AAE5D,UAAM,CAAC,EAAE,MAAM;AACf,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC;AAEvC,UAAM,CAAC,EAAE,MAAM;AACf,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;AAEpC,UAAM,CAAC,EAAE,MAAM;AACf,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC;AAEvC,UAAM,CAAC,EAAE,MAAM;AACf,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,GAAG,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC;AAAA,EAC3C,CAAC;AACL,CAAC;",
   "names": []
 }