@spectrum-web-components/overlay 0.19.2-overlay.33 → 0.19.2

package/src/OverlayElement.js

@@ -1,9 +0,0 @@
-"use strict";var m=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var n=(d,a,e,t)=>{for(var i=t>1?void 0:t?g(a,e):a,r=d.length-1,s;r>=0;r--)(s=d[r])&&(i=(t?s(a,e,i):s(i))||i);return t&&i&&m(a,e,i),i};import{html as v,SpectrumElement as f}from"@spectrum-web-components/base";import{property as o,query as p,queryAssignedElements as E,state as h}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as P,styleMap as L}from"@spectrum-web-components/base/src/directives.js";import{ElementResolutionController as y,elementResolverUpdatedSymbol as b}from"@spectrum-web-components/reactive-controllers/src/ElementResolution.js";import{conditionAttributeWithId as w}from"@spectrum-web-components/base/src/condition-attribute-with-id.js";import k from"./overlay-element.css.js";import{updateOverlayPosition as C}from"./placement.js";export const supportTopLayer=CSS.supports("selector(:open)");const T=300;let u;export const LONGPRESS_INSTRUCTIONS={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"};const l=class extends f{constructor(){super(...arguments);this.delayed=!1;this.id="";this.longpressed=!1;this.offset=6;this.open=!1;this.receivesFocus="auto";this.triggerElement=null;this.type="hint";this.elementResolver=new y(this);this.releaseAriaDescribedby=()=>{};this.handlePointerdown=e=>{!this.triggerElement||e.button===0&&(this.longpressed=!1,this.triggerElement.addEventListener("pointerup",this.handlePointerup),this.triggerElement.addEventListener("pointercancel",this.handlePointerup),u=setTimeout(()=>{!this.triggerElement||this.triggerElement.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},T))};this.handlePointerup=()=>{clearTimeout(u),this.triggerElement&&(this.longpressed&&(this.open=!0),this.longpressed=!1,this.triggerElement.removeEventListener("pointerup",this.handlePointerup),this.triggerElement.removeEventListener("pointercancel",this.handlePointerup))};this.handleKeydown=e=>{const{code:t,altKey:i}=e;(t==="Space"||i&&t==="ArrowDown")&&t==="ArrowDown"&&(e.stopPropagation(),e.stopImmediatePropagation())};this.handleKeyup=e=>{const{code:t,altKey:i}=e;(t==="Space"||i&&t==="ArrowDown")&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})))};this.handleClick=()=>{var e;this.open=!0,(e=this.triggerElement)==null||e.removeEventListener("click",this.handleClick)};this.focusedin=!1;this.handleFocusin=()=>{this.open=!0,this.focusedin=!0};this.handleFocusout=()=>{this.focusedin=!1,!this.pointerentered&&(this.open=!1)};this.pointerentered=!1;this.handlePointerenter=()=>{this.open=!0,this.pointerentered=!0};this.handlePointerleave=()=>{var e;this.pointerentered=!1,!(this.focusedin&&((e=this.triggerElement)==null?void 0:e.matches(":focus-visible")))&&(this.open=!1)};this.handleLongpress=()=>{this.open=!0,this.longpressed=!0}}get usesDialog(){return this.type==="modal"||this.type==="page"}get popoverValue(){switch(this.type){case"modal":case"page":return;case"hint":return"manual";default:return this.type}}manageChildren(e){this.elements.forEach(t=>{typeof t.open!="undefined"&&(t.open=e)})}manageDialogOpen(){}managePopoverOpen(){const e=(t=()=>{})=>{var i;(i=this.elements[0])==null||i.addEventListener("transitionend",t,{once:!0}),this.manageChildren(!1)};supportTopLayer?this.open?this.dialogEl.matches(":open")||this.dialogEl.showPopover():this.dialogEl.matches(":open")?e(()=>{this.open||this.dialogEl.hidePopover()}):e():this.open||e()}get requiresPosition(){return console.log(this.type,this.open,this.triggerElement,this.placement),!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){var s;if(!this.requiresPosition)return;const e=this.offset||0,t=this.triggerElement,i=this.placement||"right",r=(s=this.elements.find(c=>c.tipElement))==null?void 0:s.tipElement;C(this.dialogEl,{offset:e,placement:i,trigger:t,type:this.type},{elements:this.elements,tipElement:r})}async manageOpen(){this.hasUpdated||await this.updateComplete,this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.open&&(l.openCount+=1,this.manageChildren(this.open),this.managePosition())}manageTriggerElement(e){if(e&&(e.removeEventListener("click",this.handleClick),e.removeEventListener("focusin",this.handleFocusin),e.removeEventListener("focusout",this.handleFocusout),e.removeEventListener("pointerenter",this.handlePointerenter),e.removeEventListener("pointerleave",this.handlePointerleave),e.addEventListener("pointerdown",this.handlePointerdown),e.addEventListener("keydown",this.handleKeydown),e.addEventListener("keyup",this.handleKeyup),e.addEventListener("longpress",this.handleLongpress),this.releaseAriaDescribedby()),!!this.triggerElement)switch(this.triggerInteraction){case"click":this.triggerElement.addEventListener("click",this.handleClick);return;case"longpress":this.triggerElement.addEventListener("pointerdown",this.handlePointerdown),this.triggerElement.addEventListener("keydown",this.handleKeydown),this.triggerElement.addEventListener("keyup",this.handleKeyup),this.triggerElement.addEventListener("longpress",this.handleLongpress);return;case"hover":if(this.triggerElement.addEventListener("focusin",this.handleFocusin),this.triggerElement.addEventListener("focusout",this.handleFocusout),this.triggerElement.addEventListener("pointerenter",this.handlePointerenter),this.triggerElement.addEventListener("pointerleave",this.handlePointerleave),this.receivesFocus==="true")return;const t=w(this.triggerElement,"aria-describedby",[this.id]);this.releaseAriaDescribedby=()=>{t(),this.releaseAriaDescribedby=()=>{}};return}}handlePopoverhide(){this.open=!1,this.dispatchEvent(new Event("popoverhide")),this.triggerInteraction==="click"&&requestAnimationFrame(()=>{var e;(e=this.triggerElement)==null||e.addEventListener("click",this.handleClick)})}handlePopovershow(){this.dispatchEvent(new Event("popovershow"))}willUpdate(e){var t;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${crypto.randomUUID().slice(0,8)}`),e.has("open")&&(typeof e.get("open")!="undefined"||this.open)&&this.manageOpen(),e.has("trigger")){const[i,r]=((t=this.trigger)==null?void 0:t.split("@"))||[];this.elementResolver.selector=i?`#${i}`:"",this.triggerInteraction=r}e.has(b)&&(this.triggerElement=this.elementResolver.element,this.manageTriggerElement(e.get("triggerElement")))}render(){return v`
-            <dialog
-                @popoverhide=${this.handlePopoverhide}
-                @popovershow=${this.handlePopovershow}
-                popover=${P(this.popoverValue)}
-                style=${L({"--swc-overlay-z-index":l.openCount.toString()})}
-            ><slot></slot></dialog>
-        `}};export let Overlay=l;Overlay.styles=[k],Overlay.openCount=1,n([o({type:Boolean})],Overlay.prototype,"delayed",2),n([p("dialog")],Overlay.prototype,"dialogEl",2),n([E({flatten:!0})],Overlay.prototype,"elements",2),n([o({type:String})],Overlay.prototype,"id",2),n([o()],Overlay.prototype,"offset",2),n([o({type:Boolean})],Overlay.prototype,"open",2),n([o()],Overlay.prototype,"placement",2),n([o({attribute:"receives-focus"})],Overlay.prototype,"receivesFocus",2),n([p("slot")],Overlay.prototype,"slotEl",2),n([o()],Overlay.prototype,"trigger",2),n([h()],Overlay.prototype,"triggerElement",2),n([h()],Overlay.prototype,"triggerInteraction",2),n([o()],Overlay.prototype,"type",2);
-//# sourceMappingURL=OverlayElement.js.map

package/src/OverlayElement.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["OverlayElement.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 { Placement } from '@floating-ui/dom';\nimport { html, PropertyValues, SpectrumElement } from '@spectrum-web-components/base';\nimport { property, query, queryAssignedElements, state } from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined, styleMap } from '@spectrum-web-components/base/src/directives.js';\nimport { ElementResolutionController, elementResolverUpdatedSymbol } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\nimport {\n    conditionAttributeWithId,\n} from '@spectrum-web-components/base/src/condition-attribute-with-id.js';\n\nimport styles from './overlay-element.css.js';\nimport { updateOverlayPosition } from './placement.js';\nimport { VirtualTrigger } from './VirtualTrigger.js';\n\nexport const supportTopLayer = CSS.supports('selector(:open)');\nconst LONGPRESS_DURATION = 300;\nlet LONGPRESS_TIMEOUT: ReturnType<typeof setTimeout>;\n\nexport type LongpressEvent = {\n    source: 'pointer' | 'keyboard';\n};\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\ntype OpenableElement = HTMLElement & {\n    open: boolean;\n    tipElement?: HTMLElement;\n    updateComplete?: Promise<void>;\n};\n\nexport class Overlay extends SpectrumElement {\n    static override styles = [styles];\n    @property({type: Boolean})\n    delayed = false;\n\n    @query('dialog')\n    dialogEl!: HTMLDialogElement & { \n        showPopover(): void;\n        hidePopover(): void;\n    };\n\n    @queryAssignedElements({ flatten: true })\n    elements!: OpenableElement[];\n\n    @property({ type: String })\n    public override id = '';\n\n    protected longpressed = false;\n\n    @property()\n    offset: number | [ number, number ] = 6;\n\n    @property({type: Boolean})\n    open = false;\n\n    static openCount = 1;\n\n    @property()\n    placement?: Placement;\n\n    @property({ attribute: 'receives-focus' })\n    receivesFocus: 'true' | 'false' | 'auto' = 'auto';\n\n    @query('slot')\n    slotEl!: HTMLSlotElement;\n\n    @property()\n    trigger?: string;\n\n    @state()\n    triggerElement: HTMLElement | VirtualTrigger | null = null;\n\n    @state()\n    triggerInteraction?: 'click' | 'longpress' | 'hover';\n\n    @property()\n    type: 'auto' | 'hint' | 'manual' | 'modal' | 'page' = 'hint';\n\n    private elementResolver = new ElementResolutionController(this);\n\n    private get usesDialog(): boolean {\n        return this.type === 'modal' || this.type === 'page';\n    }\n\n    private get popoverValue(): 'auto' | 'manual' | undefined {\n        switch (this.type) {\n            case 'modal':\n            case 'page':\n                return undefined;\n            case 'hint':\n                return 'manual';\n            default:\n                return this.type;\n        }\n    }\n\n    protected manageChildren(open: boolean): void {\n        this.elements.forEach(el => {\n            if (typeof el.open !== 'undefined') {\n                el.open = open;\n            }\n        });\n    }\n\n    protected manageDialogOpen(): void {\n\n    }\n\n    protected managePopoverOpen(): void {\n        const doClose = (cb = () => { return; }): void => {\n            this.elements[0]?.addEventListener('transitionend', cb, {\n                once: true\n            });\n            this.manageChildren(false);\n        }\n        if (supportTopLayer) {\n            if (this.open) {\n                if (!this.dialogEl.matches(':open')) {\n                    this.dialogEl.showPopover();\n                }\n            } else {\n                if (this.dialogEl.matches(':open')) {\n                    doClose(() => {\n                        if (!this.open) {\n                            this.dialogEl.hidePopover();\n                        }\n                    });\n                } else {\n                    doClose();\n                }\n            }\n        } else {\n            if (this.open) {\n\n            } else {\n                doClose();\n            }\n        }\n    }\n\n    protected get requiresPosition(): boolean {\n        console.log(this.type, this.open, this.triggerElement, this.placement);\n        if (this.type === 'page' || !this.open) return false;\n        if (!this.triggerElement || (!this.placement && this.type !== 'hint')) return false;\n        return true;\n    }\n\n    protected managePosition(): void {\n        if (!this.requiresPosition) return;\n\n        const offset = this.offset || 0;\n        const trigger = this.triggerElement as HTMLElement;\n        const placement = this.placement as Placement || 'right';\n        const tipElement = this.elements.find(\n            (el) => el.tipElement\n        )?.tipElement;\n\n        updateOverlayPosition(\n            this.dialogEl,\n            {\n                // delayed?: boolean,\n                offset,\n                placement,\n                // notImmediatelyClosable?: boolean, // rename or place behind other API options\n                // receivesFocus?: 'auto';\n                // root?: HTMLElement;\n                trigger,\n                type: this.type,\n            },\n            {\n                elements: this.elements,\n                tipElement,\n            }\n        );\n    }\n\n    protected async manageOpen(): Promise<void> {\n        if (!this.hasUpdated) {\n            await this.updateComplete;\n        }\n        if (this.usesDialog) {\n            this.manageDialogOpen();\n        } else {\n            this.managePopoverOpen();\n        }\n        if (this.open) {\n            Overlay.openCount += 1;\n            this.manageChildren(this.open);\n            this.managePosition();\n        }\n    }\n\n    private releaseAriaDescribedby = () => { return; };\n\n    protected manageTriggerElement(triggerElement: HTMLElement | null): void {\n        if (triggerElement) {\n            triggerElement.removeEventListener('click', this.handleClick);\n            triggerElement.removeEventListener('focusin', this.handleFocusin);\n            triggerElement.removeEventListener('focusout', this.handleFocusout);\n            triggerElement.removeEventListener('pointerenter', this.handlePointerenter);\n            triggerElement.removeEventListener('pointerleave', this.handlePointerleave);\n            triggerElement.addEventListener('pointerdown', this.handlePointerdown);\n            triggerElement.addEventListener('keydown', this.handleKeydown);\n            triggerElement.addEventListener('keyup', this.handleKeyup);\n            triggerElement.addEventListener('longpress', this.handleLongpress);\n            this.releaseAriaDescribedby();\n        }\n        if (!this.triggerElement) return;\n        switch (this.triggerInteraction) {\n            case 'click':\n                this.triggerElement.addEventListener('click', this.handleClick);\n                return;\n            case 'longpress':\n                this.triggerElement.addEventListener('pointerdown', this.handlePointerdown);\n                this.triggerElement.addEventListener('keydown', this.handleKeydown);\n                this.triggerElement.addEventListener('keyup', this.handleKeyup);\n                this.triggerElement.addEventListener('longpress', this.handleLongpress);\n                return;\n            case 'hover':\n                this.triggerElement.addEventListener('focusin', this.handleFocusin);\n                this.triggerElement.addEventListener('focusout', this.handleFocusout);\n                this.triggerElement.addEventListener('pointerenter', this.handlePointerenter);\n                this.triggerElement.addEventListener('pointerleave', this.handlePointerleave);\n                if (this.receivesFocus === 'true') return;\n\n                const releaseAriaDescribedby = conditionAttributeWithId(this.triggerElement, 'aria-describedby', [\n                    this.id,\n                ]);\n                this.releaseAriaDescribedby = () => {\n                    releaseAriaDescribedby();\n                    this.releaseAriaDescribedby = () => { return; };\n                }\n                return;\n        }\n    }\n\n    private handlePointerdown = (event: PointerEvent): void => {\n        if (!this.triggerElement) return;\n        if (event.button !== 0) return;\n        this.longpressed = false;\n        this.triggerElement.addEventListener('pointerup', this.handlePointerup);\n        this.triggerElement.addEventListener('pointercancel', this.handlePointerup);\n        LONGPRESS_TIMEOUT = setTimeout(() => {\n            if (!this.triggerElement) return;\n            this.triggerElement.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'pointer',\n                    },\n                })\n            );\n        }, LONGPRESS_DURATION);\n    }\n\n    private handlePointerup = (): void => {\n        clearTimeout(LONGPRESS_TIMEOUT);\n        if (!this.triggerElement) return;\n        if (this.longpressed) {\n            this.open = true;\n        }\n        this.longpressed = false;\n        this.triggerElement.removeEventListener('pointerup', this.handlePointerup);\n        this.triggerElement.removeEventListener('pointercancel', this.handlePointerup);\n    }\n\n    /**\n     * @private\n     */\n    protected handleKeydown = (event: KeyboardEvent): void => {\n        const { code, altKey } = event;\n        if (code === 'Space' || (altKey && code === 'ArrowDown')) {\n            if (code === 'ArrowDown') {\n                event.stopPropagation();\n                event.stopImmediatePropagation();\n            }\n        }\n    }\n\n    protected handleKeyup = (event: KeyboardEvent): void => {\n        const { code, altKey } = event;\n        if (code === 'Space' || (altKey && code === 'ArrowDown')) {\n            event.stopPropagation();\n            this.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'keyboard',\n                    },\n                })\n            );\n        }\n    }\n\n    protected handleClick = (): void => {\n        this.open = true;\n        this.triggerElement?.removeEventListener('click', this.handleClick);\n    }\n\n    private focusedin = false;\n\n    protected handleFocusin = (): void => {\n        this.open = true;\n        this.focusedin = true;\n    }\n\n    protected handleFocusout = (): void => {\n        this.focusedin = false;\n        if (this.pointerentered) return;\n        this.open = false;\n    }\n\n    private pointerentered = false;\n\n    protected handlePointerenter = (): void => {\n        this.open = true;\n        this.pointerentered = true;\n    }\n\n    protected handlePointerleave = (): void => {\n        this.pointerentered = false;\n        if (this.focusedin && this.triggerElement?.matches(':focus-visible')) return;\n        this.open = false;\n    }\n\n    protected handleLongpress = (): void => {\n        this.open = true;\n        this.longpressed = true;\n    }\n\n    protected handlePopoverhide(): void {\n        this.open = false;\n        this.dispatchEvent(new Event('popoverhide'));\n        if (this.triggerInteraction === 'click') {\n            requestAnimationFrame(() => {\n                this.triggerElement?.addEventListener('click', this.handleClick);\n            });\n        }\n    }\n\n    protected handlePopovershow(): void {\n        this.dispatchEvent(new Event('popovershow'));\n    }\n\n    override willUpdate(changes: PropertyValues): void {\n        if (!this.hasAttribute('id')) {\n            this.setAttribute(\n                'id',\n                `${this.tagName.toLowerCase()}-${crypto.randomUUID().slice(0,8)}`\n            );\n        }\n        if (changes.has('open') && (typeof changes.get('open') !== 'undefined' || this.open)) {\n            this.manageOpen();\n        }\n        if (changes.has('trigger')) {\n            const [id, interaction] = this.trigger?.split('@') || [];\n            this.elementResolver.selector = id ? `#${id}` : '';\n            this.triggerInteraction = interaction as \"click\" | \"longpress\" | \"hover\" | undefined;\n        }\n        if (changes.has(elementResolverUpdatedSymbol)) {\n            this.triggerElement = this.elementResolver.element;\n            this.manageTriggerElement(changes.get('triggerElement'));\n        }\n    }\n\n    override render() {\n        return html`\n            <dialog\n                @popoverhide=${this.handlePopoverhide}\n                @popovershow=${this.handlePopovershow}\n                popover=${ifDefined(this.popoverValue)}\n                style=${styleMap({\n                    '--swc-overlay-z-index': Overlay.openCount.toString()\n                })}\n            ><slot></slot></dialog>\n        `;\n    }\n}"],
-  "mappings": "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",
-  "names": ["html", "SpectrumElement", "property", "query", "queryAssignedElements", "state", "ifDefined", "styleMap", "ElementResolutionController", "elementResolverUpdatedSymbol", "conditionAttributeWithId", "styles", "updateOverlayPosition", "LONGPRESS_DURATION", "LONGPRESS_TIMEOUT", "_Overlay", "event", "code", "altKey", "_a", "open", "el", "doClose", "cb", "offset", "trigger", "placement", "tipElement", "triggerElement", "releaseAriaDescribedby", "changes", "id", "interaction", "__decorateClass"]
-}

package/src/OverlayNoPopover.d.ts

@@ -1,8 +0,0 @@
-import { ReactiveElement } from 'lit';
-import { OverlayBase } from './OverlayBase.js';
-declare type Constructor<T = Record<string, unknown>> = {
-    new (...args: any[]): T;
-    prototype: T;
-};
-export declare function OverlayNoPopover<T extends Constructor<OverlayBase>>(constructor: T): T & Constructor<ReactiveElement>;
-export {};

package/src/OverlayNoPopover.dev.js

@@ -1,63 +0,0 @@
-"use strict";
-import {
-  firstFocusableIn,
-  firstFocusableSlottedIn
-} from "@spectrum-web-components/shared/src/first-focusable-in.js";
-import {
-  BeforetoggleClosedEvent,
-  BeforetoggleOpenEvent
-} from "./OverlayBase.dev.js";
-export function OverlayNoPopover(constructor) {
-  class OverlayWithNoPopover extends constructor {
-    async managePopoverOpen() {
-      const doClose = (cb = () => {
-        return;
-      }) => {
-        var _a;
-        (_a = this.elements[0]) == null ? void 0 : _a.addEventListener("transitionend", cb, {
-          once: true
-        });
-        this.manageChildren(false);
-        this.dispatchEvent(new BeforetoggleClosedEvent());
-      };
-      if (this.open) {
-        await this.managePosition();
-        requestAnimationFrame(() => {
-          requestAnimationFrame(async () => {
-            let focusEl = null;
-            this.elements.forEach(
-              (element) => {
-                if (typeof element.open !== "undefined") {
-                  element.open = true;
-                }
-                if (!focusEl) {
-                  focusEl = firstFocusableIn(element);
-                }
-                if (!focusEl) {
-                  const childSlots = element.querySelectorAll("slot");
-                  childSlots.forEach((slot) => {
-                    if (!focusEl) {
-                      focusEl = firstFocusableSlottedIn(slot);
-                    }
-                  });
-                }
-              }
-            );
-            requestAnimationFrame(() => {
-              requestAnimationFrame(() => {
-                this.manageChildren(true);
-                if (focusEl)
-                  focusEl.focus();
-                this.dispatchEvent(new BeforetoggleOpenEvent());
-              });
-            });
-          });
-        });
-      } else {
-        doClose();
-      }
-    }
-  }
-  return OverlayWithNoPopover;
-}
-//# sourceMappingURL=OverlayNoPopover.dev.js.map

package/src/OverlayNoPopover.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["OverlayNoPopover.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    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.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\nexport function OverlayNoPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithNoPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const doClose = (\n                cb = () => {\n                    return;\n                }\n            ): void => {\n                this.elements[0]?.addEventListener('transitionend', cb, {\n                    once: true,\n                });\n                this.manageChildren(false);\n                this.dispatchEvent(new BeforetoggleClosedEvent());\n            };\n            if (this.open) {\n                await this.managePosition();\n                // we can acquire overlay position\n                requestAnimationFrame(() => {\n                    requestAnimationFrame(async () => {\n                        let focusEl = null as HTMLElement | null;\n                        this.elements.forEach(\n                            (element: OpenableElement): void => {\n                                if (typeof element.open !== 'undefined') {\n                                    element.open = true;\n                                }\n                                if (!focusEl) {\n                                    focusEl = firstFocusableIn(element);\n                                }\n                                if (!focusEl) {\n                                    const childSlots =\n                                        element.querySelectorAll('slot');\n                                    childSlots.forEach((slot) => {\n                                        if (!focusEl) {\n                                            focusEl =\n                                                firstFocusableSlottedIn(slot);\n                                        }\n                                    });\n                                }\n                            }\n                        );\n                        requestAnimationFrame(() => {\n                            requestAnimationFrame(() => {\n                                this.manageChildren(true);\n                                if (focusEl) focusEl.focus();\n                                this.dispatchEvent(new BeforetoggleOpenEvent());\n                            });\n                        });\n                    });\n                });\n            } else {\n                doClose();\n            }\n        }\n    }\n    return OverlayWithNoPopover;\n}\n"],
-  "mappings": ";AAWA;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP;AAAA,EACI;AAAA,EACA;AAAA,OAGG;AAQA,gBAAS,iBACZ,aACgC;AAChC,QAAM,6BAA6B,YAAY;AAAA,IAC3C,MAAyB,oBAAmC;AACxD,YAAM,UAAU,CACZ,KAAK,MAAM;AACP;AAAA,MACJ,MACO;AAtCvB;AAuCgB,mBAAK,SAAS,CAAC,MAAf,mBAAkB,iBAAiB,iBAAiB,IAAI;AAAA,UACpD,MAAM;AAAA,QACV;AACA,aAAK,eAAe,KAAK;AACzB,aAAK,cAAc,IAAI,wBAAwB,CAAC;AAAA,MACpD;AACA,UAAI,KAAK,MAAM;AACX,cAAM,KAAK,eAAe;AAE1B,8BAAsB,MAAM;AACxB,gCAAsB,YAAY;AAC9B,gBAAI,UAAU;AACd,iBAAK,SAAS;AAAA,cACV,CAAC,YAAmC;AAChC,oBAAI,OAAO,QAAQ,SAAS,aAAa;AACrC,0BAAQ,OAAO;AAAA,gBACnB;AACA,oBAAI,CAAC,SAAS;AACV,4BAAU,iBAAiB,OAAO;AAAA,gBACtC;AACA,oBAAI,CAAC,SAAS;AACV,wBAAM,aACF,QAAQ,iBAAiB,MAAM;AACnC,6BAAW,QAAQ,CAAC,SAAS;AACzB,wBAAI,CAAC,SAAS;AACV,gCACI,wBAAwB,IAAI;AAAA,oBACpC;AAAA,kBACJ,CAAC;AAAA,gBACL;AAAA,cACJ;AAAA,YACJ;AACA,kCAAsB,MAAM;AACxB,oCAAsB,MAAM;AACxB,qBAAK,eAAe,IAAI;AACxB,oBAAI;AAAS,0BAAQ,MAAM;AAC3B,qBAAK,cAAc,IAAI,sBAAsB,CAAC;AAAA,cAClD,CAAC;AAAA,YACL,CAAC;AAAA,UACL,CAAC;AAAA,QACL,CAAC;AAAA,MACL,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,EACJ;AACA,SAAO;AACX;",
-  "names": []
-}

package/src/OverlayNoPopover.js

@@ -1,2 +0,0 @@
-"use strict";import{firstFocusableIn as s,firstFocusableSlottedIn as a}from"@spectrum-web-components/shared/src/first-focusable-in.js";import{BeforetoggleClosedEvent as l,BeforetoggleOpenEvent as c}from"./OverlayBase.js";export function OverlayNoPopover(o){class n extends o{async managePopoverOpen(){const r=(e=()=>{})=>{var t;(t=this.elements[0])==null||t.addEventListener("transitionend",e,{once:!0}),this.manageChildren(!1),this.dispatchEvent(new l)};this.open?(await this.managePosition(),requestAnimationFrame(()=>{requestAnimationFrame(async()=>{let e=null;this.elements.forEach(t=>{typeof t.open!="undefined"&&(t.open=!0),e||(e=s(t)),e||t.querySelectorAll("slot").forEach(i=>{e||(e=a(i))})}),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageChildren(!0),e&&e.focus(),this.dispatchEvent(new c)})})})})):r()}}return n}
-//# sourceMappingURL=OverlayNoPopover.js.map

package/src/OverlayNoPopover.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["OverlayNoPopover.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    OpenableElement,\n    OverlayBase,\n} from './OverlayBase.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\nexport function OverlayNoPopover<T extends Constructor<OverlayBase>>(\n    constructor: T\n): T & Constructor<ReactiveElement> {\n    class OverlayWithNoPopover extends constructor {\n        protected override async managePopoverOpen(): Promise<void> {\n            const doClose = (\n                cb = () => {\n                    return;\n                }\n            ): void => {\n                this.elements[0]?.addEventListener('transitionend', cb, {\n                    once: true,\n                });\n                this.manageChildren(false);\n                this.dispatchEvent(new BeforetoggleClosedEvent());\n            };\n            if (this.open) {\n                await this.managePosition();\n                // we can acquire overlay position\n                requestAnimationFrame(() => {\n                    requestAnimationFrame(async () => {\n                        let focusEl = null as HTMLElement | null;\n                        this.elements.forEach(\n                            (element: OpenableElement): void => {\n                                if (typeof element.open !== 'undefined') {\n                                    element.open = true;\n                                }\n                                if (!focusEl) {\n                                    focusEl = firstFocusableIn(element);\n                                }\n                                if (!focusEl) {\n                                    const childSlots =\n                                        element.querySelectorAll('slot');\n                                    childSlots.forEach((slot) => {\n                                        if (!focusEl) {\n                                            focusEl =\n                                                firstFocusableSlottedIn(slot);\n                                        }\n                                    });\n                                }\n                            }\n                        );\n                        requestAnimationFrame(() => {\n                            requestAnimationFrame(() => {\n                                this.manageChildren(true);\n                                if (focusEl) focusEl.focus();\n                                this.dispatchEvent(new BeforetoggleOpenEvent());\n                            });\n                        });\n                    });\n                });\n            } else {\n                doClose();\n            }\n        }\n    }\n    return OverlayWithNoPopover;\n}\n"],
-  "mappings": "aAWA,OACI,oBAAAA,EACA,2BAAAC,MACG,4DAEP,OACI,2BAAAC,EACA,yBAAAC,MAGG,mBAQA,gBAAS,iBACZC,EACgC,CAChC,MAAMC,UAA6BD,CAAY,CAC3C,MAAyB,mBAAmC,CACxD,MAAME,EAAU,CACZC,EAAK,IAAM,CAEX,IACO,CAtCvB,IAAAC,GAuCgBA,EAAA,KAAK,SAAS,CAAC,IAAf,MAAAA,EAAkB,iBAAiB,gBAAiBD,EAAI,CACpD,KAAM,EACV,GACA,KAAK,eAAe,EAAK,EACzB,KAAK,cAAc,IAAIL,CAAyB,CACpD,EACI,KAAK,MACL,MAAM,KAAK,eAAe,EAE1B,sBAAsB,IAAM,CACxB,sBAAsB,SAAY,CAC9B,IAAIO,EAAU,KACd,KAAK,SAAS,QACTC,GAAmC,CAC5B,OAAOA,EAAQ,MAAS,cACxBA,EAAQ,KAAO,IAEdD,IACDA,EAAUT,EAAiBU,CAAO,GAEjCD,GAEGC,EAAQ,iBAAiB,MAAM,EACxB,QAASC,GAAS,CACpBF,IACDA,EACIR,EAAwBU,CAAI,EAExC,CAAC,CAET,CACJ,EACA,sBAAsB,IAAM,CACxB,sBAAsB,IAAM,CACxB,KAAK,eAAe,EAAI,EACpBF,GAASA,EAAQ,MAAM,EAC3B,KAAK,cAAc,IAAIN,CAAuB,CAClD,CAAC,CACL,CAAC,CACL,CAAC,CACL,CAAC,GAEDG,EAAQ,CAEhB,CACJ,CACA,OAAOD,CACX",
-  "names": ["firstFocusableIn", "firstFocusableSlottedIn", "BeforetoggleClosedEvent", "BeforetoggleOpenEvent", "constructor", "OverlayWithNoPopover", "doClose", "cb", "_a", "focusEl", "element", "slot"]
-}

package/src/OverlayPopover.d.ts

@@ -1,8 +0,0 @@
-import { ReactiveElement } from 'lit';
-import { OverlayBase } from './OverlayBase.js';
-declare type Constructor<T = Record<string, unknown>> = {
-    new (...args: any[]): T;
-    prototype: T;
-};
-export declare function OverlayPopover<T extends Constructor<OverlayBase>>(constructor: T): T & Constructor<ReactiveElement>;
-export {};

package/src/OverlayPopover.dev.js

@@ -1,37 +0,0 @@
-"use strict";
-export function OverlayPopover(constructor) {
-  class OverlayWithPopover extends constructor {
-    async managePopoverOpen() {
-      const doClose = (cb = () => {
-        return;
-      }) => {
-        var _a;
-        (_a = this.elements[0]) == null ? void 0 : _a.addEventListener("transitionend", cb, {
-          once: true
-        });
-        this.manageChildren(false);
-      };
-      if (this.open) {
-        await this.managePosition();
-        if (!this.dialogEl.matches(":open")) {
-          this.manageChildren(true);
-          requestAnimationFrame(() => {
-            this.dialogEl.showPopover();
-          });
-        }
-      } else {
-        if (this.dialogEl.matches(":open")) {
-          doClose(() => {
-            if (!this.open) {
-              this.dialogEl.hidePopover();
-            }
-          });
-        } else {
-          doClose();
-        }
-      }
-    }
-  }
-  return OverlayWithPopover;
-}
-//# sourceMappingURL=OverlayPopover.dev.js.map

package/src/OverlayPopover.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "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 { ReactiveElement } from 'lit';\nimport { OverlayBase } from './OverlayBase.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\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 doClose = (\n                cb = () => {\n                    return;\n                }\n            ): void => {\n                this.elements[0]?.addEventListener('transitionend', cb, {\n                    once: true,\n                });\n                this.manageChildren(false);\n            };\n            if (this.open) {\n                await this.managePosition();\n                if (!this.dialogEl.matches(':open')) {\n                    this.manageChildren(true);\n                    requestAnimationFrame(() => {\n                        // Ensure that child content is fully \"on the DOM\" before showing the modal.\n                        // This allow for that content to be available to the focus algorithm of that process.\n                        this.dialogEl.showPopover();\n                    });\n                }\n            } else {\n                if (this.dialogEl.matches(':open')) {\n                    doClose(() => {\n                        if (!this.open) {\n                            this.dialogEl.hidePopover();\n                        }\n                    });\n                } else {\n                    doClose();\n                }\n            }\n        }\n    }\n    return OverlayWithPopover;\n}\n"],
-  "mappings": ";AAoBO,gBAAS,eACZ,aACgC;AAChC,QAAM,2BAA2B,YAAY;AAAA,IACzC,MAAyB,oBAAmC;AACxD,YAAM,UAAU,CACZ,KAAK,MAAM;AACP;AAAA,MACJ,MACO;AA7BvB;AA8BgB,mBAAK,SAAS,CAAC,MAAf,mBAAkB,iBAAiB,iBAAiB,IAAI;AAAA,UACpD,MAAM;AAAA,QACV;AACA,aAAK,eAAe,KAAK;AAAA,MAC7B;AACA,UAAI,KAAK,MAAM;AACX,cAAM,KAAK,eAAe;AAC1B,YAAI,CAAC,KAAK,SAAS,QAAQ,OAAO,GAAG;AACjC,eAAK,eAAe,IAAI;AACxB,gCAAsB,MAAM;AAGxB,iBAAK,SAAS,YAAY;AAAA,UAC9B,CAAC;AAAA,QACL;AAAA,MACJ,OAAO;AACH,YAAI,KAAK,SAAS,QAAQ,OAAO,GAAG;AAChC,kBAAQ,MAAM;AACV,gBAAI,CAAC,KAAK,MAAM;AACZ,mBAAK,SAAS,YAAY;AAAA,YAC9B;AAAA,UACJ,CAAC;AAAA,QACL,OAAO;AACH,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACA,SAAO;AACX;",
-  "names": []
-}

package/src/OverlayPopover.js

@@ -1,2 +0,0 @@
-"use strict";export function OverlayPopover(o){class i extends o{async managePopoverOpen(){const e=(n=()=>{})=>{var t;(t=this.elements[0])==null||t.addEventListener("transitionend",n,{once:!0}),this.manageChildren(!1)};this.open?(await this.managePosition(),this.dialogEl.matches(":open")||(this.manageChildren(!0),requestAnimationFrame(()=>{this.dialogEl.showPopover()}))):this.dialogEl.matches(":open")?e(()=>{this.open||this.dialogEl.hidePopover()}):e()}}return i}
-//# sourceMappingURL=OverlayPopover.js.map

package/src/OverlayPopover.js.map

@@ -1,7 +0,0 @@
-{
-  "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 { ReactiveElement } from 'lit';\nimport { OverlayBase } from './OverlayBase.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\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 doClose = (\n                cb = () => {\n                    return;\n                }\n            ): void => {\n                this.elements[0]?.addEventListener('transitionend', cb, {\n                    once: true,\n                });\n                this.manageChildren(false);\n            };\n            if (this.open) {\n                await this.managePosition();\n                if (!this.dialogEl.matches(':open')) {\n                    this.manageChildren(true);\n                    requestAnimationFrame(() => {\n                        // Ensure that child content is fully \"on the DOM\" before showing the modal.\n                        // This allow for that content to be available to the focus algorithm of that process.\n                        this.dialogEl.showPopover();\n                    });\n                }\n            } else {\n                if (this.dialogEl.matches(':open')) {\n                    doClose(() => {\n                        if (!this.open) {\n                            this.dialogEl.hidePopover();\n                        }\n                    });\n                } else {\n                    doClose();\n                }\n            }\n        }\n    }\n    return OverlayWithPopover;\n}\n"],
-  "mappings": "aAoBO,gBAAS,eACZA,EACgC,CAChC,MAAMC,UAA2BD,CAAY,CACzC,MAAyB,mBAAmC,CACxD,MAAME,EAAU,CACZC,EAAK,IAAM,CAEX,IACO,CA7BvB,IAAAC,GA8BgBA,EAAA,KAAK,SAAS,CAAC,IAAf,MAAAA,EAAkB,iBAAiB,gBAAiBD,EAAI,CACpD,KAAM,EACV,GACA,KAAK,eAAe,EAAK,CAC7B,EACI,KAAK,MACL,MAAM,KAAK,eAAe,EACrB,KAAK,SAAS,QAAQ,OAAO,IAC9B,KAAK,eAAe,EAAI,EACxB,sBAAsB,IAAM,CAGxB,KAAK,SAAS,YAAY,CAC9B,CAAC,IAGD,KAAK,SAAS,QAAQ,OAAO,EAC7BD,EAAQ,IAAM,CACL,KAAK,MACN,KAAK,SAAS,YAAY,CAElC,CAAC,EAEDA,EAAQ,CAGpB,CACJ,CACA,OAAOD,CACX",
-  "names": ["constructor", "OverlayWithPopover", "doClose", "cb", "_a"]
-}

package/src/OverlayStack.d.ts

@@ -1,24 +0,0 @@
-import { OverlayBase } from './OverlayBase.js';
-declare class OverlayStack {
-    private get document();
-    private root;
-    stack: OverlayBase[];
-    constructor();
-    bindEvents(): void;
-    private closeOverlay;
-    handleClick: (event: Event) => void;
-    handleBeforetoggle: (event: Event) => void;
-    private handleKeydown;
-    /**
-     * When overlays are added manage the open state of exisiting overlays appropriately:
-     * - 'modal': should close other overlays
-     * - 'page': should close other overlays
-     * - 'hint': shouldn't close other overlays
-     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays
-     * - 'manual': shouldn't close other overlays
-     */
-    add(overlay: OverlayBase): void;
-    remove(overlay: OverlayBase): void;
-}
-export declare const overlayStack: OverlayStack;
-export {};

package/src/OverlayStack.dev.js

@@ -1,113 +0,0 @@
-"use strict";
-class OverlayStack {
-  constructor() {
-    this.root = document.body;
-    this.stack = [];
-    this.handleClick = (event) => {
-      if (!this.stack.length)
-        return;
-      const overlay = this.stack.at(-1);
-      if (!overlay)
-        return;
-      const composedPath = event.composedPath();
-      const shouldClose = !composedPath.find(
-        (el) => el === overlay || el === overlay.triggerElement
-      );
-      if (!shouldClose)
-        return;
-      this.closeOverlay(overlay);
-      let parentToClose = overlay.parentOverlayToForceClose;
-      while (parentToClose) {
-        this.closeOverlay(parentToClose);
-        parentToClose = parentToClose.parentOverlayToForceClose;
-      }
-    };
-    this.handleBeforetoggle = (event) => {
-      const { target, newState: open } = event;
-      if (open === "open")
-        return;
-      this.closeOverlay(target);
-    };
-    this.handleKeydown = (event) => {
-      if (event.code !== "Escape")
-        return;
-      if (!this.stack.length)
-        return;
-      const last = this.stack.at(-1);
-      if (!last)
-        return;
-      this.closeOverlay(last);
-    };
-    this.bindEvents();
-  }
-  get document() {
-    return this.root.ownerDocument || document;
-  }
-  bindEvents() {
-    this.document.addEventListener("pointerup", this.handleClick);
-    this.document.addEventListener("keydown", this.handleKeydown);
-  }
-  closeOverlay(overlay) {
-    const overlayIndex = this.stack.indexOf(overlay);
-    if (overlayIndex > -1) {
-      this.stack.splice(overlayIndex, 1);
-    }
-    overlay.open = false;
-  }
-  /**
-   * When overlays are added manage the open state of exisiting overlays appropriately:
-   * - 'modal': should close other overlays
-   * - 'page': should close other overlays
-   * - 'hint': shouldn't close other overlays
-   * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays
-   * - 'manual': shouldn't close other overlays
-   */
-  add(overlay) {
-    if (this.stack.includes(overlay)) {
-      const overlayIndex = this.stack.indexOf(overlay);
-      if (overlayIndex > -1) {
-        this.stack.splice(overlayIndex, 1);
-        this.stack.push(overlay);
-      }
-      return;
-    }
-    if (overlay.type === "auto" || overlay.type === "modal" || overlay.type === "page") {
-      const queryPathEventName = "sp-overlay-query-path";
-      const queryPathEvent = new Event(queryPathEventName, {
-        composed: true,
-        bubbles: true
-      });
-      overlay.addEventListener(
-        queryPathEventName,
-        (event) => {
-          const path = event.composedPath();
-          this.stack.forEach((overlayEl) => {
-            const inPath = path.find((el) => el === overlayEl);
-            if (!inPath && overlayEl.type !== "manual") {
-              this.closeOverlay(overlayEl);
-            }
-          });
-        },
-        { once: true }
-      );
-      overlay.dispatchEvent(queryPathEvent);
-    } else if (overlay.type === "hint") {
-      this.stack.forEach((overlayEl) => {
-        if (overlayEl.type === "hint") {
-          this.closeOverlay(overlayEl);
-        }
-      });
-    }
-    requestAnimationFrame(() => {
-      this.stack.push(overlay);
-      overlay.addEventListener("beforetoggle", this.handleBeforetoggle, {
-        once: true
-      });
-    });
-  }
-  remove(overlay) {
-    this.closeOverlay(overlay);
-  }
-}
-export const overlayStack = new OverlayStack();
-//# sourceMappingURL=OverlayStack.dev.js.map

package/src/OverlayStack.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "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\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,MAAM,aAAa;AAAA,EASf,cAAc;AAJd,SAAQ,OAAoB,SAAS;AAErC,iBAAuB,CAAC;AAmBxB,uBAAc,CAAC,UAAuB;AAClC,UAAI,CAAC,KAAK,MAAM;AAAQ;AAExB,YAAM,UAAU,KAAK,MAAM,GAAG,EAAE;AAChC,UAAI,CAAC;AAAS;AAEd,YAAM,eAAe,MAAM,aAAa;AACxC,YAAM,cAAc,CAAC,aAAa;AAAA,QAC9B,CAAC,OAAO,OAAO,WAAW,OAAO,QAAQ;AAAA,MAC7C;AACA,UAAI,CAAC;AAAa;AAElB,WAAK,aAAa,OAAO;AACzB,UAAI,gBAAgB,QAAQ;AAC5B,aAAO,eAAe;AAClB,aAAK,aAAa,aAAa;AAC/B,wBAAgB,cAAc;AAAA,MAClC;AAAA,IACJ;AAEA,8BAAqB,CAAC,UAAuB;AACzC,YAAM,EAAE,QAAQ,UAAU,KAAK,IAAI;AAGnC,UAAI,SAAS;AAAQ;AACrB,WAAK,aAAa,MAAqB;AAAA,IAC3C;AAEA,SAAQ,gBAAgB,CAAC,UAA+B;AACpD,UAAI,MAAM,SAAS;AAAU;AAC7B,UAAI,CAAC,KAAK,MAAM;AAAQ;AAExB,YAAM,OAAO,KAAK,MAAM,GAAG,EAAE;AAC7B,UAAI,CAAC;AAAM;AACX,WAAK,aAAa,IAAI;AAAA,IAC1B;AAnDI,SAAK,WAAW;AAAA,EACpB;AAAA,EAVA,IAAY,WAAqB;AAC7B,WAAO,KAAK,KAAK,iBAAsC;AAAA,EAC3D;AAAA,EAUA,aAAmB;AACf,SAAK,SAAS,iBAAiB,aAAa,KAAK,WAAW;AAC5D,SAAK,SAAS,iBAAiB,WAAW,KAAK,aAAa;AAAA,EAChE;AAAA,EAEQ,aAAa,SAA4B;AAC7C,UAAM,eAAe,KAAK,MAAM,QAAQ,OAAO;AAC/C,QAAI,eAAe,IAAI;AACnB,WAAK,MAAM,OAAO,cAAc,CAAC;AAAA,IACrC;AACA,YAAQ,OAAO;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+CA,IAAI,SAA4B;AAC5B,QAAI,KAAK,MAAM,SAAS,OAAO,GAAG;AAC9B,YAAM,eAAe,KAAK,MAAM,QAAQ,OAAO;AAC/C,UAAI,eAAe,IAAI;AACnB,aAAK,MAAM,OAAO,cAAc,CAAC;AACjC,aAAK,MAAM,KAAK,OAAO;AAAA,MAC3B;AACA;AAAA,IACJ;AACA,QACI,QAAQ,SAAS,UACjB,QAAQ,SAAS,WACjB,QAAQ,SAAS,QACnB;AAEE,YAAM,qBAAqB;AAC3B,YAAM,iBAAiB,IAAI,MAAM,oBAAoB;AAAA,QACjD,UAAU;AAAA,QACV,SAAS;AAAA,MACb,CAAC;AACD,cAAQ;AAAA,QACJ;AAAA,QACA,CAAC,UAAiB;AACd,gBAAM,OAAO,MAAM,aAAa;AAChC,eAAK,MAAM,QAAQ,CAAC,cAAc;AAC9B,kBAAM,SAAS,KAAK,KAAK,CAAC,OAAO,OAAO,SAAS;AACjD,gBAAI,CAAC,UAAU,UAAU,SAAS,UAAU;AACxC,mBAAK,aAAa,SAAS;AAAA,YAC/B;AAAA,UACJ,CAAC;AAAA,QACL;AAAA,QACA,EAAE,MAAM,KAAK;AAAA,MACjB;AACA,cAAQ,cAAc,cAAc;AAAA,IACxC,WAAW,QAAQ,SAAS,QAAQ;AAChC,WAAK,MAAM,QAAQ,CAAC,cAAc;AAC9B,YAAI,UAAU,SAAS,QAAQ;AAC3B,eAAK,aAAa,SAAS;AAAA,QAC/B;AAAA,MACJ,CAAC;AAAA,IACL;AACA,0BAAsB,MAAM;AACxB,WAAK,MAAM,KAAK,OAAO;AACvB,cAAQ,iBAAiB,gBAAgB,KAAK,oBAAoB;AAAA,QAC9D,MAAM;AAAA,MACV,CAAC;AAAA,IACL,CAAC;AAAA,EACL;AAAA,EAEA,OAAO,SAA4B;AAC/B,SAAK,aAAa,OAAO;AAAA,EAC7B;AACJ;AAEO,aAAM,eAAe,IAAI,aAAa;",
-  "names": []
-}

package/src/OverlayStack.js

@@ -1,2 +0,0 @@
-"use strict";class r{constructor(){this.root=document.body;this.stack=[];this.handleClick=e=>{if(!this.stack.length)return;const t=this.stack.at(-1);if(!t||!!e.composedPath().find(n=>n===t||n===t.triggerElement))return;this.closeOverlay(t);let s=t.parentOverlayToForceClose;for(;s;)this.closeOverlay(s),s=s.parentOverlayToForceClose};this.handleBeforetoggle=e=>{const{target:t,newState:a}=e;a!=="open"&&this.closeOverlay(t)};this.handleKeydown=e=>{if(e.code!=="Escape"||!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",a=new Event(t,{composed:!0,bubbles:!0});e.addEventListener(t,o=>{const s=o.composedPath();this.stack.forEach(n=>{!s.find(i=>i===n)&&n.type!=="manual"&&this.closeOverlay(n)})},{once:!0}),e.dispatchEvent(a)}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 r;
-//# sourceMappingURL=OverlayStack.js.map

package/src/OverlayStack.js.map

@@ -1,7 +0,0 @@
-{
-  "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\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,EAOhC,GANI,CAACA,GAMD,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,EAnDI,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,CA+CA,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"]
-}

package/src/PlacementController.d.ts

@@ -1,35 +0,0 @@
-import type { ReactiveController, ReactiveElement } from 'lit';
-import { Placement } from '@floating-ui/dom';
-import type { VirtualTrigger } from './VirtualTrigger.js';
-import type { OpenableElement } from './OverlayBase.js';
-declare type OverlayOptions = {
-    abortPromise?: Promise<boolean>;
-    delayed?: boolean;
-    offset?: number | [number, number];
-    placement: Placement;
-    notImmediatelyClosable?: boolean;
-    receivesFocus?: 'auto';
-    root?: HTMLElement;
-    trigger: HTMLElement | VirtualTrigger;
-    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';
-};
-export declare const placementUpdatedSymbol: unique symbol;
-export declare class PlacementController implements ReactiveController {
-    private cleanup?;
-    initialHeight?: number;
-    isConstrained?: boolean;
-    private host;
-    private options;
-    private target;
-    constructor(host: ReactiveElement & {
-        elements: OpenableElement[];
-    });
-    placeOverlay(target?: HTMLElement, options?: OverlayOptions): Promise<void>;
-    updatePlacement: () => void;
-    computePlacement(): Promise<void>;
-    resetOverlayPosition: () => void;
-    hostConnected(): void;
-    hostUpdated(): void;
-    hostDisconnected(): void;
-}
-export {};