@spectrum-web-components/overlay 0.41.0 → 0.41.2

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 { Overlay } from './Overlay.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 pointerdownPath?: EventTarget[];\n\n    private lastOverlay?: Overlay;\n\n    private root: HTMLElement = document.body;\n\n    stack: Overlay[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerdown', this.handlePointerdown);\n        this.document.addEventListener('pointerup', this.handlePointerup);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: Overlay): 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    /**\n     * Cach the `pointerdownTarget` for later testing\n     *\n     * @param event {ClickEvent}\n     */\n    handlePointerdown = (event: Event): void => {\n        this.pointerdownPath = event.composedPath();\n        this.lastOverlay = this.stack.at(-1);\n    };\n\n    /**\n     * Close all overlays that are not ancestors of this click event\n     *\n     * @param event {ClickEvent}\n     */\n    handlePointerup = (): void => {\n        if (!this.stack.length) return;\n        if (!this.pointerdownPath?.length) return;\n\n        // Test against the composed path in `pointerdown` in case the visitor moved their\n        // pointer during the course of the interaction.\n        const composedPath = this.pointerdownPath;\n        this.pointerdownPath = undefined;\n        const lastIndex = this.stack.length - 1;\n        const nonAncestorOverlays = this.stack.filter((overlay, i) => {\n            const inStack = composedPath.find(\n                (el) =>\n                    // The Overlay is in the stack\n                    el === overlay ||\n                    // The Overlay trigger is in the stack and the Overlay is a \"hint\"\n                    (el === overlay?.triggerElement &&\n                        'hint' === overlay?.type) ||\n                    // The last Overlay in the stack is not the last Overlay at `pointerdown` time and has a\n                    // `triggerInteraction` of \"longpress\", meaning it was opened by this poitner interaction\n                    (i === lastIndex &&\n                        overlay !== this.lastOverlay &&\n                        overlay.triggerInteraction === 'longpress')\n            );\n            return (\n                !inStack &&\n                !overlay.shouldPreventClose() &&\n                overlay.type !== 'manual'\n            );\n        }) as Overlay[];\n        nonAncestorOverlays.reverse();\n        nonAncestorOverlays.forEach((overlay) => {\n            this.closeOverlay(overlay);\n            let parentToClose = overlay.parentOverlayToForceClose;\n            while (parentToClose) {\n                this.closeOverlay(parentToClose);\n                parentToClose = parentToClose.parentOverlayToForceClose;\n            }\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 Overlay);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (!this.stack.length) return;\n        const last = this.stack.at(-1);\n        if (last?.type === 'page') {\n            event.preventDefault();\n            return;\n        }\n        if (supportsPopover) return;\n\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * Get an array of Overlays that all share the same trigger element.\n     *\n     * @param triggerElement {HTMLELement}\n     * @returns {Overlay[]}\n     */\n    overlaysByTriggerElement(triggerElement: HTMLElement): Overlay[] {\n        return this.stack.filter(\n            (overlay) => overlay.triggerElement === triggerElement\n        );\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: Overlay): 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: Overlay): 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,CAaf,aAAc,CAJd,KAAQ,KAAoB,SAAS,KAErC,WAAmB,CAAC,EAyBpB,uBAAqBC,GAAuB,CACxC,KAAK,gBAAkBA,EAAM,aAAa,EAC1C,KAAK,YAAc,KAAK,MAAM,GAAG,EAAE,CACvC,EAOA,qBAAkB,IAAY,CA7DlC,IAAAC,EA+DQ,GADI,CAAC,KAAK,MAAM,QACZ,GAACA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,QAAQ,OAInC,MAAMC,EAAe,KAAK,gBAC1B,KAAK,gBAAkB,OACvB,MAAMC,EAAY,KAAK,MAAM,OAAS,EAChCC,EAAsB,KAAK,MAAM,OAAO,CAACC,EAASC,IAehD,CAdYJ,EAAa,KACxBK,GAEGA,IAAOF,GAENE,KAAOF,GAAA,YAAAA,EAAS,kBACFA,GAAA,YAAAA,EAAS,QAApB,QAGHC,IAAMH,GACHE,IAAY,KAAK,aACjBA,EAAQ,qBAAuB,WAC3C,GAGI,CAACA,EAAQ,mBAAmB,GAC5BA,EAAQ,OAAS,QAExB,EACDD,EAAoB,QAAQ,EAC5BA,EAAoB,QAASC,GAAY,CACrC,KAAK,aAAaA,CAAO,EACzB,IAAIG,EAAgBH,EAAQ,0BAC5B,KAAOG,GACH,KAAK,aAAaA,CAAa,EAC/BA,EAAgBA,EAAc,yBAEtC,CAAC,CACL,EAEA,wBAAsBR,GAAuB,CACzC,KAAM,CAAE,OAAAS,EAAQ,SAAUC,CAAK,EAAIV,EAG/BU,IAAS,QACb,KAAK,aAAaD,CAAiB,CACvC,EAEA,KAAQ,cAAiBT,GAA+B,CAEpD,GADIA,EAAM,OAAS,UACf,CAAC,KAAK,MAAM,OAAQ,OACxB,MAAMW,EAAO,KAAK,MAAM,GAAG,EAAE,EAC7B,IAAIA,GAAA,YAAAA,EAAM,QAAS,OAAQ,CACvBX,EAAM,eAAe,EACrB,MACJ,CACIF,GAECa,GACL,KAAK,aAAaA,CAAI,CAC1B,EA5FI,KAAK,WAAW,CACpB,CAdA,IAAY,UAAqB,CAC7B,OAAO,KAAK,KAAK,eAAsC,QAC3D,CAcA,YAAmB,CACf,KAAK,SAAS,iBAAiB,cAAe,KAAK,iBAAiB,EACpE,KAAK,SAAS,iBAAiB,YAAa,KAAK,eAAe,EAChE,KAAK,SAAS,iBAAiB,UAAW,KAAK,aAAa,CAChE,CAEQ,aAAaN,EAAwB,CACzC,MAAMO,EAAe,KAAK,MAAM,QAAQP,CAAO,EAC3CO,EAAe,IACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EAErCP,EAAQ,KAAO,EACnB,CAqFA,yBAAyBQ,EAAwC,CAC7D,OAAO,KAAK,MAAM,OACbR,GAAYA,EAAQ,iBAAmBQ,CAC5C,CACJ,CAUA,IAAIR,EAAwB,CACxB,GAAI,KAAK,MAAM,SAASA,CAAO,EAAG,CAC9B,MAAMO,EAAe,KAAK,MAAM,QAAQP,CAAO,EAC3CO,EAAe,KACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EACjC,KAAK,MAAM,KAAKP,CAAO,GAE3B,MACJ,CACA,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,EACCd,GAAiB,CACd,MAAMgB,EAAOhB,EAAM,aAAa,EAChC,KAAK,MAAM,QAASiB,GAAc,CAE1B,CADWD,EAAK,KAAMT,GAAOA,IAAOU,CAAS,GAClCA,EAAU,OAAS,UAC9B,KAAK,aAAaA,CAAS,CAEnC,CAAC,CACL,EACA,CAAE,KAAM,EAAK,CACjB,EACAZ,EAAQ,cAAcU,CAAc,CACxC,MAAWV,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,EAAwB,CAC3B,KAAK,aAAaA,CAAO,CAC7B,CACJ,CAEO,aAAM,aAAe,IAAIN",
+  "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 { Overlay } from './Overlay.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 pointerdownPath?: EventTarget[];\n\n    private lastOverlay?: Overlay;\n\n    private root: HTMLElement = document.body;\n\n    stack: Overlay[] = [];\n\n    constructor() {\n        this.bindEvents();\n    }\n\n    bindEvents(): void {\n        this.document.addEventListener('pointerdown', this.handlePointerdown);\n        this.document.addEventListener('pointerup', this.handlePointerup);\n        this.document.addEventListener('keydown', this.handleKeydown);\n    }\n\n    private closeOverlay(overlay: Overlay): 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    /**\n     * Cach the `pointerdownTarget` for later testing\n     *\n     * @param event {ClickEvent}\n     */\n    handlePointerdown = (event: Event): void => {\n        this.pointerdownPath = event.composedPath();\n        this.lastOverlay = this.stack.at(-1);\n    };\n\n    /**\n     * Close all overlays that are not ancestors of this click event\n     *\n     * @param event {ClickEvent}\n     */\n    handlePointerup = (): void => {\n        if (!this.stack.length) return;\n        if (!this.pointerdownPath?.length) return;\n\n        // Test against the composed path in `pointerdown` in case the visitor moved their\n        // pointer during the course of the interaction.\n        const composedPath = this.pointerdownPath;\n        this.pointerdownPath = undefined;\n        const lastIndex = this.stack.length - 1;\n        const nonAncestorOverlays = this.stack.filter((overlay, i) => {\n            const inStack = composedPath.find(\n                (el) =>\n                    // The Overlay is in the stack\n                    el === overlay ||\n                    // The Overlay trigger is in the stack and the Overlay is a \"hint\"\n                    (el === overlay?.triggerElement &&\n                        'hint' === overlay?.type) ||\n                    // The last Overlay in the stack is not the last Overlay at `pointerdown` time and has a\n                    // `triggerInteraction` of \"longpress\", meaning it was opened by this poitner interaction\n                    (i === lastIndex &&\n                        overlay !== this.lastOverlay &&\n                        overlay.triggerInteraction === 'longpress')\n            );\n            return (\n                !inStack &&\n                !overlay.shouldPreventClose() &&\n                overlay.type !== 'manual'\n            );\n        }) as Overlay[];\n        nonAncestorOverlays.reverse();\n        nonAncestorOverlays.forEach((overlay) => {\n            this.closeOverlay(overlay);\n            let parentToClose = overlay.parentOverlayToForceClose;\n            while (parentToClose) {\n                this.closeOverlay(parentToClose);\n                parentToClose = parentToClose.parentOverlayToForceClose;\n            }\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 Overlay);\n    };\n\n    private handleKeydown = (event: KeyboardEvent): void => {\n        if (event.code !== 'Escape') return;\n        if (!this.stack.length) return;\n        const last = this.stack.at(-1);\n        if (last?.type === 'page') {\n            event.preventDefault();\n            return;\n        }\n        if (supportsPopover) return;\n        if (last?.type === 'manual') {\n            // Manual Overlays should not close on \"light dismiss\".\n            return;\n        }\n\n        if (!last) return;\n        this.closeOverlay(last);\n    };\n\n    /**\n     * Get an array of Overlays that all share the same trigger element.\n     *\n     * @param triggerElement {HTMLELement}\n     * @returns {Overlay[]}\n     */\n    overlaysByTriggerElement(triggerElement: HTMLElement): Overlay[] {\n        return this.stack.filter(\n            (overlay) => overlay.triggerElement === triggerElement\n        );\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: Overlay): 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: Overlay): void {\n        this.closeOverlay(overlay);\n    }\n}\n\nexport const overlayStack = new OverlayStack();\n"],
+  "mappings": "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",
   "names": ["supportsPopover", "OverlayStack", "event", "_a", "composedPath", "lastIndex", "nonAncestorOverlays", "overlay", "i", "el", "parentToClose", "target", "open", "last", "overlayIndex", "triggerElement", "queryPathEventName", "queryPathEvent", "path", "overlayEl"]
 }

package/src/index.d.ts

@@ -3,3 +3,4 @@ export * from './OverlayTrigger.js';
 export * from './overlay-types.js';
 export * from './VirtualTrigger.js';
 export * from './loader.js';
+export * from './overlay-trigger-directive.js';

package/src/index.dev.js

@@ -4,4 +4,5 @@ export * from "./OverlayTrigger.dev.js";
 export * from "./overlay-types.dev.js";
 export * from "./VirtualTrigger.dev.js";
 export * from "./loader.dev.js";
+export * from "./overlay-trigger-directive.dev.js";
 //# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Overlay.dev.js'\nexport * from './OverlayTrigger.dev.js'\nexport * from './overlay-types.dev.js'\nexport * from './VirtualTrigger.dev.js'\nexport * from './loader.dev.js'\n"],
-  "mappings": ";AAWA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "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*/\nexport * from './Overlay.dev.js'\nexport * from './OverlayTrigger.dev.js'\nexport * from './overlay-types.dev.js'\nexport * from './VirtualTrigger.dev.js'\nexport * from './loader.dev.js'\nexport * from './overlay-trigger-directive.dev.js'\n"],
+  "mappings": ";AAWA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/src/index.js

@@ -1,2 +1,2 @@
-"use strict";export*from"./Overlay.js";export*from"./OverlayTrigger.js";export*from"./overlay-types.js";export*from"./VirtualTrigger.js";export*from"./loader.js";
+"use strict";export*from"./Overlay.js";export*from"./OverlayTrigger.js";export*from"./overlay-types.js";export*from"./VirtualTrigger.js";export*from"./loader.js";export*from"./overlay-trigger-directive.js";
 //# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Overlay.js';\nexport * from './OverlayTrigger.js';\nexport * from './overlay-types.js';\nexport * from './VirtualTrigger.js';\nexport * from './loader.js';\n"],
-  "mappings": "aAWA,WAAc,eACd,WAAc,sBACd,WAAc,qBACd,WAAc,sBACd,WAAc",
+  "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*/\nexport * from './Overlay.js';\nexport * from './OverlayTrigger.js';\nexport * from './overlay-types.js';\nexport * from './VirtualTrigger.js';\nexport * from './loader.js';\nexport * from './overlay-trigger-directive.js';\n"],
+  "mappings": "aAWA,WAAc,eACd,WAAc,sBACd,WAAc,qBACd,WAAc,sBACd,WAAc,cACd,WAAc",
   "names": []
 }

package/src/overlay-trigger-directive.d.ts

@@ -0,0 +1,31 @@
+import { ElementPart, TemplateResult } from '@spectrum-web-components/base';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { OverlayOptions, TriggerInteraction } from './overlay-types.js';
+import '../sp-overlay.js';
+import { SlottableRequestEvent } from './slottable-request-event.js';
+export declare type InsertionOptions = {
+    el: HTMLElement | (() => HTMLElement);
+    where: InsertPosition;
+};
+export declare type OverlayTriggerOptions = {
+    triggerInteraction: TriggerInteraction;
+    overlayOptions: OverlayOptions;
+    insertionOptions?: InsertionOptions;
+};
+export declare class OverlayTriggerDirective extends AsyncDirective {
+    private template;
+    private target;
+    private overlay;
+    private strategy?;
+    private abortController;
+    protected defaultOptions: OverlayTriggerOptions;
+    protected options: OverlayOptions;
+    protected insertionOptions?: InsertionOptions;
+    render(_template: () => TemplateResult, _options?: Partial<OverlayTriggerOptions>): unknown;
+    update(part: ElementPart, [template, options]: Parameters<this['render']>): void;
+    handleSlottableRequest(event: SlottableRequestEvent): void;
+    init(): void;
+    disconnected(): void;
+    reconnected(): void;
+}
+export declare const trigger: (_template: () => TemplateResult, _options?: Partial<OverlayTriggerOptions> | undefined) => import("lit-html/directive.js").DirectiveResult<typeof OverlayTriggerDirective>;

package/src/overlay-trigger-directive.dev.js

@@ -0,0 +1,102 @@
+"use strict";
+import {
+  nothing,
+  render
+} from "@spectrum-web-components/base";
+import { AsyncDirective, directive } from "lit/async-directive.js";
+import { Overlay, strategies } from "./Overlay.dev.js";
+import "../sp-overlay.dev.js";
+import {
+  removeSlottableRequest
+} from "./slottable-request-event.dev.js";
+export class OverlayTriggerDirective extends AsyncDirective {
+  constructor() {
+    super(...arguments);
+    this.overlay = new Overlay();
+    this.defaultOptions = {
+      triggerInteraction: "hover",
+      overlayOptions: {
+        placement: "top-start",
+        type: "auto",
+        offset: 0
+      }
+    };
+    this.options = {
+      ...this.defaultOptions.overlayOptions
+    };
+  }
+  /* c8 ignore next 9 */
+  render(_template, _options) {
+    return nothing;
+  }
+  update(part, [template, options]) {
+    var _a, _b;
+    this.options = {
+      ...this.defaultOptions.overlayOptions,
+      ...options == null ? void 0 : options.overlayOptions
+    };
+    this.insertionOptions = options == null ? void 0 : options.insertionOptions;
+    this.template = template;
+    let newTarget = false;
+    const triggerInteraction = (options == null ? void 0 : options.triggerInteraction) || this.defaultOptions.triggerInteraction;
+    const newStrategy = ((_a = this.strategy) == null ? void 0 : _a.type) !== triggerInteraction;
+    if (this.target !== part.element) {
+      this.target = part.element;
+      newTarget = true;
+    }
+    if (newTarget || newStrategy) {
+      (_b = this.strategy) == null ? void 0 : _b.abort();
+      this.strategy = new strategies[triggerInteraction](this.overlay, this.target, true);
+    }
+    this.init();
+    if (true) {
+      window.__swc.warn(
+        void 0,
+        `\u26A0\uFE0F  WARNING \u26A0\uFE0F : The Overlay Trigger Directive is experimental and there is no guarantees behind its usage in an application!! Its API and presence within the library could be changed at anytime. See "sp-overlay" or "Overlay.open()" for a stable API for overlaying content on your application.`,
+        "https://opensource.adobe.com/spectrum-web-components/components/overlay",
+        {
+          level: "high",
+          type: "api"
+        }
+      );
+    }
+  }
+  handleSlottableRequest(event) {
+    var _a, _b;
+    if (event.target !== event.currentTarget)
+      return;
+    const willRemoveSlottable = event.data === removeSlottableRequest;
+    render(willRemoveSlottable ? void 0 : this.template(), this.overlay);
+    if (willRemoveSlottable) {
+      this.overlay.remove();
+    } else {
+      Overlay.applyOptions(this.overlay, {
+        ...this.options,
+        trigger: this.target
+      });
+      const insertionEl = typeof ((_a = this.insertionOptions) == null ? void 0 : _a.el) === "function" ? this.insertionOptions.el() : ((_b = this.insertionOptions) == null ? void 0 : _b.el) || this.target;
+      const { where = "afterend" } = this.insertionOptions || {};
+      insertionEl.insertAdjacentElement(where, this.overlay);
+    }
+  }
+  init() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = new AbortController();
+    const { signal } = this.abortController;
+    this.overlay.addEventListener(
+      "slottable-request",
+      (event) => this.handleSlottableRequest(event),
+      { signal }
+    );
+  }
+  disconnected() {
+    this.abortController.abort();
+  }
+  /* c8 ignore next 3 */
+  reconnected() {
+    this.init();
+  }
+}
+export const trigger = directive(OverlayTriggerDirective);
+//# sourceMappingURL=overlay-trigger-directive.dev.js.map

package/src/overlay-trigger-directive.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["overlay-trigger-directive.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 {\n    ElementPart,\n    nothing,\n    render,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { AsyncDirective, directive } from 'lit/async-directive.js';\nimport { Overlay, strategies } from './Overlay.dev.js'\nimport { OverlayOptions, TriggerInteraction } from './overlay-types.dev.js'\nimport { ClickController } from './ClickController.dev.js'\nimport { HoverController } from './HoverController.dev.js'\nimport { LongpressController } from './LongpressController.dev.js'\nimport '../sp-overlay.dev.js'\nimport {\n    removeSlottableRequest,\n    SlottableRequestEvent,\n} from './slottable-request-event.dev.js'\n\nexport type InsertionOptions = {\n    el: HTMLElement | (() => HTMLElement);\n    where: InsertPosition;\n};\n\nexport type OverlayTriggerOptions = {\n    triggerInteraction: TriggerInteraction;\n    overlayOptions: OverlayOptions;\n    insertionOptions?: InsertionOptions;\n};\n\nexport class OverlayTriggerDirective extends AsyncDirective {\n    private template!: () => TemplateResult;\n    private target!: HTMLElement;\n    private overlay = new Overlay();\n    private strategy?: ClickController | HoverController | LongpressController;\n    private abortController!: AbortController;\n\n    protected defaultOptions: OverlayTriggerOptions = {\n        triggerInteraction: 'hover',\n        overlayOptions: {\n            placement: 'top-start',\n            type: 'auto',\n            offset: 0,\n        },\n    };\n    protected options: OverlayOptions = {\n        ...this.defaultOptions.overlayOptions,\n    };\n    protected insertionOptions?: InsertionOptions;\n\n    /* c8 ignore next 9 */\n    render(\n        _template: () => TemplateResult,\n        _options?: Partial<OverlayTriggerOptions>\n    ): unknown {\n        // render function here just defines the interface to the update call later\n        // we don't have anything to render since this is intended to be an ElementPart directive\n        // so will be used on an element and is not itself rendered\n        return nothing;\n    }\n\n    override update(\n        part: ElementPart,\n        [template, options]: Parameters<this['render']>\n    ): void {\n        this.options = {\n            ...this.defaultOptions.overlayOptions,\n            ...options?.overlayOptions,\n        };\n        this.insertionOptions = options?.insertionOptions;\n        this.template = template;\n        let newTarget = false;\n        const triggerInteraction = (options?.triggerInteraction ||\n            this.defaultOptions.triggerInteraction) as TriggerInteraction;\n        const newStrategy =\n            (this.strategy?.type as unknown as TriggerInteraction) !==\n            triggerInteraction;\n        if (this.target !== part.element) {\n            this.target = part.element as HTMLElement;\n            newTarget = true;\n        }\n        if (newTarget || newStrategy) {\n            this.strategy?.abort();\n            this.strategy = new strategies[\n                triggerInteraction as TriggerInteraction\n            ](this.overlay, this.target, true);\n        }\n        this.init();\n\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                undefined,\n                `\u26A0\uFE0F  WARNING \u26A0\uFE0F : The Overlay Trigger Directive is experimental and there is no guarantees behind its usage in an application!! Its API and presence within the library could be changed at anytime. See \"sp-overlay\" or \"Overlay.open()\" for a stable API for overlaying content on your application.`,\n                'https://opensource.adobe.com/spectrum-web-components/components/overlay',\n                {\n                    level: 'high',\n                    type: 'api',\n                }\n            );\n        }\n    }\n\n    handleSlottableRequest(event: SlottableRequestEvent): void {\n        /* c8 ignore next 1 */\n        if (event.target !== event.currentTarget) return;\n\n        const willRemoveSlottable = event.data === removeSlottableRequest;\n\n        render(willRemoveSlottable ? undefined : this.template(), this.overlay);\n        if (willRemoveSlottable) {\n            this.overlay.remove();\n        } else {\n            Overlay.applyOptions(this.overlay, {\n                ...this.options,\n                trigger: this.target,\n            });\n            const insertionEl =\n                typeof this.insertionOptions?.el === 'function'\n                    ? this.insertionOptions.el()\n                    : this.insertionOptions?.el || this.target;\n            const { where = 'afterend' } = this.insertionOptions || {};\n            insertionEl.insertAdjacentElement(where, this.overlay);\n        }\n    }\n\n    init(): void {\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.overlay.addEventListener(\n            'slottable-request',\n            (event: Event) =>\n                this.handleSlottableRequest(event as SlottableRequestEvent),\n            { signal }\n        );\n    }\n\n    override disconnected(): void {\n        this.abortController.abort();\n    }\n\n    /* c8 ignore next 3 */\n    override reconnected(): void {\n        this.init();\n    }\n}\n\nexport const trigger = directive(OverlayTriggerDirective);\n"],
+  "mappings": ";AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB,iBAAiB;AAC1C,SAAS,SAAS,kBAAkB;AAKpC,OAAO;AACP;AAAA,EACI;AAAA,OAEG;AAaA,aAAM,gCAAgC,eAAe;AAAA,EAArD;AAAA;AAGH,SAAQ,UAAU,IAAI,QAAQ;AAI9B,SAAU,iBAAwC;AAAA,MAC9C,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,QACZ,WAAW;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,MACZ;AAAA,IACJ;AACA,SAAU,UAA0B;AAAA,MAChC,GAAG,KAAK,eAAe;AAAA,IAC3B;AAAA;AAAA;AAAA,EAIA,OACI,WACA,UACO;AAIP,WAAO;AAAA,EACX;AAAA,EAES,OACL,MACA,CAAC,UAAU,OAAO,GACd;AA1EZ;AA2EQ,SAAK,UAAU;AAAA,MACX,GAAG,KAAK,eAAe;AAAA,MACvB,GAAG,mCAAS;AAAA,IAChB;AACA,SAAK,mBAAmB,mCAAS;AACjC,SAAK,WAAW;AAChB,QAAI,YAAY;AAChB,UAAM,sBAAsB,mCAAS,uBACjC,KAAK,eAAe;AACxB,UAAM,gBACD,UAAK,aAAL,mBAAe,UAChB;AACJ,QAAI,KAAK,WAAW,KAAK,SAAS;AAC9B,WAAK,SAAS,KAAK;AACnB,kBAAY;AAAA,IAChB;AACA,QAAI,aAAa,aAAa;AAC1B,iBAAK,aAAL,mBAAe;AACf,WAAK,WAAW,IAAI,WAChB,kBACJ,EAAE,KAAK,SAAS,KAAK,QAAQ,IAAI;AAAA,IACrC;AACA,SAAK,KAAK;AAEV,QAAI,MAAoB;AACpB,aAAO,MAAM;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACI,OAAO;AAAA,UACP,MAAM;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,uBAAuB,OAAoC;AAhH/D;AAkHQ,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,UAAM,sBAAsB,MAAM,SAAS;AAE3C,WAAO,sBAAsB,SAAY,KAAK,SAAS,GAAG,KAAK,OAAO;AACtE,QAAI,qBAAqB;AACrB,WAAK,QAAQ,OAAO;AAAA,IACxB,OAAO;AACH,cAAQ,aAAa,KAAK,SAAS;AAAA,QAC/B,GAAG,KAAK;AAAA,QACR,SAAS,KAAK;AAAA,MAClB,CAAC;AACD,YAAM,cACF,SAAO,UAAK,qBAAL,mBAAuB,QAAO,aAC/B,KAAK,iBAAiB,GAAG,MACzB,UAAK,qBAAL,mBAAuB,OAAM,KAAK;AAC5C,YAAM,EAAE,QAAQ,WAAW,IAAI,KAAK,oBAAoB,CAAC;AACzD,kBAAY,sBAAsB,OAAO,KAAK,OAAO;AAAA,IACzD;AAAA,EACJ;AAAA,EAEA,OAAa;AAvIjB;AAwIQ,eAAK,oBAAL,mBAAsB;AACtB,SAAK,kBAAkB,IAAI,gBAAgB;AAC3C,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,SAAK,QAAQ;AAAA,MACT;AAAA,MACA,CAAC,UACG,KAAK,uBAAuB,KAA8B;AAAA,MAC9D,EAAE,OAAO;AAAA,IACb;AAAA,EACJ;AAAA,EAES,eAAqB;AAC1B,SAAK,gBAAgB,MAAM;AAAA,EAC/B;AAAA;AAAA,EAGS,cAAoB;AACzB,SAAK,KAAK;AAAA,EACd;AACJ;AAEO,aAAM,UAAU,UAAU,uBAAuB;",
+  "names": []
+}

package/src/overlay-trigger-directive.js

@@ -0,0 +1,2 @@
+"use strict";import{nothing as p,render as g}from"@spectrum-web-components/base";import{AsyncDirective as v,directive as c}from"lit/async-directive.js";import{Overlay as l,strategies as h}from"./Overlay.js";import"../sp-overlay.js";import{removeSlottableRequest as m}from"./slottable-request-event.js";export class OverlayTriggerDirective extends v{constructor(){super(...arguments);this.overlay=new l;this.defaultOptions={triggerInteraction:"hover",overlayOptions:{placement:"top-start",type:"auto",offset:0}};this.options={...this.defaultOptions.overlayOptions}}render(t,r){return p}update(t,[r,e]){var a,s;this.options={...this.defaultOptions.overlayOptions,...e==null?void 0:e.overlayOptions},this.insertionOptions=e==null?void 0:e.insertionOptions,this.template=r;let i=!1;const o=(e==null?void 0:e.triggerInteraction)||this.defaultOptions.triggerInteraction,n=((a=this.strategy)==null?void 0:a.type)!==o;this.target!==t.element&&(this.target=t.element,i=!0),(i||n)&&((s=this.strategy)==null||s.abort(),this.strategy=new h[o](this.overlay,this.target,!0)),this.init()}handleSlottableRequest(t){var e,i;if(t.target!==t.currentTarget)return;const r=t.data===m;if(g(r?void 0:this.template(),this.overlay),r)this.overlay.remove();else{l.applyOptions(this.overlay,{...this.options,trigger:this.target});const o=typeof((e=this.insertionOptions)==null?void 0:e.el)=="function"?this.insertionOptions.el():((i=this.insertionOptions)==null?void 0:i.el)||this.target,{where:n="afterend"}=this.insertionOptions||{};o.insertAdjacentElement(n,this.overlay)}}init(){var r;(r=this.abortController)==null||r.abort(),this.abortController=new AbortController;const{signal:t}=this.abortController;this.overlay.addEventListener("slottable-request",e=>this.handleSlottableRequest(e),{signal:t})}disconnected(){this.abortController.abort()}reconnected(){this.init()}}export const trigger=c(OverlayTriggerDirective);
+//# sourceMappingURL=overlay-trigger-directive.js.map

package/src/overlay-trigger-directive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["overlay-trigger-directive.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 {\n    ElementPart,\n    nothing,\n    render,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { AsyncDirective, directive } from 'lit/async-directive.js';\nimport { Overlay, strategies } from './Overlay.js';\nimport { OverlayOptions, TriggerInteraction } from './overlay-types.js';\nimport { ClickController } from './ClickController.js';\nimport { HoverController } from './HoverController.js';\nimport { LongpressController } from './LongpressController.js';\nimport '../sp-overlay.js';\nimport {\n    removeSlottableRequest,\n    SlottableRequestEvent,\n} from './slottable-request-event.js';\n\nexport type InsertionOptions = {\n    el: HTMLElement | (() => HTMLElement);\n    where: InsertPosition;\n};\n\nexport type OverlayTriggerOptions = {\n    triggerInteraction: TriggerInteraction;\n    overlayOptions: OverlayOptions;\n    insertionOptions?: InsertionOptions;\n};\n\nexport class OverlayTriggerDirective extends AsyncDirective {\n    private template!: () => TemplateResult;\n    private target!: HTMLElement;\n    private overlay = new Overlay();\n    private strategy?: ClickController | HoverController | LongpressController;\n    private abortController!: AbortController;\n\n    protected defaultOptions: OverlayTriggerOptions = {\n        triggerInteraction: 'hover',\n        overlayOptions: {\n            placement: 'top-start',\n            type: 'auto',\n            offset: 0,\n        },\n    };\n    protected options: OverlayOptions = {\n        ...this.defaultOptions.overlayOptions,\n    };\n    protected insertionOptions?: InsertionOptions;\n\n    /* c8 ignore next 9 */\n    render(\n        _template: () => TemplateResult,\n        _options?: Partial<OverlayTriggerOptions>\n    ): unknown {\n        // render function here just defines the interface to the update call later\n        // we don't have anything to render since this is intended to be an ElementPart directive\n        // so will be used on an element and is not itself rendered\n        return nothing;\n    }\n\n    override update(\n        part: ElementPart,\n        [template, options]: Parameters<this['render']>\n    ): void {\n        this.options = {\n            ...this.defaultOptions.overlayOptions,\n            ...options?.overlayOptions,\n        };\n        this.insertionOptions = options?.insertionOptions;\n        this.template = template;\n        let newTarget = false;\n        const triggerInteraction = (options?.triggerInteraction ||\n            this.defaultOptions.triggerInteraction) as TriggerInteraction;\n        const newStrategy =\n            (this.strategy?.type as unknown as TriggerInteraction) !==\n            triggerInteraction;\n        if (this.target !== part.element) {\n            this.target = part.element as HTMLElement;\n            newTarget = true;\n        }\n        if (newTarget || newStrategy) {\n            this.strategy?.abort();\n            this.strategy = new strategies[\n                triggerInteraction as TriggerInteraction\n            ](this.overlay, this.target, true);\n        }\n        this.init();\n\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                undefined,\n                `\u26A0\uFE0F  WARNING \u26A0\uFE0F : The Overlay Trigger Directive is experimental and there is no guarantees behind its usage in an application!! Its API and presence within the library could be changed at anytime. See \"sp-overlay\" or \"Overlay.open()\" for a stable API for overlaying content on your application.`,\n                'https://opensource.adobe.com/spectrum-web-components/components/overlay',\n                {\n                    level: 'high',\n                    type: 'api',\n                }\n            );\n        }\n    }\n\n    handleSlottableRequest(event: SlottableRequestEvent): void {\n        /* c8 ignore next 1 */\n        if (event.target !== event.currentTarget) return;\n\n        const willRemoveSlottable = event.data === removeSlottableRequest;\n\n        render(willRemoveSlottable ? undefined : this.template(), this.overlay);\n        if (willRemoveSlottable) {\n            this.overlay.remove();\n        } else {\n            Overlay.applyOptions(this.overlay, {\n                ...this.options,\n                trigger: this.target,\n            });\n            const insertionEl =\n                typeof this.insertionOptions?.el === 'function'\n                    ? this.insertionOptions.el()\n                    : this.insertionOptions?.el || this.target;\n            const { where = 'afterend' } = this.insertionOptions || {};\n            insertionEl.insertAdjacentElement(where, this.overlay);\n        }\n    }\n\n    init(): void {\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.overlay.addEventListener(\n            'slottable-request',\n            (event: Event) =>\n                this.handleSlottableRequest(event as SlottableRequestEvent),\n            { signal }\n        );\n    }\n\n    override disconnected(): void {\n        this.abortController.abort();\n    }\n\n    /* c8 ignore next 3 */\n    override reconnected(): void {\n        this.init();\n    }\n}\n\nexport const trigger = directive(OverlayTriggerDirective);\n"],
+  "mappings": "aAWA,OAEI,WAAAA,EACA,UAAAC,MAEG,gCACP,OAAS,kBAAAC,EAAgB,aAAAC,MAAiB,yBAC1C,OAAS,WAAAC,EAAS,cAAAC,MAAkB,eAKpC,MAAO,mBACP,OACI,0BAAAC,MAEG,+BAaA,aAAM,gCAAgCJ,CAAe,CAArD,kCAGH,KAAQ,QAAU,IAAIE,EAItB,KAAU,eAAwC,CAC9C,mBAAoB,QACpB,eAAgB,CACZ,UAAW,YACX,KAAM,OACN,OAAQ,CACZ,CACJ,EACA,KAAU,QAA0B,CAChC,GAAG,KAAK,eAAe,cAC3B,EAIA,OACIG,EACAC,EACO,CAIP,OAAOR,CACX,CAES,OACLS,EACA,CAACC,EAAUC,CAAO,EACd,CA1EZ,IAAAC,EAAAC,EA2EQ,KAAK,QAAU,CACX,GAAG,KAAK,eAAe,eACvB,GAAGF,GAAA,YAAAA,EAAS,cAChB,EACA,KAAK,iBAAmBA,GAAA,YAAAA,EAAS,iBACjC,KAAK,SAAWD,EAChB,IAAII,EAAY,GAChB,MAAMC,GAAsBJ,GAAA,YAAAA,EAAS,qBACjC,KAAK,eAAe,mBAClBK,IACDJ,EAAA,KAAK,WAAL,YAAAA,EAAe,QAChBG,EACA,KAAK,SAAWN,EAAK,UACrB,KAAK,OAASA,EAAK,QACnBK,EAAY,KAEZA,GAAaE,MACbH,EAAA,KAAK,WAAL,MAAAA,EAAe,QACf,KAAK,SAAW,IAAIR,EAChBU,CACJ,EAAE,KAAK,QAAS,KAAK,OAAQ,EAAI,GAErC,KAAK,KAAK,CAad,CAEA,uBAAuBE,EAAoC,CAhH/D,IAAAL,EAAAC,EAkHQ,GAAII,EAAM,SAAWA,EAAM,cAAe,OAE1C,MAAMC,EAAsBD,EAAM,OAASX,EAG3C,GADAL,EAAOiB,EAAsB,OAAY,KAAK,SAAS,EAAG,KAAK,OAAO,EAClEA,EACA,KAAK,QAAQ,OAAO,MACjB,CACHd,EAAQ,aAAa,KAAK,QAAS,CAC/B,GAAG,KAAK,QACR,QAAS,KAAK,MAClB,CAAC,EACD,MAAMe,EACF,QAAOP,EAAA,KAAK,mBAAL,YAAAA,EAAuB,KAAO,WAC/B,KAAK,iBAAiB,GAAG,IACzBC,EAAA,KAAK,mBAAL,YAAAA,EAAuB,KAAM,KAAK,OACtC,CAAE,MAAAO,EAAQ,UAAW,EAAI,KAAK,kBAAoB,CAAC,EACzDD,EAAY,sBAAsBC,EAAO,KAAK,OAAO,CACzD,CACJ,CAEA,MAAa,CAvIjB,IAAAR,GAwIQA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,QACtB,KAAK,gBAAkB,IAAI,gBAC3B,KAAM,CAAE,OAAAS,CAAO,EAAI,KAAK,gBACxB,KAAK,QAAQ,iBACT,oBACCJ,GACG,KAAK,uBAAuBA,CAA8B,EAC9D,CAAE,OAAAI,CAAO,CACb,CACJ,CAES,cAAqB,CAC1B,KAAK,gBAAgB,MAAM,CAC/B,CAGS,aAAoB,CACzB,KAAK,KAAK,CACd,CACJ,CAEO,aAAM,QAAUlB,EAAU,uBAAuB",
+  "names": ["nothing", "render", "AsyncDirective", "directive", "Overlay", "strategies", "removeSlottableRequest", "_template", "_options", "part", "template", "options", "_a", "_b", "newTarget", "triggerInteraction", "newStrategy", "event", "willRemoveSlottable", "insertionEl", "where", "signal"]
+}

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

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}
+    :host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}
 `;
 export default styles;
 //# sourceMappingURL=overlay-trigger.css.dev.js.map

package/src/overlay-trigger.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-trigger.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/overlay-trigger.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as e}from"@spectrum-web-components/base";const s=e`
-:host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}
+    :host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}
 `;export default s;
 //# sourceMappingURL=overlay-trigger.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-trigger.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/overlay-types.d.ts

@@ -6,6 +6,7 @@ export declare type Constructor<T = Record<string, unknown>> = {
 };
 export { Placement };
 export declare type OverlayTypes = 'auto' | 'hint' | 'manual' | 'modal' | 'page';
+export declare type TriggerInteraction = 'click' | 'longpress' | 'hover';
 export declare type TriggerInteractions = OverlayTypes;
 export declare type TriggerInteractionsV1 = 'click' | 'longpress' | 'hover' | 'custom' | 'replace' | 'inline' | 'modal';
 export declare type OverlayTriggerInteractions = Extract<TriggerInteractions, 'inline' | 'modal' | 'replace'>;
@@ -35,6 +36,12 @@ export declare type OverlayOptionsV1 = {
     abortPromise?: Promise<boolean>;
     virtualTrigger?: VirtualTrigger;
 };
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'sp-opened': CustomEvent<OverlayOpenCloseDetail>;
+        'sp-closed': CustomEvent<OverlayOpenCloseDetail>;
+    }
+}
 export declare type OpenableElement = HTMLElement & {
     open: boolean;
     tipElement?: HTMLElement;

package/src/overlay-types.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-types.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 type { Placement } from '@floating-ui/dom';\nimport type { VirtualTrigger } from './VirtualTrigger.dev.js'\n\nexport type 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 { Placement };\n\nexport type OverlayTypes = 'auto' | 'hint' | 'manual' | 'modal' | 'page';\n\nexport type TriggerInteractions = OverlayTypes;\n\nexport type TriggerInteractionsV1 =\n    | 'click'\n    | 'longpress'\n    | 'hover'\n    | 'custom'\n    | 'replace'\n    | 'inline'\n    | 'modal';\n\nexport type OverlayTriggerInteractions = Extract<\n    TriggerInteractions,\n    'inline' | 'modal' | 'replace'\n>;\n\nexport interface OverlayOpenCloseDetail {\n    interaction: TriggerInteractions;\n    reason?: 'external-click';\n}\n\nexport interface OverlayCloseReasonDetail {\n    reason?: 'external-click';\n}\n\nexport type OverlayOptions = {\n    delayed?: boolean;\n    notImmediatelyClosable?: boolean;\n    offset?: number | [number, number]; // supporting multi-axis\n    placement?: Placement;\n    receivesFocus?: 'auto' | 'true' | 'false';\n    trigger?: HTMLElement | VirtualTrigger;\n    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';\n};\n\nexport type OverlayOptionsV1 = {\n    root?: HTMLElement;\n    delayed?: boolean;\n    placement?: Placement;\n    offset?: number;\n    receivesFocus?: 'true' | 'false' | 'auto';\n    notImmediatelyClosable?: boolean;\n    abortPromise?: Promise<boolean>;\n    virtualTrigger?: VirtualTrigger;\n};\n\nexport type OpenableElement = HTMLElement & {\n    open: boolean;\n    tipElement?: HTMLElement;\n    updateComplete?: Promise<void>;\n};\n\nexport type OverlayState = 'closed' | 'opening' | 'opened' | 'closing';\n"],
+  "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 type { Placement } from '@floating-ui/dom';\nimport type { VirtualTrigger } from './VirtualTrigger.dev.js'\n\nexport type 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 { Placement };\n\nexport type OverlayTypes = 'auto' | 'hint' | 'manual' | 'modal' | 'page';\n\nexport type TriggerInteraction = 'click' | 'longpress' | 'hover';\n\nexport type TriggerInteractions = OverlayTypes;\n\nexport type TriggerInteractionsV1 =\n    | 'click'\n    | 'longpress'\n    | 'hover'\n    | 'custom'\n    | 'replace'\n    | 'inline'\n    | 'modal';\n\nexport type OverlayTriggerInteractions = Extract<\n    TriggerInteractions,\n    'inline' | 'modal' | 'replace'\n>;\n\nexport interface OverlayOpenCloseDetail {\n    interaction: TriggerInteractions;\n    reason?: 'external-click';\n}\n\nexport interface OverlayCloseReasonDetail {\n    reason?: 'external-click';\n}\n\nexport type OverlayOptions = {\n    delayed?: boolean;\n    notImmediatelyClosable?: boolean;\n    offset?: number | [number, number]; // supporting multi-axis\n    placement?: Placement;\n    receivesFocus?: 'auto' | 'true' | 'false';\n    trigger?: HTMLElement | VirtualTrigger;\n    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';\n};\n\nexport type OverlayOptionsV1 = {\n    root?: HTMLElement;\n    delayed?: boolean;\n    placement?: Placement;\n    offset?: number;\n    receivesFocus?: 'true' | 'false' | 'auto';\n    notImmediatelyClosable?: boolean;\n    abortPromise?: Promise<boolean>;\n    virtualTrigger?: VirtualTrigger;\n};\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-opened': CustomEvent<OverlayOpenCloseDetail>;\n        'sp-closed': CustomEvent<OverlayOpenCloseDetail>;\n    }\n}\n\nexport type OpenableElement = HTMLElement & {\n    open: boolean;\n    tipElement?: HTMLElement;\n    updateComplete?: Promise<void>;\n};\n\nexport type OverlayState = 'closed' | 'opening' | 'opened' | 'closing';\n"],
   "mappings": ";AAqBA;",
   "names": []
 }

package/src/overlay-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay-types.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 type { Placement } from '@floating-ui/dom';\nimport type { VirtualTrigger } from './VirtualTrigger.js';\n\nexport type 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 { Placement };\n\nexport type OverlayTypes = 'auto' | 'hint' | 'manual' | 'modal' | 'page';\n\nexport type TriggerInteractions = OverlayTypes;\n\nexport type TriggerInteractionsV1 =\n    | 'click'\n    | 'longpress'\n    | 'hover'\n    | 'custom'\n    | 'replace'\n    | 'inline'\n    | 'modal';\n\nexport type OverlayTriggerInteractions = Extract<\n    TriggerInteractions,\n    'inline' | 'modal' | 'replace'\n>;\n\nexport interface OverlayOpenCloseDetail {\n    interaction: TriggerInteractions;\n    reason?: 'external-click';\n}\n\nexport interface OverlayCloseReasonDetail {\n    reason?: 'external-click';\n}\n\nexport type OverlayOptions = {\n    delayed?: boolean;\n    notImmediatelyClosable?: boolean;\n    offset?: number | [number, number]; // supporting multi-axis\n    placement?: Placement;\n    receivesFocus?: 'auto' | 'true' | 'false';\n    trigger?: HTMLElement | VirtualTrigger;\n    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';\n};\n\nexport type OverlayOptionsV1 = {\n    root?: HTMLElement;\n    delayed?: boolean;\n    placement?: Placement;\n    offset?: number;\n    receivesFocus?: 'true' | 'false' | 'auto';\n    notImmediatelyClosable?: boolean;\n    abortPromise?: Promise<boolean>;\n    virtualTrigger?: VirtualTrigger;\n};\n\nexport type OpenableElement = HTMLElement & {\n    open: boolean;\n    tipElement?: HTMLElement;\n    updateComplete?: Promise<void>;\n};\n\nexport type OverlayState = 'closed' | 'opening' | 'opened' | 'closing';\n"],
+  "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 type { Placement } from '@floating-ui/dom';\nimport type { VirtualTrigger } from './VirtualTrigger.js';\n\nexport type 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 { Placement };\n\nexport type OverlayTypes = 'auto' | 'hint' | 'manual' | 'modal' | 'page';\n\nexport type TriggerInteraction = 'click' | 'longpress' | 'hover';\n\nexport type TriggerInteractions = OverlayTypes;\n\nexport type TriggerInteractionsV1 =\n    | 'click'\n    | 'longpress'\n    | 'hover'\n    | 'custom'\n    | 'replace'\n    | 'inline'\n    | 'modal';\n\nexport type OverlayTriggerInteractions = Extract<\n    TriggerInteractions,\n    'inline' | 'modal' | 'replace'\n>;\n\nexport interface OverlayOpenCloseDetail {\n    interaction: TriggerInteractions;\n    reason?: 'external-click';\n}\n\nexport interface OverlayCloseReasonDetail {\n    reason?: 'external-click';\n}\n\nexport type OverlayOptions = {\n    delayed?: boolean;\n    notImmediatelyClosable?: boolean;\n    offset?: number | [number, number]; // supporting multi-axis\n    placement?: Placement;\n    receivesFocus?: 'auto' | 'true' | 'false';\n    trigger?: HTMLElement | VirtualTrigger;\n    type?: 'modal' | 'page' | 'hint' | 'auto' | 'manual';\n};\n\nexport type OverlayOptionsV1 = {\n    root?: HTMLElement;\n    delayed?: boolean;\n    placement?: Placement;\n    offset?: number;\n    receivesFocus?: 'true' | 'false' | 'auto';\n    notImmediatelyClosable?: boolean;\n    abortPromise?: Promise<boolean>;\n    virtualTrigger?: VirtualTrigger;\n};\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-opened': CustomEvent<OverlayOpenCloseDetail>;\n        'sp-closed': CustomEvent<OverlayOpenCloseDetail>;\n    }\n}\n\nexport type OpenableElement = HTMLElement & {\n    open: boolean;\n    tipElement?: HTMLElement;\n    updateComplete?: Promise<void>;\n};\n\nexport type OverlayState = 'closed' | 'opening' | 'opened' | 'closing';\n"],
   "mappings": "aAqBA",
   "names": []
 }

package/src/overlay.css.dev.js

@@ -1,9 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host{display:contents;pointer-events:none;--swc-overlay-animation-distance:var(
---spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
-)}.dialog{background:none;border:0;box-sizing:border-box;display:flex;height:auto;inset:auto;left:0;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;top:0;--sp-overlay-open:true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";inset:-999em;pointer-events:auto!important;position:absolute}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}.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;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base, 1000) + var(--swc-overlay-open-count))}}
+    :host{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}}
 `;
 export default styles;
 //# sourceMappingURL=overlay.css.dev.js.map

package/src/overlay.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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{display:contents;pointer-events:none;--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;height:auto;inset:auto;left:0;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;top:0;--sp-overlay-open:true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";inset:-999em;pointer-events:auto!important;position:absolute}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}.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;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base, 1000) + var(--swc-overlay-open-count))}}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAKf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2024 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{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/overlay.css.js

@@ -1,6 +1,4 @@
 "use strict";import{css as a}from"@spectrum-web-components/base";const o=a`
-:host{display:contents;pointer-events:none;--swc-overlay-animation-distance:var(
---spectrum-picker-m-texticon-popover-offset-y,var(--spectrum-global-dimension-size-75)
-)}.dialog{background:none;border:0;box-sizing:border-box;display:flex;height:auto;inset:auto;left:0;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;top:0;--sp-overlay-open:true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";inset:-999em;pointer-events:auto!important;position:absolute}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}.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;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base, 1000) + var(--swc-overlay-open-count))}}
+    :host{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}}
 `;export default o;
 //# sourceMappingURL=overlay.css.js.map

package/src/overlay.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["overlay.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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{display:contents;pointer-events:none;--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;height:auto;inset:auto;left:0;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;top:0;--sp-overlay-open:true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";inset:-999em;pointer-events:auto!important;position:absolute}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{margin-top:var(--swc-overlay-animation-distance);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{margin-left:calc(var(--swc-overlay-animation-distance)*-1);padding-inline:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=bottom]{margin-top:calc(var(--swc-overlay-animation-distance)*-1);padding-block:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=left]{margin-left:var(--swc-overlay-animation-distance);padding-inline:var(--swc-overlay-animation-distance)}.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;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base, 1000) + var(--swc-overlay-open-count))}}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA,EAKf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2024 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{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/slottable-request-event.d.ts

@@ -0,0 +1,7 @@
+export declare class SlottableRequestEvent extends Event {
+    readonly data: unknown;
+    readonly name: string;
+    readonly slotName: string;
+    constructor(name: string, data: unknown, key?: string);
+}
+export declare const removeSlottableRequest: unique symbol;

package/src/slottable-request-event.dev.js

@@ -0,0 +1,28 @@
+"use strict";
+export class SlottableRequestEvent extends Event {
+  constructor(name, data, key) {
+    super("slottable-request", {
+      bubbles: false,
+      cancelable: true,
+      composed: false
+    });
+    this.name = name;
+    this.data = data;
+    this.slotName = key !== void 0 ? `${name}.${key}` : name;
+    if (true) {
+      window.__swc.warn(
+        void 0,
+        `\u26A0\uFE0F  WARNING \u26A0\uFE0F : \`slottable-request\` events are experimental and there is no guarantees behind usage of them in an application!! Their shape and presence within the library could be changed at anytime.
+                
+Learn more about the protocol these events are based on below:`,
+        "https://github.com/webcomponents-cg/community-protocols/pull/45",
+        {
+          level: "high",
+          type: "api"
+        }
+      );
+    }
+  }
+}
+export const removeSlottableRequest = Symbol("remove-slottable-request");
+//# sourceMappingURL=slottable-request-event.dev.js.map

package/src/slottable-request-event.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["slottable-request-event.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 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\nexport class SlottableRequestEvent extends Event {\n    readonly data: unknown;\n    readonly name: string;\n    readonly slotName: string;\n    constructor(name: string, data: unknown, key?: string) {\n        super('slottable-request', {\n            bubbles: false,\n            cancelable: true,\n            composed: false,\n        });\n        this.name = name;\n        this.data = data;\n        this.slotName = key !== undefined ? `${name}.${key}` : name;\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                undefined,\n                `\u26A0\uFE0F  WARNING \u26A0\uFE0F : \\`slottable-request\\` events are experimental and there is no guarantees behind usage of them in an application!! Their shape and presence within the library could be changed at anytime.\n                \nLearn more about the protocol these events are based on below:`,\n                'https://github.com/webcomponents-cg/community-protocols/pull/45',\n                {\n                    level: 'high',\n                    type: 'api',\n                }\n            );\n        }\n    }\n}\n\nexport const removeSlottableRequest = Symbol('remove-slottable-request');\n"],
+  "mappings": ";AAWO,aAAM,8BAA8B,MAAM;AAAA,EAI7C,YAAY,MAAc,MAAe,KAAc;AACnD,UAAM,qBAAqB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IACd,CAAC;AACD,SAAK,OAAO;AACZ,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ,SAAY,GAAG,IAAI,IAAI,GAAG,KAAK;AACvD,QAAI,MAAoB;AACpB,aAAO,MAAM;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,UACI,OAAO;AAAA,UACP,MAAM;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,aAAM,yBAAyB,OAAO,0BAA0B;",
+  "names": []
+}

package/src/slottable-request-event.js

@@ -0,0 +1,2 @@
+"use strict";export class SlottableRequestEvent extends Event{constructor(e,n,t){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1});this.name=e,this.data=n,this.slotName=t!==void 0?`${e}.${t}`:e}}export const removeSlottableRequest=Symbol("remove-slottable-request");
+//# sourceMappingURL=slottable-request-event.js.map

package/src/slottable-request-event.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["slottable-request-event.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 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\nexport class SlottableRequestEvent extends Event {\n    readonly data: unknown;\n    readonly name: string;\n    readonly slotName: string;\n    constructor(name: string, data: unknown, key?: string) {\n        super('slottable-request', {\n            bubbles: false,\n            cancelable: true,\n            composed: false,\n        });\n        this.name = name;\n        this.data = data;\n        this.slotName = key !== undefined ? `${name}.${key}` : name;\n        if (window.__swc.DEBUG) {\n            window.__swc.warn(\n                undefined,\n                `\u26A0\uFE0F  WARNING \u26A0\uFE0F : \\`slottable-request\\` events are experimental and there is no guarantees behind usage of them in an application!! Their shape and presence within the library could be changed at anytime.\n                \nLearn more about the protocol these events are based on below:`,\n                'https://github.com/webcomponents-cg/community-protocols/pull/45',\n                {\n                    level: 'high',\n                    type: 'api',\n                }\n            );\n        }\n    }\n}\n\nexport const removeSlottableRequest = Symbol('remove-slottable-request');\n"],
+  "mappings": "aAWO,aAAM,8BAA8B,KAAM,CAI7C,YAAYA,EAAcC,EAAeC,EAAc,CACnD,MAAM,oBAAqB,CACvB,QAAS,GACT,WAAY,GACZ,SAAU,EACd,CAAC,EACD,KAAK,KAAOF,EACZ,KAAK,KAAOC,EACZ,KAAK,SAAWC,IAAQ,OAAY,GAAGF,CAAI,IAAIE,CAAG,GAAKF,CAc3D,CACJ,CAEO,aAAM,uBAAyB,OAAO,0BAA0B",
+  "names": ["name", "data", "key"]
+}