@spectrum-web-components/overlay 0.41.2 → 0.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/overlay",
-    "version": "0.41.2",
+    "version": "0.42.0",
     "publishConfig": {
         "access": "public"
     },
@@ -107,6 +107,10 @@
             "default": "./src/overlay-types.js"
         },
         "./src/overlay.css.js": "./src/overlay.css.js",
+        "./src/slottable-request-directive.js": {
+            "development": "./src/slottable-request-directive.dev.js",
+            "default": "./src/slottable-request-directive.js"
+        },
         "./src/slottable-request-event.js": {
             "development": "./src/slottable-request-event.dev.js",
             "default": "./src/slottable-request-event.js"
@@ -148,11 +152,11 @@
     "dependencies": {
         "@floating-ui/dom": "^1.6.1",
         "@floating-ui/utils": "^0.2.1",
-        "@spectrum-web-components/action-button": "^0.41.2",
-        "@spectrum-web-components/base": "^0.41.2",
-        "@spectrum-web-components/reactive-controllers": "^0.41.2",
-        "@spectrum-web-components/shared": "^0.41.2",
-        "@spectrum-web-components/theme": "^0.41.2"
+        "@spectrum-web-components/action-button": "^0.42.0",
+        "@spectrum-web-components/base": "^0.42.0",
+        "@spectrum-web-components/reactive-controllers": "^0.42.0",
+        "@spectrum-web-components/shared": "^0.42.0",
+        "@spectrum-web-components/theme": "^0.42.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -164,5 +168,5 @@
         "./stories/overlay-story-components.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
+    "gitHead": "9b3bd55ff8e8f9438817255976e77fd456b19d72"
 }

package/src/HoverController.dev.js

@@ -1,7 +1,10 @@
 "use strict";
 import { conditionAttributeWithId } from "@spectrum-web-components/base/src/condition-attribute-with-id.js";
 import { randomID } from "@spectrum-web-components/shared/src/random-id.js";
-import { InteractionController, InteractionTypes } from "./InteractionController.dev.js";
+import {
+  InteractionController,
+  InteractionTypes
+} from "./InteractionController.dev.js";
 import { noop } from "./AbstractOverlay.dev.js";
 const HOVER_DELAY = 300;
 export class HoverController extends InteractionController {
@@ -13,6 +16,10 @@ export class HoverController extends InteractionController {
     this.pointerentered = false;
   }
   handleTargetFocusin() {
+    var _a;
+    if (!((_a = document.activeElement) == null ? void 0 : _a.matches(":focus-visible"))) {
+      return;
+    }
     this.host.open = true;
     this.focusedin = true;
   }

package/src/HoverController.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["HoverController.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*/\n\nimport { conditionAttributeWithId } from '@spectrum-web-components/base/src/condition-attribute-with-id.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport { InteractionController, InteractionTypes } from './InteractionController.dev.js'\nimport { noop } from './AbstractOverlay.dev.js'\n\nconst HOVER_DELAY = 300;\n\nexport class HoverController extends InteractionController {\n    override type = InteractionTypes.hover;\n\n    private elementIds: string[] = [];\n\n    focusedin = false;\n\n    private hoverTimeout?: ReturnType<typeof setTimeout>;\n\n    pointerentered = false;\n\n    handleTargetFocusin(): void {\n        this.host.open = true;\n        this.focusedin = true;\n    }\n\n    handleTargetFocusout(): void {\n        this.focusedin = false;\n        if (this.pointerentered) return;\n        this.host.open = false;\n    }\n\n    handleTargetPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n        if (this.host.disabled) return;\n        this.host.open = true;\n        this.pointerentered = true;\n    }\n\n    handleTargetPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    // set a timeout once the pointer enters and the overlay is shown\n    // give the user time to enter the overlay\n    handleHostPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n    }\n\n    handleHostPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    override prepareDescription(): void {\n        // require \"content\" to apply relationship\n        if (!this.host.elements.length) return;\n\n        const triggerRoot = this.target.getRootNode();\n        const contentRoot = this.host.elements[0].getRootNode();\n        const overlayRoot = this.host.getRootNode();\n        if (triggerRoot === overlayRoot) {\n            this.prepareOverlayRelativeDescription();\n        } else if (triggerRoot === contentRoot) {\n            this.prepareContentRelativeDescription();\n        }\n    }\n\n    private prepareOverlayRelativeDescription(): void {\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            [this.host.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.releaseDescription = noop;\n        };\n    }\n\n    private prepareContentRelativeDescription(): void {\n        const elementIds: string[] = [];\n        const appliedIds = this.host.elements.map((el) => {\n            elementIds.push(el.id);\n            if (!el.id) {\n                el.id = `${this.host.tagName.toLowerCase()}-helper-${randomID()}`;\n            }\n            return el.id;\n        });\n        this.elementIds = elementIds;\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            appliedIds\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.host.elements.map((el, index) => {\n                el.id = this.elementIds[index];\n            });\n            this.releaseDescription = noop;\n        };\n    }\n\n    protected doPointerleave(): void {\n        this.pointerentered = false;\n        const triggerElement = this.target as HTMLElement;\n        if (this.focusedin && triggerElement.matches(':focus-visible')) return;\n\n        this.hoverTimeout = setTimeout(() => {\n            this.host.open = false;\n        }, HOVER_DELAY);\n    }\n\n    override init(): void {\n        // Clean up listeners if they've already been bound\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.target.addEventListener(\n            'focusin',\n            () => this.handleTargetFocusin(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'focusout',\n            () => this.handleTargetFocusout(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerenter',\n            () => this.handleTargetPointerenter(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerleave',\n            () => this.handleTargetPointerleave(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerenter',\n            () => this.handleHostPointerenter(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerleave',\n            () => this.handleHostPointerleave(),\n            { signal }\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "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*/\n\nimport { conditionAttributeWithId } from '@spectrum-web-components/base/src/condition-attribute-with-id.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport {\n    InteractionController,\n    InteractionTypes,\n} from './InteractionController.dev.js'\nimport { noop } from './AbstractOverlay.dev.js'\n\nconst HOVER_DELAY = 300;\n\nexport class HoverController extends InteractionController {\n    override type = InteractionTypes.hover;\n\n    private elementIds: string[] = [];\n\n    focusedin = false;\n\n    private hoverTimeout?: ReturnType<typeof setTimeout>;\n\n    pointerentered = false;\n\n    handleTargetFocusin(): void {\n        // eslint-disable-next-line @spectrum-web-components/document-active-element\n        if (!document.activeElement?.matches(':focus-visible')) {\n            return;\n        }\n        this.host.open = true;\n        this.focusedin = true;\n    }\n\n    handleTargetFocusout(): void {\n        this.focusedin = false;\n        if (this.pointerentered) return;\n        this.host.open = false;\n    }\n\n    handleTargetPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n        if (this.host.disabled) return;\n        this.host.open = true;\n        this.pointerentered = true;\n    }\n\n    handleTargetPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    // set a timeout once the pointer enters and the overlay is shown\n    // give the user time to enter the overlay\n    handleHostPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n    }\n\n    handleHostPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    override prepareDescription(): void {\n        // require \"content\" to apply relationship\n        if (!this.host.elements.length) return;\n\n        const triggerRoot = this.target.getRootNode();\n        const contentRoot = this.host.elements[0].getRootNode();\n        const overlayRoot = this.host.getRootNode();\n        if (triggerRoot === overlayRoot) {\n            this.prepareOverlayRelativeDescription();\n        } else if (triggerRoot === contentRoot) {\n            this.prepareContentRelativeDescription();\n        }\n    }\n\n    private prepareOverlayRelativeDescription(): void {\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            [this.host.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.releaseDescription = noop;\n        };\n    }\n\n    private prepareContentRelativeDescription(): void {\n        const elementIds: string[] = [];\n        const appliedIds = this.host.elements.map((el) => {\n            elementIds.push(el.id);\n            if (!el.id) {\n                el.id = `${this.host.tagName.toLowerCase()}-helper-${randomID()}`;\n            }\n            return el.id;\n        });\n        this.elementIds = elementIds;\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            appliedIds\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.host.elements.map((el, index) => {\n                el.id = this.elementIds[index];\n            });\n            this.releaseDescription = noop;\n        };\n    }\n\n    protected doPointerleave(): void {\n        this.pointerentered = false;\n        const triggerElement = this.target as HTMLElement;\n        if (this.focusedin && triggerElement.matches(':focus-visible')) return;\n\n        this.hoverTimeout = setTimeout(() => {\n            this.host.open = false;\n        }, HOVER_DELAY);\n    }\n\n    override init(): void {\n        // Clean up listeners if they've already been bound\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.target.addEventListener(\n            'focusin',\n            () => this.handleTargetFocusin(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'focusout',\n            () => this.handleTargetFocusout(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerenter',\n            () => this.handleTargetPointerenter(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerleave',\n            () => this.handleTargetPointerleave(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerenter',\n            () => this.handleHostPointerenter(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerleave',\n            () => this.handleHostPointerleave(),\n            { signal }\n        );\n    }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/HoverController.js

@@ -1,2 +1,2 @@
-"use strict";import{conditionAttributeWithId as r}from"@spectrum-web-components/base/src/condition-attribute-with-id.js";import{randomID as a}from"@spectrum-web-components/shared/src/random-id.js";import{InteractionController as h,InteractionTypes as d}from"./InteractionController.js";import{noop as s}from"./AbstractOverlay.js";const l=300;export class HoverController extends h{constructor(){super(...arguments);this.type=d.hover;this.elementIds=[];this.focusedin=!1;this.pointerentered=!1}handleTargetFocusin(){this.host.open=!0,this.focusedin=!0}handleTargetFocusout(){this.focusedin=!1,!this.pointerentered&&(this.host.open=!1)}handleTargetPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0),!this.host.disabled&&(this.host.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(!this.host.elements.length)return;const e=this.target.getRootNode(),t=this.host.elements[0].getRootNode(),o=this.host.getRootNode();e===o?this.prepareOverlayRelativeDescription():e===t&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){const e=r(this.target,"aria-describedby",[this.host.id]);this.releaseDescription=()=>{e(),this.releaseDescription=s}}prepareContentRelativeDescription(){const e=[],t=this.host.elements.map(i=>(e.push(i.id),i.id||(i.id=`${this.host.tagName.toLowerCase()}-helper-${a()}`),i.id));this.elementIds=e;const o=r(this.target,"aria-describedby",t);this.releaseDescription=()=>{o(),this.host.elements.map((i,n)=>{i.id=this.elementIds[n]}),this.releaseDescription=s}}doPointerleave(){this.pointerentered=!1;const e=this.target;this.focusedin&&e.matches(":focus-visible")||(this.hoverTimeout=setTimeout(()=>{this.host.open=!1},l))}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:e}=this.abortController;this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:e}),this.host.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:e}),this.host.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:e})}}
+"use strict";import{conditionAttributeWithId as r}from"@spectrum-web-components/base/src/condition-attribute-with-id.js";import{randomID as a}from"@spectrum-web-components/shared/src/random-id.js";import{InteractionController as h,InteractionTypes as d}from"./InteractionController.js";import{noop as s}from"./AbstractOverlay.js";const l=300;export class HoverController extends h{constructor(){super(...arguments);this.type=d.hover;this.elementIds=[];this.focusedin=!1;this.pointerentered=!1}handleTargetFocusin(){var e;(e=document.activeElement)!=null&&e.matches(":focus-visible")&&(this.host.open=!0,this.focusedin=!0)}handleTargetFocusout(){this.focusedin=!1,!this.pointerentered&&(this.host.open=!1)}handleTargetPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0),!this.host.disabled&&(this.host.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(!this.host.elements.length)return;const e=this.target.getRootNode(),t=this.host.elements[0].getRootNode(),o=this.host.getRootNode();e===o?this.prepareOverlayRelativeDescription():e===t&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){const e=r(this.target,"aria-describedby",[this.host.id]);this.releaseDescription=()=>{e(),this.releaseDescription=s}}prepareContentRelativeDescription(){const e=[],t=this.host.elements.map(i=>(e.push(i.id),i.id||(i.id=`${this.host.tagName.toLowerCase()}-helper-${a()}`),i.id));this.elementIds=e;const o=r(this.target,"aria-describedby",t);this.releaseDescription=()=>{o(),this.host.elements.map((i,n)=>{i.id=this.elementIds[n]}),this.releaseDescription=s}}doPointerleave(){this.pointerentered=!1;const e=this.target;this.focusedin&&e.matches(":focus-visible")||(this.hoverTimeout=setTimeout(()=>{this.host.open=!1},l))}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:e}=this.abortController;this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:e}),this.host.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:e}),this.host.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:e})}}
 //# sourceMappingURL=HoverController.js.map

package/src/HoverController.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["HoverController.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*/\n\nimport { conditionAttributeWithId } from '@spectrum-web-components/base/src/condition-attribute-with-id.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport { InteractionController, InteractionTypes } from './InteractionController.js';\nimport { noop } from './AbstractOverlay.js';\n\nconst HOVER_DELAY = 300;\n\nexport class HoverController extends InteractionController {\n    override type = InteractionTypes.hover;\n\n    private elementIds: string[] = [];\n\n    focusedin = false;\n\n    private hoverTimeout?: ReturnType<typeof setTimeout>;\n\n    pointerentered = false;\n\n    handleTargetFocusin(): void {\n        this.host.open = true;\n        this.focusedin = true;\n    }\n\n    handleTargetFocusout(): void {\n        this.focusedin = false;\n        if (this.pointerentered) return;\n        this.host.open = false;\n    }\n\n    handleTargetPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n        if (this.host.disabled) return;\n        this.host.open = true;\n        this.pointerentered = true;\n    }\n\n    handleTargetPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    // set a timeout once the pointer enters and the overlay is shown\n    // give the user time to enter the overlay\n    handleHostPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n    }\n\n    handleHostPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    override prepareDescription(): void {\n        // require \"content\" to apply relationship\n        if (!this.host.elements.length) return;\n\n        const triggerRoot = this.target.getRootNode();\n        const contentRoot = this.host.elements[0].getRootNode();\n        const overlayRoot = this.host.getRootNode();\n        if (triggerRoot === overlayRoot) {\n            this.prepareOverlayRelativeDescription();\n        } else if (triggerRoot === contentRoot) {\n            this.prepareContentRelativeDescription();\n        }\n    }\n\n    private prepareOverlayRelativeDescription(): void {\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            [this.host.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.releaseDescription = noop;\n        };\n    }\n\n    private prepareContentRelativeDescription(): void {\n        const elementIds: string[] = [];\n        const appliedIds = this.host.elements.map((el) => {\n            elementIds.push(el.id);\n            if (!el.id) {\n                el.id = `${this.host.tagName.toLowerCase()}-helper-${randomID()}`;\n            }\n            return el.id;\n        });\n        this.elementIds = elementIds;\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            appliedIds\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.host.elements.map((el, index) => {\n                el.id = this.elementIds[index];\n            });\n            this.releaseDescription = noop;\n        };\n    }\n\n    protected doPointerleave(): void {\n        this.pointerentered = false;\n        const triggerElement = this.target as HTMLElement;\n        if (this.focusedin && triggerElement.matches(':focus-visible')) return;\n\n        this.hoverTimeout = setTimeout(() => {\n            this.host.open = false;\n        }, HOVER_DELAY);\n    }\n\n    override init(): void {\n        // Clean up listeners if they've already been bound\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.target.addEventListener(\n            'focusin',\n            () => this.handleTargetFocusin(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'focusout',\n            () => this.handleTargetFocusout(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerenter',\n            () => this.handleTargetPointerenter(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerleave',\n            () => this.handleTargetPointerleave(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerenter',\n            () => this.handleHostPointerenter(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerleave',\n            () => this.handleHostPointerleave(),\n            { signal }\n        );\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["conditionAttributeWithId", "randomID", "InteractionController", "InteractionTypes", "noop", "HOVER_DELAY", "triggerRoot", "contentRoot", "overlayRoot", "releaseDescription", "elementIds", "appliedIds", "el", "index", "triggerElement", "_a", "signal"]
+  "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*/\n\nimport { conditionAttributeWithId } from '@spectrum-web-components/base/src/condition-attribute-with-id.js';\nimport { randomID } from '@spectrum-web-components/shared/src/random-id.js';\n\nimport {\n    InteractionController,\n    InteractionTypes,\n} from './InteractionController.js';\nimport { noop } from './AbstractOverlay.js';\n\nconst HOVER_DELAY = 300;\n\nexport class HoverController extends InteractionController {\n    override type = InteractionTypes.hover;\n\n    private elementIds: string[] = [];\n\n    focusedin = false;\n\n    private hoverTimeout?: ReturnType<typeof setTimeout>;\n\n    pointerentered = false;\n\n    handleTargetFocusin(): void {\n        // eslint-disable-next-line @spectrum-web-components/document-active-element\n        if (!document.activeElement?.matches(':focus-visible')) {\n            return;\n        }\n        this.host.open = true;\n        this.focusedin = true;\n    }\n\n    handleTargetFocusout(): void {\n        this.focusedin = false;\n        if (this.pointerentered) return;\n        this.host.open = false;\n    }\n\n    handleTargetPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n        if (this.host.disabled) return;\n        this.host.open = true;\n        this.pointerentered = true;\n    }\n\n    handleTargetPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    // set a timeout once the pointer enters and the overlay is shown\n    // give the user time to enter the overlay\n    handleHostPointerenter(): void {\n        if (this.hoverTimeout) {\n            clearTimeout(this.hoverTimeout);\n            this.hoverTimeout = undefined;\n        }\n    }\n\n    handleHostPointerleave(): void {\n        this.doPointerleave();\n    }\n\n    override prepareDescription(): void {\n        // require \"content\" to apply relationship\n        if (!this.host.elements.length) return;\n\n        const triggerRoot = this.target.getRootNode();\n        const contentRoot = this.host.elements[0].getRootNode();\n        const overlayRoot = this.host.getRootNode();\n        if (triggerRoot === overlayRoot) {\n            this.prepareOverlayRelativeDescription();\n        } else if (triggerRoot === contentRoot) {\n            this.prepareContentRelativeDescription();\n        }\n    }\n\n    private prepareOverlayRelativeDescription(): void {\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            [this.host.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.releaseDescription = noop;\n        };\n    }\n\n    private prepareContentRelativeDescription(): void {\n        const elementIds: string[] = [];\n        const appliedIds = this.host.elements.map((el) => {\n            elementIds.push(el.id);\n            if (!el.id) {\n                el.id = `${this.host.tagName.toLowerCase()}-helper-${randomID()}`;\n            }\n            return el.id;\n        });\n        this.elementIds = elementIds;\n        const releaseDescription = conditionAttributeWithId(\n            this.target,\n            'aria-describedby',\n            appliedIds\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            this.host.elements.map((el, index) => {\n                el.id = this.elementIds[index];\n            });\n            this.releaseDescription = noop;\n        };\n    }\n\n    protected doPointerleave(): void {\n        this.pointerentered = false;\n        const triggerElement = this.target as HTMLElement;\n        if (this.focusedin && triggerElement.matches(':focus-visible')) return;\n\n        this.hoverTimeout = setTimeout(() => {\n            this.host.open = false;\n        }, HOVER_DELAY);\n    }\n\n    override init(): void {\n        // Clean up listeners if they've already been bound\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n        const { signal } = this.abortController;\n        this.target.addEventListener(\n            'focusin',\n            () => this.handleTargetFocusin(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'focusout',\n            () => this.handleTargetFocusout(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerenter',\n            () => this.handleTargetPointerenter(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerleave',\n            () => this.handleTargetPointerleave(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerenter',\n            () => this.handleHostPointerenter(),\n            { signal }\n        );\n        this.host.addEventListener(\n            'pointerleave',\n            () => this.handleHostPointerleave(),\n            { signal }\n        );\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["conditionAttributeWithId", "randomID", "InteractionController", "InteractionTypes", "noop", "HOVER_DELAY", "_a", "triggerRoot", "contentRoot", "overlayRoot", "releaseDescription", "elementIds", "appliedIds", "el", "index", "triggerElement", "signal"]
 }

package/src/OverlayStack.d.ts

@@ -33,9 +33,9 @@ declare class OverlayStack {
      * When overlays are added manage the open state of exisiting overlays appropriately:
      * - 'modal': should close other overlays
      * - 'page': should close other overlays
-     * - 'hint': shouldn't close other overlays
      * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays
      * - 'manual': shouldn't close other overlays
+     * - 'hint': shouldn't close other overlays and give way to all other overlays on a trigger
      */
     add(overlay: Overlay): void;
     remove(overlay: Overlay): void;

package/src/OverlayStack.dev.js

@@ -106,9 +106,9 @@ class OverlayStack {
    * When overlays are added manage the open state of exisiting overlays appropriately:
    * - 'modal': should close other overlays
    * - 'page': should close other overlays
-   * - 'hint': shouldn't close other overlays
    * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays
    * - 'manual': shouldn't close other overlays
+   * - 'hint': shouldn't close other overlays and give way to all other overlays on a trigger
    */
   add(overlay) {
     if (this.stack.includes(overlay)) {
@@ -140,6 +140,13 @@ class OverlayStack {
       );
       overlay.dispatchEvent(queryPathEvent);
     } else if (overlay.type === "hint") {
+      const hasPrevious = this.stack.some((overlayEl) => {
+        return overlayEl.type !== "manual" && overlayEl.triggerElement && overlayEl.triggerElement === overlay.triggerElement;
+      });
+      if (hasPrevious) {
+        overlay.open = false;
+        return;
+      }
       this.stack.forEach((overlayEl) => {
         if (overlayEl.type === "hint") {
           this.closeOverlay(overlayEl);

package/src/OverlayStack.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayStack.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Overlay } from './Overlay.dev.js'\n\nconst supportsPopover = 'showPopover' in document.createElement('div');\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private 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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",
+  "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.dev.js'\n\nconst supportsPopover = 'showPopover' in document.createElement('div');\n\nclass OverlayStack {\n    private get document(): Document {\n        return this.root.ownerDocument /* c8 ignore next */ || document;\n    }\n\n    private 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     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     * - 'hint': shouldn't close other overlays and give way to all other overlays on a trigger\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            const hasPrevious = this.stack.some((overlayEl) => {\n                return (\n                    overlayEl.type !== 'manual' &&\n                    overlayEl.triggerElement &&\n                    overlayEl.triggerElement === overlay.triggerElement\n                );\n            });\n            if (hasPrevious) {\n                overlay.open = false;\n                return;\n            }\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": []
 }

package/src/OverlayStack.js

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

package/src/OverlayStack.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["OverlayStack.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { 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"]
+  "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     * - 'auto': should close other 'auto' overlays and other 'hint' overlays, but not 'manual' overlays\n     * - 'manual': shouldn't close other overlays\n     * - 'hint': shouldn't close other overlays and give way to all other overlays on a trigger\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            const hasPrevious = this.stack.some((overlayEl) => {\n                return (\n                    overlayEl.type !== 'manual' &&\n                    overlayEl.triggerElement &&\n                    overlayEl.triggerElement === overlay.triggerElement\n                );\n            });\n            if (hasPrevious) {\n                overlay.open = false;\n                return;\n            }\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,EAAS,IAehD,CAdYH,EAAa,KACxBI,GAEGA,IAAOD,GAENC,KAAOD,GAAA,YAAAA,EAAS,kBACFA,GAAA,YAAAA,EAAS,QAApB,QAGH,IAAMF,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,IAAIE,EAAgBF,EAAQ,0BAC5B,KAAOE,GACH,KAAK,aAAaA,CAAa,EAC/BA,EAAgBA,EAAc,yBAEtC,CAAC,CACL,EAEA,wBAAsBP,GAAuB,CACzC,KAAM,CAAE,OAAAQ,EAAQ,SAAUC,CAAK,EAAIT,EAG/BS,IAAS,QACb,KAAK,aAAaD,CAAiB,CACvC,EAEA,KAAQ,cAAiBR,GAA+B,CAEpD,GADIA,EAAM,OAAS,UACf,CAAC,KAAK,MAAM,OAAQ,OACxB,MAAMU,EAAO,KAAK,MAAM,GAAG,EAAE,EAC7B,IAAIA,GAAA,YAAAA,EAAM,QAAS,OAAQ,CACvBV,EAAM,eAAe,EACrB,MACJ,CACIF,IACAY,GAAA,YAAAA,EAAM,QAAS,UAKdA,GACL,KAAK,aAAaA,CAAI,CAC1B,EAhGI,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,aAAaL,EAAwB,CACzC,MAAMM,EAAe,KAAK,MAAM,QAAQN,CAAO,EAC3CM,EAAe,IACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EAErCN,EAAQ,KAAO,EACnB,CAyFA,yBAAyBO,EAAwC,CAC7D,OAAO,KAAK,MAAM,OACbP,GAAYA,EAAQ,iBAAmBO,CAC5C,CACJ,CAUA,IAAIP,EAAwB,CACxB,GAAI,KAAK,MAAM,SAASA,CAAO,EAAG,CAC9B,MAAMM,EAAe,KAAK,MAAM,QAAQN,CAAO,EAC3CM,EAAe,KACf,KAAK,MAAM,OAAOA,EAAc,CAAC,EACjC,KAAK,MAAM,KAAKN,CAAO,GAE3B,MACJ,CACA,GACIA,EAAQ,OAAS,QACjBA,EAAQ,OAAS,SACjBA,EAAQ,OAAS,OACnB,CAEE,MAAMQ,EAAqB,wBACrBC,EAAiB,IAAI,MAAMD,EAAoB,CACjD,SAAU,GACV,QAAS,EACb,CAAC,EACDR,EAAQ,iBACJQ,EACCb,GAAiB,CACd,MAAMe,EAAOf,EAAM,aAAa,EAChC,KAAK,MAAM,QAASgB,GAAc,CAE1B,CADWD,EAAK,KAAMT,GAAOA,IAAOU,CAAS,GAClCA,EAAU,OAAS,UAC9B,KAAK,aAAaA,CAAS,CAEnC,CAAC,CACL,EACA,CAAE,KAAM,EAAK,CACjB,EACAX,EAAQ,cAAcS,CAAc,CACxC,SAAWT,EAAQ,OAAS,OAAQ,CAQhC,GAPoB,KAAK,MAAM,KAAMW,GAE7BA,EAAU,OAAS,UACnBA,EAAU,gBACVA,EAAU,iBAAmBX,EAAQ,cAE5C,EACgB,CACbA,EAAQ,KAAO,GACf,MACJ,CACA,KAAK,MAAM,QAASW,GAAc,CAC1BA,EAAU,OAAS,QACnB,KAAK,aAAaA,CAAS,CAEnC,CAAC,CACL,CACA,sBAAsB,IAAM,CACxB,KAAK,MAAM,KAAKX,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",
+  "names": ["supportsPopover", "OverlayStack", "event", "_a", "composedPath", "lastIndex", "nonAncestorOverlays", "overlay", "el", "parentToClose", "target", "open", "last", "overlayIndex", "triggerElement", "queryPathEventName", "queryPathEvent", "path", "overlayEl"]
 }

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

@@ -1,31 +1,26 @@
 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';
+import { SlottableRequestDirective } from './slottable-request-directive.js';
 export declare type InsertionOptions = {
     el: HTMLElement | (() => HTMLElement);
     where: InsertPosition;
 };
 export declare type OverlayTriggerOptions = {
+    open?: boolean;
     triggerInteraction: TriggerInteraction;
     overlayOptions: OverlayOptions;
     insertionOptions?: InsertionOptions;
 };
-export declare class OverlayTriggerDirective extends AsyncDirective {
-    private template;
-    private target;
+export declare class OverlayTriggerDirective extends SlottableRequestDirective {
     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

@@ -3,18 +3,19 @@ import {
   nothing,
   render
 } from "@spectrum-web-components/base";
-import { AsyncDirective, directive } from "lit/async-directive.js";
+import { 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 {
+import { SlottableRequestDirective } from "./slottable-request-directive.dev.js";
+export class OverlayTriggerDirective extends SlottableRequestDirective {
   constructor() {
     super(...arguments);
     this.overlay = new Overlay();
     this.defaultOptions = {
-      triggerInteraction: "hover",
+      triggerInteraction: "click",
       overlayOptions: {
         placement: "top-start",
         type: "auto",
@@ -30,7 +31,7 @@ export class OverlayTriggerDirective extends AsyncDirective {
     return nothing;
   }
   update(part, [template, options]) {
-    var _a, _b;
+    var _a, _b, _c;
     this.options = {
       ...this.defaultOptions.overlayOptions,
       ...options == null ? void 0 : options.overlayOptions
@@ -48,18 +49,9 @@ export class OverlayTriggerDirective extends AsyncDirective {
       (_b = this.strategy) == null ? void 0 : _b.abort();
       this.strategy = new strategies[triggerInteraction](this.overlay, this.target, true);
     }
+    this.listenerHost = this.overlay;
     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"
-        }
-      );
-    }
+    this.overlay.open = (_c = options == null ? void 0 : options.open) != null ? _c : false;
   }
   handleSlottableRequest(event) {
     var _a, _b;
@@ -79,24 +71,6 @@ export class OverlayTriggerDirective extends AsyncDirective {
       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

@@ -1,7 +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;",
+  "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 { 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'\nimport { SlottableRequestDirective } from './slottable-request-directive.dev.js'\n\nexport type InsertionOptions = {\n    el: HTMLElement | (() => HTMLElement);\n    where: InsertPosition;\n};\n\nexport type OverlayTriggerOptions = {\n    open?: boolean;\n    triggerInteraction: TriggerInteraction;\n    overlayOptions: OverlayOptions;\n    insertionOptions?: InsertionOptions;\n};\n\nexport class OverlayTriggerDirective extends SlottableRequestDirective {\n    private overlay = new Overlay();\n    private strategy?: ClickController | HoverController | LongpressController;\n\n    protected defaultOptions: OverlayTriggerOptions = {\n        triggerInteraction: 'click',\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    override 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.listenerHost = this.overlay;\n        this.init();\n        this.overlay.open = options?.open ?? false;\n    }\n\n    override handleSlottableRequest(event: SlottableRequestEvent): void {\n        /* c8 ignore next 1 */\n        if (event.target !== event.currentTarget) return;\n\n        const willRemoveSlottable = event.data === removeSlottableRequest;\n        render(willRemoveSlottable ? undefined : this.template(), this.overlay);\n\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\nexport const trigger = directive(OverlayTriggerDirective);\n"],
+  "mappings": ";AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,iBAAiB;AAC1B,SAAS,SAAS,kBAAkB;AAKpC,OAAO;AACP;AAAA,EACI;AAAA,OAEG;AACP,SAAS,iCAAiC;AAcnC,aAAM,gCAAgC,0BAA0B;AAAA,EAAhE;AAAA;AACH,SAAQ,UAAU,IAAI,QAAQ;AAG9B,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,EAIS,OACL,WACA,UACO;AAIP,WAAO;AAAA,EACX;AAAA,EAES,OACL,MACA,CAAC,UAAU,OAAO,GACd;AAzEZ;AA0EQ,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,eAAe,KAAK;AACzB,SAAK,KAAK;AACV,SAAK,QAAQ,QAAO,wCAAS,SAAT,YAAiB;AAAA,EACzC;AAAA,EAES,uBAAuB,OAAoC;AArGxE;AAuGQ,QAAI,MAAM,WAAW,MAAM;AAAe;AAE1C,UAAM,sBAAsB,MAAM,SAAS;AAC3C,WAAO,sBAAsB,SAAY,KAAK,SAAS,GAAG,KAAK,OAAO;AAEtE,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;AACJ;AAEO,aAAM,UAAU,UAAU,uBAAuB;",
   "names": []
 }

package/src/overlay-trigger-directive.js

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

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

@@ -1,7 +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"]
+  "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 { 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';\nimport { SlottableRequestDirective } from './slottable-request-directive.js';\n\nexport type InsertionOptions = {\n    el: HTMLElement | (() => HTMLElement);\n    where: InsertPosition;\n};\n\nexport type OverlayTriggerOptions = {\n    open?: boolean;\n    triggerInteraction: TriggerInteraction;\n    overlayOptions: OverlayOptions;\n    insertionOptions?: InsertionOptions;\n};\n\nexport class OverlayTriggerDirective extends SlottableRequestDirective {\n    private overlay = new Overlay();\n    private strategy?: ClickController | HoverController | LongpressController;\n\n    protected defaultOptions: OverlayTriggerOptions = {\n        triggerInteraction: 'click',\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    override 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.listenerHost = this.overlay;\n        this.init();\n        this.overlay.open = options?.open ?? false;\n    }\n\n    override handleSlottableRequest(event: SlottableRequestEvent): void {\n        /* c8 ignore next 1 */\n        if (event.target !== event.currentTarget) return;\n\n        const willRemoveSlottable = event.data === removeSlottableRequest;\n        render(willRemoveSlottable ? undefined : this.template(), this.overlay);\n\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\nexport const trigger = directive(OverlayTriggerDirective);\n"],
+  "mappings": "aAWA,OAEI,WAAAA,EACA,UAAAC,MAEG,gCACP,OAAS,aAAAC,MAAiB,yBAC1B,OAAS,WAAAC,EAAS,cAAAC,MAAkB,eAKpC,MAAO,mBACP,OACI,0BAAAC,MAEG,+BACP,OAAS,6BAAAC,MAAiC,mCAcnC,aAAM,gCAAgCA,CAA0B,CAAhE,kCACH,KAAQ,QAAU,IAAIH,EAGtB,KAAU,eAAwC,CAC9C,mBAAoB,QACpB,eAAgB,CACZ,UAAW,YACX,KAAM,OACN,OAAQ,CACZ,CACJ,EACA,KAAU,QAA0B,CAChC,GAAG,KAAK,eAAe,cAC3B,EAIS,OACLI,EACAC,EACO,CAIP,OAAOR,CACX,CAES,OACLS,EACA,CAACC,EAAUC,CAAO,EACd,CAzEZ,IAAAC,EAAAC,EAAAC,EA0EQ,KAAK,QAAU,CACX,GAAG,KAAK,eAAe,eACvB,GAAGH,GAAA,YAAAA,EAAS,cAChB,EACA,KAAK,iBAAmBA,GAAA,YAAAA,EAAS,iBACjC,KAAK,SAAWD,EAChB,IAAIK,EAAY,GAChB,MAAMC,GAAsBL,GAAA,YAAAA,EAAS,qBACjC,KAAK,eAAe,mBAClBM,IACDL,EAAA,KAAK,WAAL,YAAAA,EAAe,QAChBI,EACA,KAAK,SAAWP,EAAK,UACrB,KAAK,OAASA,EAAK,QACnBM,EAAY,KAEZA,GAAaE,MACbJ,EAAA,KAAK,WAAL,MAAAA,EAAe,QACf,KAAK,SAAW,IAAIT,EAChBY,CACJ,EAAE,KAAK,QAAS,KAAK,OAAQ,EAAI,GAErC,KAAK,aAAe,KAAK,QACzB,KAAK,KAAK,EACV,KAAK,QAAQ,MAAOF,EAAAH,GAAA,YAAAA,EAAS,OAAT,KAAAG,EAAiB,EACzC,CAES,uBAAuBI,EAAoC,CArGxE,IAAAN,EAAAC,EAuGQ,GAAIK,EAAM,SAAWA,EAAM,cAAe,OAE1C,MAAMC,EAAsBD,EAAM,OAASb,EAG3C,GAFAJ,EAAOkB,EAAsB,OAAY,KAAK,SAAS,EAAG,KAAK,OAAO,EAElEA,EACA,KAAK,QAAQ,OAAO,MACjB,CACHhB,EAAQ,aAAa,KAAK,QAAS,CAC/B,GAAG,KAAK,QACR,QAAS,KAAK,MAClB,CAAC,EACD,MAAMiB,EACF,QAAOR,EAAA,KAAK,mBAAL,YAAAA,EAAuB,KAAO,WAC/B,KAAK,iBAAiB,GAAG,IACzBC,EAAA,KAAK,mBAAL,YAAAA,EAAuB,KAAM,KAAK,OACtC,CAAE,MAAAQ,EAAQ,UAAW,EAAI,KAAK,kBAAoB,CAAC,EACzDD,EAAY,sBAAsBC,EAAO,KAAK,OAAO,CACzD,CACJ,CACJ,CAEO,aAAM,QAAUnB,EAAU,uBAAuB",
+  "names": ["nothing", "render", "directive", "Overlay", "strategies", "removeSlottableRequest", "SlottableRequestDirective", "_template", "_options", "part", "template", "options", "_a", "_b", "_c", "newTarget", "triggerInteraction", "newStrategy", "event", "willRemoveSlottable", "insertionEl", "where"]
 }

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

@@ -0,0 +1,17 @@
+import { ElementPart, TemplateResult } from '@spectrum-web-components/base';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { SlottableRequestEvent } from './slottable-request-event.js';
+export declare class SlottableRequestDirective extends AsyncDirective {
+    protected template: () => TemplateResult;
+    protected target: HTMLElement;
+    private renderBefore;
+    protected listenerHost: HTMLElement;
+    protected listeners: AbortController;
+    render(_template: () => TemplateResult): unknown;
+    update(part: ElementPart, [template]: Parameters<this['render']>): void;
+    handleSlottableRequest(event: SlottableRequestEvent): void;
+    init(): void;
+    disconnected(): void;
+    reconnected(): void;
+}
+export declare const slottableRequest: (_template: () => TemplateResult) => import("lit-html/directive.js").DirectiveResult<typeof SlottableRequestDirective>;