@spectrum-web-components/overlay 0.46.0 → 0.47.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/overlay",
-    "version": "0.46.0",
+    "version": "0.47.1",
     "publishConfig": {
         "access": "public"
     },
@@ -160,11 +160,11 @@
     "dependencies": {
         "@floating-ui/dom": "^1.6.1",
         "@floating-ui/utils": "^0.2.1",
-        "@spectrum-web-components/action-button": "^0.46.0",
-        "@spectrum-web-components/base": "^0.46.0",
-        "@spectrum-web-components/reactive-controllers": "^0.46.0",
-        "@spectrum-web-components/shared": "^0.46.0",
-        "@spectrum-web-components/theme": "^0.46.0"
+        "@spectrum-web-components/action-button": "^0.47.1",
+        "@spectrum-web-components/base": "^0.47.1",
+        "@spectrum-web-components/reactive-controllers": "^0.47.1",
+        "@spectrum-web-components/shared": "^0.47.1",
+        "@spectrum-web-components/theme": "^0.47.1"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -176,5 +176,5 @@
         "./stories/overlay-story-components.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "ab84b447210de593649b086a1605abf1be1d64f2"
+    "gitHead": "151a3e21c39150dbc3f3a884b660be0bd352bda1"
 }

package/src/AbstractOverlay.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["AbstractOverlay.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 { SpectrumElement } from '@spectrum-web-components/base';\nimport { reparentChildren } from '@spectrum-web-components/shared/src/reparent-children.js';\n\nimport type {\n    OpenableElement,\n    OverlayOptions,\n    OverlayOptionsV1,\n    OverlayState,\n    OverlayTypes,\n    Placement,\n    TriggerInteractionsV1,\n} from './overlay-types.dev.js'\nimport type { Overlay } from './Overlay.dev.js'\nimport type { VirtualTrigger } from './VirtualTrigger.dev.js'\nimport { OverlayTimer } from './overlay-timer.dev.js'\nimport type { PlacementController } from './PlacementController.dev.js'\nimport type { ElementResolutionController } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\n\nexport const overlayTimer = new OverlayTimer();\n\nexport const noop = (): void => {\n    return;\n};\n\n/**\n * Apply a \"transitionend\" listener to an element that may not transition but\n * guarantee the callback will be fired either way.\n *\n * @param el {HTMLElement} - Target of the \"transition\" listeners.\n * @param action {Function} - Method to trigger the \"transition\".\n * @param cb {Function} - Callback to trigger when the \"transition\" has ended.\n */\nexport const guaranteedAllTransitionend = (\n    el: HTMLElement,\n    action: () => void,\n    cb: () => void\n): void => {\n    const abortController = new AbortController();\n    const runningTransitions = new Map<string, number>();\n    const cleanup = (): void => {\n        abortController.abort();\n        cb();\n    };\n    let guarantee2: number;\n    let guarantee3: number;\n    // WebKit fires `transitionrun` a little earlier, the multiple guarantees here\n    // allow WebKit to be caught, but doesn't remove the animation listener until\n    // after it would have fired in Chromium.\n    const guarantee1 = requestAnimationFrame(() => {\n        guarantee2 = requestAnimationFrame(() => {\n            guarantee3 = requestAnimationFrame(() => {\n                cleanup();\n            });\n        });\n    });\n    const handleTransitionend = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) - 1\n        );\n        if (!runningTransitions.get(event.propertyName)) {\n            runningTransitions.delete(event.propertyName);\n        }\n        if (runningTransitions.size === 0) {\n            cleanup();\n        }\n    };\n    const handleTransitionrun = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        if (!runningTransitions.has(event.propertyName)) {\n            runningTransitions.set(event.propertyName, 0);\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) + 1\n        );\n        cancelAnimationFrame(guarantee1);\n        cancelAnimationFrame(guarantee2);\n        cancelAnimationFrame(guarantee3);\n    };\n    el.addEventListener('transitionrun', handleTransitionrun, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitionend', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitioncancel', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    action();\n};\n\nexport function nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\n/**\n * Abstract Overlay base class so that property tyings and imperative API\n * interfaces can be held separate from the actual class definition.\n */\nexport class AbstractOverlay extends SpectrumElement {\n    protected async applyFocus(\n        _targetOpenState: boolean,\n        _focusEl: HTMLElement | null\n    ): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get delayed(): boolean {\n        return false;\n    }\n    set delayed(_delayed: boolean) {\n        return;\n    }\n    dialogEl!: HTMLDialogElement & {\n        showPopover(): void;\n        hidePopover(): void;\n    };\n    /* c8 ignore next 6 */\n    get disabled(): boolean {\n        return false;\n    }\n    set disabled(_disabled: boolean) {\n        return;\n    }\n    dispose = noop;\n    protected get elementResolver(): ElementResolutionController {\n        return this._elementResolver;\n    }\n    protected set elementResolver(controller) {\n        this._elementResolver = controller;\n    }\n    protected _elementResolver!: ElementResolutionController;\n    /* c8 ignore next 3 */\n    protected async ensureOnDOM(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    elements!: OpenableElement[];\n    /* c8 ignore next 5 */\n    protected async makeTransition(\n        _targetOpenState: boolean\n    ): Promise<HTMLElement | null> {\n        return null;\n    }\n    protected async manageDelay(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async manageDialogOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async managePopoverOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected managePosition(): void {\n        return;\n    }\n    protected offset: number | [number, number] = 0;\n    /* c8 ignore next 6 */\n    get open(): boolean {\n        return false;\n    }\n    set open(_open: boolean) {\n        return;\n    }\n    placement?: Placement;\n    protected get placementController(): PlacementController {\n        return this._placementController;\n    }\n    protected set placementController(controller) {\n        this._placementController = controller;\n    }\n    protected _placementController!: PlacementController;\n    receivesFocus!: 'true' | 'false' | 'auto';\n    protected requestSlottable(): void {}\n    protected returnFocus(): void {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get state(): OverlayState {\n        return 'closed';\n    }\n    set state(_state: OverlayState) {\n        return;\n    }\n    protected _state!: OverlayState;\n    triggerElement!: HTMLElement | VirtualTrigger | null;\n    type!: OverlayTypes;\n    willPreventClose = false;\n    /* c8 ignore next 3 */\n    public manuallyKeepOpen(): void {\n        return;\n    }\n\n    public static update(): void {\n        const overlayUpdateEvent = new CustomEvent('sp-update-overlays', {\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n        document.dispatchEvent(overlayUpdateEvent);\n    }\n\n    /**\n     * Overloaded imperative API entry point that allows for both the pre-0.37.0\n     * argument signature as well as the post-0.37.0 signature. This allows for\n     * consumers to continue to leverage it as they had been in previous releases\n     * while also surfacing the more feature-rich API that has been made available.\n     */\n    public static async open(\n        trigger: HTMLElement,\n        interaction: TriggerInteractionsV1,\n        content: HTMLElement,\n        optionsV1: OverlayOptionsV1\n    ): Promise<() => void>;\n    public static async open(\n        content: HTMLElement,\n        options?: OverlayOptions\n    ): Promise<Overlay>;\n    public static async open(\n        triggerOrContent: HTMLElement,\n        interactionOrOptions:\n            | TriggerInteractionsV1\n            | OverlayOptions\n            | undefined,\n        content?: HTMLElement,\n        optionsV1?: OverlayOptionsV1\n    ): Promise<Overlay | (() => void)> {\n        await import('@spectrum-web-components/overlay/sp-overlay.js');\n        const v2 = arguments.length === 2;\n        const overlayContent = content || triggerOrContent;\n        // Use the `this` from the `static` method context rather than a\n        // specific imported constructor to prevent opening a circular dependency.\n        const overlay = new this() as Overlay;\n        let restored = false;\n        overlay.dispose = () => {\n            overlay.addEventListener('sp-closed', () => {\n                if (!restored) {\n                    restoreContent();\n                    restored = true;\n                }\n                requestAnimationFrame(() => {\n                    overlay.remove();\n                });\n            });\n            overlay.open = false;\n            overlay.dispose = noop;\n        };\n        /**\n         * Since content must exist in an <sp-overlay>, we need a way to get it there.\n         * The best & most-direct way is to declaratively use an <sp-overlay> element,\n         * but for imperative users, we'll reparent content into an overlay that we've created for them.\n         **/\n        const restoreContent = reparentChildren([overlayContent], overlay, {\n            position: 'beforeend',\n            prepareCallback: (el) => {\n                // Ensure that content to be overlaid is no longer targetted to a specific `slot`.\n                // This allow for it to be visible in the overlaid context.\n                const slot = el.slot;\n                el.removeAttribute('slot');\n                return () => {\n                    el.slot = slot;\n                };\n            },\n        });\n\n        const v1 = !v2 && overlayContent && optionsV1;\n        if (v1) {\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    overlay,\n                    `You are interacting with an ${overlay.localName} element via a deprecated imperative API. This API will be removed in a future version of the SWC library. Consider leveraging an ${overlay.localName} directly.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/overlay/',\n                    { level: 'deprecation' }\n                );\n            }\n            const trigger = triggerOrContent;\n            const interaction = interactionOrOptions;\n            const options = optionsV1;\n            AbstractOverlay.applyOptions(overlay, {\n                ...options,\n                delayed:\n                    options.delayed || overlayContent.hasAttribute('delayed'),\n                trigger: options.virtualTrigger || trigger,\n                type:\n                    interaction === 'modal'\n                        ? 'modal'\n                        : interaction === 'hover'\n                        ? 'hint'\n                        : 'auto',\n            });\n            trigger.insertAdjacentElement('afterend', overlay);\n            await overlay.updateComplete;\n            overlay.open = true;\n            return overlay.dispose;\n        }\n\n        const options = interactionOrOptions as OverlayOptions;\n        overlay.append(overlayContent);\n        AbstractOverlay.applyOptions(overlay, {\n            ...options,\n            delayed: options.delayed || overlayContent.hasAttribute('delayed'),\n        });\n        overlay.updateComplete.then(() => {\n            // Do we want to \"open\" this path, or leave that to the consumer?\n            overlay.open = true;\n        });\n        return overlay;\n    }\n\n    static applyOptions(\n        overlay: AbstractOverlay,\n        options: OverlayOptions\n    ): void {\n        overlay.delayed = !!options.delayed;\n        overlay.receivesFocus = options.receivesFocus ?? 'auto';\n        overlay.triggerElement = options.trigger || null;\n        overlay.type = options.type || 'modal';\n        overlay.offset = options.offset ?? 0;\n        overlay.placement = options.placement;\n        overlay.willPreventClose = !!options.notImmediatelyClosable;\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 { SpectrumElement } from '@spectrum-web-components/base';\nimport { reparentChildren } from '@spectrum-web-components/shared/src/reparent-children.js';\n\nimport type {\n    OpenableElement,\n    OverlayOptions,\n    OverlayOptionsV1,\n    OverlayState,\n    OverlayTypes,\n    Placement,\n    TriggerInteractionsV1,\n} from './overlay-types.dev.js'\nimport type { Overlay } from './Overlay.dev.js'\nimport type { VirtualTrigger } from './VirtualTrigger.dev.js'\nimport { OverlayTimer } from './overlay-timer.dev.js'\nimport type { PlacementController } from './PlacementController.dev.js'\nimport type { ElementResolutionController } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\n\nexport const overlayTimer = new OverlayTimer();\n\nexport const noop = (): void => {\n    return;\n};\n\n/**\n * Apply a \"transitionend\" listener to an element that may not transition but\n * guarantee the callback will be fired either way.\n *\n * @param el {HTMLElement} - Target of the \"transition\" listeners.\n * @param action {Function} - Method to trigger the \"transition\".\n * @param cb {Function} - Callback to trigger when the \"transition\" has ended.\n */\nexport const guaranteedAllTransitionend = (\n    el: HTMLElement,\n    action: () => void,\n    cb: () => void\n): void => {\n    const abortController = new AbortController();\n    const runningTransitions = new Map<string, number>();\n    const cleanup = (): void => {\n        abortController.abort();\n        cb();\n    };\n    let guarantee2: number;\n    let guarantee3: number;\n    // WebKit fires `transitionrun` a little earlier, the multiple guarantees here\n    // allow WebKit to be caught, but doesn't remove the animation listener until\n    // after it would have fired in Chromium.\n    const guarantee1 = requestAnimationFrame(() => {\n        guarantee2 = requestAnimationFrame(() => {\n            guarantee3 = requestAnimationFrame(() => {\n                cleanup();\n            });\n        });\n    });\n    const handleTransitionend = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) - 1\n        );\n        if (!runningTransitions.get(event.propertyName)) {\n            runningTransitions.delete(event.propertyName);\n        }\n        if (runningTransitions.size === 0) {\n            cleanup();\n        }\n    };\n    const handleTransitionrun = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        if (!runningTransitions.has(event.propertyName)) {\n            runningTransitions.set(event.propertyName, 0);\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) + 1\n        );\n        cancelAnimationFrame(guarantee1);\n        cancelAnimationFrame(guarantee2);\n        cancelAnimationFrame(guarantee3);\n    };\n    el.addEventListener('transitionrun', handleTransitionrun, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitionend', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitioncancel', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    action();\n};\n\nexport function nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\n/**\n * Abstract Overlay base class so that property tyings and imperative API\n * interfaces can be held separate from the actual class definition.\n */\nexport class AbstractOverlay extends SpectrumElement {\n    protected async applyFocus(\n        _targetOpenState: boolean,\n        _focusEl: HTMLElement | null\n    ): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get delayed(): boolean {\n        return false;\n    }\n    set delayed(_delayed: boolean) {\n        return;\n    }\n    dialogEl!: HTMLDialogElement & {\n        showPopover(): void;\n        hidePopover(): void;\n    };\n    /* c8 ignore next 6 */\n    get disabled(): boolean {\n        return false;\n    }\n    set disabled(_disabled: boolean) {\n        return;\n    }\n    dispose = noop;\n    protected get elementResolver(): ElementResolutionController {\n        return this._elementResolver;\n    }\n    protected set elementResolver(controller) {\n        this._elementResolver = controller;\n    }\n    protected _elementResolver!: ElementResolutionController;\n    /* c8 ignore next 3 */\n    protected async ensureOnDOM(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    elements!: OpenableElement[];\n    /* c8 ignore next 5 */\n    protected async makeTransition(\n        _targetOpenState: boolean\n    ): Promise<HTMLElement | null> {\n        return null;\n    }\n    protected async manageDelay(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async manageDialogOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async managePopoverOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected managePosition(): void {\n        return;\n    }\n    protected offset: number | [number, number] = 0;\n    /* c8 ignore next 6 */\n    get open(): boolean {\n        return false;\n    }\n    set open(_open: boolean) {\n        return;\n    }\n    placement?: Placement;\n    protected get placementController(): PlacementController {\n        return this._placementController;\n    }\n    protected set placementController(controller) {\n        this._placementController = controller;\n    }\n    protected _placementController!: PlacementController;\n    receivesFocus!: 'true' | 'false' | 'auto';\n    protected requestSlottable(): void {}\n    protected returnFocus(): void {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get state(): OverlayState {\n        return 'closed';\n    }\n    set state(_state: OverlayState) {\n        return;\n    }\n    protected _state!: OverlayState;\n    triggerElement!: HTMLElement | VirtualTrigger | null;\n    type!: OverlayTypes;\n    willPreventClose = false;\n    /* c8 ignore next 3 */\n    public manuallyKeepOpen(): void {\n        return;\n    }\n\n    public static update(): void {\n        const overlayUpdateEvent = new CustomEvent('sp-update-overlays', {\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n        document.dispatchEvent(overlayUpdateEvent);\n    }\n\n    /**\n     * Overloaded imperative API entry point that allows for both the pre-0.37.0\n     * argument signature as well as the post-0.37.0 signature. This allows for\n     * consumers to continue to leverage it as they had been in previous releases\n     * while also surfacing the more feature-rich API that has been made available.\n     */\n    public static async open(\n        trigger: HTMLElement,\n        interaction: TriggerInteractionsV1,\n        content: HTMLElement,\n        optionsV1: OverlayOptionsV1\n    ): Promise<() => void>;\n    public static async open(\n        content: HTMLElement,\n        options?: OverlayOptions\n    ): Promise<Overlay>;\n    public static async open(\n        triggerOrContent: HTMLElement,\n        interactionOrOptions:\n            | TriggerInteractionsV1\n            | OverlayOptions\n            | undefined,\n        content?: HTMLElement,\n        optionsV1?: OverlayOptionsV1\n    ): Promise<Overlay | (() => void)> {\n        await import('@spectrum-web-components/overlay/sp-overlay.js');\n        const v2 = arguments.length === 2;\n        const overlayContent = content || triggerOrContent;\n        // Use the `this` from the `static` method context rather than a\n        // specific imported constructor to prevent opening a circular dependency.\n        const overlay = new this() as Overlay;\n        let restored = false;\n        overlay.dispose = () => {\n            overlay.addEventListener('sp-closed', () => {\n                if (!restored) {\n                    restoreContent();\n                    restored = true;\n                }\n                requestAnimationFrame(() => {\n                    overlay.remove();\n                });\n            });\n            overlay.open = false;\n            overlay.dispose = noop;\n        };\n        /**\n         * Since content must exist in an <sp-overlay>, we need a way to get it there.\n         * The best & most-direct way is to declaratively use an <sp-overlay> element,\n         * but for imperative users, we'll reparent content into an overlay that we've created for them.\n         **/\n        const restoreContent = reparentChildren([overlayContent], overlay, {\n            position: 'beforeend',\n            prepareCallback: (el) => {\n                // Ensure that content to be overlaid is no longer targetted to a specific `slot`.\n                // This allow for it to be visible in the overlaid context.\n                const slot = el.slot;\n                el.removeAttribute('slot');\n                return () => {\n                    el.slot = slot;\n                };\n            },\n        });\n\n        const v1 = !v2 && overlayContent && optionsV1;\n        if (v1) {\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    overlay,\n                    `You are interacting with an ${overlay.localName} element via a deprecated imperative API. This API will be removed in a future version of the SWC library. Consider leveraging an ${overlay.localName} directly.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/overlay/',\n                    { level: 'deprecation' }\n                );\n            }\n            const trigger = triggerOrContent;\n            const interaction = interactionOrOptions;\n            const options = optionsV1;\n            AbstractOverlay.applyOptions(overlay, {\n                ...options,\n                delayed:\n                    options.delayed || overlayContent.hasAttribute('delayed'),\n                trigger: options.virtualTrigger || trigger,\n                type:\n                    interaction === 'modal'\n                        ? 'modal'\n                        : interaction === 'hover'\n                          ? 'hint'\n                          : 'auto',\n            });\n            trigger.insertAdjacentElement('afterend', overlay);\n            await overlay.updateComplete;\n            overlay.open = true;\n            return overlay.dispose;\n        }\n\n        const options = interactionOrOptions as OverlayOptions;\n        overlay.append(overlayContent);\n        AbstractOverlay.applyOptions(overlay, {\n            ...options,\n            delayed: options.delayed || overlayContent.hasAttribute('delayed'),\n        });\n        overlay.updateComplete.then(() => {\n            // Do we want to \"open\" this path, or leave that to the consumer?\n            overlay.open = true;\n        });\n        return overlay;\n    }\n\n    static applyOptions(\n        overlay: AbstractOverlay,\n        options: OverlayOptions\n    ): void {\n        overlay.delayed = !!options.delayed;\n        overlay.receivesFocus = options.receivesFocus ?? 'auto';\n        overlay.triggerElement = options.trigger || null;\n        overlay.type = options.type || 'modal';\n        overlay.offset = options.offset ?? 0;\n        overlay.placement = options.placement;\n        overlay.willPreventClose = !!options.notImmediatelyClosable;\n    }\n}\n"],
+  "mappings": "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",
   "names": ["options"]
 }

package/src/AbstractOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["AbstractOverlay.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 { SpectrumElement } from '@spectrum-web-components/base';\nimport { reparentChildren } from '@spectrum-web-components/shared/src/reparent-children.js';\n\nimport type {\n    OpenableElement,\n    OverlayOptions,\n    OverlayOptionsV1,\n    OverlayState,\n    OverlayTypes,\n    Placement,\n    TriggerInteractionsV1,\n} from './overlay-types.js';\nimport type { Overlay } from './Overlay.js';\nimport type { VirtualTrigger } from './VirtualTrigger.js';\nimport { OverlayTimer } from './overlay-timer.js';\nimport type { PlacementController } from './PlacementController.js';\nimport type { ElementResolutionController } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\n\nexport const overlayTimer = new OverlayTimer();\n\nexport const noop = (): void => {\n    return;\n};\n\n/**\n * Apply a \"transitionend\" listener to an element that may not transition but\n * guarantee the callback will be fired either way.\n *\n * @param el {HTMLElement} - Target of the \"transition\" listeners.\n * @param action {Function} - Method to trigger the \"transition\".\n * @param cb {Function} - Callback to trigger when the \"transition\" has ended.\n */\nexport const guaranteedAllTransitionend = (\n    el: HTMLElement,\n    action: () => void,\n    cb: () => void\n): void => {\n    const abortController = new AbortController();\n    const runningTransitions = new Map<string, number>();\n    const cleanup = (): void => {\n        abortController.abort();\n        cb();\n    };\n    let guarantee2: number;\n    let guarantee3: number;\n    // WebKit fires `transitionrun` a little earlier, the multiple guarantees here\n    // allow WebKit to be caught, but doesn't remove the animation listener until\n    // after it would have fired in Chromium.\n    const guarantee1 = requestAnimationFrame(() => {\n        guarantee2 = requestAnimationFrame(() => {\n            guarantee3 = requestAnimationFrame(() => {\n                cleanup();\n            });\n        });\n    });\n    const handleTransitionend = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) - 1\n        );\n        if (!runningTransitions.get(event.propertyName)) {\n            runningTransitions.delete(event.propertyName);\n        }\n        if (runningTransitions.size === 0) {\n            cleanup();\n        }\n    };\n    const handleTransitionrun = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        if (!runningTransitions.has(event.propertyName)) {\n            runningTransitions.set(event.propertyName, 0);\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) + 1\n        );\n        cancelAnimationFrame(guarantee1);\n        cancelAnimationFrame(guarantee2);\n        cancelAnimationFrame(guarantee3);\n    };\n    el.addEventListener('transitionrun', handleTransitionrun, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitionend', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitioncancel', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    action();\n};\n\nexport function nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\n/**\n * Abstract Overlay base class so that property tyings and imperative API\n * interfaces can be held separate from the actual class definition.\n */\nexport class AbstractOverlay extends SpectrumElement {\n    protected async applyFocus(\n        _targetOpenState: boolean,\n        _focusEl: HTMLElement | null\n    ): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get delayed(): boolean {\n        return false;\n    }\n    set delayed(_delayed: boolean) {\n        return;\n    }\n    dialogEl!: HTMLDialogElement & {\n        showPopover(): void;\n        hidePopover(): void;\n    };\n    /* c8 ignore next 6 */\n    get disabled(): boolean {\n        return false;\n    }\n    set disabled(_disabled: boolean) {\n        return;\n    }\n    dispose = noop;\n    protected get elementResolver(): ElementResolutionController {\n        return this._elementResolver;\n    }\n    protected set elementResolver(controller) {\n        this._elementResolver = controller;\n    }\n    protected _elementResolver!: ElementResolutionController;\n    /* c8 ignore next 3 */\n    protected async ensureOnDOM(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    elements!: OpenableElement[];\n    /* c8 ignore next 5 */\n    protected async makeTransition(\n        _targetOpenState: boolean\n    ): Promise<HTMLElement | null> {\n        return null;\n    }\n    protected async manageDelay(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async manageDialogOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async managePopoverOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected managePosition(): void {\n        return;\n    }\n    protected offset: number | [number, number] = 0;\n    /* c8 ignore next 6 */\n    get open(): boolean {\n        return false;\n    }\n    set open(_open: boolean) {\n        return;\n    }\n    placement?: Placement;\n    protected get placementController(): PlacementController {\n        return this._placementController;\n    }\n    protected set placementController(controller) {\n        this._placementController = controller;\n    }\n    protected _placementController!: PlacementController;\n    receivesFocus!: 'true' | 'false' | 'auto';\n    protected requestSlottable(): void {}\n    protected returnFocus(): void {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get state(): OverlayState {\n        return 'closed';\n    }\n    set state(_state: OverlayState) {\n        return;\n    }\n    protected _state!: OverlayState;\n    triggerElement!: HTMLElement | VirtualTrigger | null;\n    type!: OverlayTypes;\n    willPreventClose = false;\n    /* c8 ignore next 3 */\n    public manuallyKeepOpen(): void {\n        return;\n    }\n\n    public static update(): void {\n        const overlayUpdateEvent = new CustomEvent('sp-update-overlays', {\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n        document.dispatchEvent(overlayUpdateEvent);\n    }\n\n    /**\n     * Overloaded imperative API entry point that allows for both the pre-0.37.0\n     * argument signature as well as the post-0.37.0 signature. This allows for\n     * consumers to continue to leverage it as they had been in previous releases\n     * while also surfacing the more feature-rich API that has been made available.\n     */\n    public static async open(\n        trigger: HTMLElement,\n        interaction: TriggerInteractionsV1,\n        content: HTMLElement,\n        optionsV1: OverlayOptionsV1\n    ): Promise<() => void>;\n    public static async open(\n        content: HTMLElement,\n        options?: OverlayOptions\n    ): Promise<Overlay>;\n    public static async open(\n        triggerOrContent: HTMLElement,\n        interactionOrOptions:\n            | TriggerInteractionsV1\n            | OverlayOptions\n            | undefined,\n        content?: HTMLElement,\n        optionsV1?: OverlayOptionsV1\n    ): Promise<Overlay | (() => void)> {\n        await import('@spectrum-web-components/overlay/sp-overlay.js');\n        const v2 = arguments.length === 2;\n        const overlayContent = content || triggerOrContent;\n        // Use the `this` from the `static` method context rather than a\n        // specific imported constructor to prevent opening a circular dependency.\n        const overlay = new this() as Overlay;\n        let restored = false;\n        overlay.dispose = () => {\n            overlay.addEventListener('sp-closed', () => {\n                if (!restored) {\n                    restoreContent();\n                    restored = true;\n                }\n                requestAnimationFrame(() => {\n                    overlay.remove();\n                });\n            });\n            overlay.open = false;\n            overlay.dispose = noop;\n        };\n        /**\n         * Since content must exist in an <sp-overlay>, we need a way to get it there.\n         * The best & most-direct way is to declaratively use an <sp-overlay> element,\n         * but for imperative users, we'll reparent content into an overlay that we've created for them.\n         **/\n        const restoreContent = reparentChildren([overlayContent], overlay, {\n            position: 'beforeend',\n            prepareCallback: (el) => {\n                // Ensure that content to be overlaid is no longer targetted to a specific `slot`.\n                // This allow for it to be visible in the overlaid context.\n                const slot = el.slot;\n                el.removeAttribute('slot');\n                return () => {\n                    el.slot = slot;\n                };\n            },\n        });\n\n        const v1 = !v2 && overlayContent && optionsV1;\n        if (v1) {\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    overlay,\n                    `You are interacting with an ${overlay.localName} element via a deprecated imperative API. This API will be removed in a future version of the SWC library. Consider leveraging an ${overlay.localName} directly.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/overlay/',\n                    { level: 'deprecation' }\n                );\n            }\n            const trigger = triggerOrContent;\n            const interaction = interactionOrOptions;\n            const options = optionsV1;\n            AbstractOverlay.applyOptions(overlay, {\n                ...options,\n                delayed:\n                    options.delayed || overlayContent.hasAttribute('delayed'),\n                trigger: options.virtualTrigger || trigger,\n                type:\n                    interaction === 'modal'\n                        ? 'modal'\n                        : interaction === 'hover'\n                        ? 'hint'\n                        : 'auto',\n            });\n            trigger.insertAdjacentElement('afterend', overlay);\n            await overlay.updateComplete;\n            overlay.open = true;\n            return overlay.dispose;\n        }\n\n        const options = interactionOrOptions as OverlayOptions;\n        overlay.append(overlayContent);\n        AbstractOverlay.applyOptions(overlay, {\n            ...options,\n            delayed: options.delayed || overlayContent.hasAttribute('delayed'),\n        });\n        overlay.updateComplete.then(() => {\n            // Do we want to \"open\" this path, or leave that to the consumer?\n            overlay.open = true;\n        });\n        return overlay;\n    }\n\n    static applyOptions(\n        overlay: AbstractOverlay,\n        options: OverlayOptions\n    ): void {\n        overlay.delayed = !!options.delayed;\n        overlay.receivesFocus = options.receivesFocus ?? 'auto';\n        overlay.triggerElement = options.trigger || null;\n        overlay.type = options.type || 'modal';\n        overlay.offset = options.offset ?? 0;\n        overlay.placement = options.placement;\n        overlay.willPreventClose = !!options.notImmediatelyClosable;\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 { SpectrumElement } from '@spectrum-web-components/base';\nimport { reparentChildren } from '@spectrum-web-components/shared/src/reparent-children.js';\n\nimport type {\n    OpenableElement,\n    OverlayOptions,\n    OverlayOptionsV1,\n    OverlayState,\n    OverlayTypes,\n    Placement,\n    TriggerInteractionsV1,\n} from './overlay-types.js';\nimport type { Overlay } from './Overlay.js';\nimport type { VirtualTrigger } from './VirtualTrigger.js';\nimport { OverlayTimer } from './overlay-timer.js';\nimport type { PlacementController } from './PlacementController.js';\nimport type { ElementResolutionController } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\n\nexport const overlayTimer = new OverlayTimer();\n\nexport const noop = (): void => {\n    return;\n};\n\n/**\n * Apply a \"transitionend\" listener to an element that may not transition but\n * guarantee the callback will be fired either way.\n *\n * @param el {HTMLElement} - Target of the \"transition\" listeners.\n * @param action {Function} - Method to trigger the \"transition\".\n * @param cb {Function} - Callback to trigger when the \"transition\" has ended.\n */\nexport const guaranteedAllTransitionend = (\n    el: HTMLElement,\n    action: () => void,\n    cb: () => void\n): void => {\n    const abortController = new AbortController();\n    const runningTransitions = new Map<string, number>();\n    const cleanup = (): void => {\n        abortController.abort();\n        cb();\n    };\n    let guarantee2: number;\n    let guarantee3: number;\n    // WebKit fires `transitionrun` a little earlier, the multiple guarantees here\n    // allow WebKit to be caught, but doesn't remove the animation listener until\n    // after it would have fired in Chromium.\n    const guarantee1 = requestAnimationFrame(() => {\n        guarantee2 = requestAnimationFrame(() => {\n            guarantee3 = requestAnimationFrame(() => {\n                cleanup();\n            });\n        });\n    });\n    const handleTransitionend = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) - 1\n        );\n        if (!runningTransitions.get(event.propertyName)) {\n            runningTransitions.delete(event.propertyName);\n        }\n        if (runningTransitions.size === 0) {\n            cleanup();\n        }\n    };\n    const handleTransitionrun = (event: TransitionEvent): void => {\n        if (event.target !== el) {\n            return;\n        }\n        if (!runningTransitions.has(event.propertyName)) {\n            runningTransitions.set(event.propertyName, 0);\n        }\n        runningTransitions.set(\n            event.propertyName,\n            (runningTransitions.get(event.propertyName) as number) + 1\n        );\n        cancelAnimationFrame(guarantee1);\n        cancelAnimationFrame(guarantee2);\n        cancelAnimationFrame(guarantee3);\n    };\n    el.addEventListener('transitionrun', handleTransitionrun, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitionend', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    el.addEventListener('transitioncancel', handleTransitionend, {\n        signal: abortController.signal,\n    });\n    action();\n};\n\nexport function nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\n/**\n * Abstract Overlay base class so that property tyings and imperative API\n * interfaces can be held separate from the actual class definition.\n */\nexport class AbstractOverlay extends SpectrumElement {\n    protected async applyFocus(\n        _targetOpenState: boolean,\n        _focusEl: HTMLElement | null\n    ): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get delayed(): boolean {\n        return false;\n    }\n    set delayed(_delayed: boolean) {\n        return;\n    }\n    dialogEl!: HTMLDialogElement & {\n        showPopover(): void;\n        hidePopover(): void;\n    };\n    /* c8 ignore next 6 */\n    get disabled(): boolean {\n        return false;\n    }\n    set disabled(_disabled: boolean) {\n        return;\n    }\n    dispose = noop;\n    protected get elementResolver(): ElementResolutionController {\n        return this._elementResolver;\n    }\n    protected set elementResolver(controller) {\n        this._elementResolver = controller;\n    }\n    protected _elementResolver!: ElementResolutionController;\n    /* c8 ignore next 3 */\n    protected async ensureOnDOM(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    elements!: OpenableElement[];\n    /* c8 ignore next 5 */\n    protected async makeTransition(\n        _targetOpenState: boolean\n    ): Promise<HTMLElement | null> {\n        return null;\n    }\n    protected async manageDelay(_targetOpenState: boolean): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async manageDialogOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected async managePopoverOpen(): Promise<void> {\n        return;\n    }\n    /* c8 ignore next 3 */\n    protected managePosition(): void {\n        return;\n    }\n    protected offset: number | [number, number] = 0;\n    /* c8 ignore next 6 */\n    get open(): boolean {\n        return false;\n    }\n    set open(_open: boolean) {\n        return;\n    }\n    placement?: Placement;\n    protected get placementController(): PlacementController {\n        return this._placementController;\n    }\n    protected set placementController(controller) {\n        this._placementController = controller;\n    }\n    protected _placementController!: PlacementController;\n    receivesFocus!: 'true' | 'false' | 'auto';\n    protected requestSlottable(): void {}\n    protected returnFocus(): void {\n        return;\n    }\n    /* c8 ignore next 6 */\n    get state(): OverlayState {\n        return 'closed';\n    }\n    set state(_state: OverlayState) {\n        return;\n    }\n    protected _state!: OverlayState;\n    triggerElement!: HTMLElement | VirtualTrigger | null;\n    type!: OverlayTypes;\n    willPreventClose = false;\n    /* c8 ignore next 3 */\n    public manuallyKeepOpen(): void {\n        return;\n    }\n\n    public static update(): void {\n        const overlayUpdateEvent = new CustomEvent('sp-update-overlays', {\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n        });\n        document.dispatchEvent(overlayUpdateEvent);\n    }\n\n    /**\n     * Overloaded imperative API entry point that allows for both the pre-0.37.0\n     * argument signature as well as the post-0.37.0 signature. This allows for\n     * consumers to continue to leverage it as they had been in previous releases\n     * while also surfacing the more feature-rich API that has been made available.\n     */\n    public static async open(\n        trigger: HTMLElement,\n        interaction: TriggerInteractionsV1,\n        content: HTMLElement,\n        optionsV1: OverlayOptionsV1\n    ): Promise<() => void>;\n    public static async open(\n        content: HTMLElement,\n        options?: OverlayOptions\n    ): Promise<Overlay>;\n    public static async open(\n        triggerOrContent: HTMLElement,\n        interactionOrOptions:\n            | TriggerInteractionsV1\n            | OverlayOptions\n            | undefined,\n        content?: HTMLElement,\n        optionsV1?: OverlayOptionsV1\n    ): Promise<Overlay | (() => void)> {\n        await import('@spectrum-web-components/overlay/sp-overlay.js');\n        const v2 = arguments.length === 2;\n        const overlayContent = content || triggerOrContent;\n        // Use the `this` from the `static` method context rather than a\n        // specific imported constructor to prevent opening a circular dependency.\n        const overlay = new this() as Overlay;\n        let restored = false;\n        overlay.dispose = () => {\n            overlay.addEventListener('sp-closed', () => {\n                if (!restored) {\n                    restoreContent();\n                    restored = true;\n                }\n                requestAnimationFrame(() => {\n                    overlay.remove();\n                });\n            });\n            overlay.open = false;\n            overlay.dispose = noop;\n        };\n        /**\n         * Since content must exist in an <sp-overlay>, we need a way to get it there.\n         * The best & most-direct way is to declaratively use an <sp-overlay> element,\n         * but for imperative users, we'll reparent content into an overlay that we've created for them.\n         **/\n        const restoreContent = reparentChildren([overlayContent], overlay, {\n            position: 'beforeend',\n            prepareCallback: (el) => {\n                // Ensure that content to be overlaid is no longer targetted to a specific `slot`.\n                // This allow for it to be visible in the overlaid context.\n                const slot = el.slot;\n                el.removeAttribute('slot');\n                return () => {\n                    el.slot = slot;\n                };\n            },\n        });\n\n        const v1 = !v2 && overlayContent && optionsV1;\n        if (v1) {\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    overlay,\n                    `You are interacting with an ${overlay.localName} element via a deprecated imperative API. This API will be removed in a future version of the SWC library. Consider leveraging an ${overlay.localName} directly.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/overlay/',\n                    { level: 'deprecation' }\n                );\n            }\n            const trigger = triggerOrContent;\n            const interaction = interactionOrOptions;\n            const options = optionsV1;\n            AbstractOverlay.applyOptions(overlay, {\n                ...options,\n                delayed:\n                    options.delayed || overlayContent.hasAttribute('delayed'),\n                trigger: options.virtualTrigger || trigger,\n                type:\n                    interaction === 'modal'\n                        ? 'modal'\n                        : interaction === 'hover'\n                          ? 'hint'\n                          : 'auto',\n            });\n            trigger.insertAdjacentElement('afterend', overlay);\n            await overlay.updateComplete;\n            overlay.open = true;\n            return overlay.dispose;\n        }\n\n        const options = interactionOrOptions as OverlayOptions;\n        overlay.append(overlayContent);\n        AbstractOverlay.applyOptions(overlay, {\n            ...options,\n            delayed: options.delayed || overlayContent.hasAttribute('delayed'),\n        });\n        overlay.updateComplete.then(() => {\n            // Do we want to \"open\" this path, or leave that to the consumer?\n            overlay.open = true;\n        });\n        return overlay;\n    }\n\n    static applyOptions(\n        overlay: AbstractOverlay,\n        options: OverlayOptions\n    ): void {\n        overlay.delayed = !!options.delayed;\n        overlay.receivesFocus = options.receivesFocus ?? 'auto';\n        overlay.triggerElement = options.trigger || null;\n        overlay.type = options.type || 'modal';\n        overlay.offset = options.offset ?? 0;\n        overlay.placement = options.placement;\n        overlay.willPreventClose = !!options.notImmediatelyClosable;\n    }\n}\n"],
+  "mappings": "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",
   "names": ["SpectrumElement", "reparentChildren", "OverlayTimer", "el", "action", "cb", "abortController", "runningTransitions", "cleanup", "guarantee2", "guarantee3", "guarantee1", "handleTransitionend", "event", "handleTransitionrun", "res", "_targetOpenState", "_focusEl", "_delayed", "_disabled", "controller", "_open", "_state", "overlayUpdateEvent", "triggerOrContent", "interactionOrOptions", "content", "optionsV1", "v2", "overlayContent", "overlay", "restored", "restoreContent", "slot", "trigger", "interaction", "options", "_a", "_b"]
 }

package/test/index.js

@@ -17,76 +17,74 @@ export const runOverlayTriggerTests = (type) => {
   describe(`Overlay Trigger - ${type}`, () => {
     describe("open/close", () => {
       beforeEach(async function() {
-        this.testDiv = await fixture(
-          html`
-                        <div>
-                            <style>
-                                body {
-                                    display: flex;
-                                    align-items: center;
-                                    justify-content: center;
-                                }
-                            </style>
-                            <input type="text" />
-                            <overlay-trigger id="trigger" placement="top">
-                                <sp-button
-                                    id="outer-button"
-                                    variant="primary"
-                                    slot="trigger"
+        this.testDiv = await fixture(html`
+                    <div>
+                        <style>
+                            body {
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                            }
+                        </style>
+                        <input type="text" />
+                        <overlay-trigger id="trigger" placement="top">
+                            <sp-button
+                                id="outer-button"
+                                variant="primary"
+                                slot="trigger"
+                            >
+                                Show Popover
+                            </sp-button>
+                            <sp-popover
+                                id="outer-popover"
+                                slot="click-content"
+                                direction="bottom"
+                                tip
+                            >
+                                <sp-dialog
+                                    no-divider
+                                    class="options-popover-content"
                                 >
-                                    Show Popover
-                                </sp-button>
-                                <sp-popover
-                                    id="outer-popover"
-                                    slot="click-content"
-                                    direction="bottom"
-                                    tip
-                                >
-                                    <sp-dialog
-                                        no-divider
-                                        class="options-popover-content"
+                                    <overlay-trigger
+                                        id="inner-trigger"
+                                        placement="bottom"
                                     >
-                                        <overlay-trigger
-                                            id="inner-trigger"
-                                            placement="bottom"
+                                        <sp-button
+                                            id="inner-button"
+                                            slot="trigger"
                                         >
-                                            <sp-button
-                                                id="inner-button"
-                                                slot="trigger"
-                                            >
-                                                Press Me
-                                            </sp-button>
-                                            <sp-popover
-                                                id="inner-popover"
-                                                slot="click-content"
-                                                direction="bottom"
-                                                tip
+                                            Press Me
+                                        </sp-button>
+                                        <sp-popover
+                                            id="inner-popover"
+                                            slot="click-content"
+                                            direction="bottom"
+                                            tip
+                                        >
+                                            <sp-dialog
+                                                no-divider
+                                                class="options-popover-content"
                                             >
-                                                <sp-dialog
-                                                    no-divider
-                                                    class="options-popover-content"
-                                                >
-                                                    Another Popover
-                                                    <sp-button>
-                                                        Does nothing
-                                                    </sp-button>
-                                                </sp-dialog>
-                                            </sp-popover>
-                                        </overlay-trigger>
-                                    </sp-dialog>
-                                </sp-popover>
-                                <div
-                                    id="hover-content"
-                                    slot="hover-content"
-                                    class="tooltip"
-                                    delay="100"
-                                >
-                                    Tooltip
-                                </div>
-                            </overlay-trigger>
-                        </div>
-                    `
-        );
+                                                Another Popover
+                                                <sp-button>
+                                                    Does nothing
+                                                </sp-button>
+                                            </sp-dialog>
+                                        </sp-popover>
+                                    </overlay-trigger>
+                                </sp-dialog>
+                            </sp-popover>
+                            <div
+                                id="hover-content"
+                                slot="hover-content"
+                                class="tooltip"
+                                delay="100"
+                            >
+                                Tooltip
+                            </div>
+                        </overlay-trigger>
+                    </div>
+                `);
         this.innerTrigger = this.testDiv.querySelector(
           "#inner-trigger"
         );

package/test/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.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 { fixture, isOnTopLayer } from '../../../test/testing-helpers.js';\nimport {\n    aTimeout,\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    oneEvent,\n} from '@open-wc/testing';\n\nimport {\n    OverlayTrigger,\n    TriggerInteractions,\n} from '@spectrum-web-components/overlay';\nimport '@spectrum-web-components/button/sp-button.js';\nimport { Button } from '@spectrum-web-components/button';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Popover } from '@spectrum-web-components/popover';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\nexport const runOverlayTriggerTests = (type: string): void => {\n    describe(`Overlay Trigger - ${type}`, () => {\n        describe('open/close', () => {\n            beforeEach(async function () {\n                this.testDiv = await fixture<HTMLDivElement>(\n                    html`\n                        <div>\n                            <style>\n                                body {\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                }\n                            </style>\n                            <input type=\"text\" />\n                            <overlay-trigger id=\"trigger\" placement=\"top\">\n                                <sp-button\n                                    id=\"outer-button\"\n                                    variant=\"primary\"\n                                    slot=\"trigger\"\n                                >\n                                    Show Popover\n                                </sp-button>\n                                <sp-popover\n                                    id=\"outer-popover\"\n                                    slot=\"click-content\"\n                                    direction=\"bottom\"\n                                    tip\n                                >\n                                    <sp-dialog\n                                        no-divider\n                                        class=\"options-popover-content\"\n                                    >\n                                        <overlay-trigger\n                                            id=\"inner-trigger\"\n                                            placement=\"bottom\"\n                                        >\n                                            <sp-button\n                                                id=\"inner-button\"\n                                                slot=\"trigger\"\n                                            >\n                                                Press Me\n                                            </sp-button>\n                                            <sp-popover\n                                                id=\"inner-popover\"\n                                                slot=\"click-content\"\n                                                direction=\"bottom\"\n                                                tip\n                                            >\n                                                <sp-dialog\n                                                    no-divider\n                                                    class=\"options-popover-content\"\n                                                >\n                                                    Another Popover\n                                                    <sp-button>\n                                                        Does nothing\n                                                    </sp-button>\n                                                </sp-dialog>\n                                            </sp-popover>\n                                        </overlay-trigger>\n                                    </sp-dialog>\n                                </sp-popover>\n                                <div\n                                    id=\"hover-content\"\n                                    slot=\"hover-content\"\n                                    class=\"tooltip\"\n                                    delay=\"100\"\n                                >\n                                    Tooltip\n                                </div>\n                            </overlay-trigger>\n                        </div>\n                    `\n                );\n\n                this.innerTrigger = this.testDiv.querySelector(\n                    '#inner-trigger'\n                ) as OverlayTrigger;\n                this.outerTrigger = this.testDiv.querySelector(\n                    '#trigger'\n                ) as OverlayTrigger;\n                this.innerButton = this.testDiv.querySelector(\n                    '#inner-button'\n                ) as Button;\n                this.outerButton = this.testDiv.querySelector(\n                    '#outer-button'\n                ) as Button;\n                this.innerClickContent = this.testDiv.querySelector(\n                    '#inner-popover'\n                ) as Popover;\n                this.outerClickContent = this.testDiv.querySelector(\n                    '#outer-popover'\n                ) as Popover;\n                this.hoverContent = this.testDiv.querySelector(\n                    '#hover-content'\n                ) as HTMLDivElement;\n\n                await Promise.all([\n                    this.innerTrigger.updateComplete,\n                    this.outerTrigger.updateComplete,\n                    this.innerButton.updateComplete,\n                    this.outerButton.updateComplete,\n                    this.innerClickContent.updateComplete,\n                    this.outerClickContent.updateComplete,\n                ]);\n                this.testDiv.querySelector('input').focus();\n            });\n\n            it('opens a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n            });\n\n            it('[disabled] closes a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n                expect(this.outerTrigger.disabled).to.be.false;\n\n                expect(this.outerButton).to.exist;\n\n                const opened = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await opened;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n\n                const closed = oneEvent(this.outerButton, 'sp-closed');\n                this.outerTrigger.disabled = true;\n                await closed;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n            });\n\n            it('resizes a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n\n                window.dispatchEvent(new Event('resize'));\n                window.dispatchEvent(new Event('resize'));\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n            });\n\n            ['modal', 'replace', 'inline'].map((type: string) => {\n                it(`opens a popover - [type=\"${type}\"]`, async function () {\n                    this.outerTrigger.type = type as Extract<\n                        TriggerInteractions,\n                        'inline' | 'modal' | 'replace'\n                    >;\n                    await elementUpdated(this.outerTrigger);\n                    expect(\n                        await isOnTopLayer(this.outerClickContent),\n                        'popover not available at point'\n                    ).to.be.false;\n\n                    expect(this.outerButton).to.exist;\n                    const opened = oneEvent(this.outerTrigger, 'sp-opened');\n                    this.outerButton.click();\n                    await opened;\n                    expect(\n                        await isOnTopLayer(this.outerClickContent),\n                        'popover available at point'\n                    ).to.be.true;\n                });\n            });\n\n            it('does not open a hover popover when a click popover is open', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerButton.dispatchEvent(\n                    new Event('mouseenter', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                await nextFrame();\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n            });\n\n            it('does not open a popover when [disabled]', async function () {\n                const triggerZone = this.outerTrigger.shadowRoot.querySelector(\n                    '#trigger'\n                ) as HTMLDivElement;\n\n                expect(this.outerTrigger.disabled).to.be.false;\n                let open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover available at point'\n                ).to.be.true;\n                let closed = oneEvent(this.outerTrigger, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                await closed;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerTrigger.disabled = true;\n                await elementUpdated(this.outerTrigger);\n\n                expect(this.outerTrigger.disabled).to.be.true;\n                expect(this.outerTrigger.hasAttribute('disabled')).to.be.true;\n                // // The overlay shouldn't open here.\n                this.outerButton.click();\n                await aTimeout(150);\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n                // The overlay shouldn't open here, either.\n                triggerZone.dispatchEvent(new Event('mouseenter'));\n                await aTimeout(150);\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerTrigger.disabled = false;\n                await elementUpdated(this.outerTrigger);\n\n                expect(this.outerTrigger.disabled).to.be.false;\n                expect(this.outerTrigger.hasAttribute('disabled')).to.be.false;\n                open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover available at point'\n                ).to.be.true;\n                closed = oneEvent(this.outerTrigger, 'sp-closed');\n                this.outerButton.click();\n                await closed;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n            });\n\n            it('opens a nested popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                let open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(await isOnTopLayer(this.innerClickContent)).to.be.false;\n\n                open = oneEvent(this.innerTrigger, 'sp-opened');\n                this.innerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n            });\n\n            it('focus previous \"modal\" when closing nested \"modal\"', async function () {\n                this.outerTrigger.type = 'modal';\n                this.innerTrigger.type = 'modal';\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point'\n                ).to.be.false;\n\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.false;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                // Why does this make the test pass in Chromium? \uD83E\uDD37\uD83C\uDFFB\u200D\u2642\uFE0F\n                await sendKeys({\n                    press: 'Space',\n                });\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await innerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point'\n                ).to.be.false;\n\n                expect(\n                    document.activeElement === this.innerButton,\n                    `outer popover recieved focus: ${document.activeElement?.localName}`\n                ).to.be.true;\n            });\n\n            it('escape closes an open popover', async function () {\n                this.outerTrigger.type = 'modal';\n                this.innerTrigger.type = 'modal';\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point, 1'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await innerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point, 2'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point, 1'\n                ).to.be.false;\n\n                const outerClose = oneEvent(this.outerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await outerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point, 2'\n                ).to.be.false;\n            });\n\n            it('click closes an open popover', async function () {\n                this.outerTrigger.type = 'auto';\n                this.innerTrigger.type = 'auto';\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is available at point'\n                ).to.be.true;\n\n                // Test that clicking in the overlay content does not close the overlay\n                // 200ms is slightly more than the overlay animation fade out time (130ms)\n                this.innerClickContent.click();\n                await aTimeout(200);\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                const outerClose = oneEvent(this.outerButton, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                await innerClose;\n                await outerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is not available at point'\n                ).to.be.not;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is not available at point'\n                ).to.be.not;\n            });\n\n            it('opens a hover popover', async function () {\n                expect(await isOnTopLayer(this.hoverContent)).to.be.false;\n\n                const rect = this.outerTrigger.getBoundingClientRect();\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width / 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await open;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is available at point'\n                ).to.be.true;\n\n                const close = oneEvent(this.outerTrigger, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width * 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await close;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n\n            it('closes a hover popover', async function () {\n                expect(await isOnTopLayer(this.hoverContent)).to.be.false;\n\n                const rect = this.outerTrigger.getBoundingClientRect();\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                await sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width / 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await open;\n                const close = oneEvent(this.outerTrigger, 'sp-closed');\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is available at point'\n                ).to.be.true;\n                await sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width * 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await close;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n\n            it('dispatches events on open/close', async function () {\n                const opened = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                const openedEvent = await opened;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover content is available at point'\n                ).to.be.true;\n                expect(this.outerTrigger.open).to.equal('click');\n\n                expect(openedEvent.detail.interaction).to.equal('auto');\n\n                const closed = oneEvent(this.outerButton, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                const closedEvent = await closed;\n                expect(closedEvent.detail.interaction).to.equal('auto');\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n        });\n        describe('System interactions', () => {\n            afterEach(async () => {\n                const triggers =\n                    document.querySelectorAll<OverlayTrigger>(\n                        'overlay-trigger'\n                    );\n                const closes: Promise<CustomEvent<unknown>>[] = [];\n                triggers.forEach((trigger) => {\n                    if (trigger.open) {\n                        const close = oneEvent(trigger, 'sp-closed');\n                        trigger.open = undefined;\n                        closes.push(close);\n                    }\n                });\n                await Promise.all(closes);\n            });\n        });\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 { fixture, isOnTopLayer } from '../../../test/testing-helpers.js';\nimport {\n    aTimeout,\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    oneEvent,\n} from '@open-wc/testing';\n\nimport {\n    OverlayTrigger,\n    TriggerInteractions,\n} from '@spectrum-web-components/overlay';\nimport '@spectrum-web-components/button/sp-button.js';\nimport { Button } from '@spectrum-web-components/button';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Popover } from '@spectrum-web-components/popover';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\nexport const runOverlayTriggerTests = (type: string): void => {\n    describe(`Overlay Trigger - ${type}`, () => {\n        describe('open/close', () => {\n            beforeEach(async function () {\n                this.testDiv = await fixture<HTMLDivElement>(html`\n                    <div>\n                        <style>\n                            body {\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                            }\n                        </style>\n                        <input type=\"text\" />\n                        <overlay-trigger id=\"trigger\" placement=\"top\">\n                            <sp-button\n                                id=\"outer-button\"\n                                variant=\"primary\"\n                                slot=\"trigger\"\n                            >\n                                Show Popover\n                            </sp-button>\n                            <sp-popover\n                                id=\"outer-popover\"\n                                slot=\"click-content\"\n                                direction=\"bottom\"\n                                tip\n                            >\n                                <sp-dialog\n                                    no-divider\n                                    class=\"options-popover-content\"\n                                >\n                                    <overlay-trigger\n                                        id=\"inner-trigger\"\n                                        placement=\"bottom\"\n                                    >\n                                        <sp-button\n                                            id=\"inner-button\"\n                                            slot=\"trigger\"\n                                        >\n                                            Press Me\n                                        </sp-button>\n                                        <sp-popover\n                                            id=\"inner-popover\"\n                                            slot=\"click-content\"\n                                            direction=\"bottom\"\n                                            tip\n                                        >\n                                            <sp-dialog\n                                                no-divider\n                                                class=\"options-popover-content\"\n                                            >\n                                                Another Popover\n                                                <sp-button>\n                                                    Does nothing\n                                                </sp-button>\n                                            </sp-dialog>\n                                        </sp-popover>\n                                    </overlay-trigger>\n                                </sp-dialog>\n                            </sp-popover>\n                            <div\n                                id=\"hover-content\"\n                                slot=\"hover-content\"\n                                class=\"tooltip\"\n                                delay=\"100\"\n                            >\n                                Tooltip\n                            </div>\n                        </overlay-trigger>\n                    </div>\n                `);\n\n                this.innerTrigger = this.testDiv.querySelector(\n                    '#inner-trigger'\n                ) as OverlayTrigger;\n                this.outerTrigger = this.testDiv.querySelector(\n                    '#trigger'\n                ) as OverlayTrigger;\n                this.innerButton = this.testDiv.querySelector(\n                    '#inner-button'\n                ) as Button;\n                this.outerButton = this.testDiv.querySelector(\n                    '#outer-button'\n                ) as Button;\n                this.innerClickContent = this.testDiv.querySelector(\n                    '#inner-popover'\n                ) as Popover;\n                this.outerClickContent = this.testDiv.querySelector(\n                    '#outer-popover'\n                ) as Popover;\n                this.hoverContent = this.testDiv.querySelector(\n                    '#hover-content'\n                ) as HTMLDivElement;\n\n                await Promise.all([\n                    this.innerTrigger.updateComplete,\n                    this.outerTrigger.updateComplete,\n                    this.innerButton.updateComplete,\n                    this.outerButton.updateComplete,\n                    this.innerClickContent.updateComplete,\n                    this.outerClickContent.updateComplete,\n                ]);\n                this.testDiv.querySelector('input').focus();\n            });\n\n            it('opens a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n            });\n\n            it('[disabled] closes a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n                expect(this.outerTrigger.disabled).to.be.false;\n\n                expect(this.outerButton).to.exist;\n\n                const opened = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await opened;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n\n                const closed = oneEvent(this.outerButton, 'sp-closed');\n                this.outerTrigger.disabled = true;\n                await closed;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n            });\n\n            it('resizes a popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n\n                window.dispatchEvent(new Event('resize'));\n                window.dispatchEvent(new Event('resize'));\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n            });\n\n            ['modal', 'replace', 'inline'].map((type: string) => {\n                it(`opens a popover - [type=\"${type}\"]`, async function () {\n                    this.outerTrigger.type = type as Extract<\n                        TriggerInteractions,\n                        'inline' | 'modal' | 'replace'\n                    >;\n                    await elementUpdated(this.outerTrigger);\n                    expect(\n                        await isOnTopLayer(this.outerClickContent),\n                        'popover not available at point'\n                    ).to.be.false;\n\n                    expect(this.outerButton).to.exist;\n                    const opened = oneEvent(this.outerTrigger, 'sp-opened');\n                    this.outerButton.click();\n                    await opened;\n                    expect(\n                        await isOnTopLayer(this.outerClickContent),\n                        'popover available at point'\n                    ).to.be.true;\n                });\n            });\n\n            it('does not open a hover popover when a click popover is open', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerButton.dispatchEvent(\n                    new Event('mouseenter', {\n                        bubbles: true,\n                        composed: true,\n                    })\n                );\n\n                await nextFrame();\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'popover available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover not available at point'\n                ).to.be.false;\n            });\n\n            it('does not open a popover when [disabled]', async function () {\n                const triggerZone = this.outerTrigger.shadowRoot.querySelector(\n                    '#trigger'\n                ) as HTMLDivElement;\n\n                expect(this.outerTrigger.disabled).to.be.false;\n                let open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover available at point'\n                ).to.be.true;\n                let closed = oneEvent(this.outerTrigger, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                await closed;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerTrigger.disabled = true;\n                await elementUpdated(this.outerTrigger);\n\n                expect(this.outerTrigger.disabled).to.be.true;\n                expect(this.outerTrigger.hasAttribute('disabled')).to.be.true;\n                // // The overlay shouldn't open here.\n                this.outerButton.click();\n                await aTimeout(150);\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n                // The overlay shouldn't open here, either.\n                triggerZone.dispatchEvent(new Event('mouseenter'));\n                await aTimeout(150);\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                this.outerTrigger.disabled = false;\n                await elementUpdated(this.outerTrigger);\n\n                expect(this.outerTrigger.disabled).to.be.false;\n                expect(this.outerTrigger.hasAttribute('disabled')).to.be.false;\n                open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover available at point'\n                ).to.be.true;\n                closed = oneEvent(this.outerTrigger, 'sp-closed');\n                this.outerButton.click();\n                await closed;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n            });\n\n            it('opens a nested popover', async function () {\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'hover not available at point'\n                ).to.be.false;\n\n                expect(this.outerButton).to.exist;\n                let open = oneEvent(this.outerTrigger, 'sp-opened');\n                this.outerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(await isOnTopLayer(this.innerClickContent)).to.be.false;\n\n                open = oneEvent(this.innerTrigger, 'sp-opened');\n                this.innerButton.click();\n                await open;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n            });\n\n            it('focus previous \"modal\" when closing nested \"modal\"', async function () {\n                this.outerTrigger.type = 'modal';\n                this.innerTrigger.type = 'modal';\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point'\n                ).to.be.false;\n\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.false;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                // Why does this make the test pass in Chromium? \uD83E\uDD37\uD83C\uDFFB\u200D\u2642\uFE0F\n                await sendKeys({\n                    press: 'Space',\n                });\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await innerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point'\n                ).to.be.false;\n\n                expect(\n                    document.activeElement === this.innerButton,\n                    `outer popover recieved focus: ${document.activeElement?.localName}`\n                ).to.be.true;\n            });\n\n            it('escape closes an open popover', async function () {\n                this.outerTrigger.type = 'modal';\n                this.innerTrigger.type = 'modal';\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point'\n                ).to.be.true;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point, 1'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await innerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content available at point, 2'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point, 1'\n                ).to.be.false;\n\n                const outerClose = oneEvent(this.outerButton, 'sp-closed');\n                await sendKeys({\n                    press: 'Escape',\n                });\n                await outerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content not available at point'\n                ).to.be.false;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content not available at point, 2'\n                ).to.be.false;\n            });\n\n            it('click closes an open popover', async function () {\n                this.outerTrigger.type = 'auto';\n                this.innerTrigger.type = 'auto';\n                const outerOpen = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                await outerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n\n                const innerOpen = oneEvent(this.innerButton, 'sp-opened');\n                this.innerButton.click();\n                await innerOpen;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is available at point'\n                ).to.be.true;\n\n                // Test that clicking in the overlay content does not close the overlay\n                // 200ms is slightly more than the overlay animation fade out time (130ms)\n                this.innerClickContent.click();\n                await aTimeout(200);\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is available at point'\n                ).to.be.true;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is available at point'\n                ).to.be.true;\n\n                const innerClose = oneEvent(this.innerButton, 'sp-closed');\n                const outerClose = oneEvent(this.outerButton, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                await innerClose;\n                await outerClose;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'outer click content is not available at point'\n                ).to.be.not;\n                expect(\n                    await isOnTopLayer(this.innerClickContent),\n                    'inner click content is not available at point'\n                ).to.be.not;\n            });\n\n            it('opens a hover popover', async function () {\n                expect(await isOnTopLayer(this.hoverContent)).to.be.false;\n\n                const rect = this.outerTrigger.getBoundingClientRect();\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width / 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await open;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is available at point'\n                ).to.be.true;\n\n                const close = oneEvent(this.outerTrigger, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width * 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await close;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n\n            it('closes a hover popover', async function () {\n                expect(await isOnTopLayer(this.hoverContent)).to.be.false;\n\n                const rect = this.outerTrigger.getBoundingClientRect();\n                const open = oneEvent(this.outerTrigger, 'sp-opened');\n                await sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width / 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await open;\n                const close = oneEvent(this.outerTrigger, 'sp-closed');\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is available at point'\n                ).to.be.true;\n                await sendMouse({\n                    steps: [\n                        {\n                            type: 'move',\n                            position: [\n                                rect.left + rect.width * 2,\n                                rect.top + rect.height / 2,\n                            ],\n                        },\n                    ],\n                });\n                await close;\n                expect(\n                    await isOnTopLayer(this.hoverContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n\n            it('dispatches events on open/close', async function () {\n                const opened = oneEvent(this.outerButton, 'sp-opened');\n                this.outerButton.click();\n                const openedEvent = await opened;\n\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover content is available at point'\n                ).to.be.true;\n                expect(this.outerTrigger.open).to.equal('click');\n\n                expect(openedEvent.detail.interaction).to.equal('auto');\n\n                const closed = oneEvent(this.outerButton, 'sp-closed');\n                sendMouse({\n                    steps: [\n                        {\n                            type: 'click',\n                            position: [1, 1],\n                        },\n                    ],\n                });\n                const closedEvent = await closed;\n                expect(closedEvent.detail.interaction).to.equal('auto');\n                expect(\n                    await isOnTopLayer(this.outerClickContent),\n                    'hover content is not available at point'\n                ).to.be.false;\n            });\n        });\n        describe('System interactions', () => {\n            afterEach(async () => {\n                const triggers =\n                    document.querySelectorAll<OverlayTrigger>(\n                        'overlay-trigger'\n                    );\n                const closes: Promise<CustomEvent<unknown>>[] = [];\n                triggers.forEach((trigger) => {\n                    if (trigger.open) {\n                        const close = oneEvent(trigger, 'sp-closed');\n                        trigger.open = undefined;\n                        closes.push(close);\n                    }\n                });\n                await Promise.all(closes);\n            });\n        });\n    });\n};\n"],
+  "mappings": "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",
   "names": ["type"]
 }

package/test/overlay-directive.test.js

@@ -7,7 +7,10 @@ import {
   oneEvent,
   waitUntil
 } from "@open-wc/testing";
-import { Default, insertionOptions } from "../stories/overlay-directive.stories.js";
+import {
+  Default,
+  insertionOptions
+} from "../stories/overlay-directive.stories.js";
 import { sendMouse } from "../../../test/plugins/browser.js";
 import { fixture } from "../../../test/testing-helpers.js";
 describe("Overlay Directive", () => {

package/test/overlay-directive.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-directive.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*/\n\nimport { html } from '@spectrum-web-components/base';\nimport {\n    elementUpdated,\n    expect,\n    nextFrame,\n    oneEvent,\n    waitUntil,\n} from '@open-wc/testing';\nimport { Button } from '@spectrum-web-components/button';\nimport { Overlay } from '@spectrum-web-components/overlay';\nimport { Default, insertionOptions } from '../stories/overlay-directive.stories.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { fixture } from '../../../test/testing-helpers.js';\n\ndescribe('Overlay Directive', () => {\n    it('opens declaratively', async function() {\n        const test = await fixture<Button>(Default({ open: true }));\n        await oneEvent(test, 'sp-opened');\n\n        const el = test.nextElementSibling as Overlay;\n        \n        expect(el.open).to.be.true;\n    });\n    it('opens without options', async function() {\n        const test = await fixture<Button>(Default());\n        const opened = oneEvent(test, 'sp-opened');\n        test.click();\n        await opened;\n\n        const el = test.nextElementSibling as Overlay;\n        \n        expect(el.open).to.be.true;\n    });\n    it('opens an Overlay after the trigger', async function () {\n        const test = await fixture<HTMLElement>(html`\n            <div\n                style=\"width: 100%; height: 100vh; display: grid; place-content: center;\"\n            >\n                ${insertionOptions()}\n            </div>\n        `);\n\n        const el = test.querySelector('sp-button') as Button;\n\n        await elementUpdated(el);\n        let overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const rect = el.getBoundingClientRect();\n        let opened = oneEvent(el, 'sp-opened');\n        // Open the Tooltip via \"hover\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        opened = oneEvent(el, 'sp-opened');\n        // Open the Popover via \"click\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n                {\n                    type: 'move',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.be.gt(0);\n        expect(overlays[0].previousElementSibling).to.equal(el);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await closed;\n\n        await waitUntil(() => {\n            overlays = document.querySelectorAll('sp-overlay');\n            return overlays.length === 0;\n        }, 'not all overlays were cleaned up');\n\n        expect(overlays.length).to.equal(0);\n    });\n\n    it('opens an Overlay in a specific part of the DOM', async function () {\n        const test = await fixture<HTMLElement>(html`\n            <div\n                style=\"width: 100%; height: 100vh; display: grid; place-content: center;\"\n            >\n                ${insertionOptions(insertionOptions.args)}\n            </div>\n        `);\n\n        const el = test.querySelector('sp-button') as Button;\n\n        await elementUpdated(el);\n\n        const otherElement = test.querySelector(\n            '#other-element'\n        ) as HTMLElement;\n        let overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const rect = el.getBoundingClientRect();\n        let opened = oneEvent(el, 'sp-opened');\n        // Open the Tooltip via \"hover\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        opened = oneEvent(el, 'sp-opened');\n        // Open the Popover via \"click\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(1);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await closed;\n\n        // Wait for DOM clean up to complete\n        await nextFrame();\n        await nextFrame();\n\n        overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\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 } from '@spectrum-web-components/base';\nimport {\n    elementUpdated,\n    expect,\n    nextFrame,\n    oneEvent,\n    waitUntil,\n} from '@open-wc/testing';\nimport { Button } from '@spectrum-web-components/button';\nimport { Overlay } from '@spectrum-web-components/overlay';\nimport {\n    Default,\n    insertionOptions,\n} from '../stories/overlay-directive.stories.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { fixture } from '../../../test/testing-helpers.js';\n\ndescribe('Overlay Directive', () => {\n    it('opens declaratively', async function () {\n        const test = await fixture<Button>(Default({ open: true }));\n        await oneEvent(test, 'sp-opened');\n\n        const el = test.nextElementSibling as Overlay;\n\n        expect(el.open).to.be.true;\n    });\n    it('opens without options', async function () {\n        const test = await fixture<Button>(Default());\n        const opened = oneEvent(test, 'sp-opened');\n        test.click();\n        await opened;\n\n        const el = test.nextElementSibling as Overlay;\n\n        expect(el.open).to.be.true;\n    });\n    it('opens an Overlay after the trigger', async function () {\n        const test = await fixture<HTMLElement>(html`\n            <div\n                style=\"width: 100%; height: 100vh; display: grid; place-content: center;\"\n            >\n                ${insertionOptions()}\n            </div>\n        `);\n\n        const el = test.querySelector('sp-button') as Button;\n\n        await elementUpdated(el);\n        let overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const rect = el.getBoundingClientRect();\n        let opened = oneEvent(el, 'sp-opened');\n        // Open the Tooltip via \"hover\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        opened = oneEvent(el, 'sp-opened');\n        // Open the Popover via \"click\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n                {\n                    type: 'move',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        overlays = document.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.be.gt(0);\n        expect(overlays[0].previousElementSibling).to.equal(el);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await closed;\n\n        await waitUntil(() => {\n            overlays = document.querySelectorAll('sp-overlay');\n            return overlays.length === 0;\n        }, 'not all overlays were cleaned up');\n\n        expect(overlays.length).to.equal(0);\n    });\n\n    it('opens an Overlay in a specific part of the DOM', async function () {\n        const test = await fixture<HTMLElement>(html`\n            <div\n                style=\"width: 100%; height: 100vh; display: grid; place-content: center;\"\n            >\n                ${insertionOptions(insertionOptions.args)}\n            </div>\n        `);\n\n        const el = test.querySelector('sp-button') as Button;\n\n        await elementUpdated(el);\n\n        const otherElement = test.querySelector(\n            '#other-element'\n        ) as HTMLElement;\n        let overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n\n        const rect = el.getBoundingClientRect();\n        let opened = oneEvent(el, 'sp-opened');\n        // Open the Tooltip via \"hover\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        opened = oneEvent(el, 'sp-opened');\n        // Open the Popover via \"click\"\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await opened;\n\n        overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(1);\n\n        // `slottable-request` comes _after_ `sp-closed` and triggers DOM cleanup\n        const closed = oneEvent(overlays[0], 'slottable-request');\n        await sendMouse({\n            steps: [\n                {\n                    type: 'click',\n                    position: [\n                        rect.left - rect.width / 2,\n                        rect.top - rect.height / 2,\n                    ],\n                },\n            ],\n        });\n        await closed;\n\n        // Wait for DOM clean up to complete\n        await nextFrame();\n        await nextFrame();\n\n        overlays = otherElement.querySelectorAll('sp-overlay');\n        expect(overlays.length).to.equal(0);\n    });\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/test/overlay-v1.test.js

@@ -43,58 +43,52 @@ describe("Overlays, v1", () => {
   let openOverlays = [];
   describe("shared fixture", () => {
     beforeEach(async () => {
-      testDiv = await styledFixture(
-        html`
-                    <div id="top">
-                        <style>
-                            body {
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                            }
+      testDiv = await styledFixture(html`
+                <div id="top">
+                    <style>
+                        body {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                        }
 
-                            #top {
-                                margin: 100px;
-                            }
+                        #top {
+                            margin: 100px;
+                        }
 
-                            sp-button {
-                                flex: none;
-                            }
+                        sp-button {
+                            flex: none;
+                        }
 
-                            #overlay-content {
-                                display: none;
-                            }
-                        </style>
-                        <sp-button id="first-button" variant="primary">
-                            Show Popover
-                        </sp-button>
-                        <div id="overlay-content">
-                            <sp-popover
-                                id="outer-popover"
-                                direction="bottom"
-                                tip
-                            >
-                                <sp-dialog no-divider>
-                                    <div class="options-popover-content">
-                                        A popover message
-                                    </div>
-                                    <sp-button id="outer-focus-target">
-                                        Test 1
-                                    </sp-button>
-                                    <sp-button>Test 2</sp-button>
-                                    <sp-button>Test 3</sp-button>
-                                </sp-dialog>
-                            </sp-popover>
-                            <sp-tooltip id="hover-1" class="hover-content">
-                                Hover message
-                            </sp-tooltip>
-                            <sp-tooltip id="hover-2" class="hover-content">
-                                Other hover message
-                            </sp-tooltip>
-                        </div>
+                        #overlay-content {
+                            display: none;
+                        }
+                    </style>
+                    <sp-button id="first-button" variant="primary">
+                        Show Popover
+                    </sp-button>
+                    <div id="overlay-content">
+                        <sp-popover id="outer-popover" direction="bottom" tip>
+                            <sp-dialog no-divider>
+                                <div class="options-popover-content">
+                                    A popover message
+                                </div>
+                                <sp-button id="outer-focus-target">
+                                    Test 1
+                                </sp-button>
+                                <sp-button>Test 2</sp-button>
+                                <sp-button>Test 3</sp-button>
+                            </sp-dialog>
+                        </sp-popover>
+                        <sp-tooltip id="hover-1" class="hover-content">
+                            Hover message
+                        </sp-tooltip>
+                        <sp-tooltip id="hover-2" class="hover-content">
+                            Other hover message
+                        </sp-tooltip>
                     </div>
-                `
-      );
+                </div>
+            `);
       await elementUpdated(testDiv);
     });
     afterEach(() => {
@@ -395,11 +389,9 @@ describe("Overlays, v1", () => {
   });
   it("opens detached content", async () => {
     const textContent = "This is a detached element that has been overlaid";
-    const el = await fixture(
-      html`
-                <button>Trigger</button>
-            `
-    );
+    const el = await fixture(html`
+            <button>Trigger</button>
+        `);
     const content = document.createElement("sp-popover");
     content.textContent = textContent;
     const opened = oneEvent(content, "sp-opened");

package/test/overlay-v1.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-v1.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/button/sp-button.js';\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport { Dialog } from '@spectrum-web-components/dialog';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Popover } from '@spectrum-web-components/popover';\nimport { setViewport } from '@web/test-runner-commands';\nimport {\n    Overlay,\n    OverlayTrigger,\n    Placement,\n} from '@spectrum-web-components/overlay';\n\nimport {\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    oneEvent,\n} from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport {\n    definedOverlayElement,\n    virtualElementV1,\n} from '../stories/overlay.stories';\nimport { PopoverContent } from '../stories/overlay-story-components.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport '@spectrum-web-components/theme/src/themes.js';\nimport { Theme } from '@spectrum-web-components/theme';\nimport { render, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    fixture,\n    isInteractive,\n    isOnTopLayer,\n} from '../../../test/testing-helpers.js';\nimport { Menu } from '@spectrum-web-components/menu';\n\nasync function styledFixture<T extends Element>(\n    story: TemplateResult\n): Promise<T> {\n    const test = await fixture<Theme>(html`\n        <sp-theme theme=\"spectrum\" scale=\"medium\" color=\"dark\">\n            ${story}\n        </sp-theme>\n    `);\n    return test.children[0] as T;\n}\n\ndescribe('Overlays, v1', () => {\n    let testDiv!: HTMLDivElement;\n    let openOverlays: (() => void)[] = [];\n\n    describe('shared fixture', () => {\n        beforeEach(async () => {\n            testDiv = await styledFixture<HTMLDivElement>(\n                html`\n                    <div id=\"top\">\n                        <style>\n                            body {\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                            }\n\n                            #top {\n                                margin: 100px;\n                            }\n\n                            sp-button {\n                                flex: none;\n                            }\n\n                            #overlay-content {\n                                display: none;\n                            }\n                        </style>\n                        <sp-button id=\"first-button\" variant=\"primary\">\n                            Show Popover\n                        </sp-button>\n                        <div id=\"overlay-content\">\n                            <sp-popover\n                                id=\"outer-popover\"\n                                direction=\"bottom\"\n                                tip\n                            >\n                                <sp-dialog no-divider>\n                                    <div class=\"options-popover-content\">\n                                        A popover message\n                                    </div>\n                                    <sp-button id=\"outer-focus-target\">\n                                        Test 1\n                                    </sp-button>\n                                    <sp-button>Test 2</sp-button>\n                                    <sp-button>Test 3</sp-button>\n                                </sp-dialog>\n                            </sp-popover>\n                            <sp-tooltip id=\"hover-1\" class=\"hover-content\">\n                                Hover message\n                            </sp-tooltip>\n                            <sp-tooltip id=\"hover-2\" class=\"hover-content\">\n                                Other hover message\n                            </sp-tooltip>\n                        </div>\n                    </div>\n                `\n            );\n            await elementUpdated(testDiv);\n        });\n\n        afterEach(() => {\n            openOverlays.map((close) => close());\n            openOverlays = [];\n        });\n\n        [\n            'bottom',\n            'bottom-start',\n            'bottom-end',\n            'top',\n            'top-start',\n            'top-end',\n            'left',\n            'left-start',\n            'left-end',\n            'right',\n            'right-start',\n            'right-end',\n            'none',\n        ].map((direction) => {\n            const placement = direction as Placement;\n            it(`opens a popover - ${placement}`, async () => {\n                const button = testDiv.querySelector(\n                    '#first-button'\n                ) as HTMLElement;\n                const outerPopover = testDiv.querySelector(\n                    '#outer-popover'\n                ) as Popover;\n\n                expect(await isInteractive(outerPopover)).to.be.false;\n                expect(button).to.exist;\n\n                const opened = oneEvent(outerPopover, 'sp-opened');\n                openOverlays.push(\n                    await Overlay.open(button, 'click', outerPopover, {\n                        delayed: false,\n                        placement,\n                        offset: 10,\n                    })\n                );\n                await opened;\n                expect(await isInteractive(outerPopover)).to.be.true;\n            });\n        });\n\n        it(`opens a modal dialog`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'modal', outerPopover, {\n                    delayed: false,\n                })\n            );\n            await opened;\n\n            const firstFocused = outerPopover.querySelector(\n                '#outer-focus-target'\n            ) as HTMLElement;\n            expect(document.activeElement === firstFocused).to.be.true;\n\n            /**\n             * Tab cycle is awkward in the headless browser, forward tab to just before the known end of the page\n             * and the backward tab past the known beginning of the page. Test that you never focused the button\n             * that triggered the dialog and is outside of the modal. A test that was able to cycle would be better.\n             */\n\n            await sendKeys({\n                press: 'Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n            await sendKeys({\n                press: 'Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n        });\n\n        it(`updates a popover`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'click', outerPopover, {\n                    delayed: false,\n                    offset: 10,\n                })\n            );\n            await opened;\n\n            expect(await isInteractive(outerPopover)).to.be.true;\n\n            Overlay.update();\n\n            expect(await isInteractive(outerPopover)).to.be.true;\n        });\n\n        it(`opens a popover w/ delay`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            const start = performance.now();\n            openOverlays.push(\n                await Overlay.open(button, 'click', outerPopover, {\n                    delayed: true,\n                    offset: 10,\n                })\n            );\n            await opened;\n            const end = performance.now();\n            expect(await isInteractive(outerPopover)).to.be.true;\n            expect(end - start).to.be.greaterThan(1000);\n        });\n\n        it('opens hover overlay', async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const hoverOverlay = testDiv.querySelector(\n                '#hover-1'\n            ) as HTMLElement;\n            const clickOverlay = testDiv.querySelector(\n                '#outer-popover'\n            ) as HTMLElement;\n\n            expect(await isOnTopLayer(hoverOverlay)).to.be.false;\n            expect(await isOnTopLayer(clickOverlay)).to.be.false;\n\n            let opened = oneEvent(hoverOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'hover', hoverOverlay, {\n                    delayed: false,\n                    placement: 'top',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(hoverOverlay)).to.be.true;\n\n            opened = oneEvent(clickOverlay, 'sp-opened');\n            const closed = oneEvent(hoverOverlay, 'sp-closed');\n            // Opening click overlay should close the hover overlay\n            openOverlays.push(\n                await Overlay.open(button, 'click', clickOverlay, {\n                    delayed: false,\n                    placement: 'bottom',\n                    offset: 10,\n                })\n            );\n            await opened;\n            await closed;\n            expect(\n                await isInteractive(clickOverlay),\n                'click overlay not interactive'\n            ).to.be.true;\n            expect(\n                await isOnTopLayer(hoverOverlay),\n                'hover overlay interactive'\n            ).to.be.false;\n        });\n\n        it('opens custom overlay', async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const customOverlay = testDiv.querySelector(\n                '#hover-1'\n            ) as HTMLElement;\n            const clickOverlay = testDiv.querySelector(\n                '#outer-popover'\n            ) as HTMLElement;\n\n            expect(button).to.exist;\n            expect(customOverlay).to.exist;\n\n            expect(await isOnTopLayer(customOverlay)).to.be.false;\n            expect(await isOnTopLayer(clickOverlay)).to.be.false;\n\n            let opened = oneEvent(customOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'custom', customOverlay, {\n                    delayed: false,\n                    placement: 'top',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(customOverlay)).to.be.true;\n\n            opened = oneEvent(clickOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'click', clickOverlay, {\n                    delayed: false,\n                    placement: 'bottom',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(clickOverlay), 'click content open').to.be\n                .true;\n        });\n    });\n\n    it('closes via events', async function () {\n        this.retries(0);\n        const test = await fixture<HTMLDivElement>(html`\n            <div>\n                <sp-popover id=\"root\">\n                    <sp-dialog dismissable>\n                        Some Content for the Dialog.\n                    </sp-dialog>\n                </sp-popover>\n            </div>\n        `);\n\n        const el = test.querySelector('sp-popover') as Popover;\n        const dialog = el.querySelector('sp-dialog') as Dialog;\n\n        const opened = oneEvent(el, 'sp-opened');\n        openOverlays.push(\n            await Overlay.open(test, 'click', el, {\n                delayed: false,\n                placement: 'bottom',\n                offset: 10,\n            })\n        );\n        await opened;\n        expect(await isOnTopLayer(el)).to.be.true;\n\n        const closed = oneEvent(el, 'sp-closed');\n        dialog.close();\n        await closed;\n        expect(await isOnTopLayer(el)).to.be.false;\n    });\n\n    it('closes an inline overlay when tabbing past the content', async () => {\n        const el = await fixture<HTMLDivElement>(html`\n            <div>\n                <sp-button class=\"trigger\">Trigger</sp-button>\n                <sp-popover class=\"content\">\n                    <input />\n                </sp-popover>\n                <input value=\"After\" id=\"after\" />\n            </div>\n        `);\n\n        const trigger = el.querySelector('.trigger') as HTMLElement;\n        const content = el.querySelector('.content') as HTMLElement;\n        const input = el.querySelector('input') as HTMLInputElement;\n        const after = el.querySelector('#after') as HTMLAnchorElement;\n\n        const opened = oneEvent(content, 'sp-opened');\n        openOverlays.push(\n            await Overlay.open(trigger, 'inline', content, {\n                receivesFocus: 'auto',\n            })\n        );\n        await opened;\n\n        expect(await isInteractive(content)).to.be.true;\n        expect(document.activeElement).to.equal(input);\n\n        const closed = oneEvent(content, 'sp-closed');\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n        await closed;\n\n        expect(document.activeElement).to.equal(trigger);\n\n        await sendKeys({\n            press: 'Tab',\n        });\n        expect(document.activeElement).to.equal(after);\n        expect(await isInteractive(content)).to.be.false;\n    });\n\n    it('closes an inline overlay when tabbing before the trigger', async () => {\n        const el = await fixture<HTMLDivElement>(html`\n            <div>\n                <input value=\"Before\" id=\"before\" />\n                <sp-button class=\"trigger\">Trigger</sp-button>\n                <div class=\"content\">\n                    <label>\n                        Content in an inline overlay.\n                        <input />\n                    </label>\n                </div>\n            </div>\n        `);\n\n        const trigger = el.querySelector('.trigger') as HTMLElement;\n        const content = el.querySelector('.content') as HTMLElement;\n        const input = el.querySelector('.content input') as HTMLInputElement;\n        const before = el.querySelector('#before') as HTMLAnchorElement;\n\n        const open = oneEvent(trigger, 'sp-opened');\n        openOverlays.push(await Overlay.open(trigger, 'inline', content, {}));\n        await open;\n\n        expect(document.activeElement).to.equal(input);\n\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n\n        expect(document.activeElement).to.equal(trigger);\n\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n\n        expect(document.activeElement).to.equal(before);\n    });\n\n    it('opens detached content', async () => {\n        const textContent = 'This is a detached element that has been overlaid';\n        const el = await fixture<HTMLButtonElement>(\n            html`\n                <button>Trigger</button>\n            `\n        );\n\n        const content = document.createElement('sp-popover');\n        content.textContent = textContent;\n\n        const opened = oneEvent(content, 'sp-opened');\n        const closeOverlay = await Overlay.open(el, 'click', content, {\n            placement: 'bottom',\n        });\n        await opened;\n\n        expect(await isInteractive(content)).to.be.true;\n\n        const closed = oneEvent(content, 'sp-closed');\n        closeOverlay();\n        await closed;\n\n        expect(await isInteractive(content)).to.be.false;\n\n        content.remove();\n    });\n});\ndescribe('Overlay - type=\"modal\", v1', () => {\n    describe('handle multiple separate `contextmenu` events', async () => {\n        let width = 0;\n        let height = 0;\n        let firstMenu: Popover;\n        let firstRect: DOMRect;\n        let secondMenu: Popover;\n        let secondRect: DOMRect;\n        before(async () => {\n            render(\n                html`\n                    <sp-theme color=\"light\" scale=\"large\">\n                        ${virtualElementV1({\n                            ...virtualElementV1.args,\n                            offset: 6,\n                        })}\n                    </sp-theme>\n                `,\n                document.body\n            );\n\n            width = window.innerWidth;\n            height = window.innerHeight;\n        });\n        after(() => {\n            document.querySelector('sp-theme')?.remove();\n        });\n        it('opens the first \"contextmenu\" overlay', async () => {\n            const opened = oneEvent(document, 'sp-opened');\n            // Right click to open \"context menu\" overlay.\n            await sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [width / 2 + 50, height / 2],\n                    },\n                    {\n                        type: 'click',\n                        options: {\n                            button: 'right',\n                        },\n                        position: [width / 2 + 50, height / 2],\n                    },\n                ],\n            });\n            await opened;\n            firstMenu = document.querySelector('sp-popover') as Popover;\n            expect(firstMenu.textContent).to.include('Menu source: end');\n            firstRect = firstMenu.getBoundingClientRect();\n            expect(firstMenu).to.not.be.null;\n        });\n        it('closes the first \"contextmenu\" when opening a second', async () => {\n            const closed = oneEvent(document, 'sp-closed');\n            const opened = oneEvent(document, 'sp-opened');\n            /**\n             * Right click out of the \"context menu\" overlay to both close\n             * the first overlay and have the event passed to the surfacing page\n             * in order to open a subsequent \"context menu\" overlay.\n             *\n             * Using `sendMouse` here triggers the light dismiss for some reason while\n             * manual interacting in this way does not...\n             */\n            const trigger = document.querySelector(\n                'start-end-contextmenu'\n            ) as HTMLElement;\n            trigger.shadowRoot?.querySelector('#start')?.dispatchEvent(\n                new Event('contextmenu', {\n                    composed: true,\n                })\n            );\n            await nextFrame();\n            trigger.shadowRoot?.querySelector('#start')?.dispatchEvent(\n                new Event('pointerup', {\n                    composed: true,\n                    bubbles: true,\n                })\n            );\n            await closed;\n            await opened;\n            secondMenu = document.querySelector('sp-popover') as Popover;\n            expect(secondMenu.textContent).to.include('Menu source: start');\n            secondRect = secondMenu.getBoundingClientRect();\n            expect(secondMenu).to.not.be.null;\n        });\n        it('closes the second \"contextmenu\" when clicking away', async () => {\n            const closed = oneEvent(document, 'sp-closed');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'click',\n                        position: [width - width / 8, height - height / 8],\n                    },\n                ],\n            });\n            await closed;\n            expect(firstRect.top).to.not.equal(secondRect.top);\n            expect(firstRect.left).to.not.equal(secondRect.left);\n        });\n    });\n\n    it('does not open content off of the viewport', async () => {\n        before(async () => {\n            await setViewport({ width: 360, height: 640 });\n            // Allow viewport update to propagate.\n            await nextFrame();\n        });\n        after(async () => {\n            await setViewport({ width: 800, height: 600 });\n            // Allow viewport update to propagate.\n            await nextFrame();\n        });\n\n        await fixture<HTMLDivElement>(html`\n            ${virtualElementV1({\n                ...virtualElementV1.args,\n                offset: 6,\n            })}\n        `);\n\n        const opened = oneEvent(document, 'sp-opened');\n        // Right click to open \"context menu\" overlay.\n        sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [270, 10],\n                },\n                {\n                    type: 'click',\n                    options: {\n                        button: 'right',\n                    },\n                    position: [270, 10],\n                },\n            ],\n        });\n        await opened;\n\n        const firstMenu = document.querySelector('sp-menu') as Menu;\n        expect(firstMenu).to.not.be.null;\n        expect(await isInteractive(firstMenu)).to.be.true;\n\n        const closed = oneEvent(document, 'sp-closed');\n        sendKeys({\n            press: 'Escape',\n        });\n        await closed;\n\n        expect(await isInteractive(firstMenu)).to.be.false;\n    });\n\n    it('opens children in the modal stack through shadow roots', async () => {\n        const el = await fixture<OverlayTrigger>(definedOverlayElement());\n        const trigger = el.querySelector(\n            '[slot=\"trigger\"]'\n        ) as HTMLButtonElement;\n        let open = oneEvent(el, 'sp-opened');\n        trigger.click();\n        await open;\n        expect(el.open).to.equal('click');\n        const content = document.querySelector(\n            'popover-content'\n        ) as PopoverContent;\n        open = oneEvent(content, 'sp-opened');\n        content.button.click();\n        await open;\n        expect(content.trigger.open).to.equal('click');\n        let close = oneEvent(content, 'sp-closed');\n        content.trigger.removeAttribute('open');\n        await close;\n        expect(content.trigger.open).to.be.null;\n        close = oneEvent(el, 'sp-closed');\n        el.removeAttribute('open');\n        await close;\n        expect(el.open).to.be.null;\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/button/sp-button.js';\nimport '@spectrum-web-components/dialog/sp-dialog.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport { Dialog } from '@spectrum-web-components/dialog';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Popover } from '@spectrum-web-components/popover';\nimport { setViewport } from '@web/test-runner-commands';\nimport {\n    Overlay,\n    OverlayTrigger,\n    Placement,\n} from '@spectrum-web-components/overlay';\n\nimport {\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    oneEvent,\n} from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport {\n    definedOverlayElement,\n    virtualElementV1,\n} from '../stories/overlay.stories';\nimport { PopoverContent } from '../stories/overlay-story-components.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport '@spectrum-web-components/theme/src/themes.js';\nimport { Theme } from '@spectrum-web-components/theme';\nimport { render, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    fixture,\n    isInteractive,\n    isOnTopLayer,\n} from '../../../test/testing-helpers.js';\nimport { Menu } from '@spectrum-web-components/menu';\n\nasync function styledFixture<T extends Element>(\n    story: TemplateResult\n): Promise<T> {\n    const test = await fixture<Theme>(html`\n        <sp-theme theme=\"spectrum\" scale=\"medium\" color=\"dark\">\n            ${story}\n        </sp-theme>\n    `);\n    return test.children[0] as T;\n}\n\ndescribe('Overlays, v1', () => {\n    let testDiv!: HTMLDivElement;\n    let openOverlays: (() => void)[] = [];\n\n    describe('shared fixture', () => {\n        beforeEach(async () => {\n            testDiv = await styledFixture<HTMLDivElement>(html`\n                <div id=\"top\">\n                    <style>\n                        body {\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                        }\n\n                        #top {\n                            margin: 100px;\n                        }\n\n                        sp-button {\n                            flex: none;\n                        }\n\n                        #overlay-content {\n                            display: none;\n                        }\n                    </style>\n                    <sp-button id=\"first-button\" variant=\"primary\">\n                        Show Popover\n                    </sp-button>\n                    <div id=\"overlay-content\">\n                        <sp-popover id=\"outer-popover\" direction=\"bottom\" tip>\n                            <sp-dialog no-divider>\n                                <div class=\"options-popover-content\">\n                                    A popover message\n                                </div>\n                                <sp-button id=\"outer-focus-target\">\n                                    Test 1\n                                </sp-button>\n                                <sp-button>Test 2</sp-button>\n                                <sp-button>Test 3</sp-button>\n                            </sp-dialog>\n                        </sp-popover>\n                        <sp-tooltip id=\"hover-1\" class=\"hover-content\">\n                            Hover message\n                        </sp-tooltip>\n                        <sp-tooltip id=\"hover-2\" class=\"hover-content\">\n                            Other hover message\n                        </sp-tooltip>\n                    </div>\n                </div>\n            `);\n            await elementUpdated(testDiv);\n        });\n\n        afterEach(() => {\n            openOverlays.map((close) => close());\n            openOverlays = [];\n        });\n\n        [\n            'bottom',\n            'bottom-start',\n            'bottom-end',\n            'top',\n            'top-start',\n            'top-end',\n            'left',\n            'left-start',\n            'left-end',\n            'right',\n            'right-start',\n            'right-end',\n            'none',\n        ].map((direction) => {\n            const placement = direction as Placement;\n            it(`opens a popover - ${placement}`, async () => {\n                const button = testDiv.querySelector(\n                    '#first-button'\n                ) as HTMLElement;\n                const outerPopover = testDiv.querySelector(\n                    '#outer-popover'\n                ) as Popover;\n\n                expect(await isInteractive(outerPopover)).to.be.false;\n                expect(button).to.exist;\n\n                const opened = oneEvent(outerPopover, 'sp-opened');\n                openOverlays.push(\n                    await Overlay.open(button, 'click', outerPopover, {\n                        delayed: false,\n                        placement,\n                        offset: 10,\n                    })\n                );\n                await opened;\n                expect(await isInteractive(outerPopover)).to.be.true;\n            });\n        });\n\n        it(`opens a modal dialog`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'modal', outerPopover, {\n                    delayed: false,\n                })\n            );\n            await opened;\n\n            const firstFocused = outerPopover.querySelector(\n                '#outer-focus-target'\n            ) as HTMLElement;\n            expect(document.activeElement === firstFocused).to.be.true;\n\n            /**\n             * Tab cycle is awkward in the headless browser, forward tab to just before the known end of the page\n             * and the backward tab past the known beginning of the page. Test that you never focused the button\n             * that triggered the dialog and is outside of the modal. A test that was able to cycle would be better.\n             */\n\n            await sendKeys({\n                press: 'Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n            await sendKeys({\n                press: 'Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n\n            await sendKeys({\n                press: 'Shift+Tab',\n            });\n\n            expect(document.activeElement === button).to.be.false;\n        });\n\n        it(`updates a popover`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'click', outerPopover, {\n                    delayed: false,\n                    offset: 10,\n                })\n            );\n            await opened;\n\n            expect(await isInteractive(outerPopover)).to.be.true;\n\n            Overlay.update();\n\n            expect(await isInteractive(outerPopover)).to.be.true;\n        });\n\n        it(`opens a popover w/ delay`, async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const outerPopover = testDiv.querySelector(\n                '#outer-popover'\n            ) as Popover;\n\n            expect(await isInteractive(outerPopover)).to.be.false;\n            expect(button).to.exist;\n\n            const opened = oneEvent(outerPopover, 'sp-opened');\n            const start = performance.now();\n            openOverlays.push(\n                await Overlay.open(button, 'click', outerPopover, {\n                    delayed: true,\n                    offset: 10,\n                })\n            );\n            await opened;\n            const end = performance.now();\n            expect(await isInteractive(outerPopover)).to.be.true;\n            expect(end - start).to.be.greaterThan(1000);\n        });\n\n        it('opens hover overlay', async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const hoverOverlay = testDiv.querySelector(\n                '#hover-1'\n            ) as HTMLElement;\n            const clickOverlay = testDiv.querySelector(\n                '#outer-popover'\n            ) as HTMLElement;\n\n            expect(await isOnTopLayer(hoverOverlay)).to.be.false;\n            expect(await isOnTopLayer(clickOverlay)).to.be.false;\n\n            let opened = oneEvent(hoverOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'hover', hoverOverlay, {\n                    delayed: false,\n                    placement: 'top',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(hoverOverlay)).to.be.true;\n\n            opened = oneEvent(clickOverlay, 'sp-opened');\n            const closed = oneEvent(hoverOverlay, 'sp-closed');\n            // Opening click overlay should close the hover overlay\n            openOverlays.push(\n                await Overlay.open(button, 'click', clickOverlay, {\n                    delayed: false,\n                    placement: 'bottom',\n                    offset: 10,\n                })\n            );\n            await opened;\n            await closed;\n            expect(\n                await isInteractive(clickOverlay),\n                'click overlay not interactive'\n            ).to.be.true;\n            expect(\n                await isOnTopLayer(hoverOverlay),\n                'hover overlay interactive'\n            ).to.be.false;\n        });\n\n        it('opens custom overlay', async () => {\n            const button = testDiv.querySelector(\n                '#first-button'\n            ) as HTMLElement;\n            const customOverlay = testDiv.querySelector(\n                '#hover-1'\n            ) as HTMLElement;\n            const clickOverlay = testDiv.querySelector(\n                '#outer-popover'\n            ) as HTMLElement;\n\n            expect(button).to.exist;\n            expect(customOverlay).to.exist;\n\n            expect(await isOnTopLayer(customOverlay)).to.be.false;\n            expect(await isOnTopLayer(clickOverlay)).to.be.false;\n\n            let opened = oneEvent(customOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'custom', customOverlay, {\n                    delayed: false,\n                    placement: 'top',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(customOverlay)).to.be.true;\n\n            opened = oneEvent(clickOverlay, 'sp-opened');\n            openOverlays.push(\n                await Overlay.open(button, 'click', clickOverlay, {\n                    delayed: false,\n                    placement: 'bottom',\n                    offset: 10,\n                })\n            );\n            await opened;\n            expect(await isOnTopLayer(clickOverlay), 'click content open').to.be\n                .true;\n        });\n    });\n\n    it('closes via events', async function () {\n        this.retries(0);\n        const test = await fixture<HTMLDivElement>(html`\n            <div>\n                <sp-popover id=\"root\">\n                    <sp-dialog dismissable>\n                        Some Content for the Dialog.\n                    </sp-dialog>\n                </sp-popover>\n            </div>\n        `);\n\n        const el = test.querySelector('sp-popover') as Popover;\n        const dialog = el.querySelector('sp-dialog') as Dialog;\n\n        const opened = oneEvent(el, 'sp-opened');\n        openOverlays.push(\n            await Overlay.open(test, 'click', el, {\n                delayed: false,\n                placement: 'bottom',\n                offset: 10,\n            })\n        );\n        await opened;\n        expect(await isOnTopLayer(el)).to.be.true;\n\n        const closed = oneEvent(el, 'sp-closed');\n        dialog.close();\n        await closed;\n        expect(await isOnTopLayer(el)).to.be.false;\n    });\n\n    it('closes an inline overlay when tabbing past the content', async () => {\n        const el = await fixture<HTMLDivElement>(html`\n            <div>\n                <sp-button class=\"trigger\">Trigger</sp-button>\n                <sp-popover class=\"content\">\n                    <input />\n                </sp-popover>\n                <input value=\"After\" id=\"after\" />\n            </div>\n        `);\n\n        const trigger = el.querySelector('.trigger') as HTMLElement;\n        const content = el.querySelector('.content') as HTMLElement;\n        const input = el.querySelector('input') as HTMLInputElement;\n        const after = el.querySelector('#after') as HTMLAnchorElement;\n\n        const opened = oneEvent(content, 'sp-opened');\n        openOverlays.push(\n            await Overlay.open(trigger, 'inline', content, {\n                receivesFocus: 'auto',\n            })\n        );\n        await opened;\n\n        expect(await isInteractive(content)).to.be.true;\n        expect(document.activeElement).to.equal(input);\n\n        const closed = oneEvent(content, 'sp-closed');\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n        await closed;\n\n        expect(document.activeElement).to.equal(trigger);\n\n        await sendKeys({\n            press: 'Tab',\n        });\n        expect(document.activeElement).to.equal(after);\n        expect(await isInteractive(content)).to.be.false;\n    });\n\n    it('closes an inline overlay when tabbing before the trigger', async () => {\n        const el = await fixture<HTMLDivElement>(html`\n            <div>\n                <input value=\"Before\" id=\"before\" />\n                <sp-button class=\"trigger\">Trigger</sp-button>\n                <div class=\"content\">\n                    <label>\n                        Content in an inline overlay.\n                        <input />\n                    </label>\n                </div>\n            </div>\n        `);\n\n        const trigger = el.querySelector('.trigger') as HTMLElement;\n        const content = el.querySelector('.content') as HTMLElement;\n        const input = el.querySelector('.content input') as HTMLInputElement;\n        const before = el.querySelector('#before') as HTMLAnchorElement;\n\n        const open = oneEvent(trigger, 'sp-opened');\n        openOverlays.push(await Overlay.open(trigger, 'inline', content, {}));\n        await open;\n\n        expect(document.activeElement).to.equal(input);\n\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n\n        expect(document.activeElement).to.equal(trigger);\n\n        await sendKeys({\n            press: 'Shift+Tab',\n        });\n\n        expect(document.activeElement).to.equal(before);\n    });\n\n    it('opens detached content', async () => {\n        const textContent = 'This is a detached element that has been overlaid';\n        const el = await fixture<HTMLButtonElement>(html`\n            <button>Trigger</button>\n        `);\n\n        const content = document.createElement('sp-popover');\n        content.textContent = textContent;\n\n        const opened = oneEvent(content, 'sp-opened');\n        const closeOverlay = await Overlay.open(el, 'click', content, {\n            placement: 'bottom',\n        });\n        await opened;\n\n        expect(await isInteractive(content)).to.be.true;\n\n        const closed = oneEvent(content, 'sp-closed');\n        closeOverlay();\n        await closed;\n\n        expect(await isInteractive(content)).to.be.false;\n\n        content.remove();\n    });\n});\ndescribe('Overlay - type=\"modal\", v1', () => {\n    describe('handle multiple separate `contextmenu` events', async () => {\n        let width = 0;\n        let height = 0;\n        let firstMenu: Popover;\n        let firstRect: DOMRect;\n        let secondMenu: Popover;\n        let secondRect: DOMRect;\n        before(async () => {\n            render(\n                html`\n                    <sp-theme color=\"light\" scale=\"large\">\n                        ${virtualElementV1({\n                            ...virtualElementV1.args,\n                            offset: 6,\n                        })}\n                    </sp-theme>\n                `,\n                document.body\n            );\n\n            width = window.innerWidth;\n            height = window.innerHeight;\n        });\n        after(() => {\n            document.querySelector('sp-theme')?.remove();\n        });\n        it('opens the first \"contextmenu\" overlay', async () => {\n            const opened = oneEvent(document, 'sp-opened');\n            // Right click to open \"context menu\" overlay.\n            await sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [width / 2 + 50, height / 2],\n                    },\n                    {\n                        type: 'click',\n                        options: {\n                            button: 'right',\n                        },\n                        position: [width / 2 + 50, height / 2],\n                    },\n                ],\n            });\n            await opened;\n            firstMenu = document.querySelector('sp-popover') as Popover;\n            expect(firstMenu.textContent).to.include('Menu source: end');\n            firstRect = firstMenu.getBoundingClientRect();\n            expect(firstMenu).to.not.be.null;\n        });\n        it('closes the first \"contextmenu\" when opening a second', async () => {\n            const closed = oneEvent(document, 'sp-closed');\n            const opened = oneEvent(document, 'sp-opened');\n            /**\n             * Right click out of the \"context menu\" overlay to both close\n             * the first overlay and have the event passed to the surfacing page\n             * in order to open a subsequent \"context menu\" overlay.\n             *\n             * Using `sendMouse` here triggers the light dismiss for some reason while\n             * manual interacting in this way does not...\n             */\n            const trigger = document.querySelector(\n                'start-end-contextmenu'\n            ) as HTMLElement;\n            trigger.shadowRoot?.querySelector('#start')?.dispatchEvent(\n                new Event('contextmenu', {\n                    composed: true,\n                })\n            );\n            await nextFrame();\n            trigger.shadowRoot?.querySelector('#start')?.dispatchEvent(\n                new Event('pointerup', {\n                    composed: true,\n                    bubbles: true,\n                })\n            );\n            await closed;\n            await opened;\n            secondMenu = document.querySelector('sp-popover') as Popover;\n            expect(secondMenu.textContent).to.include('Menu source: start');\n            secondRect = secondMenu.getBoundingClientRect();\n            expect(secondMenu).to.not.be.null;\n        });\n        it('closes the second \"contextmenu\" when clicking away', async () => {\n            const closed = oneEvent(document, 'sp-closed');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'click',\n                        position: [width - width / 8, height - height / 8],\n                    },\n                ],\n            });\n            await closed;\n            expect(firstRect.top).to.not.equal(secondRect.top);\n            expect(firstRect.left).to.not.equal(secondRect.left);\n        });\n    });\n\n    it('does not open content off of the viewport', async () => {\n        before(async () => {\n            await setViewport({ width: 360, height: 640 });\n            // Allow viewport update to propagate.\n            await nextFrame();\n        });\n        after(async () => {\n            await setViewport({ width: 800, height: 600 });\n            // Allow viewport update to propagate.\n            await nextFrame();\n        });\n\n        await fixture<HTMLDivElement>(html`\n            ${virtualElementV1({\n                ...virtualElementV1.args,\n                offset: 6,\n            })}\n        `);\n\n        const opened = oneEvent(document, 'sp-opened');\n        // Right click to open \"context menu\" overlay.\n        sendMouse({\n            steps: [\n                {\n                    type: 'move',\n                    position: [270, 10],\n                },\n                {\n                    type: 'click',\n                    options: {\n                        button: 'right',\n                    },\n                    position: [270, 10],\n                },\n            ],\n        });\n        await opened;\n\n        const firstMenu = document.querySelector('sp-menu') as Menu;\n        expect(firstMenu).to.not.be.null;\n        expect(await isInteractive(firstMenu)).to.be.true;\n\n        const closed = oneEvent(document, 'sp-closed');\n        sendKeys({\n            press: 'Escape',\n        });\n        await closed;\n\n        expect(await isInteractive(firstMenu)).to.be.false;\n    });\n\n    it('opens children in the modal stack through shadow roots', async () => {\n        const el = await fixture<OverlayTrigger>(definedOverlayElement());\n        const trigger = el.querySelector(\n            '[slot=\"trigger\"]'\n        ) as HTMLButtonElement;\n        let open = oneEvent(el, 'sp-opened');\n        trigger.click();\n        await open;\n        expect(el.open).to.equal('click');\n        const content = document.querySelector(\n            'popover-content'\n        ) as PopoverContent;\n        open = oneEvent(content, 'sp-opened');\n        content.button.click();\n        await open;\n        expect(content.trigger.open).to.equal('click');\n        let close = oneEvent(content, 'sp-closed');\n        content.trigger.removeAttribute('open');\n        await close;\n        expect(content.trigger.open).to.be.null;\n        close = oneEvent(el, 'sp-closed');\n        el.removeAttribute('open');\n        await close;\n        expect(el.open).to.be.null;\n    });\n});\n"],
+  "mappings": "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",
   "names": ["after", "before"]
 }