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

package/src/OverlayPopover.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayPopover.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 {\n    firstFocusableIn,\n    firstFocusableSlottedIn,\n} from '@spectrum-web-components/shared/src/first-focusable-in.js';\nimport { ReactiveElement } from 'lit';\nimport {\n    BeforetoggleClosedEvent,\n    BeforetoggleOpenEvent,\n    guaranteedTransitionend,\n    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.dev.js'\nimport { VirtualTrigger } from './VirtualTrigger.dev.js'\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nexport function OverlayPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const targetOpenState = this.open;\n            await this.managePosition();\n            await this.ensureOnDOM(targetOpenState);\n            const focusEl = await this.makeTransition(targetOpenState);\n            await this.applyFocus(targetOpenState, focusEl);\n        }\n\n        private async ensureOnDOM(targetOpenState: boolean): Promise<void> {\n            await nextFrame();\n            if (\n                targetOpenState &&\n                this.open === targetOpenState &&\n                !this.dialogEl.matches(':open') &&\n                this.isConnected\n            ) {\n                this.dialogEl.showPopover();\n            }\n            await nextFrame();\n        }\n\n        private async makeTransition(\n            targetOpenState: boolean\n        ): Promise<HTMLElement | null> {\n            let focusEl = null as HTMLElement | null;\n            const start = (el: OpenableElement, index: number) => (): void => {\n                if (typeof el.open !== 'undefined') {\n                    el.open = targetOpenState;\n                }\n                if (index === 0) {\n                    const event = targetOpenState\n                        ? BeforetoggleOpenEvent\n                        : BeforetoggleClosedEvent;\n                    this.dispatchEvent(new event());\n                }\n                if (!targetOpenState) {\n                    return;\n                }\n                focusEl = focusEl || firstFocusableIn(el);\n                if (focusEl) {\n                    return;\n                }\n                const childSlots = el.querySelectorAll('slot');\n                childSlots.forEach((slot) => {\n                    if (!focusEl) {\n                        focusEl = firstFocusableSlottedIn(slot);\n                    }\n                });\n            };\n            const finish =\n                (el: OpenableElement, index: number) =>\n                async (): Promise<void> => {\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    const eventName = targetOpenState\n                        ? 'sp-opened'\n                        : 'sp-closed';\n                    if (index > 0) {\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        return;\n                    }\n                    const reportChange = async (): Promise<void> => {\n                        if (this.open !== targetOpenState) {\n                            return;\n                        }\n                        await nextFrame();\n                        const hasVirtualTrigger =\n                            this.triggerElement instanceof VirtualTrigger;\n                        this.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: hasVirtualTrigger,\n                                composed: hasVirtualTrigger,\n                            })\n                        );\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        if (this.triggerElement && !hasVirtualTrigger) {\n                            (this.triggerElement as HTMLElement).dispatchEvent(\n                                new CustomEvent(eventName, {\n                                    bubbles: true,\n                                    composed: true,\n                                    detail: { interaction: this.type },\n                                })\n                            );\n                        }\n                    };\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    if (\n                        targetOpenState !== true &&\n                        this.dialogEl.matches(':open') &&\n                        this.isConnected\n                    ) {\n                        this.dialogEl.addEventListener(\n                            'beforetoggle',\n                            () => {\n                                reportChange();\n                            },\n                            { once: true }\n                        );\n                        this.dialogEl.hidePopover();\n                    } else {\n                        reportChange();\n                    }\n                };\n            this.elements.forEach((el, index) => {\n                guaranteedTransitionend(\n                    el,\n                    start(el, index),\n                    finish(el, index)\n                );\n            });\n            return focusEl;\n        }\n\n        private async applyFocus(\n            targetOpenState: boolean,\n            focusEl: HTMLElement | null\n        ): Promise<void> {\n            if (this.receivesFocus === 'false') {\n                return;\n            }\n\n            await nextFrame();\n            await nextFrame();\n            if (targetOpenState === this.open && !this.open) {\n                if (\n                    // Do not return focus to trigger when overlay is a \"hint\" (tooltip)\n                    this.type !== 'hint' &&\n                    // Only return focus when the trigger is not \"virtual\"\n                    this.triggerElement &&\n                    !(this.triggerElement instanceof VirtualTrigger)\n                ) {\n                    if (\n                        this.contains(\n                            (this.getRootNode() as Document).activeElement\n                        )\n                    ) {\n                        this.triggerElement.focus();\n                    }\n                }\n                return;\n            }\n\n            focusEl?.focus();\n        }\n    }\n    return OverlayWithPopover;\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 {\n    firstFocusableIn,\n    firstFocusableSlottedIn,\n} from '@spectrum-web-components/shared/src/first-focusable-in.js';\nimport { ReactiveElement } from 'lit';\nimport {\n    BeforetoggleClosedEvent,\n    BeforetoggleOpenEvent,\n    guaranteedTransitionend,\n    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.dev.js'\nimport { VirtualTrigger } from './VirtualTrigger.dev.js'\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nexport function OverlayPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const targetOpenState = this.open;\n            await this.managePosition();\n            await this.ensureOnDOM(targetOpenState);\n            const focusEl = await this.makeTransition(targetOpenState);\n            await this.applyFocus(targetOpenState, focusEl);\n        }\n\n        private async ensureOnDOM(targetOpenState: boolean): Promise<void> {\n            await nextFrame();\n            let popoverOpen = false;\n            try {\n                popoverOpen = this.dialogEl.matches(':popover-open');\n                // eslint-disable-next-line no-empty\n            } catch (error) {}\n            let open = false;\n            try {\n                open = this.dialogEl.matches(':open');\n                // eslint-disable-next-line no-empty\n            } catch (error) {}\n            if (\n                targetOpenState &&\n                this.open === targetOpenState &&\n                !popoverOpen &&\n                !open &&\n                this.isConnected\n            ) {\n                this.dialogEl.showPopover();\n            }\n            await nextFrame();\n        }\n\n        private async makeTransition(\n            targetOpenState: boolean\n        ): Promise<HTMLElement | null> {\n            let focusEl = null as HTMLElement | null;\n            const start = (el: OpenableElement, index: number) => (): void => {\n                if (typeof el.open !== 'undefined') {\n                    el.open = targetOpenState;\n                }\n                if (index === 0) {\n                    const event = targetOpenState\n                        ? BeforetoggleOpenEvent\n                        : BeforetoggleClosedEvent;\n                    this.dispatchEvent(new event());\n                }\n                if (!targetOpenState) {\n                    return;\n                }\n                focusEl = focusEl || firstFocusableIn(el);\n                if (focusEl) {\n                    return;\n                }\n                const childSlots = el.querySelectorAll('slot');\n                childSlots.forEach((slot) => {\n                    if (!focusEl) {\n                        focusEl = firstFocusableSlottedIn(slot);\n                    }\n                });\n            };\n            const finish =\n                (el: OpenableElement, index: number) =>\n                async (): Promise<void> => {\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    const eventName = targetOpenState\n                        ? 'sp-opened'\n                        : 'sp-closed';\n                    if (index > 0) {\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        return;\n                    }\n                    const reportChange = async (): Promise<void> => {\n                        if (this.open !== targetOpenState) {\n                            return;\n                        }\n                        await nextFrame();\n                        const hasVirtualTrigger =\n                            this.triggerElement instanceof VirtualTrigger;\n                        this.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: hasVirtualTrigger,\n                                composed: hasVirtualTrigger,\n                            })\n                        );\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        if (this.triggerElement && !hasVirtualTrigger) {\n                            (this.triggerElement as HTMLElement).dispatchEvent(\n                                new CustomEvent(eventName, {\n                                    bubbles: true,\n                                    composed: true,\n                                    detail: { interaction: this.type },\n                                })\n                            );\n                        }\n                    };\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    let popoverOpen = false;\n                    try {\n                        popoverOpen = this.dialogEl.matches(':popover-open');\n                        // eslint-disable-next-line no-empty\n                    } catch (error) {}\n                    let open = false;\n                    try {\n                        open = this.dialogEl.matches(':open');\n                        // eslint-disable-next-line no-empty\n                    } catch (error) {}\n                    if (\n                        targetOpenState !== true &&\n                        (popoverOpen || open) &&\n                        this.isConnected\n                    ) {\n                        this.dialogEl.addEventListener(\n                            'beforetoggle',\n                            () => {\n                                reportChange();\n                            },\n                            { once: true }\n                        );\n                        this.dialogEl.hidePopover();\n                    } else {\n                        reportChange();\n                    }\n                };\n            this.elements.forEach((el, index) => {\n                guaranteedTransitionend(\n                    el,\n                    start(el, index),\n                    finish(el, index)\n                );\n            });\n            return focusEl;\n        }\n\n        private async applyFocus(\n            targetOpenState: boolean,\n            focusEl: HTMLElement | null\n        ): Promise<void> {\n            if (this.receivesFocus === 'false') {\n                return;\n            }\n\n            await nextFrame();\n            await nextFrame();\n            if (targetOpenState === this.open && !this.open) {\n                if (\n                    // Do not return focus to trigger when overlay is a \"hint\" (tooltip)\n                    this.type !== 'hint' &&\n                    // Only return focus when the trigger is not \"virtual\"\n                    this.triggerElement &&\n                    !(this.triggerElement instanceof VirtualTrigger)\n                ) {\n                    if (\n                        this.contains(\n                            (this.getRootNode() as Document).activeElement\n                        )\n                    ) {\n                        this.triggerElement.focus();\n                    }\n                }\n                return;\n            }\n\n            focusEl?.focus();\n        }\n    }\n    return OverlayWithPopover;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/OverlayPopover.js

@@ -1,2 +1,2 @@
-"use strict";import{firstFocusableIn as u,firstFocusableSlottedIn as d}from"@spectrum-web-components/shared/src/first-focusable-in.js";import{BeforetoggleClosedEvent as f,BeforetoggleOpenEvent as v,guaranteedTransitionend as E}from"./OverlayBase.js";import{VirtualTrigger as c}from"./VirtualTrigger.js";function r(){return new Promise(a=>requestAnimationFrame(()=>a()))}export function OverlayPopover(a){class m extends a{async managePopoverOpen(){const e=this.open;await this.managePosition(),await this.ensureOnDOM(e);const t=await this.makeTransition(e);await this.applyFocus(e,t)}async ensureOnDOM(e){await r(),e&&this.open===e&&!this.dialogEl.matches(":open")&&this.isConnected&&this.dialogEl.showPopover(),await r()}async makeTransition(e){let t=null;const h=(n,i)=>()=>{if(typeof n.open!="undefined"&&(n.open=e),i===0){const o=e?v:f;this.dispatchEvent(new o)}if(!e||(t=t||u(n),t))return;n.querySelectorAll("slot").forEach(o=>{t||(t=d(o))})},p=(n,i)=>async()=>{if(this.open!==e)return;const s=e?"sp-opened":"sp-closed";if(i>0){n.dispatchEvent(new Event(s,{bubbles:!1,composed:!1}));return}const o=async()=>{if(this.open!==e)return;await r();const l=this.triggerElement instanceof c;this.dispatchEvent(new Event(s,{bubbles:l,composed:l})),n.dispatchEvent(new Event(s,{bubbles:!1,composed:!1})),this.triggerElement&&!l&&this.triggerElement.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{interaction:this.type}}))};this.open===e&&(e!==!0&&this.dialogEl.matches(":open")&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{o()},{once:!0}),this.dialogEl.hidePopover()):o())};return this.elements.forEach((n,i)=>{E(n,h(n,i),p(n,i))}),t}async applyFocus(e,t){if(this.receivesFocus!=="false"){if(await r(),await r(),e===this.open&&!this.open){this.type!=="hint"&&this.triggerElement&&!(this.triggerElement instanceof c)&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}t==null||t.focus()}}}return m}
+"use strict";import{firstFocusableIn as f,firstFocusableSlottedIn as v}from"@spectrum-web-components/shared/src/first-focusable-in.js";import{BeforetoggleClosedEvent as E,BeforetoggleOpenEvent as g,guaranteedTransitionend as b}from"./OverlayBase.js";import{VirtualTrigger as u}from"./VirtualTrigger.js";function a(){return new Promise(c=>requestAnimationFrame(()=>c()))}export function OverlayPopover(c){class d extends c{async managePopoverOpen(){const e=this.open;await this.managePosition(),await this.ensureOnDOM(e);const t=await this.makeTransition(e);await this.applyFocus(e,t)}async ensureOnDOM(e){await a();let t=!1;try{t=this.dialogEl.matches(":popover-open")}catch(p){}let l=!1;try{l=this.dialogEl.matches(":open")}catch(p){}e&&this.open===e&&!t&&!l&&this.isConnected&&this.dialogEl.showPopover(),await a()}async makeTransition(e){let t=null;const l=(o,n)=>()=>{if(typeof o.open!="undefined"&&(o.open=e),n===0){const i=e?g:E;this.dispatchEvent(new i)}if(!e||(t=t||f(o),t))return;o.querySelectorAll("slot").forEach(i=>{t||(t=v(i))})},p=(o,n)=>async()=>{if(this.open!==e)return;const s=e?"sp-opened":"sp-closed";if(n>0){o.dispatchEvent(new Event(s,{bubbles:!1,composed:!1}));return}const i=async()=>{if(this.open!==e)return;await a();const r=this.triggerElement instanceof u;this.dispatchEvent(new Event(s,{bubbles:r,composed:r})),o.dispatchEvent(new Event(s,{bubbles:!1,composed:!1})),this.triggerElement&&!r&&this.triggerElement.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{interaction:this.type}}))};if(this.open!==e)return;let h=!1;try{h=this.dialogEl.matches(":popover-open")}catch(r){}let m=!1;try{m=this.dialogEl.matches(":open")}catch(r){}e!==!0&&(h||m)&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{i()},{once:!0}),this.dialogEl.hidePopover()):i()};return this.elements.forEach((o,n)=>{b(o,l(o,n),p(o,n))}),t}async applyFocus(e,t){if(this.receivesFocus!=="false"){if(await a(),await a(),e===this.open&&!this.open){this.type!=="hint"&&this.triggerElement&&!(this.triggerElement instanceof u)&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}t==null||t.focus()}}}return d}
 //# sourceMappingURL=OverlayPopover.js.map

package/src/OverlayPopover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayPopover.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 {\n    firstFocusableIn,\n    firstFocusableSlottedIn,\n} from '@spectrum-web-components/shared/src/first-focusable-in.js';\nimport { ReactiveElement } from 'lit';\nimport {\n    BeforetoggleClosedEvent,\n    BeforetoggleOpenEvent,\n    guaranteedTransitionend,\n    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.js';\nimport { VirtualTrigger } from './VirtualTrigger.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nexport function OverlayPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const targetOpenState = this.open;\n            await this.managePosition();\n            await this.ensureOnDOM(targetOpenState);\n            const focusEl = await this.makeTransition(targetOpenState);\n            await this.applyFocus(targetOpenState, focusEl);\n        }\n\n        private async ensureOnDOM(targetOpenState: boolean): Promise<void> {\n            await nextFrame();\n            if (\n                targetOpenState &&\n                this.open === targetOpenState &&\n                !this.dialogEl.matches(':open') &&\n                this.isConnected\n            ) {\n                this.dialogEl.showPopover();\n            }\n            await nextFrame();\n        }\n\n        private async makeTransition(\n            targetOpenState: boolean\n        ): Promise<HTMLElement | null> {\n            let focusEl = null as HTMLElement | null;\n            const start = (el: OpenableElement, index: number) => (): void => {\n                if (typeof el.open !== 'undefined') {\n                    el.open = targetOpenState;\n                }\n                if (index === 0) {\n                    const event = targetOpenState\n                        ? BeforetoggleOpenEvent\n                        : BeforetoggleClosedEvent;\n                    this.dispatchEvent(new event());\n                }\n                if (!targetOpenState) {\n                    return;\n                }\n                focusEl = focusEl || firstFocusableIn(el);\n                if (focusEl) {\n                    return;\n                }\n                const childSlots = el.querySelectorAll('slot');\n                childSlots.forEach((slot) => {\n                    if (!focusEl) {\n                        focusEl = firstFocusableSlottedIn(slot);\n                    }\n                });\n            };\n            const finish =\n                (el: OpenableElement, index: number) =>\n                async (): Promise<void> => {\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    const eventName = targetOpenState\n                        ? 'sp-opened'\n                        : 'sp-closed';\n                    if (index > 0) {\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        return;\n                    }\n                    const reportChange = async (): Promise<void> => {\n                        if (this.open !== targetOpenState) {\n                            return;\n                        }\n                        await nextFrame();\n                        const hasVirtualTrigger =\n                            this.triggerElement instanceof VirtualTrigger;\n                        this.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: hasVirtualTrigger,\n                                composed: hasVirtualTrigger,\n                            })\n                        );\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        if (this.triggerElement && !hasVirtualTrigger) {\n                            (this.triggerElement as HTMLElement).dispatchEvent(\n                                new CustomEvent(eventName, {\n                                    bubbles: true,\n                                    composed: true,\n                                    detail: { interaction: this.type },\n                                })\n                            );\n                        }\n                    };\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    if (\n                        targetOpenState !== true &&\n                        this.dialogEl.matches(':open') &&\n                        this.isConnected\n                    ) {\n                        this.dialogEl.addEventListener(\n                            'beforetoggle',\n                            () => {\n                                reportChange();\n                            },\n                            { once: true }\n                        );\n                        this.dialogEl.hidePopover();\n                    } else {\n                        reportChange();\n                    }\n                };\n            this.elements.forEach((el, index) => {\n                guaranteedTransitionend(\n                    el,\n                    start(el, index),\n                    finish(el, index)\n                );\n            });\n            return focusEl;\n        }\n\n        private async applyFocus(\n            targetOpenState: boolean,\n            focusEl: HTMLElement | null\n        ): Promise<void> {\n            if (this.receivesFocus === 'false') {\n                return;\n            }\n\n            await nextFrame();\n            await nextFrame();\n            if (targetOpenState === this.open && !this.open) {\n                if (\n                    // Do not return focus to trigger when overlay is a \"hint\" (tooltip)\n                    this.type !== 'hint' &&\n                    // Only return focus when the trigger is not \"virtual\"\n                    this.triggerElement &&\n                    !(this.triggerElement instanceof VirtualTrigger)\n                ) {\n                    if (\n                        this.contains(\n                            (this.getRootNode() as Document).activeElement\n                        )\n                    ) {\n                        this.triggerElement.focus();\n                    }\n                }\n                return;\n            }\n\n            focusEl?.focus();\n        }\n    }\n    return OverlayWithPopover;\n}\n"],
-  "mappings": "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",
-  "names": ["firstFocusableIn", "firstFocusableSlottedIn", "BeforetoggleClosedEvent", "BeforetoggleOpenEvent", "guaranteedTransitionend", "VirtualTrigger", "nextFrame", "res", "constructor", "OverlayWithPopover", "targetOpenState", "focusEl", "start", "el", "index", "event", "slot", "finish", "eventName", "reportChange", "hasVirtualTrigger"]
+  "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 {\n    firstFocusableIn,\n    firstFocusableSlottedIn,\n} from '@spectrum-web-components/shared/src/first-focusable-in.js';\nimport { ReactiveElement } from 'lit';\nimport {\n    BeforetoggleClosedEvent,\n    BeforetoggleOpenEvent,\n    guaranteedTransitionend,\n    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.js';\nimport { VirtualTrigger } from './VirtualTrigger.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nfunction nextFrame(): Promise<void> {\n    return new Promise((res) => requestAnimationFrame(() => res()));\n}\n\nexport function OverlayPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const targetOpenState = this.open;\n            await this.managePosition();\n            await this.ensureOnDOM(targetOpenState);\n            const focusEl = await this.makeTransition(targetOpenState);\n            await this.applyFocus(targetOpenState, focusEl);\n        }\n\n        private async ensureOnDOM(targetOpenState: boolean): Promise<void> {\n            await nextFrame();\n            let popoverOpen = false;\n            try {\n                popoverOpen = this.dialogEl.matches(':popover-open');\n                // eslint-disable-next-line no-empty\n            } catch (error) {}\n            let open = false;\n            try {\n                open = this.dialogEl.matches(':open');\n                // eslint-disable-next-line no-empty\n            } catch (error) {}\n            if (\n                targetOpenState &&\n                this.open === targetOpenState &&\n                !popoverOpen &&\n                !open &&\n                this.isConnected\n            ) {\n                this.dialogEl.showPopover();\n            }\n            await nextFrame();\n        }\n\n        private async makeTransition(\n            targetOpenState: boolean\n        ): Promise<HTMLElement | null> {\n            let focusEl = null as HTMLElement | null;\n            const start = (el: OpenableElement, index: number) => (): void => {\n                if (typeof el.open !== 'undefined') {\n                    el.open = targetOpenState;\n                }\n                if (index === 0) {\n                    const event = targetOpenState\n                        ? BeforetoggleOpenEvent\n                        : BeforetoggleClosedEvent;\n                    this.dispatchEvent(new event());\n                }\n                if (!targetOpenState) {\n                    return;\n                }\n                focusEl = focusEl || firstFocusableIn(el);\n                if (focusEl) {\n                    return;\n                }\n                const childSlots = el.querySelectorAll('slot');\n                childSlots.forEach((slot) => {\n                    if (!focusEl) {\n                        focusEl = firstFocusableSlottedIn(slot);\n                    }\n                });\n            };\n            const finish =\n                (el: OpenableElement, index: number) =>\n                async (): Promise<void> => {\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    const eventName = targetOpenState\n                        ? 'sp-opened'\n                        : 'sp-closed';\n                    if (index > 0) {\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        return;\n                    }\n                    const reportChange = async (): Promise<void> => {\n                        if (this.open !== targetOpenState) {\n                            return;\n                        }\n                        await nextFrame();\n                        const hasVirtualTrigger =\n                            this.triggerElement instanceof VirtualTrigger;\n                        this.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: hasVirtualTrigger,\n                                composed: hasVirtualTrigger,\n                            })\n                        );\n                        el.dispatchEvent(\n                            new Event(eventName, {\n                                bubbles: false,\n                                composed: false,\n                            })\n                        );\n                        if (this.triggerElement && !hasVirtualTrigger) {\n                            (this.triggerElement as HTMLElement).dispatchEvent(\n                                new CustomEvent(eventName, {\n                                    bubbles: true,\n                                    composed: true,\n                                    detail: { interaction: this.type },\n                                })\n                            );\n                        }\n                    };\n                    if (this.open !== targetOpenState) {\n                        return;\n                    }\n                    let popoverOpen = false;\n                    try {\n                        popoverOpen = this.dialogEl.matches(':popover-open');\n                        // eslint-disable-next-line no-empty\n                    } catch (error) {}\n                    let open = false;\n                    try {\n                        open = this.dialogEl.matches(':open');\n                        // eslint-disable-next-line no-empty\n                    } catch (error) {}\n                    if (\n                        targetOpenState !== true &&\n                        (popoverOpen || open) &&\n                        this.isConnected\n                    ) {\n                        this.dialogEl.addEventListener(\n                            'beforetoggle',\n                            () => {\n                                reportChange();\n                            },\n                            { once: true }\n                        );\n                        this.dialogEl.hidePopover();\n                    } else {\n                        reportChange();\n                    }\n                };\n            this.elements.forEach((el, index) => {\n                guaranteedTransitionend(\n                    el,\n                    start(el, index),\n                    finish(el, index)\n                );\n            });\n            return focusEl;\n        }\n\n        private async applyFocus(\n            targetOpenState: boolean,\n            focusEl: HTMLElement | null\n        ): Promise<void> {\n            if (this.receivesFocus === 'false') {\n                return;\n            }\n\n            await nextFrame();\n            await nextFrame();\n            if (targetOpenState === this.open && !this.open) {\n                if (\n                    // Do not return focus to trigger when overlay is a \"hint\" (tooltip)\n                    this.type !== 'hint' &&\n                    // Only return focus when the trigger is not \"virtual\"\n                    this.triggerElement &&\n                    !(this.triggerElement instanceof VirtualTrigger)\n                ) {\n                    if (\n                        this.contains(\n                            (this.getRootNode() as Document).activeElement\n                        )\n                    ) {\n                        this.triggerElement.focus();\n                    }\n                }\n                return;\n            }\n\n            focusEl?.focus();\n        }\n    }\n    return OverlayWithPopover;\n}\n"],
+  "mappings": "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",
+  "names": ["firstFocusableIn", "firstFocusableSlottedIn", "BeforetoggleClosedEvent", "BeforetoggleOpenEvent", "guaranteedTransitionend", "VirtualTrigger", "nextFrame", "res", "constructor", "OverlayWithPopover", "targetOpenState", "focusEl", "popoverOpen", "error", "open", "start", "el", "index", "event", "slot", "finish", "eventName", "reportChange", "hasVirtualTrigger"]
 }

package/src/OverlayStack.dev.js

@@ -1,4 +1,5 @@
 "use strict";
+const supportsPopover = "showPopover" in document.createElement("div");
 class OverlayStack {
   constructor() {
     this.root = document.body;
@@ -6,17 +7,24 @@ class OverlayStack {
     this.handleClick = (event) => {
       if (!this.stack.length)
         return;
-      const overlay = this.stack.at(-1);
-      if (!overlay)
-        return;
-      if (overlay.shouldPreventClose())
+      let reverseIndex = -1;
+      let overlay = this.stack.at(reverseIndex);
+      if (overlay == null ? void 0 : overlay.shouldPreventClose())
         return;
       const composedPath = event.composedPath();
-      const shouldClose = !composedPath.find(
-        (el) => el === overlay || el === overlay.triggerElement
-      );
-      if (!shouldClose)
+      let shouldClose;
+      while (overlay && !shouldClose) {
+        shouldClose = overlay.shouldPreventClose() || !composedPath.find(
+          (el) => el === overlay || el === (overlay == null ? void 0 : overlay.triggerElement)
+        );
+        if (!shouldClose) {
+          reverseIndex -= 1;
+          overlay = this.stack.at(reverseIndex);
+        }
+      }
+      if (!shouldClose || !overlay) {
         return;
+      }
       this.closeOverlay(overlay);
       let parentToClose = overlay.parentOverlayToForceClose;
       while (parentToClose) {
@@ -33,6 +41,8 @@ class OverlayStack {
     this.handleKeydown = (event) => {
       if (event.code !== "Escape")
         return;
+      if (supportsPopover)
+        return;
       if (!this.stack.length)
         return;
       const last = this.stack.at(-1);

package/src/OverlayStack.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayStack.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\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 { OverlayBase } from './OverlayBase.dev.js'\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private root: HTMLElement = document.body;\n\n    stack: OverlayBase[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerup', this.handleClick);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: OverlayBase): void {\n        const overlayIndex = this.stack.indexOf(overlay);\n        if (overlayIndex > -1) {\n            this.stack.splice(overlayIndex, 1);\n        }\n        overlay.open = false;\n    }\n\n    handleClick = (event: Event): void => {\n        if (!this.stack.length) return;\n\n        const overlay = this.stack.at(-1);\n        if (!overlay) return;\n        if (overlay.shouldPreventClose()) return;\n\n        const composedPath = event.composedPath();\n        const shouldClose = !composedPath.find(\n            (el) => el === overlay || el === overlay.triggerElement\n        );\n        if (!shouldClose) return;\n\n        this.closeOverlay(overlay);\n        let parentToClose = overlay.parentOverlayToForceClose;\n        while (parentToClose) {\n            this.closeOverlay(parentToClose);\n            parentToClose = parentToClose.parentOverlayToForceClose;\n        }\n    };\n\n    handleBeforetoggle = (event: Event): void => {\n        const { target, newState: open } = event as Event & {\n            newState: string;\n        };\n        if (open === 'open') return;\n        this.closeOverlay(target as OverlayBase);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (!this.stack.length) return;\n\n        const last = this.stack.at(-1);\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * When overlays are added manage the open state of exisiting overlays appropriately:\n     * - 'modal': should close other overlays\n     * - 'page': should close other overlays\n     * - 'hint': shouldn't close other overlays\n     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     */\n    add(overlay: OverlayBase): void {\n        if (this.stack.includes(overlay)) {\n            const overlayIndex = this.stack.indexOf(overlay);\n            if (overlayIndex > -1) {\n                this.stack.splice(overlayIndex, 1);\n                this.stack.push(overlay);\n            }\n            return;\n        }\n        if (\n            overlay.type === 'auto' ||\n            overlay.type === 'modal' ||\n            overlay.type === 'page'\n        ) {\n            // manage closing open overlays\n            const queryPathEventName = 'sp-overlay-query-path';\n            const queryPathEvent = new Event(queryPathEventName, {\n                composed: true,\n                bubbles: true,\n            });\n            overlay.addEventListener(\n                queryPathEventName,\n                (event: Event) => {\n                    const path = event.composedPath();\n                    this.stack.forEach((overlayEl) => {\n                        const inPath = path.find((el) => el === overlayEl);\n                        if (!inPath && overlayEl.type !== 'manual') {\n                            this.closeOverlay(overlayEl);\n                        }\n                    });\n                },\n                { once: true }\n            );\n            overlay.dispatchEvent(queryPathEvent);\n        } else if (overlay.type === 'hint') {\n            this.stack.forEach((overlayEl) => {\n                if (overlayEl.type === 'hint') {\n                    this.closeOverlay(overlayEl);\n                }\n            });\n        }\n        requestAnimationFrame(() => {\n            this.stack.push(overlay);\n            overlay.addEventListener('beforetoggle', this.handleBeforetoggle, {\n                once: true,\n            });\n        });\n    }\n\n    remove(overlay: OverlayBase): void {\n        this.closeOverlay(overlay);\n    }\n}\n\nexport const overlayStack = new OverlayStack();\n"],
-  "mappings": "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",
+  "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\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 { OverlayBase } from './OverlayBase.dev.js'\n\nconst supportsPopover = 'showPopover' in document.createElement('div');\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private root: HTMLElement = document.body;\n\n    stack: OverlayBase[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerup', this.handleClick);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: OverlayBase): void {\n        const overlayIndex = this.stack.indexOf(overlay);\n        if (overlayIndex > -1) {\n            this.stack.splice(overlayIndex, 1);\n        }\n        overlay.open = false;\n    }\n\n    handleClick = (event: Event): void => {\n        if (!this.stack.length) return;\n\n        let reverseIndex = -1;\n        let overlay = this.stack.at(reverseIndex);\n        if (overlay?.shouldPreventClose()) return;\n\n        const composedPath = event.composedPath();\n        let shouldClose;\n        while (overlay && !shouldClose) {\n            shouldClose =\n                overlay.shouldPreventClose() ||\n                !composedPath.find(\n                    (el) => el === overlay || el === overlay?.triggerElement\n                );\n            if (!shouldClose) {\n                reverseIndex -= 1;\n                overlay = this.stack.at(reverseIndex);\n            }\n        }\n        if (!shouldClose || !overlay) {\n            return;\n        }\n\n        this.closeOverlay(overlay);\n        let parentToClose = overlay.parentOverlayToForceClose;\n        while (parentToClose) {\n            this.closeOverlay(parentToClose);\n            parentToClose = parentToClose.parentOverlayToForceClose;\n        }\n    };\n\n    handleBeforetoggle = (event: Event): void => {\n        const { target, newState: open } = event as Event & {\n            newState: string;\n        };\n        if (open === 'open') return;\n        this.closeOverlay(target as OverlayBase);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (supportsPopover) return;\n        if (!this.stack.length) return;\n\n        const last = this.stack.at(-1);\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * When overlays are added manage the open state of exisiting overlays appropriately:\n     * - 'modal': should close other overlays\n     * - 'page': should close other overlays\n     * - 'hint': shouldn't close other overlays\n     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     */\n    add(overlay: OverlayBase): void {\n        if (this.stack.includes(overlay)) {\n            const overlayIndex = this.stack.indexOf(overlay);\n            if (overlayIndex > -1) {\n                this.stack.splice(overlayIndex, 1);\n                this.stack.push(overlay);\n            }\n            return;\n        }\n        if (\n            overlay.type === 'auto' ||\n            overlay.type === 'modal' ||\n            overlay.type === 'page'\n        ) {\n            // manage closing open overlays\n            const queryPathEventName = 'sp-overlay-query-path';\n            const queryPathEvent = new Event(queryPathEventName, {\n                composed: true,\n                bubbles: true,\n            });\n            overlay.addEventListener(\n                queryPathEventName,\n                (event: Event) => {\n                    const path = event.composedPath();\n                    this.stack.forEach((overlayEl) => {\n                        const inPath = path.find((el) => el === overlayEl);\n                        if (!inPath && overlayEl.type !== 'manual') {\n                            this.closeOverlay(overlayEl);\n                        }\n                    });\n                },\n                { once: true }\n            );\n            overlay.dispatchEvent(queryPathEvent);\n        } else if (overlay.type === 'hint') {\n            this.stack.forEach((overlayEl) => {\n                if (overlayEl.type === 'hint') {\n                    this.closeOverlay(overlayEl);\n                }\n            });\n        }\n        requestAnimationFrame(() => {\n            this.stack.push(overlay);\n            overlay.addEventListener('beforetoggle', this.handleBeforetoggle, {\n                once: true,\n            });\n        });\n    }\n\n    remove(overlay: OverlayBase): void {\n        this.closeOverlay(overlay);\n    }\n}\n\nexport const overlayStack = new OverlayStack();\n"],
+  "mappings": "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",
   "names": []
 }

package/src/OverlayStack.js

@@ -1,2 +1,2 @@
-"use strict";class r{constructor(){this.root=document.body;this.stack=[];this.handleClick=t=>{if(!this.stack.length)return;const e=this.stack.at(-1);if(!e||e.shouldPreventClose()||!!t.composedPath().find(n=>n===e||n===e.triggerElement))return;this.closeOverlay(e);let s=e.parentOverlayToForceClose;for(;s;)this.closeOverlay(s),s=s.parentOverlayToForceClose};this.handleBeforetoggle=t=>{const{target:e,newState:o}=t;o!=="open"&&this.closeOverlay(e)};this.handleKeydown=t=>{if(t.code!=="Escape"||!this.stack.length)return;const e=this.stack.at(-1);e&&this.closeOverlay(e)};this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerup",this.handleClick),this.document.addEventListener("keydown",this.handleKeydown)}closeOverlay(t){const e=this.stack.indexOf(t);e>-1&&this.stack.splice(e,1),t.open=!1}add(t){if(this.stack.includes(t)){const e=this.stack.indexOf(t);e>-1&&(this.stack.splice(e,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){const e="sp-overlay-query-path",o=new Event(e,{composed:!0,bubbles:!0});t.addEventListener(e,a=>{const s=a.composedPath();this.stack.forEach(n=>{!s.find(i=>i===n)&&n.type!=="manual"&&this.closeOverlay(n)})},{once:!0}),t.dispatchEvent(o)}else t.type==="hint"&&this.stack.forEach(e=>{e.type==="hint"&&this.closeOverlay(e)});requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0})})}remove(t){this.closeOverlay(t)}}export const overlayStack=new r;
+"use strict";const c="showPopover"in document.createElement("div");class h{constructor(){this.root=document.body;this.stack=[];this.handleClick=e=>{if(!this.stack.length)return;let t=-1,s=this.stack.at(t);if(s!=null&&s.shouldPreventClose())return;const o=e.composedPath();let i;for(;s&&!i;)i=s.shouldPreventClose()||!o.find(a=>a===s||a===(s==null?void 0:s.triggerElement)),i||(t-=1,s=this.stack.at(t));if(!i||!s)return;this.closeOverlay(s);let n=s.parentOverlayToForceClose;for(;n;)this.closeOverlay(n),n=n.parentOverlayToForceClose};this.handleBeforetoggle=e=>{const{target:t,newState:s}=e;s!=="open"&&this.closeOverlay(t)};this.handleKeydown=e=>{if(e.code!=="Escape"||c||!this.stack.length)return;const t=this.stack.at(-1);t&&this.closeOverlay(t)};this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerup",this.handleClick),this.document.addEventListener("keydown",this.handleKeydown)}closeOverlay(e){const t=this.stack.indexOf(e);t>-1&&this.stack.splice(t,1),e.open=!1}add(e){if(this.stack.includes(e)){const t=this.stack.indexOf(e);t>-1&&(this.stack.splice(t,1),this.stack.push(e));return}if(e.type==="auto"||e.type==="modal"||e.type==="page"){const t="sp-overlay-query-path",s=new Event(t,{composed:!0,bubbles:!0});e.addEventListener(t,o=>{const i=o.composedPath();this.stack.forEach(n=>{!i.find(r=>r===n)&&n.type!=="manual"&&this.closeOverlay(n)})},{once:!0}),e.dispatchEvent(s)}else e.type==="hint"&&this.stack.forEach(t=>{t.type==="hint"&&this.closeOverlay(t)});requestAnimationFrame(()=>{this.stack.push(e),e.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0})})}remove(e){this.closeOverlay(e)}}export const overlayStack=new h;
 //# sourceMappingURL=OverlayStack.js.map

package/src/OverlayStack.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayStack.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\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 { OverlayBase } from './OverlayBase.js';\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private root: HTMLElement = document.body;\n\n    stack: OverlayBase[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerup', this.handleClick);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: OverlayBase): void {\n        const overlayIndex = this.stack.indexOf(overlay);\n        if (overlayIndex > -1) {\n            this.stack.splice(overlayIndex, 1);\n        }\n        overlay.open = false;\n    }\n\n    handleClick = (event: Event): void => {\n        if (!this.stack.length) return;\n\n        const overlay = this.stack.at(-1);\n        if (!overlay) return;\n        if (overlay.shouldPreventClose()) return;\n\n        const composedPath = event.composedPath();\n        const shouldClose = !composedPath.find(\n            (el) => el === overlay || el === overlay.triggerElement\n        );\n        if (!shouldClose) return;\n\n        this.closeOverlay(overlay);\n        let parentToClose = overlay.parentOverlayToForceClose;\n        while (parentToClose) {\n            this.closeOverlay(parentToClose);\n            parentToClose = parentToClose.parentOverlayToForceClose;\n        }\n    };\n\n    handleBeforetoggle = (event: Event): void => {\n        const { target, newState: open } = event as Event & {\n            newState: string;\n        };\n        if (open === 'open') return;\n        this.closeOverlay(target as OverlayBase);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (!this.stack.length) return;\n\n        const last = this.stack.at(-1);\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * When overlays are added manage the open state of exisiting overlays appropriately:\n     * - 'modal': should close other overlays\n     * - 'page': should close other overlays\n     * - 'hint': shouldn't close other overlays\n     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     */\n    add(overlay: OverlayBase): void {\n        if (this.stack.includes(overlay)) {\n            const overlayIndex = this.stack.indexOf(overlay);\n            if (overlayIndex > -1) {\n                this.stack.splice(overlayIndex, 1);\n                this.stack.push(overlay);\n            }\n            return;\n        }\n        if (\n            overlay.type === 'auto' ||\n            overlay.type === 'modal' ||\n            overlay.type === 'page'\n        ) {\n            // manage closing open overlays\n            const queryPathEventName = 'sp-overlay-query-path';\n            const queryPathEvent = new Event(queryPathEventName, {\n                composed: true,\n                bubbles: true,\n            });\n            overlay.addEventListener(\n                queryPathEventName,\n                (event: Event) => {\n                    const path = event.composedPath();\n                    this.stack.forEach((overlayEl) => {\n                        const inPath = path.find((el) => el === overlayEl);\n                        if (!inPath && overlayEl.type !== 'manual') {\n                            this.closeOverlay(overlayEl);\n                        }\n                    });\n                },\n                { once: true }\n            );\n            overlay.dispatchEvent(queryPathEvent);\n        } else if (overlay.type === 'hint') {\n            this.stack.forEach((overlayEl) => {\n                if (overlayEl.type === 'hint') {\n                    this.closeOverlay(overlayEl);\n                }\n            });\n        }\n        requestAnimationFrame(() => {\n            this.stack.push(overlay);\n            overlay.addEventListener('beforetoggle', this.handleBeforetoggle, {\n                once: true,\n            });\n        });\n    }\n\n    remove(overlay: OverlayBase): void {\n        this.closeOverlay(overlay);\n    }\n}\n\nexport const overlayStack = new OverlayStack();\n"],
-  "mappings": "aAaA,MAAMA,CAAa,CASf,aAAc,CAJd,KAAQ,KAAoB,SAAS,KAErC,WAAuB,CAAC,EAmBxB,iBAAeC,GAAuB,CAClC,GAAI,CAAC,KAAK,MAAM,OAAQ,OAExB,MAAMC,EAAU,KAAK,MAAM,GAAG,EAAE,EAQhC,GAPI,CAACA,GACDA,EAAQ,mBAAmB,GAM3B,CAHgB,CADCD,EAAM,aAAa,EACN,KAC7BE,GAAOA,IAAOD,GAAWC,IAAOD,EAAQ,cAC7C,EACkB,OAElB,KAAK,aAAaA,CAAO,EACzB,IAAIE,EAAgBF,EAAQ,0BAC5B,KAAOE,GACH,KAAK,aAAaA,CAAa,EAC/BA,EAAgBA,EAAc,yBAEtC,EAEA,wBAAsBH,GAAuB,CACzC,KAAM,CAAE,OAAAI,EAAQ,SAAUC,CAAK,EAAIL,EAG/BK,IAAS,QACb,KAAK,aAAaD,CAAqB,CAC3C,EAEA,KAAQ,cAAiBJ,GAA+B,CAEpD,GADIA,EAAM,OAAS,UACf,CAAC,KAAK,MAAM,OAAQ,OAExB,MAAMM,EAAO,KAAK,MAAM,GAAG,EAAE,EACxBA,GACL,KAAK,aAAaA,CAAI,CAC1B,EApDI,KAAK,WAAW,CACpB,CAVA,IAAY,UAAqB,CAC7B,OAAO,KAAK,KAAK,eAAsC,QAC3D,CAUA,YAAmB,CACf,KAAK,SAAS,iBAAiB,YAAa,KAAK,WAAW,EAC5D,KAAK,SAAS,iBAAiB,UAAW,KAAK,aAAa,CAChE,CAEQ,aAAaL,EAA4B,CAC7C,MAAMM,EAAe,KAAK,MAAM,QAAQN,CAAO,EAC3CM,EAAe,IACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EAErCN,EAAQ,KAAO,EACnB,CAgDA,IAAIA,EAA4B,CAC5B,GAAI,KAAK,MAAM,SAASA,CAAO,EAAG,CAC9B,MAAMM,EAAe,KAAK,MAAM,QAAQN,CAAO,EAC3CM,EAAe,KACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EACjC,KAAK,MAAM,KAAKN,CAAO,GAE3B,MACJ,CACA,GACIA,EAAQ,OAAS,QACjBA,EAAQ,OAAS,SACjBA,EAAQ,OAAS,OACnB,CAEE,MAAMO,EAAqB,wBACrBC,EAAiB,IAAI,MAAMD,EAAoB,CACjD,SAAU,GACV,QAAS,EACb,CAAC,EACDP,EAAQ,iBACJO,EACCR,GAAiB,CACd,MAAMU,EAAOV,EAAM,aAAa,EAChC,KAAK,MAAM,QAASW,GAAc,CAE1B,CADWD,EAAK,KAAMR,GAAOA,IAAOS,CAAS,GAClCA,EAAU,OAAS,UAC9B,KAAK,aAAaA,CAAS,CAEnC,CAAC,CACL,EACA,CAAE,KAAM,EAAK,CACjB,EACAV,EAAQ,cAAcQ,CAAc,CACxC,MAAWR,EAAQ,OAAS,QACxB,KAAK,MAAM,QAASU,GAAc,CAC1BA,EAAU,OAAS,QACnB,KAAK,aAAaA,CAAS,CAEnC,CAAC,EAEL,sBAAsB,IAAM,CACxB,KAAK,MAAM,KAAKV,CAAO,EACvBA,EAAQ,iBAAiB,eAAgB,KAAK,mBAAoB,CAC9D,KAAM,EACV,CAAC,CACL,CAAC,CACL,CAEA,OAAOA,EAA4B,CAC/B,KAAK,aAAaA,CAAO,CAC7B,CACJ,CAEO,aAAM,aAAe,IAAIF",
-  "names": ["OverlayStack", "event", "overlay", "el", "parentToClose", "target", "open", "last", "overlayIndex", "queryPathEventName", "queryPathEvent", "path", "overlayEl"]
+  "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\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 { OverlayBase } from './OverlayBase.js';\n\nconst supportsPopover = 'showPopover' in document.createElement('div');\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private root: HTMLElement = document.body;\n\n    stack: OverlayBase[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerup', this.handleClick);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: OverlayBase): void {\n        const overlayIndex = this.stack.indexOf(overlay);\n        if (overlayIndex > -1) {\n            this.stack.splice(overlayIndex, 1);\n        }\n        overlay.open = false;\n    }\n\n    handleClick = (event: Event): void => {\n        if (!this.stack.length) return;\n\n        let reverseIndex = -1;\n        let overlay = this.stack.at(reverseIndex);\n        if (overlay?.shouldPreventClose()) return;\n\n        const composedPath = event.composedPath();\n        let shouldClose;\n        while (overlay && !shouldClose) {\n            shouldClose =\n                overlay.shouldPreventClose() ||\n                !composedPath.find(\n                    (el) => el === overlay || el === overlay?.triggerElement\n                );\n            if (!shouldClose) {\n                reverseIndex -= 1;\n                overlay = this.stack.at(reverseIndex);\n            }\n        }\n        if (!shouldClose || !overlay) {\n            return;\n        }\n\n        this.closeOverlay(overlay);\n        let parentToClose = overlay.parentOverlayToForceClose;\n        while (parentToClose) {\n            this.closeOverlay(parentToClose);\n            parentToClose = parentToClose.parentOverlayToForceClose;\n        }\n    };\n\n    handleBeforetoggle = (event: Event): void => {\n        const { target, newState: open } = event as Event & {\n            newState: string;\n        };\n        if (open === 'open') return;\n        this.closeOverlay(target as OverlayBase);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (supportsPopover) return;\n        if (!this.stack.length) return;\n\n        const last = this.stack.at(-1);\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * When overlays are added manage the open state of exisiting overlays appropriately:\n     * - 'modal': should close other overlays\n     * - 'page': should close other overlays\n     * - 'hint': shouldn't close other overlays\n     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     */\n    add(overlay: OverlayBase): void {\n        if (this.stack.includes(overlay)) {\n            const overlayIndex = this.stack.indexOf(overlay);\n            if (overlayIndex > -1) {\n                this.stack.splice(overlayIndex, 1);\n                this.stack.push(overlay);\n            }\n            return;\n        }\n        if (\n            overlay.type === 'auto' ||\n            overlay.type === 'modal' ||\n            overlay.type === 'page'\n        ) {\n            // manage closing open overlays\n            const queryPathEventName = 'sp-overlay-query-path';\n            const queryPathEvent = new Event(queryPathEventName, {\n                composed: true,\n                bubbles: true,\n            });\n            overlay.addEventListener(\n                queryPathEventName,\n                (event: Event) => {\n                    const path = event.composedPath();\n                    this.stack.forEach((overlayEl) => {\n                        const inPath = path.find((el) => el === overlayEl);\n                        if (!inPath && overlayEl.type !== 'manual') {\n                            this.closeOverlay(overlayEl);\n                        }\n                    });\n                },\n                { once: true }\n            );\n            overlay.dispatchEvent(queryPathEvent);\n        } else if (overlay.type === 'hint') {\n            this.stack.forEach((overlayEl) => {\n                if (overlayEl.type === 'hint') {\n                    this.closeOverlay(overlayEl);\n                }\n            });\n        }\n        requestAnimationFrame(() => {\n            this.stack.push(overlay);\n            overlay.addEventListener('beforetoggle', this.handleBeforetoggle, {\n                once: true,\n            });\n        });\n    }\n\n    remove(overlay: OverlayBase): void {\n        this.closeOverlay(overlay);\n    }\n}\n\nexport const overlayStack = new OverlayStack();\n"],
+  "mappings": "aAaA,MAAMA,EAAkB,gBAAiB,SAAS,cAAc,KAAK,EAErE,MAAMC,CAAa,CASf,aAAc,CAJd,KAAQ,KAAoB,SAAS,KAErC,WAAuB,CAAC,EAmBxB,iBAAeC,GAAuB,CAClC,GAAI,CAAC,KAAK,MAAM,OAAQ,OAExB,IAAIC,EAAe,GACfC,EAAU,KAAK,MAAM,GAAGD,CAAY,EACxC,GAAIC,GAAA,MAAAA,EAAS,qBAAsB,OAEnC,MAAMC,EAAeH,EAAM,aAAa,EACxC,IAAII,EACJ,KAAOF,GAAW,CAACE,GACfA,EACIF,EAAQ,mBAAmB,GAC3B,CAACC,EAAa,KACTE,GAAOA,IAAOH,GAAWG,KAAOH,GAAA,YAAAA,EAAS,eAC9C,EACCE,IACDH,GAAgB,EAChBC,EAAU,KAAK,MAAM,GAAGD,CAAY,GAG5C,GAAI,CAACG,GAAe,CAACF,EACjB,OAGJ,KAAK,aAAaA,CAAO,EACzB,IAAII,EAAgBJ,EAAQ,0BAC5B,KAAOI,GACH,KAAK,aAAaA,CAAa,EAC/BA,EAAgBA,EAAc,yBAEtC,EAEA,wBAAsBN,GAAuB,CACzC,KAAM,CAAE,OAAAO,EAAQ,SAAUC,CAAK,EAAIR,EAG/BQ,IAAS,QACb,KAAK,aAAaD,CAAqB,CAC3C,EAEA,KAAQ,cAAiBP,GAA+B,CAGpD,GAFIA,EAAM,OAAS,UACfF,GACA,CAAC,KAAK,MAAM,OAAQ,OAExB,MAAMW,EAAO,KAAK,MAAM,GAAG,EAAE,EACxBA,GACL,KAAK,aAAaA,CAAI,CAC1B,EAhEI,KAAK,WAAW,CACpB,CAVA,IAAY,UAAqB,CAC7B,OAAO,KAAK,KAAK,eAAsC,QAC3D,CAUA,YAAmB,CACf,KAAK,SAAS,iBAAiB,YAAa,KAAK,WAAW,EAC5D,KAAK,SAAS,iBAAiB,UAAW,KAAK,aAAa,CAChE,CAEQ,aAAaP,EAA4B,CAC7C,MAAMQ,EAAe,KAAK,MAAM,QAAQR,CAAO,EAC3CQ,EAAe,IACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EAErCR,EAAQ,KAAO,EACnB,CA4DA,IAAIA,EAA4B,CAC5B,GAAI,KAAK,MAAM,SAASA,CAAO,EAAG,CAC9B,MAAMQ,EAAe,KAAK,MAAM,QAAQR,CAAO,EAC3CQ,EAAe,KACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EACjC,KAAK,MAAM,KAAKR,CAAO,GAE3B,OAEJ,GACIA,EAAQ,OAAS,QACjBA,EAAQ,OAAS,SACjBA,EAAQ,OAAS,OACnB,CAEE,MAAMS,EAAqB,wBACrBC,EAAiB,IAAI,MAAMD,EAAoB,CACjD,SAAU,GACV,QAAS,EACb,CAAC,EACDT,EAAQ,iBACJS,EACCX,GAAiB,CACd,MAAMa,EAAOb,EAAM,aAAa,EAChC,KAAK,MAAM,QAASc,GAAc,CAE1B,CADWD,EAAK,KAAMR,GAAOA,IAAOS,CAAS,GAClCA,EAAU,OAAS,UAC9B,KAAK,aAAaA,CAAS,CAEnC,CAAC,CACL,EACA,CAAE,KAAM,EAAK,CACjB,EACAZ,EAAQ,cAAcU,CAAc,OAC7BV,EAAQ,OAAS,QACxB,KAAK,MAAM,QAASY,GAAc,CAC1BA,EAAU,OAAS,QACnB,KAAK,aAAaA,CAAS,CAEnC,CAAC,EAEL,sBAAsB,IAAM,CACxB,KAAK,MAAM,KAAKZ,CAAO,EACvBA,EAAQ,iBAAiB,eAAgB,KAAK,mBAAoB,CAC9D,KAAM,EACV,CAAC,CACL,CAAC,CACL,CAEA,OAAOA,EAA4B,CAC/B,KAAK,aAAaA,CAAO,CAC7B,CACJ,CAEO,aAAM,aAAe,IAAIH",
+  "names": ["supportsPopover", "OverlayStack", "event", "reverseIndex", "overlay", "composedPath", "shouldClose", "el", "parentToClose", "target", "open", "last", "overlayIndex", "queryPathEventName", "queryPathEvent", "path", "overlayEl"]
 }

package/src/OverlayTrigger.dev.js

@@ -117,6 +117,7 @@ export class OverlayTrigger extends SpectrumElement {
                         name="longpress-content"
                         @slotchange=${this.handleLongpressContent}
                     ></slot>
+                    <slot name="longpress-describedby-descriptor"></slot>
                 </sp-overlay>
                 <sp-overlay
                     id="hover-overlay"

package/src/OverlayTrigger.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayTrigger.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\n\nimport { OverlayTriggerInteractions } from './overlay-types';\nimport overlayTriggerStyles from './overlay-trigger.css.js';\nimport '../sp-overlay.dev.js'\nimport { Placement } from '@floating-ui/dom';\nimport { BeforetoggleOpenEvent, OverlayBase } from './OverlayBase.dev.js'\n\nexport type OverlayContentTypes = 'click' | 'hover' | 'longpress';\n\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\n/**\n * @element overlay-trigger\n *\n * @slot trigger - The content that will trigger the various overlays\n * @slot hover-content - The content that will be displayed on hover\n * @slot click-content - The content that will be displayed on click\n * @slot longpress-content - The content that will be displayed on click\n *\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class OverlayTrigger extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [overlayTriggerStyles];\n    }\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement?: Placement;\n\n    @property()\n    public type?: OverlayTriggerInteractions;\n\n    @property({ type: Number })\n    public offset = 6;\n\n    @property({ reflect: true })\n    public open?: OverlayContentTypes;\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @state()\n    public hasLongpressContent = false;\n\n    private longpressDescriptor?: HTMLElement;\n\n    @state()\n    private clickContent: HTMLElement[] = [];\n\n    @state()\n    private longpressContent: HTMLElement[] = [];\n\n    @state()\n    private hoverContent: HTMLElement[] = [];\n\n    @state()\n    private targetContent: HTMLElement[] = [];\n\n    @query('#click-overlay', true)\n    clickOverlayElement!: OverlayBase;\n\n    @query('#longpress-overlay', true)\n    longpressOverlayElement!: OverlayBase;\n\n    @query('#hover-overlay', true)\n    hoverOverlayElement!: OverlayBase;\n\n    private _longpressId = `longpress-describedby-descriptor`;\n\n    private getAssignedElementsFromSlot(slot: HTMLSlotElement): HTMLElement[] {\n        return slot.assignedElements({ flatten: true }) as HTMLElement[];\n    }\n\n    private handleTriggerContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.targetContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleClickContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.clickContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleLongpressContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.longpressContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleHoverContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.hoverContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleBeforetoggle(event: BeforetoggleOpenEvent): void {\n        const target = event.composedPath()[0];\n        let type: OverlayContentTypes;\n        if (target === this.clickOverlayElement) {\n            type = 'click';\n        } else if (target === this.longpressOverlayElement) {\n            type = 'longpress';\n        } else if (target === this.hoverOverlayElement) {\n            type = 'hover';\n        } else {\n            return;\n        }\n        if (event.newState === 'open') {\n            this.open = type;\n        } else if (this.open === type) {\n            this.open = undefined;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        // Keyboard event availability documented in README.md\n        /* eslint-disable lit-a11y/click-events-have-key-events */\n        return html`\n            <slot\n                id=\"trigger\"\n                name=\"trigger\"\n                @slotchange=${this.handleTriggerContent}\n            ></slot>\n            <div id=\"overlay-content\">\n                <sp-overlay\n                    id=\"click-overlay\"\n                    ?disabled=${this.disabled || !this.clickContent.length}\n                    ?open=${this.open === 'click' && !!this.clickContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'click'}\n                    .type=${this.type !== 'modal' ? 'auto' : 'modal'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"click-content\"\n                        @slotchange=${this.handleClickContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"longpress-overlay\"\n                    ?disabled=${this.disabled || !this.longpressContent.length}\n                    ?open=${this.open === 'longpress' &&\n                    !!this.longpressContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'longpress'}\n                    .type=${'auto'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"longpress-content\"\n                        @slotchange=${this.handleLongpressContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"hover-overlay\"\n                    ?disabled=${this.disabled || !this.hoverContent.length}\n                    ?open=${this.open === 'hover' && !!this.hoverContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'hover'}\n                    .type=${'hint'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"hover-content\"\n                        @slotchange=${this.handleHoverContent}\n                    ></slot>\n                </sp-overlay>\n                <slot name=${this._longpressId}></slot>\n            </div>\n        `;\n        /* eslint-enable lit-a11y/click-events-have-key-events */\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (this.disabled && changes.has('disabled')) {\n            this.open = undefined;\n            return;\n        }\n        if (\n            changes.has('hasLongpressContent') &&\n            typeof changes.get('hasLongpressContent') !== 'undefined'\n        ) {\n            this.manageLongpressDescriptor();\n        }\n    }\n\n    protected manageLongpressDescriptor(): void {\n        const trigger = this.querySelector(\n            '[slot=\"trigger\"]'\n        ) as SpectrumElement;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby');\n        let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n\n        if (this.hasLongpressContent) {\n            if (!this.longpressDescriptor) {\n                this.longpressDescriptor = document.createElement(\n                    'div'\n                ) as HTMLElement;\n\n                this.longpressDescriptor.id = this._longpressId;\n                this.longpressDescriptor.slot = this._longpressId;\n            }\n            const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n            this.longpressDescriptor.textContent =\n                LONGPRESS_INSTRUCTIONS[messageType];\n            this.appendChild(this.longpressDescriptor);\n            descriptors.push(this._longpressId);\n        } else {\n            if (this.longpressDescriptor) this.longpressDescriptor.remove();\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._longpressId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        return complete;\n    }\n\n    protected override willUpdate(): void {\n        if ((this.placement as unknown as 'none') === 'none') {\n            this.placement = undefined;\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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\n\nimport { OverlayTriggerInteractions } from './overlay-types';\nimport overlayTriggerStyles from './overlay-trigger.css.js';\nimport '../sp-overlay.dev.js'\nimport { Placement } from '@floating-ui/dom';\nimport { BeforetoggleOpenEvent, OverlayBase } from './OverlayBase.dev.js'\n\nexport type OverlayContentTypes = 'click' | 'hover' | 'longpress';\n\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\n/**\n * @element overlay-trigger\n *\n * @slot trigger - The content that will trigger the various overlays\n * @slot hover-content - The content that will be displayed on hover\n * @slot click-content - The content that will be displayed on click\n * @slot longpress-content - The content that will be displayed on click\n *\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class OverlayTrigger extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [overlayTriggerStyles];\n    }\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement?: Placement;\n\n    @property()\n    public type?: OverlayTriggerInteractions;\n\n    @property({ type: Number })\n    public offset = 6;\n\n    @property({ reflect: true })\n    public open?: OverlayContentTypes;\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @state()\n    public hasLongpressContent = false;\n\n    private longpressDescriptor?: HTMLElement;\n\n    @state()\n    private clickContent: HTMLElement[] = [];\n\n    @state()\n    private longpressContent: HTMLElement[] = [];\n\n    @state()\n    private hoverContent: HTMLElement[] = [];\n\n    @state()\n    private targetContent: HTMLElement[] = [];\n\n    @query('#click-overlay', true)\n    clickOverlayElement!: OverlayBase;\n\n    @query('#longpress-overlay', true)\n    longpressOverlayElement!: OverlayBase;\n\n    @query('#hover-overlay', true)\n    hoverOverlayElement!: OverlayBase;\n\n    private _longpressId = `longpress-describedby-descriptor`;\n\n    private getAssignedElementsFromSlot(slot: HTMLSlotElement): HTMLElement[] {\n        return slot.assignedElements({ flatten: true }) as HTMLElement[];\n    }\n\n    private handleTriggerContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.targetContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleClickContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.clickContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleLongpressContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.longpressContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleHoverContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.hoverContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleBeforetoggle(event: BeforetoggleOpenEvent): void {\n        const target = event.composedPath()[0];\n        let type: OverlayContentTypes;\n        if (target === this.clickOverlayElement) {\n            type = 'click';\n        } else if (target === this.longpressOverlayElement) {\n            type = 'longpress';\n        } else if (target === this.hoverOverlayElement) {\n            type = 'hover';\n        } else {\n            return;\n        }\n        if (event.newState === 'open') {\n            this.open = type;\n        } else if (this.open === type) {\n            this.open = undefined;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        // Keyboard event availability documented in README.md\n        /* eslint-disable lit-a11y/click-events-have-key-events */\n        return html`\n            <slot\n                id=\"trigger\"\n                name=\"trigger\"\n                @slotchange=${this.handleTriggerContent}\n            ></slot>\n            <div id=\"overlay-content\">\n                <sp-overlay\n                    id=\"click-overlay\"\n                    ?disabled=${this.disabled || !this.clickContent.length}\n                    ?open=${this.open === 'click' && !!this.clickContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'click'}\n                    .type=${this.type !== 'modal' ? 'auto' : 'modal'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"click-content\"\n                        @slotchange=${this.handleClickContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"longpress-overlay\"\n                    ?disabled=${this.disabled || !this.longpressContent.length}\n                    ?open=${this.open === 'longpress' &&\n                    !!this.longpressContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'longpress'}\n                    .type=${'auto'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"longpress-content\"\n                        @slotchange=${this.handleLongpressContent}\n                    ></slot>\n                    <slot name=\"longpress-describedby-descriptor\"></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"hover-overlay\"\n                    ?disabled=${this.disabled || !this.hoverContent.length}\n                    ?open=${this.open === 'hover' && !!this.hoverContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'hover'}\n                    .type=${'hint'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"hover-content\"\n                        @slotchange=${this.handleHoverContent}\n                    ></slot>\n                </sp-overlay>\n                <slot name=${this._longpressId}></slot>\n            </div>\n        `;\n        /* eslint-enable lit-a11y/click-events-have-key-events */\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (this.disabled && changes.has('disabled')) {\n            this.open = undefined;\n            return;\n        }\n        if (\n            changes.has('hasLongpressContent') &&\n            typeof changes.get('hasLongpressContent') !== 'undefined'\n        ) {\n            this.manageLongpressDescriptor();\n        }\n    }\n\n    protected manageLongpressDescriptor(): void {\n        const trigger = this.querySelector(\n            '[slot=\"trigger\"]'\n        ) as SpectrumElement;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby');\n        let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n\n        if (this.hasLongpressContent) {\n            if (!this.longpressDescriptor) {\n                this.longpressDescriptor = document.createElement(\n                    'div'\n                ) as HTMLElement;\n\n                this.longpressDescriptor.id = this._longpressId;\n                this.longpressDescriptor.slot = this._longpressId;\n            }\n            const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n            this.longpressDescriptor.textContent =\n                LONGPRESS_INSTRUCTIONS[messageType];\n            this.appendChild(this.longpressDescriptor);\n            descriptors.push(this._longpressId);\n        } else {\n            if (this.longpressDescriptor) this.longpressDescriptor.remove();\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._longpressId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        return complete;\n    }\n\n    protected override willUpdate(): void {\n        if ((this.placement as unknown as 'none') === 'none') {\n            this.placement = undefined;\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAGP,OAAO,0BAA0B;AACjC,OAAO;AAMA,aAAM,yBAAyB;AAAA,EAClC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACX;AAaO,aAAM,uBAAuB,gBAAgB;AAAA,EAA7C;AAAA;AAgBH,SAAO,SAAS;AAMhB,SAAO,WAAW;AAGlB,SAAO,sBAAsB;AAK7B,SAAQ,eAA8B,CAAC;AAGvC,SAAQ,mBAAkC,CAAC;AAG3C,SAAQ,eAA8B,CAAC;AAGvC,SAAQ,gBAA+B,CAAC;AAWxC,SAAQ,eAAe;AAAA;AAAA,EAjDvB,WAA2B,SAAyB;AAChD,WAAO,CAAC,oBAAoB;AAAA,EAChC;AAAA,EAiDQ,4BAA4B,MAAsC;AACtE,WAAO,KAAK,iBAAiB,EAAE,SAAS,KAAK,CAAC;AAAA,EAClD;AAAA,EAEQ,qBACJ,OACI;AACJ,SAAK,gBAAgB,KAAK,4BAA4B,MAAM,MAAM;AAAA,EACtE;AAAA,EAEQ,mBACJ,OACI;AACJ,SAAK,eAAe,KAAK,4BAA4B,MAAM,MAAM;AAAA,EACrE;AAAA,EAEQ,uBACJ,OACI;AACJ,SAAK,mBAAmB,KAAK,4BAA4B,MAAM,MAAM;AAAA,EACzE;AAAA,EAEQ,mBACJ,OACI;AACJ,SAAK,eAAe,KAAK,4BAA4B,MAAM,MAAM;AAAA,EACrE;AAAA,EAEQ,mBAAmB,OAAoC;AAC3D,UAAM,SAAS,MAAM,aAAa,EAAE,CAAC;AACrC,QAAI;AACJ,QAAI,WAAW,KAAK,qBAAqB;AACrC,aAAO;AAAA,IACX,WAAW,WAAW,KAAK,yBAAyB;AAChD,aAAO;AAAA,IACX,WAAW,WAAW,KAAK,qBAAqB;AAC5C,aAAO;AAAA,IACX,OAAO;AACH;AAAA,IACJ;AACA,QAAI,MAAM,aAAa,QAAQ;AAC3B,WAAK,OAAO;AAAA,IAChB,WAAW,KAAK,SAAS,MAAM;AAC3B,WAAK,OAAO;AAAA,IAChB;AAAA,EACJ;AAAA,EAEmB,SAAyB;AAGxC,WAAO;AAAA;AAAA;AAAA;AAAA,8BAIe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKH,KAAK,YAAY,CAAC,KAAK,aAAa;AAAA,4BACxC,KAAK,SAAS,WAAW,CAAC,CAAC,KAAK,aAAa;AAAA,8BAC3C,KAAK;AAAA,iCACF,KAAK;AAAA,sCACA,KAAK,cAAc,CAAC;AAAA,0CAChB;AAAA,4BACd,KAAK,SAAS,UAAU,SAAS;AAAA,oCACzB,KAAK;AAAA;AAAA;AAAA;AAAA,sCAIH,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKX,KAAK,YAAY,CAAC,KAAK,iBAAiB;AAAA,4BAC5C,KAAK,SAAS,eACtB,CAAC,CAAC,KAAK,iBAAiB;AAAA,8BACd,KAAK;AAAA,iCACF,KAAK;AAAA,sCACA,KAAK,cAAc,CAAC;AAAA,0CAChB;AAAA,4BACd;AAAA,oCACQ,KAAK;AAAA;AAAA;AAAA;AAAA,sCAIH,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAMX,KAAK,YAAY,CAAC,KAAK,aAAa;AAAA,4BACxC,KAAK,SAAS,WAAW,CAAC,CAAC,KAAK,aAAa;AAAA,8BAC3C,KAAK;AAAA,iCACF,KAAK;AAAA,sCACA,KAAK,cAAc,CAAC;AAAA,0CAChB;AAAA,4BACd;AAAA,oCACQ,KAAK;AAAA;AAAA;AAAA;AAAA,sCAIH,KAAK;AAAA;AAAA;AAAA,6BAGd,KAAK;AAAA;AAAA;AAAA,EAI9B;AAAA,EAEmB,QAAQ,SAAqC;AAC5D,UAAM,QAAQ,OAAO;AACrB,QAAI,KAAK,YAAY,QAAQ,IAAI,UAAU,GAAG;AAC1C,WAAK,OAAO;AACZ;AAAA,IACJ;AACA,QACI,QAAQ,IAAI,qBAAqB,KACjC,OAAO,QAAQ,IAAI,qBAAqB,MAAM,aAChD;AACE,WAAK,0BAA0B;AAAA,IACnC;AAAA,EACJ;AAAA,EAEU,4BAAkC;AACxC,UAAM,UAAU,KAAK;AAAA,MACjB;AAAA,IACJ;AACA,UAAM,kBAAkB,QAAQ,aAAa,kBAAkB;AAC/D,QAAI,cAAc,kBAAkB,gBAAgB,MAAM,KAAK,IAAI,CAAC;AAEpE,QAAI,KAAK,qBAAqB;AAC1B,UAAI,CAAC,KAAK,qBAAqB;AAC3B,aAAK,sBAAsB,SAAS;AAAA,UAChC;AAAA,QACJ;AAEA,aAAK,oBAAoB,KAAK,KAAK;AACnC,aAAK,oBAAoB,OAAO,KAAK;AAAA,MACzC;AACA,YAAM,cAAc,MAAM,KAAK,UAAU,IAAI,UAAU;AACvD,WAAK,oBAAoB,cACrB,uBAAuB,WAAW;AACtC,WAAK,YAAY,KAAK,mBAAmB;AACzC,kBAAY,KAAK,KAAK,YAAY;AAAA,IACtC,OAAO;AACH,UAAI,KAAK;AAAqB,aAAK,oBAAoB,OAAO;AAC9D,oBAAc,YAAY;AAAA,QACtB,CAAC,eAAe,eAAe,KAAK;AAAA,MACxC;AAAA,IACJ;AACA,QAAI,YAAY,QAAQ;AACpB,cAAQ,aAAa,oBAAoB,YAAY,KAAK,GAAG,CAAC;AAAA,IAClE,OAAO;AACH,cAAQ,gBAAgB,kBAAkB;AAAA,IAC9C;AAAA,EACJ;AAAA,EAEA,MAAyB,oBAAsC;AAC3D,UAAM,WAAY,MAAM,MAAM,kBAAkB;AAChD,WAAO;AAAA,EACX;AAAA,EAEmB,aAAmB;AAClC,QAAK,KAAK,cAAoC,QAAQ;AAClD,WAAK,YAAY;AAAA,IACrB;AAAA,EACJ;AACJ;AArNW;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GATlB,eAUF;AAGA;AAAA,EADN,SAAS;AAAA,GAZD,eAaF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAfjB,eAgBF;AAGA;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAlBlB,eAmBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GArBjC,eAsBF;AAGA;AAAA,EADN,MAAM;AAAA,GAxBE,eAyBF;AAKC;AAAA,EADP,MAAM;AAAA,GA7BE,eA8BD;AAGA;AAAA,EADP,MAAM;AAAA,GAhCE,eAiCD;AAGA;AAAA,EADP,MAAM;AAAA,GAnCE,eAoCD;AAGA;AAAA,EADP,MAAM;AAAA,GAtCE,eAuCD;AAGR;AAAA,EADC,MAAM,kBAAkB,IAAI;AAAA,GAzCpB,eA0CT;AAGA;AAAA,EADC,MAAM,sBAAsB,IAAI;AAAA,GA5CxB,eA6CT;AAGA;AAAA,EADC,MAAM,kBAAkB,IAAI;AAAA,GA/CpB,eAgDT;",
   "names": []
 }

package/src/OverlayTrigger.js

@@ -36,6 +36,7 @@
                         name="longpress-content"
                         @slotchange=${this.handleLongpressContent}
                     ></slot>
+                    <slot name="longpress-describedby-descriptor"></slot>
                 </sp-overlay>
                 <sp-overlay
                     id="hover-overlay"

package/src/OverlayTrigger.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayTrigger.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\n\nimport { OverlayTriggerInteractions } from './overlay-types';\nimport overlayTriggerStyles from './overlay-trigger.css.js';\nimport '../sp-overlay.js';\nimport { Placement } from '@floating-ui/dom';\nimport { BeforetoggleOpenEvent, OverlayBase } from './OverlayBase.js';\n\nexport type OverlayContentTypes = 'click' | 'hover' | 'longpress';\n\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\n/**\n * @element overlay-trigger\n *\n * @slot trigger - The content that will trigger the various overlays\n * @slot hover-content - The content that will be displayed on hover\n * @slot click-content - The content that will be displayed on click\n * @slot longpress-content - The content that will be displayed on click\n *\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class OverlayTrigger extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [overlayTriggerStyles];\n    }\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement?: Placement;\n\n    @property()\n    public type?: OverlayTriggerInteractions;\n\n    @property({ type: Number })\n    public offset = 6;\n\n    @property({ reflect: true })\n    public open?: OverlayContentTypes;\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @state()\n    public hasLongpressContent = false;\n\n    private longpressDescriptor?: HTMLElement;\n\n    @state()\n    private clickContent: HTMLElement[] = [];\n\n    @state()\n    private longpressContent: HTMLElement[] = [];\n\n    @state()\n    private hoverContent: HTMLElement[] = [];\n\n    @state()\n    private targetContent: HTMLElement[] = [];\n\n    @query('#click-overlay', true)\n    clickOverlayElement!: OverlayBase;\n\n    @query('#longpress-overlay', true)\n    longpressOverlayElement!: OverlayBase;\n\n    @query('#hover-overlay', true)\n    hoverOverlayElement!: OverlayBase;\n\n    private _longpressId = `longpress-describedby-descriptor`;\n\n    private getAssignedElementsFromSlot(slot: HTMLSlotElement): HTMLElement[] {\n        return slot.assignedElements({ flatten: true }) as HTMLElement[];\n    }\n\n    private handleTriggerContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.targetContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleClickContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.clickContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleLongpressContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.longpressContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleHoverContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.hoverContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleBeforetoggle(event: BeforetoggleOpenEvent): void {\n        const target = event.composedPath()[0];\n        let type: OverlayContentTypes;\n        if (target === this.clickOverlayElement) {\n            type = 'click';\n        } else if (target === this.longpressOverlayElement) {\n            type = 'longpress';\n        } else if (target === this.hoverOverlayElement) {\n            type = 'hover';\n        } else {\n            return;\n        }\n        if (event.newState === 'open') {\n            this.open = type;\n        } else if (this.open === type) {\n            this.open = undefined;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        // Keyboard event availability documented in README.md\n        /* eslint-disable lit-a11y/click-events-have-key-events */\n        return html`\n            <slot\n                id=\"trigger\"\n                name=\"trigger\"\n                @slotchange=${this.handleTriggerContent}\n            ></slot>\n            <div id=\"overlay-content\">\n                <sp-overlay\n                    id=\"click-overlay\"\n                    ?disabled=${this.disabled || !this.clickContent.length}\n                    ?open=${this.open === 'click' && !!this.clickContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'click'}\n                    .type=${this.type !== 'modal' ? 'auto' : 'modal'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"click-content\"\n                        @slotchange=${this.handleClickContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"longpress-overlay\"\n                    ?disabled=${this.disabled || !this.longpressContent.length}\n                    ?open=${this.open === 'longpress' &&\n                    !!this.longpressContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'longpress'}\n                    .type=${'auto'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"longpress-content\"\n                        @slotchange=${this.handleLongpressContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"hover-overlay\"\n                    ?disabled=${this.disabled || !this.hoverContent.length}\n                    ?open=${this.open === 'hover' && !!this.hoverContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'hover'}\n                    .type=${'hint'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"hover-content\"\n                        @slotchange=${this.handleHoverContent}\n                    ></slot>\n                </sp-overlay>\n                <slot name=${this._longpressId}></slot>\n            </div>\n        `;\n        /* eslint-enable lit-a11y/click-events-have-key-events */\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (this.disabled && changes.has('disabled')) {\n            this.open = undefined;\n            return;\n        }\n        if (\n            changes.has('hasLongpressContent') &&\n            typeof changes.get('hasLongpressContent') !== 'undefined'\n        ) {\n            this.manageLongpressDescriptor();\n        }\n    }\n\n    protected manageLongpressDescriptor(): void {\n        const trigger = this.querySelector(\n            '[slot=\"trigger\"]'\n        ) as SpectrumElement;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby');\n        let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n\n        if (this.hasLongpressContent) {\n            if (!this.longpressDescriptor) {\n                this.longpressDescriptor = document.createElement(\n                    'div'\n                ) as HTMLElement;\n\n                this.longpressDescriptor.id = this._longpressId;\n                this.longpressDescriptor.slot = this._longpressId;\n            }\n            const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n            this.longpressDescriptor.textContent =\n                LONGPRESS_INSTRUCTIONS[messageType];\n            this.appendChild(this.longpressDescriptor);\n            descriptors.push(this._longpressId);\n        } else {\n            if (this.longpressDescriptor) this.longpressDescriptor.remove();\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._longpressId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        return complete;\n    }\n\n    protected override willUpdate(): void {\n        if ((this.placement as unknown as 'none') === 'none') {\n            this.placement = undefined;\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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\n\nimport { OverlayTriggerInteractions } from './overlay-types';\nimport overlayTriggerStyles from './overlay-trigger.css.js';\nimport '../sp-overlay.js';\nimport { Placement } from '@floating-ui/dom';\nimport { BeforetoggleOpenEvent, OverlayBase } from './OverlayBase.js';\n\nexport type OverlayContentTypes = 'click' | 'hover' | 'longpress';\n\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\n/**\n * @element overlay-trigger\n *\n * @slot trigger - The content that will trigger the various overlays\n * @slot hover-content - The content that will be displayed on hover\n * @slot click-content - The content that will be displayed on click\n * @slot longpress-content - The content that will be displayed on click\n *\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class OverlayTrigger extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [overlayTriggerStyles];\n    }\n\n    /**\n     * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n     * @attr\n     */\n    @property({ reflect: true })\n    public placement?: Placement;\n\n    @property()\n    public type?: OverlayTriggerInteractions;\n\n    @property({ type: Number })\n    public offset = 6;\n\n    @property({ reflect: true })\n    public open?: OverlayContentTypes;\n\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\n    @state()\n    public hasLongpressContent = false;\n\n    private longpressDescriptor?: HTMLElement;\n\n    @state()\n    private clickContent: HTMLElement[] = [];\n\n    @state()\n    private longpressContent: HTMLElement[] = [];\n\n    @state()\n    private hoverContent: HTMLElement[] = [];\n\n    @state()\n    private targetContent: HTMLElement[] = [];\n\n    @query('#click-overlay', true)\n    clickOverlayElement!: OverlayBase;\n\n    @query('#longpress-overlay', true)\n    longpressOverlayElement!: OverlayBase;\n\n    @query('#hover-overlay', true)\n    hoverOverlayElement!: OverlayBase;\n\n    private _longpressId = `longpress-describedby-descriptor`;\n\n    private getAssignedElementsFromSlot(slot: HTMLSlotElement): HTMLElement[] {\n        return slot.assignedElements({ flatten: true }) as HTMLElement[];\n    }\n\n    private handleTriggerContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.targetContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleClickContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.clickContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleLongpressContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.longpressContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleHoverContent(\n        event: Event & { target: HTMLSlotElement }\n    ): void {\n        this.hoverContent = this.getAssignedElementsFromSlot(event.target);\n    }\n\n    private handleBeforetoggle(event: BeforetoggleOpenEvent): void {\n        const target = event.composedPath()[0];\n        let type: OverlayContentTypes;\n        if (target === this.clickOverlayElement) {\n            type = 'click';\n        } else if (target === this.longpressOverlayElement) {\n            type = 'longpress';\n        } else if (target === this.hoverOverlayElement) {\n            type = 'hover';\n        } else {\n            return;\n        }\n        if (event.newState === 'open') {\n            this.open = type;\n        } else if (this.open === type) {\n            this.open = undefined;\n        }\n    }\n\n    protected override render(): TemplateResult {\n        // Keyboard event availability documented in README.md\n        /* eslint-disable lit-a11y/click-events-have-key-events */\n        return html`\n            <slot\n                id=\"trigger\"\n                name=\"trigger\"\n                @slotchange=${this.handleTriggerContent}\n            ></slot>\n            <div id=\"overlay-content\">\n                <sp-overlay\n                    id=\"click-overlay\"\n                    ?disabled=${this.disabled || !this.clickContent.length}\n                    ?open=${this.open === 'click' && !!this.clickContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'click'}\n                    .type=${this.type !== 'modal' ? 'auto' : 'modal'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"click-content\"\n                        @slotchange=${this.handleClickContent}\n                    ></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"longpress-overlay\"\n                    ?disabled=${this.disabled || !this.longpressContent.length}\n                    ?open=${this.open === 'longpress' &&\n                    !!this.longpressContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'longpress'}\n                    .type=${'auto'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"longpress-content\"\n                        @slotchange=${this.handleLongpressContent}\n                    ></slot>\n                    <slot name=\"longpress-describedby-descriptor\"></slot>\n                </sp-overlay>\n                <sp-overlay\n                    id=\"hover-overlay\"\n                    ?disabled=${this.disabled || !this.hoverContent.length}\n                    ?open=${this.open === 'hover' && !!this.hoverContent.length}\n                    .offset=${this.offset}\n                    .placement=${this.placement}\n                    .triggerElement=${this.targetContent[0]}\n                    .triggerInteraction=${'hover'}\n                    .type=${'hint'}\n                    @beforetoggle=${this.handleBeforetoggle}\n                >\n                    <slot\n                        name=\"hover-content\"\n                        @slotchange=${this.handleHoverContent}\n                    ></slot>\n                </sp-overlay>\n                <slot name=${this._longpressId}></slot>\n            </div>\n        `;\n        /* eslint-enable lit-a11y/click-events-have-key-events */\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (this.disabled && changes.has('disabled')) {\n            this.open = undefined;\n            return;\n        }\n        if (\n            changes.has('hasLongpressContent') &&\n            typeof changes.get('hasLongpressContent') !== 'undefined'\n        ) {\n            this.manageLongpressDescriptor();\n        }\n    }\n\n    protected manageLongpressDescriptor(): void {\n        const trigger = this.querySelector(\n            '[slot=\"trigger\"]'\n        ) as SpectrumElement;\n        const ariaDescribedby = trigger.getAttribute('aria-describedby');\n        let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n\n        if (this.hasLongpressContent) {\n            if (!this.longpressDescriptor) {\n                this.longpressDescriptor = document.createElement(\n                    'div'\n                ) as HTMLElement;\n\n                this.longpressDescriptor.id = this._longpressId;\n                this.longpressDescriptor.slot = this._longpressId;\n            }\n            const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n            this.longpressDescriptor.textContent =\n                LONGPRESS_INSTRUCTIONS[messageType];\n            this.appendChild(this.longpressDescriptor);\n            descriptors.push(this._longpressId);\n        } else {\n            if (this.longpressDescriptor) this.longpressDescriptor.remove();\n            descriptors = descriptors.filter(\n                (descriptor) => descriptor !== this._longpressId\n            );\n        }\n        if (descriptors.length) {\n            trigger.setAttribute('aria-describedby', descriptors.join(' '));\n        } else {\n            trigger.removeAttribute('aria-describedby');\n        }\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        return complete;\n    }\n\n    protected override willUpdate(): void {\n        if ((this.placement as unknown as 'none') === 'none') {\n            this.placement = undefined;\n        }\n    }\n}\n"],
+  "mappings": "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",
   "names": ["html", "SpectrumElement", "property", "query", "state", "isAndroid", "isIOS", "overlayTriggerStyles", "slot", "event", "target", "type", "changes", "trigger", "ariaDescribedby", "descriptors", "messageType", "descriptor", "__decorateClass"]
 }

package/src/PlacementController.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["PlacementController.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*/\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport {\n    arrow,\n    autoUpdate,\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';\nimport type { OpenableElement, OverlayBase } from './OverlayBase.js';\n// import { fullSize } from './fullSizePlugin.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\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 placementUpdatedSymbol = Symbol('placement updated');\n\nexport class PlacementController implements ReactiveController {\n    private cleanup?: () => void;\n\n    initialHeight?: number;\n\n    isConstrained?: boolean;\n\n    private host!: ReactiveElement & { elements: OpenableElement[] };\n\n    private options!: OverlayOptions;\n\n    private originalPlacements = new WeakMap<HTMLElement, Placement>();\n\n    private target!: HTMLElement;\n\n    constructor(host: ReactiveElement & { elements: OpenableElement[] }) {\n        this.host = host;\n        // Add the controller after the MutationObserver has been created in preparation\n        // for the `hostConnected`/`hostDisconnected` callbacks to be run.\n        this.host.addController(this);\n    }\n\n    public async placeOverlay(\n        target: HTMLElement = this.target,\n        options: OverlayOptions = this.options\n    ): Promise<void> {\n        this.target = target;\n        this.options = options;\n        if (!target || !options) return;\n\n        const cleanup = autoUpdate(\n            options.trigger,\n            target,\n            this.updatePlacement,\n            {\n                elementResize: false,\n            }\n        );\n        this.cleanup = () => {\n            this.host.elements?.forEach((element) => {\n                element.addEventListener(\n                    'sp-closed',\n                    () => {\n                        const placement = this.originalPlacements.get(element);\n                        if (placement) {\n                            element.setAttribute('placement', placement);\n                        }\n                        this.originalPlacements.delete(element);\n                    },\n                    { once: true }\n                );\n            });\n            cleanup();\n        };\n    }\n\n    updatePlacement = (): void => {\n        if (this.options.type !== 'modal' && this.cleanup) {\n            this.target.dispatchEvent(new Event('close', { bubbles: true }));\n            return;\n        }\n        this.computePlacement();\n    };\n\n    async computePlacement(): Promise<void> {\n        const { options, target } = this;\n\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\n        const [mainAxis = 0, crossAxis = 0] = Array.isArray(options?.offset)\n            ? options.offset\n            : [options.offset, 0];\n\n        const tipElement = this.host.elements.find(\n            (el) => el.tipElement\n        )?.tipElement;\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                    this.initialHeight = !this.isConstrained // && !this.virtualTrigger\n                        ? actualHeight\n                        : this.initialHeight || actualHeight;\n                    this.isConstrained =\n                        actualHeight < this.initialHeight ||\n                        maxHeight <= actualHeight;\n                    const appliedHeight = this.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            ...(tipElement ? [arrow({ element: tipElement })] : []),\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        Object.assign(target.style, {\n            top: '0px',\n            left: '0px',\n            transform: `translate(${roundByDPR(x)}px, ${roundByDPR(y)}px)`,\n        });\n\n        target.setAttribute('actual-placement', placement);\n        this.host.elements?.forEach((element) => {\n            this.originalPlacements.set(\n                element,\n                element.getAttribute('placement') as Placement\n            );\n            element.setAttribute('placement', placement);\n        });\n\n        if (tipElement && middlewareData.arrow) {\n            const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n            Object.assign(tipElement.style, {\n                top:\n                    placement.startsWith('right') ||\n                    placement.startsWith('left')\n                        ? '0px'\n                        : '',\n                left:\n                    placement.startsWith('bottom') ||\n                    placement.startsWith('top')\n                        ? '0px'\n                        : '',\n                transform: `translate(${roundByDPR(arrowX)}px, ${roundByDPR(\n                    arrowY\n                )}px)`,\n            });\n        }\n    }\n\n    public resetOverlayPosition = (): void => {\n        if (!this.target || !this.options) return;\n\n        this.target.style.removeProperty('max-height');\n        this.target.style.removeProperty('height');\n        this.initialHeight = undefined;\n        this.isConstrained = false;\n        // force paint\n        this.host.offsetHeight;\n        this.computePlacement();\n    };\n\n    hostConnected(): void {\n        document.addEventListener(\n            'sp-update-overlays',\n            this.resetOverlayPosition\n        );\n    }\n\n    hostUpdated(): void {\n        if (!(this.host as OverlayBase).open) {\n            this.cleanup?.();\n            this.cleanup = undefined;\n        }\n    }\n\n    hostDisconnected(): void {\n        this.cleanup?.();\n        this.cleanup = undefined;\n        document.removeEventListener(\n            'sp-update-overlays',\n            this.resetOverlayPosition\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["arrow", "autoUpdate", "computePosition", "flip", "offset", "shift", "size", "topLayerOverTransforms", "roundByDPR", "num", "dpr", "REQUIRED_DISTANCE_TO_EDGE", "MIN_OVERLAY_HEIGHT", "getFallbackPlacements", "placement", "_a", "host", "target", "options", "cleanup", "element", "_b", "flipMiddleware", "mainAxis", "crossAxis", "tipElement", "el", "middleware", "availableWidth", "availableHeight", "floating", "maxHeight", "actualHeight", "appliedHeight", "x", "y", "middlewareData", "arrowX", "arrowY"]
 }

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

@@ -3,7 +3,7 @@ import { css } from "@spectrum-web-components/base";
 const styles = css`
 :host{--swc-overlay-animation-distance:var(
 --spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
-);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)}}
+)}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)}}
 `;
 export default styles;
 //# sourceMappingURL=overlay-base.css.dev.js.map

package/src/overlay-base.css.dev.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,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAKf,eAAe;",
   "names": []
 }

package/src/overlay-base.css.js

@@ -1,6 +1,6 @@
 "use strict";import{css as a}from"@spectrum-web-components/base";const o=a`
 :host{--swc-overlay-animation-distance:var(
 --spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
-);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)}}
+)}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)}}
 `;export default o;
 //# sourceMappingURL=overlay-base.css.js.map