@spectrum-web-components/overlay 0.19.6-overlay.18 → 0.30.1-overlay.30

package/src/overlay-base.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-base.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--swc-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n);position:fixed}dialog{background:none;border:0;box-sizing:border-box;display:flex;margin:0;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);opacity:1!important;overflow:visible;padding:0;position:fixed}:host(:not([open])) dialog{left:0;pointer-events:none;top:0;transform:translate(-999em,-999em)}dialog::backdrop{display:none}dialog>div{width:100%}::slotted(sp-popover){position:static}dialog[actual-placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}dialog[actual-placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}dialog[actual-placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}dialog[actual-placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}@supports selector(:open){dialog{opacity:0}dialog:open{opacity:1}}@supports not selector(:open){:host:not([open]) dialog{pointer-events:none}dialog[actual-placement]{z-index:var(--swc-overlay-z-index)}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--swc-overlay-animation-distance:var(\n--spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)\n)}dialog{background:none;border:0;box-sizing:border-box;display:flex;margin:0;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);opacity:1!important;overflow:visible;padding:0;position:fixed}:host(:not([open])) dialog{left:0;pointer-events:none;top:0;transform:translate(-999em,-999em)}dialog::backdrop{display:none}dialog>div{width:100%}::slotted(sp-popover){position:static}dialog[actual-placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}dialog[actual-placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}dialog[actual-placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}dialog[actual-placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){dialog{opacity:0}dialog:open{opacity:1}}@supports selector(:popover-open){dialog{opacity:0}dialog:popover-open{opacity:1}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) dialog{pointer-events:none}dialog[actual-placement]{z-index:var(--swc-overlay-z-index)}}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA,EAKf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/placement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["placement.ts"],
   "sourcesContent": ["/*\nCopyright 2022 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\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    arrow,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    size,\n} from '@floating-ui/dom';\nimport type { VirtualTrigger } from './VirtualTrigger.js';\nimport { topLayerOverTransforms } from './topLayerOverTransforms.js';\n\ntype OverlayOptions = {\n    abortPromise?: Promise<boolean>;\n    delayed?: boolean;\n    offset?: number | [number, number]; // supporting multi-axis\n    placement: Placement;\n    notImmediatelyClosable?: boolean; // rename or place behind other API options\n    receivesFocus?: 'auto';\n    root?: HTMLElement;\n    trigger: HTMLElement | VirtualTrigger;\n    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';\n};\n\ntype OverlayData = {\n    initialHeight?: number;\n    isConstrained?: boolean;\n    elements?: HTMLElement[];\n    tipElement?: HTMLElement;\n};\n\nfunction roundByDPR(num?: number): number {\n    if (typeof num === 'undefined') return 0;\n    const dpr = window.devicePixelRatio || 1;\n    return Math.round(num * dpr) / dpr || -10000;\n}\n\n// See: https://spectrum.adobe.com/page/popover/#Container-padding\nconst REQUIRED_DISTANCE_TO_EDGE = 8;\n// See: https://github.com/adobe/spectrum-web-components/issues/910\nconst MIN_OVERLAY_HEIGHT = 100;\n\nconst getFallbackPlacements = (placement: Placement): Placement[] => {\n    const fallbacks: Record<Placement, Placement[]> = {\n        left: ['right', 'bottom', 'top'],\n        'left-start': ['right-start', 'bottom', 'top'],\n        'left-end': ['right-end', 'bottom', 'top'],\n        right: ['left', 'bottom', 'top'],\n        'right-start': ['left-start', 'bottom', 'top'],\n        'right-end': ['left-end', 'bottom', 'top'],\n        top: ['bottom', 'left', 'right'],\n        'top-start': ['bottom-start', 'left', 'right'],\n        'top-end': ['bottom-end', 'left', 'right'],\n        bottom: ['top', 'left', 'right'],\n        'bottom-start': ['top-start', 'left', 'right'],\n        'bottom-end': ['top-end', 'left', 'right'],\n    };\n    return fallbacks[placement] ?? [placement];\n};\n\nexport const updateOverlayPosition = async (\n    target: HTMLElement,\n    options: OverlayOptions,\n    overlayData: OverlayData\n): Promise<void> => {\n    await (document.fonts ? document.fonts.ready : Promise.resolve());\n\n    const flipMiddleware = !(options.trigger instanceof HTMLElement)\n        ? flip({\n              padding: REQUIRED_DISTANCE_TO_EDGE,\n              fallbackPlacements: getFallbackPlacements(options.placement),\n          })\n        : flip({\n              padding: REQUIRED_DISTANCE_TO_EDGE,\n          });\n\n    const mainAxis = Array.isArray(options?.offset)\n        ? options?.offset[0]\n        : options?.offset || 0;\n    const crossAxis = Array.isArray(options?.offset)\n        ? options?.offset[1] || 0\n        : 0;\n\n    const middleware = [\n        offset({\n            mainAxis,\n            crossAxis,\n        }),\n        shift({ padding: REQUIRED_DISTANCE_TO_EDGE }),\n        flipMiddleware,\n        size({\n            padding: REQUIRED_DISTANCE_TO_EDGE,\n            apply: ({\n                availableWidth,\n                availableHeight,\n                rects: { floating },\n            }) => {\n                const maxHeight = Math.max(\n                    MIN_OVERLAY_HEIGHT,\n                    Math.floor(availableHeight)\n                );\n                const actualHeight = floating.height;\n                overlayData.initialHeight =\n                    !overlayData.isConstrained /* && !this.virtualTrigger */\n                        ? actualHeight\n                        : overlayData.initialHeight || actualHeight;\n                overlayData.isConstrained =\n                    actualHeight < overlayData.initialHeight ||\n                    maxHeight <= actualHeight;\n                const appliedHeight = overlayData.isConstrained\n                    ? `${maxHeight}px`\n                    : '';\n                Object.assign(target.style, {\n                    maxWidth: `${Math.floor(availableWidth)}px`,\n                    maxHeight: appliedHeight,\n                    height: appliedHeight,\n                });\n            },\n        }),\n        ...(overlayData.tipElement\n            ? [arrow({ element: overlayData.tipElement })]\n            : []),\n        topLayerOverTransforms(),\n    ];\n    const { x, y, placement, middlewareData } = await computePosition(\n        options.trigger,\n        target,\n        {\n            placement: options.placement,\n            middleware,\n            strategy: 'fixed',\n        }\n    );\n\n    Object.assign(target.style, {\n        top: '0px',\n        left: '0px',\n        transform: `translate(${roundByDPR(x)}px, ${roundByDPR(y)}px)`,\n    });\n\n    if (placement !== target.getAttribute('actual-placement')) {\n        target.setAttribute('actual-placement', placement);\n        overlayData.elements?.forEach((element) => {\n            element.setAttribute('placement', placement);\n        });\n    }\n\n    if (overlayData.tipElement && middlewareData.arrow) {\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n        Object.assign(overlayData.tipElement.style, {\n            top:\n                placement.startsWith('right') || placement.startsWith('left')\n                    ? '0px'\n                    : '',\n            left:\n                placement.startsWith('bottom') || placement.startsWith('top')\n                    ? '0px'\n                    : '',\n            transform: `translate(${roundByDPR(arrowX)}px, ${roundByDPR(\n                arrowY\n            )}px)`,\n        });\n    }\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["arrow", "computePosition", "flip", "offset", "shift", "size", "topLayerOverTransforms", "roundByDPR", "num", "dpr", "REQUIRED_DISTANCE_TO_EDGE", "MIN_OVERLAY_HEIGHT", "getFallbackPlacements", "placement", "_a", "target", "options", "overlayData", "flipMiddleware", "mainAxis", "crossAxis", "middleware", "availableWidth", "availableHeight", "floating", "maxHeight", "actualHeight", "appliedHeight", "y", "middlewareData", "element", "arrowX", "arrowY"]
 }

package/src/topLayerOverTransforms.dev.js

@@ -13,6 +13,10 @@ export const topLayerOverTransforms = () => ({
       x: 0,
       y: 0
     };
+    try {
+      onTopLayer = onTopLayer || floating.matches(":popover-open");
+    } catch (e) {
+    }
     try {
       onTopLayer = onTopLayer || floating.matches(":open");
     } catch (e) {

package/src/topLayerOverTransforms.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["topLayerOverTransforms.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 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 type { MiddlewareArguments } from '@floating-ui/dom';\n\nexport const topLayerOverTransforms = () => ({\n    name: 'topLayer',\n    async fn(middlewareArguments: MiddlewareArguments) {\n        const {\n            x,\n            y,\n            elements: { reference, floating },\n        } = middlewareArguments;\n        let onTopLayer = false;\n        let topLayerIsFloating = false;\n        const diffCoords = {\n            x: 0,\n            y: 0,\n        };\n        try {\n            onTopLayer = onTopLayer || floating.matches(':open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':modal');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        topLayerIsFloating = onTopLayer;\n        if (!onTopLayer) {\n            const dialogAncestorQueryEvent = new Event(\n                'floating-ui-dialog-test',\n                { composed: true, bubbles: true }\n            );\n            floating.addEventListener(\n                'floating-ui-dialog-test',\n                (event: Event) => {\n                    (event.composedPath() as unknown as Element[]).forEach(\n                        (el) => {\n                            if (el === floating || el.localName !== 'dialog')\n                                return;\n                            try {\n                                onTopLayer = onTopLayer || el.matches(':modal');\n                                if (onTopLayer) {\n                                    // console.log(el);\n                                }\n                                // eslint-disable-next-line no-empty\n                            } catch (e) {}\n                        }\n                    );\n                },\n                { once: true }\n            );\n            floating.dispatchEvent(dialogAncestorQueryEvent);\n        }\n        let overTransforms = false;\n        const containingBlock = getContainingBlock(reference as Element);\n        if (containingBlock !== null && !isWindow(containingBlock)) {\n            overTransforms = true;\n        }\n\n        if (onTopLayer && overTransforms) {\n            const rect = containingBlock!.getBoundingClientRect();\n            diffCoords.x = rect.x;\n            diffCoords.y = rect.y;\n        }\n\n        if (onTopLayer && topLayerIsFloating) {\n            return {\n                x: x + diffCoords.x,\n                y: y + diffCoords.y,\n                data: diffCoords,\n            };\n        }\n\n        if (onTopLayer) {\n            return {\n                x,\n                y,\n                data: diffCoords,\n            };\n        }\n\n        return {\n            x: x - diffCoords.x,\n            y: y - diffCoords.y,\n            data: diffCoords,\n        };\n    },\n});\n\n/* COPY/PASTE from Floating UI */\n\nfunction getContainingBlock(element: Element) {\n    let currentNode: Node | null = getParentNode(element);\n\n    if (isShadowRoot(currentNode)) {\n        currentNode = currentNode.host;\n    }\n\n    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n        if (isContainingBlock(currentNode)) {\n            return currentNode;\n        } else {\n            const parent = (\n                currentNode.assignedSlot\n                    ? currentNode.assignedSlot\n                    : currentNode.parentNode\n            ) as Node;\n            currentNode = isShadowRoot(parent) ? parent.host : parent;\n        }\n    }\n\n    return null;\n}\n\nexport function isLastTraversableNode(node: Node) {\n    return ['html', 'body', '#document'].includes(getNodeName(node));\n}\n\nfunction isContainingBlock(element: HTMLElement) {\n    // TODO: Try and use feature detection here instead\n    const isFirefox = /firefox/i.test(getUAString());\n    if (element.tagName === 'dialog') {\n        return true;\n    }\n    const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    return (\n        css.transform !== 'none' ||\n        css.perspective !== 'none' || // @ts-ignore (TS 4.1 compat)\n        css.contain === 'paint' ||\n        ['transform', 'perspective'].includes(css.willChange) ||\n        (isFirefox && css.willChange === 'filter') ||\n        (isFirefox && (css.filter ? css.filter !== 'none' : false))\n    );\n}\n\ninterface NavigatorUAData {\n    brands: Array<{ brand: string; version: string }>;\n    mobile: boolean;\n    platform: string;\n}\n\nexport function getUAString(): string {\n    const uaData = (navigator as any).userAgentData as\n        | NavigatorUAData\n        | undefined;\n\n    if (uaData?.brands) {\n        return uaData.brands\n            .map((item) => `${item.brand}/${item.version}`)\n            .join(' ');\n    }\n\n    return navigator.userAgent;\n}\n\nexport function getParentNode(node: Node): Node {\n    if (getNodeName(node) === 'html') {\n        return node;\n    }\n\n    return (\n        // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n        // @ts-ignore\n        node.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n        node.parentNode || // DOM Element detected\n        (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected\n        getDocumentElement(node) // fallback\n    );\n}\n\nexport function getNodeName(node: Node | Window): string {\n    return isWindow(node)\n        ? ''\n        : node\n        ? (node.nodeName || '').toLowerCase()\n        : '';\n}\n\nexport function getDocumentElement(node: Node | Window): HTMLElement {\n    return (\n        (isNode(node) ? node.ownerDocument : node.document) || window.document\n    ).documentElement;\n}\n\nexport function isNode(value: any): value is Node {\n    return value instanceof (getWindow(value) as unknown as { Node: any }).Node;\n}\n\nexport function isWindow(value: any): value is Window {\n    return (\n        value &&\n        value.document &&\n        value.location &&\n        value.alert &&\n        value.setInterval\n    );\n}\n\nexport function getWindow(node: Node | Window): Window {\n    if (node == null) {\n        return window;\n    }\n\n    if (!isWindow(node)) {\n        const ownerDocument = node.ownerDocument;\n        return ownerDocument ? ownerDocument.defaultView || window : window;\n    }\n\n    return node;\n}\n\nexport function isShadowRoot(node: Node): node is ShadowRoot {\n    // Browsers without `ShadowRoot` support\n    if (typeof ShadowRoot === 'undefined') {\n        return false;\n    }\n\n    const OwnElement = (\n        getWindow(node) as unknown as { ShadowRoot: ShadowRoot }\n    ).ShadowRoot;\n    const testNode = node as Node;\n    return (\n        node instanceof (OwnElement as unknown as any) ||\n        testNode instanceof ShadowRoot\n    );\n}\n\nexport function isHTMLElement(value: any): value is HTMLElement {\n    return (\n        value instanceof\n        (getWindow(value) as unknown as { HTMLElement: any }).HTMLElement\n    );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2022 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 type { MiddlewareArguments } from '@floating-ui/dom';\n\nexport const topLayerOverTransforms = () => ({\n    name: 'topLayer',\n    async fn(middlewareArguments: MiddlewareArguments) {\n        const {\n            x,\n            y,\n            elements: { reference, floating },\n        } = middlewareArguments;\n        let onTopLayer = false;\n        let topLayerIsFloating = false;\n        const diffCoords = {\n            x: 0,\n            y: 0,\n        };\n        try {\n            onTopLayer = onTopLayer || floating.matches(':popover-open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':modal');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        topLayerIsFloating = onTopLayer;\n        if (!onTopLayer) {\n            const dialogAncestorQueryEvent = new Event(\n                'floating-ui-dialog-test',\n                { composed: true, bubbles: true }\n            );\n            floating.addEventListener(\n                'floating-ui-dialog-test',\n                (event: Event) => {\n                    (event.composedPath() as unknown as Element[]).forEach(\n                        (el) => {\n                            if (el === floating || el.localName !== 'dialog')\n                                return;\n                            try {\n                                onTopLayer = onTopLayer || el.matches(':modal');\n                                if (onTopLayer) {\n                                    // console.log(el);\n                                }\n                                // eslint-disable-next-line no-empty\n                            } catch (e) {}\n                        }\n                    );\n                },\n                { once: true }\n            );\n            floating.dispatchEvent(dialogAncestorQueryEvent);\n        }\n        let overTransforms = false;\n        const containingBlock = getContainingBlock(reference as Element);\n        if (containingBlock !== null && !isWindow(containingBlock)) {\n            overTransforms = true;\n        }\n\n        if (onTopLayer && overTransforms) {\n            const rect = containingBlock!.getBoundingClientRect();\n            diffCoords.x = rect.x;\n            diffCoords.y = rect.y;\n        }\n\n        if (onTopLayer && topLayerIsFloating) {\n            return {\n                x: x + diffCoords.x,\n                y: y + diffCoords.y,\n                data: diffCoords,\n            };\n        }\n\n        if (onTopLayer) {\n            return {\n                x,\n                y,\n                data: diffCoords,\n            };\n        }\n\n        return {\n            x: x - diffCoords.x,\n            y: y - diffCoords.y,\n            data: diffCoords,\n        };\n    },\n});\n\n/* COPY/PASTE from Floating UI */\n\nfunction getContainingBlock(element: Element) {\n    let currentNode: Node | null = getParentNode(element);\n\n    if (isShadowRoot(currentNode)) {\n        currentNode = currentNode.host;\n    }\n\n    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n        if (isContainingBlock(currentNode)) {\n            return currentNode;\n        } else {\n            const parent = (\n                currentNode.assignedSlot\n                    ? currentNode.assignedSlot\n                    : currentNode.parentNode\n            ) as Node;\n            currentNode = isShadowRoot(parent) ? parent.host : parent;\n        }\n    }\n\n    return null;\n}\n\nexport function isLastTraversableNode(node: Node) {\n    return ['html', 'body', '#document'].includes(getNodeName(node));\n}\n\nfunction isContainingBlock(element: HTMLElement) {\n    // TODO: Try and use feature detection here instead\n    const isFirefox = /firefox/i.test(getUAString());\n    if (element.tagName === 'dialog') {\n        return true;\n    }\n    const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    return (\n        css.transform !== 'none' ||\n        css.perspective !== 'none' || // @ts-ignore (TS 4.1 compat)\n        css.contain === 'paint' ||\n        ['transform', 'perspective'].includes(css.willChange) ||\n        (isFirefox && css.willChange === 'filter') ||\n        (isFirefox && (css.filter ? css.filter !== 'none' : false))\n    );\n}\n\ninterface NavigatorUAData {\n    brands: Array<{ brand: string; version: string }>;\n    mobile: boolean;\n    platform: string;\n}\n\nexport function getUAString(): string {\n    const uaData = (navigator as any).userAgentData as\n        | NavigatorUAData\n        | undefined;\n\n    if (uaData?.brands) {\n        return uaData.brands\n            .map((item) => `${item.brand}/${item.version}`)\n            .join(' ');\n    }\n\n    return navigator.userAgent;\n}\n\nexport function getParentNode(node: Node): Node {\n    if (getNodeName(node) === 'html') {\n        return node;\n    }\n\n    return (\n        // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n        // @ts-ignore\n        node.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n        node.parentNode || // DOM Element detected\n        (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected\n        getDocumentElement(node) // fallback\n    );\n}\n\nexport function getNodeName(node: Node | Window): string {\n    return isWindow(node)\n        ? ''\n        : node\n        ? (node.nodeName || '').toLowerCase()\n        : '';\n}\n\nexport function getDocumentElement(node: Node | Window): HTMLElement {\n    return (\n        (isNode(node) ? node.ownerDocument : node.document) || window.document\n    ).documentElement;\n}\n\nexport function isNode(value: any): value is Node {\n    return value instanceof (getWindow(value) as unknown as { Node: any }).Node;\n}\n\nexport function isWindow(value: any): value is Window {\n    return (\n        value &&\n        value.document &&\n        value.location &&\n        value.alert &&\n        value.setInterval\n    );\n}\n\nexport function getWindow(node: Node | Window): Window {\n    if (node == null) {\n        return window;\n    }\n\n    if (!isWindow(node)) {\n        const ownerDocument = node.ownerDocument;\n        return ownerDocument ? ownerDocument.defaultView || window : window;\n    }\n\n    return node;\n}\n\nexport function isShadowRoot(node: Node): node is ShadowRoot {\n    // Browsers without `ShadowRoot` support\n    if (typeof ShadowRoot === 'undefined') {\n        return false;\n    }\n\n    const OwnElement = (\n        getWindow(node) as unknown as { ShadowRoot: ShadowRoot }\n    ).ShadowRoot;\n    const testNode = node as Node;\n    return (\n        node instanceof (OwnElement as unknown as any) ||\n        testNode instanceof ShadowRoot\n    );\n}\n\nexport function isHTMLElement(value: any): value is HTMLElement {\n    return (\n        value instanceof\n        (getWindow(value) as unknown as { HTMLElement: any }).HTMLElement\n    );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/topLayerOverTransforms.js

@@ -1,2 +1,2 @@
-"use strict";export const topLayerOverTransforms=()=>({name:"topLayer",async fn(e){const{x:n,y:t,elements:{reference:d,floating:i}}=e;let o=!1,u=!1;const r={x:0,y:0};try{o=o||i.matches(":open")}catch(a){}try{o=o||i.matches(":modal")}catch(a){}if(u=o,!o){const a=new Event("floating-ui-dialog-test",{composed:!0,bubbles:!0});i.addEventListener("floating-ui-dialog-test",f=>{f.composedPath().forEach(l=>{if(!(l===i||l.localName!=="dialog"))try{o=o||l.matches(":modal")}catch(w){}})},{once:!0}),i.dispatchEvent(a)}let c=!1;const s=m(d);if(s!==null&&!isWindow(s)&&(c=!0),o&&c){const a=s.getBoundingClientRect();r.x=a.x,r.y=a.y}return o&&u?{x:n+r.x,y:t+r.y,data:r}:o?{x:n,y:t,data:r}:{x:n-r.x,y:t-r.y,data:r}}});function m(e){let n=getParentNode(e);for(isShadowRoot(n)&&(n=n.host);isHTMLElement(n)&&!isLastTraversableNode(n);){if(g(n))return n;{const t=n.assignedSlot?n.assignedSlot:n.parentNode;n=isShadowRoot(t)?t.host:t}}return null}export function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function g(e){const n=/firefox/i.test(getUAString());if(e.tagName==="dialog")return!0;const t=getComputedStyle(e);return t.transform!=="none"||t.perspective!=="none"||t.contain==="paint"||["transform","perspective"].includes(t.willChange)||n&&t.willChange==="filter"||n&&(t.filter?t.filter!=="none":!1)}export function getUAString(){const e=navigator.userAgentData;return e!=null&&e.brands?e.brands.map(n=>`${n.brand}/${n.version}`).join(" "):navigator.userAgent}export function getParentNode(e){return getNodeName(e)==="html"?e:e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}export function getNodeName(e){return isWindow(e)?"":e?(e.nodeName||"").toLowerCase():""}export function getDocumentElement(e){return((isNode(e)?e.ownerDocument:e.document)||window.document).documentElement}export function isNode(e){return e instanceof getWindow(e).Node}export function isWindow(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}export function getWindow(e){if(e==null)return window;if(!isWindow(e)){const n=e.ownerDocument;return n&&n.defaultView||window}return e}export function isShadowRoot(e){if(typeof ShadowRoot=="undefined")return!1;const n=getWindow(e).ShadowRoot,t=e;return e instanceof n||t instanceof ShadowRoot}export function isHTMLElement(e){return e instanceof getWindow(e).HTMLElement}
+"use strict";export const topLayerOverTransforms=()=>({name:"topLayer",async fn(e){const{x:t,y:n,elements:{reference:d,floating:i}}=e;let o=!1,l=!1;const r={x:0,y:0};try{o=o||i.matches(":popover-open")}catch(a){}try{o=o||i.matches(":open")}catch(a){}try{o=o||i.matches(":modal")}catch(a){}if(l=o,!o){const a=new Event("floating-ui-dialog-test",{composed:!0,bubbles:!0});i.addEventListener("floating-ui-dialog-test",f=>{f.composedPath().forEach(c=>{if(!(c===i||c.localName!=="dialog"))try{o=o||c.matches(":modal")}catch(w){}})},{once:!0}),i.dispatchEvent(a)}let u=!1;const s=m(d);if(s!==null&&!isWindow(s)&&(u=!0),o&&u){const a=s.getBoundingClientRect();r.x=a.x,r.y=a.y}return o&&l?{x:t+r.x,y:n+r.y,data:r}:o?{x:t,y:n,data:r}:{x:t-r.x,y:n-r.y,data:r}}});function m(e){let t=getParentNode(e);for(isShadowRoot(t)&&(t=t.host);isHTMLElement(t)&&!isLastTraversableNode(t);){if(g(t))return t;{const n=t.assignedSlot?t.assignedSlot:t.parentNode;t=isShadowRoot(n)?n.host:n}}return null}export function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function g(e){const t=/firefox/i.test(getUAString());if(e.tagName==="dialog")return!0;const n=getComputedStyle(e);return n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].includes(n.willChange)||t&&n.willChange==="filter"||t&&(n.filter?n.filter!=="none":!1)}export function getUAString(){const e=navigator.userAgentData;return e!=null&&e.brands?e.brands.map(t=>`${t.brand}/${t.version}`).join(" "):navigator.userAgent}export function getParentNode(e){return getNodeName(e)==="html"?e:e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement(e)}export function getNodeName(e){return isWindow(e)?"":e?(e.nodeName||"").toLowerCase():""}export function getDocumentElement(e){return((isNode(e)?e.ownerDocument:e.document)||window.document).documentElement}export function isNode(e){return e instanceof getWindow(e).Node}export function isWindow(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}export function getWindow(e){if(e==null)return window;if(!isWindow(e)){const t=e.ownerDocument;return t&&t.defaultView||window}return e}export function isShadowRoot(e){if(typeof ShadowRoot=="undefined")return!1;const t=getWindow(e).ShadowRoot,n=e;return e instanceof t||n instanceof ShadowRoot}export function isHTMLElement(e){return e instanceof getWindow(e).HTMLElement}
 //# sourceMappingURL=topLayerOverTransforms.js.map

package/src/topLayerOverTransforms.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["topLayerOverTransforms.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 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 type { MiddlewareArguments } from '@floating-ui/dom';\n\nexport const topLayerOverTransforms = () => ({\n    name: 'topLayer',\n    async fn(middlewareArguments: MiddlewareArguments) {\n        const {\n            x,\n            y,\n            elements: { reference, floating },\n        } = middlewareArguments;\n        let onTopLayer = false;\n        let topLayerIsFloating = false;\n        const diffCoords = {\n            x: 0,\n            y: 0,\n        };\n        try {\n            onTopLayer = onTopLayer || floating.matches(':open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':modal');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        topLayerIsFloating = onTopLayer;\n        if (!onTopLayer) {\n            const dialogAncestorQueryEvent = new Event(\n                'floating-ui-dialog-test',\n                { composed: true, bubbles: true }\n            );\n            floating.addEventListener(\n                'floating-ui-dialog-test',\n                (event: Event) => {\n                    (event.composedPath() as unknown as Element[]).forEach(\n                        (el) => {\n                            if (el === floating || el.localName !== 'dialog')\n                                return;\n                            try {\n                                onTopLayer = onTopLayer || el.matches(':modal');\n                                if (onTopLayer) {\n                                    // console.log(el);\n                                }\n                                // eslint-disable-next-line no-empty\n                            } catch (e) {}\n                        }\n                    );\n                },\n                { once: true }\n            );\n            floating.dispatchEvent(dialogAncestorQueryEvent);\n        }\n        let overTransforms = false;\n        const containingBlock = getContainingBlock(reference as Element);\n        if (containingBlock !== null && !isWindow(containingBlock)) {\n            overTransforms = true;\n        }\n\n        if (onTopLayer && overTransforms) {\n            const rect = containingBlock!.getBoundingClientRect();\n            diffCoords.x = rect.x;\n            diffCoords.y = rect.y;\n        }\n\n        if (onTopLayer && topLayerIsFloating) {\n            return {\n                x: x + diffCoords.x,\n                y: y + diffCoords.y,\n                data: diffCoords,\n            };\n        }\n\n        if (onTopLayer) {\n            return {\n                x,\n                y,\n                data: diffCoords,\n            };\n        }\n\n        return {\n            x: x - diffCoords.x,\n            y: y - diffCoords.y,\n            data: diffCoords,\n        };\n    },\n});\n\n/* COPY/PASTE from Floating UI */\n\nfunction getContainingBlock(element: Element) {\n    let currentNode: Node | null = getParentNode(element);\n\n    if (isShadowRoot(currentNode)) {\n        currentNode = currentNode.host;\n    }\n\n    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n        if (isContainingBlock(currentNode)) {\n            return currentNode;\n        } else {\n            const parent = (\n                currentNode.assignedSlot\n                    ? currentNode.assignedSlot\n                    : currentNode.parentNode\n            ) as Node;\n            currentNode = isShadowRoot(parent) ? parent.host : parent;\n        }\n    }\n\n    return null;\n}\n\nexport function isLastTraversableNode(node: Node) {\n    return ['html', 'body', '#document'].includes(getNodeName(node));\n}\n\nfunction isContainingBlock(element: HTMLElement) {\n    // TODO: Try and use feature detection here instead\n    const isFirefox = /firefox/i.test(getUAString());\n    if (element.tagName === 'dialog') {\n        return true;\n    }\n    const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    return (\n        css.transform !== 'none' ||\n        css.perspective !== 'none' || // @ts-ignore (TS 4.1 compat)\n        css.contain === 'paint' ||\n        ['transform', 'perspective'].includes(css.willChange) ||\n        (isFirefox && css.willChange === 'filter') ||\n        (isFirefox && (css.filter ? css.filter !== 'none' : false))\n    );\n}\n\ninterface NavigatorUAData {\n    brands: Array<{ brand: string; version: string }>;\n    mobile: boolean;\n    platform: string;\n}\n\nexport function getUAString(): string {\n    const uaData = (navigator as any).userAgentData as\n        | NavigatorUAData\n        | undefined;\n\n    if (uaData?.brands) {\n        return uaData.brands\n            .map((item) => `${item.brand}/${item.version}`)\n            .join(' ');\n    }\n\n    return navigator.userAgent;\n}\n\nexport function getParentNode(node: Node): Node {\n    if (getNodeName(node) === 'html') {\n        return node;\n    }\n\n    return (\n        // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n        // @ts-ignore\n        node.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n        node.parentNode || // DOM Element detected\n        (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected\n        getDocumentElement(node) // fallback\n    );\n}\n\nexport function getNodeName(node: Node | Window): string {\n    return isWindow(node)\n        ? ''\n        : node\n        ? (node.nodeName || '').toLowerCase()\n        : '';\n}\n\nexport function getDocumentElement(node: Node | Window): HTMLElement {\n    return (\n        (isNode(node) ? node.ownerDocument : node.document) || window.document\n    ).documentElement;\n}\n\nexport function isNode(value: any): value is Node {\n    return value instanceof (getWindow(value) as unknown as { Node: any }).Node;\n}\n\nexport function isWindow(value: any): value is Window {\n    return (\n        value &&\n        value.document &&\n        value.location &&\n        value.alert &&\n        value.setInterval\n    );\n}\n\nexport function getWindow(node: Node | Window): Window {\n    if (node == null) {\n        return window;\n    }\n\n    if (!isWindow(node)) {\n        const ownerDocument = node.ownerDocument;\n        return ownerDocument ? ownerDocument.defaultView || window : window;\n    }\n\n    return node;\n}\n\nexport function isShadowRoot(node: Node): node is ShadowRoot {\n    // Browsers without `ShadowRoot` support\n    if (typeof ShadowRoot === 'undefined') {\n        return false;\n    }\n\n    const OwnElement = (\n        getWindow(node) as unknown as { ShadowRoot: ShadowRoot }\n    ).ShadowRoot;\n    const testNode = node as Node;\n    return (\n        node instanceof (OwnElement as unknown as any) ||\n        testNode instanceof ShadowRoot\n    );\n}\n\nexport function isHTMLElement(value: any): value is HTMLElement {\n    return (\n        value instanceof\n        (getWindow(value) as unknown as { HTMLElement: any }).HTMLElement\n    );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2022 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 type { MiddlewareArguments } from '@floating-ui/dom';\n\nexport const topLayerOverTransforms = () => ({\n    name: 'topLayer',\n    async fn(middlewareArguments: MiddlewareArguments) {\n        const {\n            x,\n            y,\n            elements: { reference, floating },\n        } = middlewareArguments;\n        let onTopLayer = false;\n        let topLayerIsFloating = false;\n        const diffCoords = {\n            x: 0,\n            y: 0,\n        };\n        try {\n            onTopLayer = onTopLayer || floating.matches(':popover-open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':open');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        try {\n            onTopLayer = onTopLayer || floating.matches(':modal');\n            // eslint-disable-next-line no-empty\n        } catch (e) {}\n        topLayerIsFloating = onTopLayer;\n        if (!onTopLayer) {\n            const dialogAncestorQueryEvent = new Event(\n                'floating-ui-dialog-test',\n                { composed: true, bubbles: true }\n            );\n            floating.addEventListener(\n                'floating-ui-dialog-test',\n                (event: Event) => {\n                    (event.composedPath() as unknown as Element[]).forEach(\n                        (el) => {\n                            if (el === floating || el.localName !== 'dialog')\n                                return;\n                            try {\n                                onTopLayer = onTopLayer || el.matches(':modal');\n                                if (onTopLayer) {\n                                    // console.log(el);\n                                }\n                                // eslint-disable-next-line no-empty\n                            } catch (e) {}\n                        }\n                    );\n                },\n                { once: true }\n            );\n            floating.dispatchEvent(dialogAncestorQueryEvent);\n        }\n        let overTransforms = false;\n        const containingBlock = getContainingBlock(reference as Element);\n        if (containingBlock !== null && !isWindow(containingBlock)) {\n            overTransforms = true;\n        }\n\n        if (onTopLayer && overTransforms) {\n            const rect = containingBlock!.getBoundingClientRect();\n            diffCoords.x = rect.x;\n            diffCoords.y = rect.y;\n        }\n\n        if (onTopLayer && topLayerIsFloating) {\n            return {\n                x: x + diffCoords.x,\n                y: y + diffCoords.y,\n                data: diffCoords,\n            };\n        }\n\n        if (onTopLayer) {\n            return {\n                x,\n                y,\n                data: diffCoords,\n            };\n        }\n\n        return {\n            x: x - diffCoords.x,\n            y: y - diffCoords.y,\n            data: diffCoords,\n        };\n    },\n});\n\n/* COPY/PASTE from Floating UI */\n\nfunction getContainingBlock(element: Element) {\n    let currentNode: Node | null = getParentNode(element);\n\n    if (isShadowRoot(currentNode)) {\n        currentNode = currentNode.host;\n    }\n\n    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n        if (isContainingBlock(currentNode)) {\n            return currentNode;\n        } else {\n            const parent = (\n                currentNode.assignedSlot\n                    ? currentNode.assignedSlot\n                    : currentNode.parentNode\n            ) as Node;\n            currentNode = isShadowRoot(parent) ? parent.host : parent;\n        }\n    }\n\n    return null;\n}\n\nexport function isLastTraversableNode(node: Node) {\n    return ['html', 'body', '#document'].includes(getNodeName(node));\n}\n\nfunction isContainingBlock(element: HTMLElement) {\n    // TODO: Try and use feature detection here instead\n    const isFirefox = /firefox/i.test(getUAString());\n    if (element.tagName === 'dialog') {\n        return true;\n    }\n    const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    return (\n        css.transform !== 'none' ||\n        css.perspective !== 'none' || // @ts-ignore (TS 4.1 compat)\n        css.contain === 'paint' ||\n        ['transform', 'perspective'].includes(css.willChange) ||\n        (isFirefox && css.willChange === 'filter') ||\n        (isFirefox && (css.filter ? css.filter !== 'none' : false))\n    );\n}\n\ninterface NavigatorUAData {\n    brands: Array<{ brand: string; version: string }>;\n    mobile: boolean;\n    platform: string;\n}\n\nexport function getUAString(): string {\n    const uaData = (navigator as any).userAgentData as\n        | NavigatorUAData\n        | undefined;\n\n    if (uaData?.brands) {\n        return uaData.brands\n            .map((item) => `${item.brand}/${item.version}`)\n            .join(' ');\n    }\n\n    return navigator.userAgent;\n}\n\nexport function getParentNode(node: Node): Node {\n    if (getNodeName(node) === 'html') {\n        return node;\n    }\n\n    return (\n        // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n        // @ts-ignore\n        node.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n        node.parentNode || // DOM Element detected\n        (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected\n        getDocumentElement(node) // fallback\n    );\n}\n\nexport function getNodeName(node: Node | Window): string {\n    return isWindow(node)\n        ? ''\n        : node\n        ? (node.nodeName || '').toLowerCase()\n        : '';\n}\n\nexport function getDocumentElement(node: Node | Window): HTMLElement {\n    return (\n        (isNode(node) ? node.ownerDocument : node.document) || window.document\n    ).documentElement;\n}\n\nexport function isNode(value: any): value is Node {\n    return value instanceof (getWindow(value) as unknown as { Node: any }).Node;\n}\n\nexport function isWindow(value: any): value is Window {\n    return (\n        value &&\n        value.document &&\n        value.location &&\n        value.alert &&\n        value.setInterval\n    );\n}\n\nexport function getWindow(node: Node | Window): Window {\n    if (node == null) {\n        return window;\n    }\n\n    if (!isWindow(node)) {\n        const ownerDocument = node.ownerDocument;\n        return ownerDocument ? ownerDocument.defaultView || window : window;\n    }\n\n    return node;\n}\n\nexport function isShadowRoot(node: Node): node is ShadowRoot {\n    // Browsers without `ShadowRoot` support\n    if (typeof ShadowRoot === 'undefined') {\n        return false;\n    }\n\n    const OwnElement = (\n        getWindow(node) as unknown as { ShadowRoot: ShadowRoot }\n    ).ShadowRoot;\n    const testNode = node as Node;\n    return (\n        node instanceof (OwnElement as unknown as any) ||\n        testNode instanceof ShadowRoot\n    );\n}\n\nexport function isHTMLElement(value: any): value is HTMLElement {\n    return (\n        value instanceof\n        (getWindow(value) as unknown as { HTMLElement: any }).HTMLElement\n    );\n}\n"],
+  "mappings": "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",
   "names": ["middlewareArguments", "x", "y", "reference", "floating", "onTopLayer", "topLayerIsFloating", "diffCoords", "e", "dialogAncestorQueryEvent", "event", "el", "overTransforms", "containingBlock", "getContainingBlock", "rect", "element", "currentNode", "isContainingBlock", "parent", "node", "isFirefox", "css", "uaData", "item", "value", "ownerDocument", "OwnElement", "testNode"]
 }

package/test/index.js

@@ -1,10 +1,5 @@
 "use strict";
-import {
-  escapeEvent,
-  fixture,
-  isOnTopLayer,
-  isVisible
-} from "../../../test/testing-helpers.js";
+import { fixture, isOnTopLayer } from "../../../test/testing-helpers.js";
 import {
   aTimeout,
   elementUpdated,
@@ -17,6 +12,8 @@ import {
 import "@spectrum-web-components/button/sp-button.js";
 import "@spectrum-web-components/popover/sp-popover.js";
 import "@spectrum-web-components/theme/sp-theme.js";
+import { sendMouse } from "../../../test/plugins/browser.js";
+import { sendKeys } from "@web/test-runner-commands";
 function pressKey(code) {
   const up = new KeyboardEvent("keyup", {
     bubbles: true,
@@ -26,9 +23,6 @@ function pressKey(code) {
   });
   document.dispatchEvent(up);
 }
-const pressEscape = () => {
-  document.dispatchEvent(escapeEvent());
-};
 const pressSpace = () => pressKey("Space");
 export const runOverlayTriggerTests = (type) => {
   describe(`Overlay Trigger - ${type}`, () => {
@@ -231,9 +225,8 @@ export const runOverlayTriggerTests = (type) => {
           "hover not available at point"
         ).to.be.false;
       });
-      it.skip("does not open a popover when [disabled]", async function() {
-        const root = this.outerTrigger.shadowRoot ? this.outerTrigger.shadowRoot : this.outerTrigger;
-        const triggerZone = root.querySelector(
+      it("does not open a popover when [disabled]", async function() {
+        const triggerZone = this.outerTrigger.shadowRoot.querySelector(
           "#trigger"
         );
         expect(this.outerTrigger.disabled).to.be.false;
@@ -245,7 +238,14 @@ export const runOverlayTriggerTests = (type) => {
           "hover available at point"
         ).to.be.true;
         let closed = oneEvent(this.outerTrigger, "sp-closed");
-        document.body.click();
+        sendMouse({
+          steps: [
+            {
+              type: "click",
+              position: [1, 1]
+            }
+          ]
+        });
         await closed;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -286,7 +286,7 @@ export const runOverlayTriggerTests = (type) => {
           "hover not available at point"
         ).to.be.false;
       });
-      it.skip("opens a nested popover", async function() {
+      it("opens a nested popover", async function() {
         expect(
           await isOnTopLayer(this.outerClickContent),
           "hover not available at point"
@@ -303,7 +303,7 @@ export const runOverlayTriggerTests = (type) => {
           await isOnTopLayer(this.outerClickContent),
           "outer click content available at point"
         ).to.be.true;
-        expect(isVisible(this.innerClickContent)).to.be.false;
+        expect(await isOnTopLayer(this.innerClickContent)).to.be.false;
         open = oneEvent(this.innerTrigger, "sp-opened");
         this.innerButton.click();
         await open;
@@ -316,7 +316,7 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content available at point"
         ).to.be.true;
       });
-      it.skip('focus previous "modal" when closing nested "modal"', async function() {
+      it('focus previous "modal" when closing nested "modal"', async function() {
         this.outerTrigger.type = "modal";
         this.innerTrigger.type = "modal";
         expect(
@@ -350,7 +350,9 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content available at point"
         ).to.be.true;
         const innerClose = oneEvent(this.innerButton, "sp-closed");
-        pressEscape();
+        await sendKeys({
+          press: "Escape"
+        });
         await innerClose;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -365,7 +367,7 @@ export const runOverlayTriggerTests = (type) => {
           "outer popover recieved focus"
         ).to.be.true;
       });
-      it.skip("escape closes an open popover", async function() {
+      it("escape closes an open popover", async function() {
         this.outerTrigger.type = "modal";
         this.innerTrigger.type = "modal";
         const outerOpen = oneEvent(this.outerButton, "sp-opened");
@@ -396,7 +398,9 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content available at point"
         ).to.be.true;
         const innerClose = oneEvent(this.innerButton, "sp-closed");
-        pressEscape();
+        await sendKeys({
+          press: "Escape"
+        });
         await innerClose;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -407,7 +411,9 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content not available at point"
         ).to.be.false;
         const outerClose = oneEvent(this.outerButton, "sp-closed");
-        pressEscape();
+        await sendKeys({
+          press: "Escape"
+        });
         await outerClose;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -418,7 +424,7 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content not available at point"
         ).to.be.false;
       });
-      it.skip("click closes an open popover", async function() {
+      it("click closes an open popover", async function() {
         this.outerTrigger.type = "modal";
         this.innerTrigger.type = "modal";
         const outerOpen = oneEvent(this.outerButton, "sp-opened");
@@ -450,7 +456,14 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content is available at point"
         ).to.be.true;
         const innerClose = oneEvent(this.innerButton, "sp-closed");
-        document.body.click();
+        sendMouse({
+          steps: [
+            {
+              type: "click",
+              position: [1, 1]
+            }
+          ]
+        });
         await innerClose;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -461,7 +474,14 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content is not available at point"
         ).to.be.false;
         const outerClose = oneEvent(this.outerButton, "sp-closed");
-        document.body.click();
+        sendMouse({
+          steps: [
+            {
+              type: "click",
+              position: [1, 1]
+            }
+          ]
+        });
         await outerClose;
         expect(
           await isOnTopLayer(this.outerClickContent),
@@ -472,28 +492,38 @@ export const runOverlayTriggerTests = (type) => {
           "inner click content is not available at point"
         ).to.be.not;
       });
-      it.skip("opens a hover popover", async function() {
-        const root = this.outerTrigger.shadowRoot ? this.outerTrigger.shadowRoot : this.outerTrigger;
-        const triggerZone = root.querySelector(
-          "#trigger"
-        );
-        expect(triggerZone).to.exist;
-        if (!triggerZone)
-          return;
-        expect(this.outerButton).to.exist;
-        expect(this.hoverContent).to.exist;
-        expect(isVisible(this.hoverContent)).to.be.false;
+      it("opens a hover popover", async function() {
+        expect(await isOnTopLayer(this.hoverContent)).to.be.false;
+        const rect = this.outerTrigger.getBoundingClientRect();
         const open = oneEvent(this.outerTrigger, "sp-opened");
-        const mouseEnter = new MouseEvent("mouseenter");
-        triggerZone.dispatchEvent(mouseEnter);
+        sendMouse({
+          steps: [
+            {
+              type: "move",
+              position: [
+                rect.left + rect.width / 2,
+                rect.top + rect.height / 2
+              ]
+            }
+          ]
+        });
         await open;
         expect(
           await isOnTopLayer(this.hoverContent),
           "hover content is available at point"
         ).to.be.true;
         const close = oneEvent(this.outerTrigger, "sp-closed");
-        const mouseLeave = new MouseEvent("mouseleave");
-        triggerZone.dispatchEvent(mouseLeave);
+        sendMouse({
+          steps: [
+            {
+              type: "move",
+              position: [
+                rect.left + rect.width * 2,
+                rect.top + rect.height / 2
+              ]
+            }
+          ]
+        });
         await close;
         expect(
           await isOnTopLayer(this.hoverContent),
@@ -501,33 +531,42 @@ export const runOverlayTriggerTests = (type) => {
         ).to.be.false;
       });
       it("closes a hover popover", async function() {
-        const root = this.outerTrigger.shadowRoot ? this.outerTrigger.shadowRoot : this.outerTrigger;
-        const triggerZone = root.querySelector(
-          "#trigger"
-        );
-        expect(triggerZone).to.exist;
-        if (!triggerZone)
-          return;
-        expect(this.outerButton).to.exist;
-        expect(this.hoverContent).to.exist;
-        expect(
-          await isOnTopLayer(this.hoverContent),
-          "hover content is not available at point"
-        ).to.be.false;
-        const mouseEnter = new MouseEvent("mouseenter");
-        const mouseLeave = new MouseEvent("mouseleave");
-        triggerZone.dispatchEvent(mouseEnter);
+        expect(await isOnTopLayer(this.hoverContent)).to.be.false;
+        const rect = this.outerTrigger.getBoundingClientRect();
+        const close = oneEvent(this.outerTrigger, "sp-closed");
+        await sendMouse({
+          steps: [
+            {
+              type: "move",
+              position: [
+                rect.left + rect.width / 2,
+                rect.top + rect.height / 2
+              ]
+            }
+          ]
+        });
         await nextFrame();
         await nextFrame();
-        triggerZone.dispatchEvent(mouseLeave);
         await nextFrame();
         await nextFrame();
+        await sendMouse({
+          steps: [
+            {
+              type: "move",
+              position: [
+                rect.left + rect.width * 2,
+                rect.top + rect.height / 2
+              ]
+            }
+          ]
+        });
+        await close;
         expect(
           await isOnTopLayer(this.hoverContent),
           "hover content is not available at point"
         ).to.be.false;
       });
-      it.skip("dispatches events on open/close", async function() {
+      it("dispatches events on open/close", async function() {
         const opened = oneEvent(this.outerButton, "sp-opened");
         this.outerButton.click();
         const openedEvent = await opened;
@@ -536,11 +575,18 @@ export const runOverlayTriggerTests = (type) => {
           "hover content is available at point"
         ).to.be.true;
         expect(this.outerTrigger.open).to.equal("click");
-        expect(openedEvent.detail.interaction).to.equal("click");
+        expect(openedEvent.detail.interaction).to.equal("auto");
         const closed = oneEvent(this.outerButton, "sp-closed");
-        document.body.click();
+        sendMouse({
+          steps: [
+            {
+              type: "click",
+              position: [1, 1]
+            }
+          ]
+        });
         const closedEvent = await closed;
-        expect(closedEvent.detail.interaction).to.equal("click");
+        expect(closedEvent.detail.interaction).to.equal("auto");
         expect(
           await isOnTopLayer(this.outerClickContent),
           "hover content is not available at point"
@@ -560,52 +606,6 @@ export const runOverlayTriggerTests = (type) => {
         });
         await Promise.all(closes);
       });
-      it.skip("acquires a `color` and `size` from `sp-theme`", async () => {
-        const el = await fixture(html`
-                    <sp-theme color="dark">
-                        <sp-theme color="light">
-                            <overlay-trigger id="trigger" placement="top">
-                                <sp-button
-                                    id="outer-button"
-                                    variant="primary"
-                                    slot="trigger"
-                                >
-                                    Show Popover
-                                </sp-button>
-                                <sp-popover
-                                    id="outer-popover"
-                                    dialog
-                                    slot="click-content"
-                                    direction="bottom"
-                                    tip
-                                >
-                                    <sp-button
-                                        id="test-button"
-                                        variant="primary"
-                                    >
-                                        Test popover.
-                                    </sp-button>
-                                </sp-popover>
-                            </overlay-trigger>
-                        </sp-theme>
-                    </sp-theme>
-                `);
-        await elementUpdated(el);
-        expect(document.querySelector("active-overlay")).to.be.null;
-        const button = el.querySelector("sp-button");
-        const testButton = el.querySelector("#test-button");
-        const buttonStyles = getComputedStyle(button);
-        const opened = oneEvent(button, "sp-opened");
-        button.click();
-        await opened;
-        const testStyles = getComputedStyle(testButton);
-        expect(testStyles.getPropertyValue("background")).to.equal(
-          buttonStyles.getPropertyValue("background")
-        );
-        expect(testStyles.getPropertyValue("min-height")).to.equal(
-          buttonStyles.getPropertyValue("min-height")
-        );
-      });
       it.skip('manages multiple layers of `type="modal"', async () => {
         var _a, _b, _c;
         const el = await fixture(html`
@@ -720,7 +720,14 @@ export const runOverlayTriggerTests = (type) => {
         ).to.equal("open");
         await nextFrame();
         const closed = oneEvent(triggers[2], "sp-closed");
-        document.body.click();
+        sendMouse({
+          steps: [
+            {
+              type: "click",
+              position: [1, 1]
+            }
+          ]
+        });
         await closed;
         await elementUpdated(overlayTriggers[2]);
         activeOverlays = [