@spectrum-web-components/overlay 0.41.0 → 0.41.2

package/src/HoverController.dev.js

@@ -0,0 +1,141 @@
+"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 { noop } from "./AbstractOverlay.dev.js";
+const HOVER_DELAY = 300;
+export class HoverController extends InteractionController {
+  constructor() {
+    super(...arguments);
+    this.type = InteractionTypes.hover;
+    this.elementIds = [];
+    this.focusedin = false;
+    this.pointerentered = false;
+  }
+  handleTargetFocusin() {
+    this.host.open = true;
+    this.focusedin = true;
+  }
+  handleTargetFocusout() {
+    this.focusedin = false;
+    if (this.pointerentered)
+      return;
+    this.host.open = false;
+  }
+  handleTargetPointerenter() {
+    if (this.hoverTimeout) {
+      clearTimeout(this.hoverTimeout);
+      this.hoverTimeout = void 0;
+    }
+    if (this.host.disabled)
+      return;
+    this.host.open = true;
+    this.pointerentered = true;
+  }
+  handleTargetPointerleave() {
+    this.doPointerleave();
+  }
+  // set a timeout once the pointer enters and the overlay is shown
+  // give the user time to enter the overlay
+  handleHostPointerenter() {
+    if (this.hoverTimeout) {
+      clearTimeout(this.hoverTimeout);
+      this.hoverTimeout = void 0;
+    }
+  }
+  handleHostPointerleave() {
+    this.doPointerleave();
+  }
+  prepareDescription() {
+    if (!this.host.elements.length)
+      return;
+    const triggerRoot = this.target.getRootNode();
+    const contentRoot = this.host.elements[0].getRootNode();
+    const overlayRoot = this.host.getRootNode();
+    if (triggerRoot === overlayRoot) {
+      this.prepareOverlayRelativeDescription();
+    } else if (triggerRoot === contentRoot) {
+      this.prepareContentRelativeDescription();
+    }
+  }
+  prepareOverlayRelativeDescription() {
+    const releaseDescription = conditionAttributeWithId(
+      this.target,
+      "aria-describedby",
+      [this.host.id]
+    );
+    this.releaseDescription = () => {
+      releaseDescription();
+      this.releaseDescription = noop;
+    };
+  }
+  prepareContentRelativeDescription() {
+    const elementIds = [];
+    const appliedIds = this.host.elements.map((el) => {
+      elementIds.push(el.id);
+      if (!el.id) {
+        el.id = `${this.host.tagName.toLowerCase()}-helper-${randomID()}`;
+      }
+      return el.id;
+    });
+    this.elementIds = elementIds;
+    const releaseDescription = conditionAttributeWithId(
+      this.target,
+      "aria-describedby",
+      appliedIds
+    );
+    this.releaseDescription = () => {
+      releaseDescription();
+      this.host.elements.map((el, index) => {
+        el.id = this.elementIds[index];
+      });
+      this.releaseDescription = noop;
+    };
+  }
+  doPointerleave() {
+    this.pointerentered = false;
+    const triggerElement = this.target;
+    if (this.focusedin && triggerElement.matches(":focus-visible"))
+      return;
+    this.hoverTimeout = setTimeout(() => {
+      this.host.open = false;
+    }, HOVER_DELAY);
+  }
+  init() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = new AbortController();
+    const { signal } = this.abortController;
+    this.target.addEventListener(
+      "focusin",
+      () => this.handleTargetFocusin(),
+      { signal }
+    );
+    this.target.addEventListener(
+      "focusout",
+      () => this.handleTargetFocusout(),
+      { signal }
+    );
+    this.target.addEventListener(
+      "pointerenter",
+      () => this.handleTargetPointerenter(),
+      { signal }
+    );
+    this.target.addEventListener(
+      "pointerleave",
+      () => this.handleTargetPointerleave(),
+      { signal }
+    );
+    this.host.addEventListener(
+      "pointerenter",
+      () => this.handleHostPointerenter(),
+      { signal }
+    );
+    this.host.addEventListener(
+      "pointerleave",
+      () => this.handleHostPointerleave(),
+      { signal }
+    );
+  }
+}
+//# sourceMappingURL=HoverController.dev.js.map

package/src/HoverController.dev.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/src/HoverController.js

@@ -0,0 +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})}}
+//# sourceMappingURL=HoverController.js.map

package/src/HoverController.js.map

@@ -0,0 +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"]
+}

package/src/InteractionController.d.ts

@@ -0,0 +1,23 @@
+import type { ReactiveController } from 'lit';
+import { AbstractOverlay } from './AbstractOverlay.js';
+export declare enum InteractionTypes {
+    'click' = 0,
+    'hover' = 1,
+    'longpress' = 2
+}
+export declare class InteractionController implements ReactiveController {
+    host: AbstractOverlay;
+    target: HTMLElement;
+    private isPersistent;
+    abortController: AbortController;
+    get activelyOpening(): boolean;
+    type: InteractionTypes;
+    constructor(host: AbstractOverlay, target: HTMLElement, isPersistent?: boolean);
+    prepareDescription(_: HTMLElement): void;
+    releaseDescription(): void;
+    shouldCompleteOpen(): void;
+    init(): void;
+    abort(): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/src/InteractionController.dev.js

@@ -0,0 +1,45 @@
+"use strict";
+export var InteractionTypes = /* @__PURE__ */ ((InteractionTypes2) => {
+  InteractionTypes2[InteractionTypes2["click"] = 0] = "click";
+  InteractionTypes2[InteractionTypes2["hover"] = 1] = "hover";
+  InteractionTypes2[InteractionTypes2["longpress"] = 2] = "longpress";
+  return InteractionTypes2;
+})(InteractionTypes || {});
+export class InteractionController {
+  constructor(host, target, isPersistent = false) {
+    this.host = host;
+    this.target = target;
+    this.isPersistent = isPersistent;
+    this.host.addController(this);
+    this.prepareDescription(this.target);
+    if (this.isPersistent) {
+      this.init();
+    }
+  }
+  get activelyOpening() {
+    return false;
+  }
+  prepareDescription(_) {
+  }
+  releaseDescription() {
+  }
+  shouldCompleteOpen() {
+  }
+  /* c8 ignore next 3 */
+  init() {
+  }
+  abort() {
+    var _a;
+    this.releaseDescription();
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+  }
+  hostConnected() {
+    this.init();
+  }
+  hostDisconnected() {
+    if (!this.isPersistent) {
+      this.abort();
+    }
+  }
+}
+//# sourceMappingURL=InteractionController.dev.js.map

package/src/InteractionController.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["InteractionController.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 type { ReactiveController } from 'lit';\nimport { AbstractOverlay } from './AbstractOverlay.dev.js'\n\nexport enum InteractionTypes {\n    'click',\n    'hover',\n    'longpress',\n}\n\nexport class InteractionController implements ReactiveController {\n    abortController!: AbortController;\n\n    get activelyOpening(): boolean {\n        return false;\n    }\n\n    type!: InteractionTypes;\n\n    constructor(public host: AbstractOverlay, public target: HTMLElement, private isPersistent = false) {\n        this.host.addController(this);\n        this.prepareDescription(this.target);\n        if (this.isPersistent) {\n            this.init();\n        }\n    }\n\n    prepareDescription(_: HTMLElement): void {}\n\n    releaseDescription(): void {}\n\n    shouldCompleteOpen(): void {}\n\n    /* c8 ignore next 3 */\n    init(): void {\n        // Abstract init() method.\n    }\n\n    abort(): void {\n        this.releaseDescription();\n        this.abortController?.abort();\n    }\n\n    hostConnected(): void {\n        this.init();\n    }\n\n    hostDisconnected(): void {\n        if (!this.isPersistent) {\n            this.abort();\n        }\n    }\n}\n"],
+  "mappings": ";AAeO,WAAK,mBAAL,kBAAKA,sBAAL;AACH,EAAAA,oCAAA;AACA,EAAAA,oCAAA;AACA,EAAAA,oCAAA;AAHQ,SAAAA;AAAA,GAAA;AAML,aAAM,sBAAoD;AAAA,EAS7D,YAAmB,MAA8B,QAA6B,eAAe,OAAO;AAAjF;AAA8B;AAA6B;AAC1E,SAAK,KAAK,cAAc,IAAI;AAC5B,SAAK,mBAAmB,KAAK,MAAM;AACnC,QAAI,KAAK,cAAc;AACnB,WAAK,KAAK;AAAA,IACd;AAAA,EACJ;AAAA,EAZA,IAAI,kBAA2B;AAC3B,WAAO;AAAA,EACX;AAAA,EAYA,mBAAmB,GAAsB;AAAA,EAAC;AAAA,EAE1C,qBAA2B;AAAA,EAAC;AAAA,EAE5B,qBAA2B;AAAA,EAAC;AAAA;AAAA,EAG5B,OAAa;AAAA,EAEb;AAAA,EAEA,QAAc;AAjDlB;AAkDQ,SAAK,mBAAmB;AACxB,eAAK,oBAAL,mBAAsB;AAAA,EAC1B;AAAA,EAEA,gBAAsB;AAClB,SAAK,KAAK;AAAA,EACd;AAAA,EAEA,mBAAyB;AACrB,QAAI,CAAC,KAAK,cAAc;AACpB,WAAK,MAAM;AAAA,IACf;AAAA,EACJ;AACJ;",
+  "names": ["InteractionTypes"]
+}

package/src/InteractionController.js

@@ -0,0 +1,2 @@
+"use strict";export var InteractionTypes=(t=>(t[t.click=0]="click",t[t.hover=1]="hover",t[t.longpress=2]="longpress",t))(InteractionTypes||{});export class InteractionController{constructor(e,r,t=!1){this.host=e;this.target=r;this.isPersistent=t;this.host.addController(this),this.prepareDescription(this.target),this.isPersistent&&this.init()}get activelyOpening(){return!1}prepareDescription(e){}releaseDescription(){}shouldCompleteOpen(){}init(){}abort(){var e;this.releaseDescription(),(e=this.abortController)==null||e.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}
+//# sourceMappingURL=InteractionController.js.map

package/src/InteractionController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["InteractionController.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 type { ReactiveController } from 'lit';\nimport { AbstractOverlay } from './AbstractOverlay.js';\n\nexport enum InteractionTypes {\n    'click',\n    'hover',\n    'longpress',\n}\n\nexport class InteractionController implements ReactiveController {\n    abortController!: AbortController;\n\n    get activelyOpening(): boolean {\n        return false;\n    }\n\n    type!: InteractionTypes;\n\n    constructor(public host: AbstractOverlay, public target: HTMLElement, private isPersistent = false) {\n        this.host.addController(this);\n        this.prepareDescription(this.target);\n        if (this.isPersistent) {\n            this.init();\n        }\n    }\n\n    prepareDescription(_: HTMLElement): void {}\n\n    releaseDescription(): void {}\n\n    shouldCompleteOpen(): void {}\n\n    /* c8 ignore next 3 */\n    init(): void {\n        // Abstract init() method.\n    }\n\n    abort(): void {\n        this.releaseDescription();\n        this.abortController?.abort();\n    }\n\n    hostConnected(): void {\n        this.init();\n    }\n\n    hostDisconnected(): void {\n        if (!this.isPersistent) {\n            this.abort();\n        }\n    }\n}\n"],
+  "mappings": "aAeO,WAAK,kBAAAA,IACRA,IAAA,iBACAA,IAAA,iBACAA,IAAA,yBAHQA,IAAA,sBAML,aAAM,qBAAoD,CAS7D,YAAmBC,EAA8BC,EAA6BC,EAAe,GAAO,CAAjF,UAAAF,EAA8B,YAAAC,EAA6B,kBAAAC,EAC1E,KAAK,KAAK,cAAc,IAAI,EAC5B,KAAK,mBAAmB,KAAK,MAAM,EAC/B,KAAK,cACL,KAAK,KAAK,CAElB,CAZA,IAAI,iBAA2B,CAC3B,MAAO,EACX,CAYA,mBAAmBC,EAAsB,CAAC,CAE1C,oBAA2B,CAAC,CAE5B,oBAA2B,CAAC,CAG5B,MAAa,CAEb,CAEA,OAAc,CAjDlB,IAAAC,EAkDQ,KAAK,mBAAmB,GACxBA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,OAC1B,CAEA,eAAsB,CAClB,KAAK,KAAK,CACd,CAEA,kBAAyB,CAChB,KAAK,cACN,KAAK,MAAM,CAEnB,CACJ",
+  "names": ["InteractionTypes", "host", "target", "isPersistent", "_", "_a"]
+}

package/src/LongpressController.d.ts

@@ -0,0 +1,21 @@
+import { InteractionController, InteractionTypes } from './InteractionController.js';
+export declare const LONGPRESS_INSTRUCTIONS: {
+    touch: string;
+    keyboard: string;
+    mouse: string;
+};
+export declare class LongpressController extends InteractionController {
+    type: InteractionTypes;
+    get activelyOpening(): boolean;
+    protected longpressState: null | 'potential' | 'opening' | 'pressed';
+    releaseDescription: () => void;
+    private timeout;
+    handleLongpress(): void;
+    handlePointerdown(event: PointerEvent): void;
+    private handlePointerup;
+    private handleKeydown;
+    private handleKeyup;
+    prepareDescription(trigger: HTMLElement): void;
+    shouldCompleteOpen(): void;
+    init(): void;
+}

package/src/LongpressController.dev.js

@@ -0,0 +1,157 @@
+"use strict";
+import {
+  isAndroid,
+  isIOS
+} from "@spectrum-web-components/shared/src/platform.js";
+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 { noop } from "./AbstractOverlay.dev.js";
+import { InteractionController, InteractionTypes } from "./InteractionController.dev.js";
+const LONGPRESS_DURATION = 300;
+export const LONGPRESS_INSTRUCTIONS = {
+  touch: "Double tap and long press for additional options",
+  keyboard: "Press Space or Alt+Down Arrow for additional options",
+  mouse: "Click and hold for additional options"
+};
+export class LongpressController extends InteractionController {
+  constructor() {
+    super(...arguments);
+    this.type = InteractionTypes.longpress;
+    this.longpressState = null;
+    this.releaseDescription = noop;
+    this.handlePointerup = () => {
+      clearTimeout(this.timeout);
+      if (!this.target)
+        return;
+      this.longpressState = this.host.state === "opening" ? "pressed" : null;
+      document.removeEventListener("pointerup", this.handlePointerup);
+      document.removeEventListener("pointercancel", this.handlePointerup);
+    };
+  }
+  get activelyOpening() {
+    return this.longpressState === "opening" || this.longpressState === "pressed";
+  }
+  handleLongpress() {
+    this.host.open = true;
+    this.longpressState = this.longpressState === "potential" ? "opening" : "pressed";
+  }
+  handlePointerdown(event) {
+    if (!this.target)
+      return;
+    if (event.button !== 0)
+      return;
+    this.longpressState = "potential";
+    document.addEventListener("pointerup", this.handlePointerup);
+    document.addEventListener("pointercancel", this.handlePointerup);
+    const triggerHandlesLongpress = "holdAffordance" in this.target;
+    if (triggerHandlesLongpress)
+      return;
+    this.timeout = setTimeout(() => {
+      if (!this.target)
+        return;
+      this.target.dispatchEvent(
+        new CustomEvent("longpress", {
+          bubbles: true,
+          composed: true,
+          detail: {
+            source: "pointer"
+          }
+        })
+      );
+    }, LONGPRESS_DURATION);
+  }
+  handleKeydown(event) {
+    const { code, altKey } = event;
+    if (altKey && code === "ArrowDown") {
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+    }
+  }
+  handleKeyup(event) {
+    const { code, altKey } = event;
+    if (code === "Space" || altKey && code === "ArrowDown") {
+      if (!this.target) {
+        return;
+      }
+      event.stopPropagation();
+      this.target.dispatchEvent(
+        new CustomEvent("longpress", {
+          bubbles: true,
+          composed: true,
+          detail: {
+            source: "keyboard"
+          }
+        })
+      );
+      setTimeout(() => {
+        this.longpressState = null;
+      });
+    }
+  }
+  prepareDescription(trigger) {
+    if (
+      // do not reapply until target is recycled
+      this.releaseDescription !== noop || // require "longpress content" to apply relationship
+      !this.host.elements.length
+    ) {
+      return;
+    }
+    const longpressDescription = document.createElement("div");
+    longpressDescription.id = `longpress-describedby-descriptor-${randomID()}`;
+    const messageType = isIOS() || isAndroid() ? "touch" : "keyboard";
+    longpressDescription.textContent = LONGPRESS_INSTRUCTIONS[messageType];
+    longpressDescription.slot = "longpress-describedby-descriptor";
+    const triggerParent = trigger.getRootNode();
+    const overlayParent = this.host.getRootNode();
+    if (triggerParent === overlayParent) {
+      this.host.append(longpressDescription);
+    } else {
+      longpressDescription.hidden = !("host" in triggerParent);
+      trigger.insertAdjacentElement("afterend", longpressDescription);
+    }
+    const releaseDescription = conditionAttributeWithId(
+      trigger,
+      "aria-describedby",
+      [longpressDescription.id]
+    );
+    this.releaseDescription = () => {
+      releaseDescription();
+      longpressDescription.remove();
+      this.releaseDescription = noop;
+    };
+  }
+  shouldCompleteOpen() {
+    this.longpressState = this.longpressState === "pressed" ? null : this.longpressState;
+  }
+  init() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = new AbortController();
+    const { signal } = this.abortController;
+    this.target.addEventListener(
+      "longpress",
+      () => this.handleLongpress(),
+      { signal }
+    );
+    this.target.addEventListener(
+      "pointerdown",
+      (event) => this.handlePointerdown(event),
+      { signal }
+    );
+    this.prepareDescription(this.target);
+    if (this.target.holdAffordance) {
+      return;
+    }
+    this.target.addEventListener(
+      "keydown",
+      (event) => this.handleKeydown(event),
+      { signal }
+    );
+    this.target.addEventListener(
+      "keyup",
+      (event) => this.handleKeyup(event),
+      { signal }
+    );
+  }
+}
+//# sourceMappingURL=LongpressController.dev.js.map

package/src/LongpressController.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["LongpressController.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 {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\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 { noop } from './AbstractOverlay.dev.js'\nimport { InteractionController, InteractionTypes } from './InteractionController.dev.js'\n\nconst LONGPRESS_DURATION = 300;\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\ntype LongpressEvent = {\n    source: 'pointer' | 'keyboard';\n};\n\nexport class LongpressController extends InteractionController {\n    override type = InteractionTypes.longpress;\n\n    override get activelyOpening(): boolean {\n        return (\n            this.longpressState === 'opening' ||\n            this.longpressState === 'pressed'\n        );\n    }\n\n    protected longpressState: null | 'potential' | 'opening' | 'pressed' = null;\n\n    override releaseDescription = noop;\n\n    private timeout!: ReturnType<typeof setTimeout>;\n\n    handleLongpress(): void {\n        this.host.open = true;\n        this.longpressState =\n            this.longpressState === 'potential' ? 'opening' : 'pressed';\n    }\n\n    handlePointerdown(event: PointerEvent): void {\n        if (!this.target) return;\n        if (event.button !== 0) return;\n        this.longpressState = 'potential';\n        document.addEventListener('pointerup', this.handlePointerup);\n        document.addEventListener('pointercancel', this.handlePointerup);\n        // Only dispatch longpress event if the trigger element isn't doing it for us.\n        const triggerHandlesLongpress = 'holdAffordance' in this.target;\n        if (triggerHandlesLongpress) return;\n        this.timeout = setTimeout(() => {\n            if (!this.target) return;\n            this.target.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'pointer',\n                    },\n                })\n            );\n        }, LONGPRESS_DURATION);\n    }\n\n    private handlePointerup = (): void => {\n        clearTimeout(this.timeout);\n        if (!this.target) return;\n        // When triggered by the pointer, the last of `opened`\n        // or `pointerup` should move the `longpressState` to\n        // `null` so that the earlier event can void the \"light\n        // dismiss\" and keep the Overlay open.\n        this.longpressState = this.host.state === 'opening' ? 'pressed' : null;\n        document.removeEventListener('pointerup', this.handlePointerup);\n        document.removeEventListener('pointercancel', this.handlePointerup);\n    };\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code, altKey } = event;\n        if (altKey && code === 'ArrowDown') {\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n        }\n    }\n\n    private handleKeyup(event: KeyboardEvent): void {\n        const { code, altKey } = event;\n        if (code === 'Space' || (altKey && code === 'ArrowDown')) {\n            if (!this.target) {\n                return;\n            }\n            event.stopPropagation();\n            this.target.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'keyboard',\n                    },\n                })\n            );\n            setTimeout(() => {\n                this.longpressState = null;\n            });\n        }\n    }\n\n    override prepareDescription(trigger: HTMLElement): void {\n        if (\n            // do not reapply until target is recycled\n            this.releaseDescription !== noop ||\n            // require \"longpress content\" to apply relationship\n            !this.host.elements.length\n        ) {\n            return;\n        }\n\n        const longpressDescription = document.createElement('div');\n        longpressDescription.id = `longpress-describedby-descriptor-${randomID()}`;\n        const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n        longpressDescription.textContent = LONGPRESS_INSTRUCTIONS[messageType];\n        longpressDescription.slot = 'longpress-describedby-descriptor';\n        const triggerParent = trigger.getRootNode() as HTMLElement;\n        const overlayParent = this.host.getRootNode() as HTMLElement;\n        // Manage the placement of the helper element in an accessible place with\n        // the lowest chance of negatively affecting the layout of the page.\n        if (triggerParent === overlayParent) {\n            // Trigger and Overlay in same DOM tree...\n            // Append helper element to Overlay.\n            this.host.append(longpressDescription);\n        } else {\n            // If Trigger in <body>, hide helper\n            longpressDescription.hidden = !('host' in triggerParent);\n            // Trigger and Overlay in different DOM tree, Trigger in shadow tree...\n            // Insert helper element after Trigger.\n            trigger.insertAdjacentElement('afterend', longpressDescription);\n        }\n\n        const releaseDescription = conditionAttributeWithId(\n            trigger,\n            'aria-describedby',\n            [longpressDescription.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            longpressDescription.remove();\n            this.releaseDescription = noop;\n        };\n    }\n\n    override shouldCompleteOpen(): void {\n        // When triggered by the pointer, the last of `opened`\n        // or `pointerup` should move the `longpressState` to\n        // `null` so that the earlier event can void the \"light\n        // dismiss\" and keep the Overlay open.\n        this.longpressState =\n            this.longpressState === 'pressed' ? null : this.longpressState;\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            'longpress',\n            () => this.handleLongpress(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerdown',\n            (event: PointerEvent) => this.handlePointerdown(event),\n            { signal }\n        );\n\n        this.prepareDescription(this.target);\n        if (\n            (this.target as HTMLElement & { holdAffordance: boolean })\n                .holdAffordance\n        ) {\n            // Only bind keyboard events when the trigger element isn't doing it for us.\n            return;\n        }\n        this.target.addEventListener(\n            'keydown',\n            (event: KeyboardEvent) => this.handleKeydown(event),\n            { signal }\n        );\n        this.target.addEventListener(\n            'keyup',\n            (event: KeyboardEvent) => this.handleKeyup(event),\n            { signal }\n        );\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/src/LongpressController.js

@@ -0,0 +1,2 @@
+"use strict";import{isAndroid as a,isIOS as d}from"@spectrum-web-components/shared/src/platform.js";import{conditionAttributeWithId as p}from"@spectrum-web-components/base/src/condition-attribute-with-id.js";import{randomID as l}from"@spectrum-web-components/shared/src/random-id.js";import{noop as r}from"./AbstractOverlay.js";import{InteractionController as h,InteractionTypes as c}from"./InteractionController.js";const g=300;export const LONGPRESS_INSTRUCTIONS={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"};export class LongpressController extends h{constructor(){super(...arguments);this.type=c.longpress;this.longpressState=null;this.releaseDescription=r;this.handlePointerup=()=>{clearTimeout(this.timeout),this.target&&(this.longpressState=this.host.state==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.host.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(e){!this.target||e.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},g))}handleKeydown(e){const{code:t,altKey:o}=e;o&&t==="ArrowDown"&&(e.stopPropagation(),e.stopImmediatePropagation())}handleKeyup(e){const{code:t,altKey:o}=e;if(t==="Space"||o&&t==="ArrowDown"){if(!this.target)return;e.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(e){if(this.releaseDescription!==r||!this.host.elements.length)return;const t=document.createElement("div");t.id=`longpress-describedby-descriptor-${l()}`;const o=d()||a()?"touch":"keyboard";t.textContent=LONGPRESS_INSTRUCTIONS[o],t.slot="longpress-describedby-descriptor";const n=e.getRootNode(),s=this.host.getRootNode();n===s?this.host.append(t):(t.hidden=!("host"in n),e.insertAdjacentElement("afterend",t));const i=p(e,"aria-describedby",[t.id]);this.releaseDescription=()=>{i(),t.remove(),this.releaseDescription=r}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:e}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:e}),this.target.addEventListener("pointerdown",o=>this.handlePointerdown(o),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",o=>this.handleKeydown(o),{signal:e}),this.target.addEventListener("keyup",o=>this.handleKeyup(o),{signal:e}))}}
+//# sourceMappingURL=LongpressController.js.map

package/src/LongpressController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["LongpressController.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 {\n    isAndroid,\n    isIOS,\n} from '@spectrum-web-components/shared/src/platform.js';\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 { noop } from './AbstractOverlay.js';\nimport { InteractionController, InteractionTypes } from './InteractionController.js';\n\nconst LONGPRESS_DURATION = 300;\nexport const LONGPRESS_INSTRUCTIONS = {\n    touch: 'Double tap and long press for additional options',\n    keyboard: 'Press Space or Alt+Down Arrow for additional options',\n    mouse: 'Click and hold for additional options',\n};\n\ntype LongpressEvent = {\n    source: 'pointer' | 'keyboard';\n};\n\nexport class LongpressController extends InteractionController {\n    override type = InteractionTypes.longpress;\n\n    override get activelyOpening(): boolean {\n        return (\n            this.longpressState === 'opening' ||\n            this.longpressState === 'pressed'\n        );\n    }\n\n    protected longpressState: null | 'potential' | 'opening' | 'pressed' = null;\n\n    override releaseDescription = noop;\n\n    private timeout!: ReturnType<typeof setTimeout>;\n\n    handleLongpress(): void {\n        this.host.open = true;\n        this.longpressState =\n            this.longpressState === 'potential' ? 'opening' : 'pressed';\n    }\n\n    handlePointerdown(event: PointerEvent): void {\n        if (!this.target) return;\n        if (event.button !== 0) return;\n        this.longpressState = 'potential';\n        document.addEventListener('pointerup', this.handlePointerup);\n        document.addEventListener('pointercancel', this.handlePointerup);\n        // Only dispatch longpress event if the trigger element isn't doing it for us.\n        const triggerHandlesLongpress = 'holdAffordance' in this.target;\n        if (triggerHandlesLongpress) return;\n        this.timeout = setTimeout(() => {\n            if (!this.target) return;\n            this.target.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'pointer',\n                    },\n                })\n            );\n        }, LONGPRESS_DURATION);\n    }\n\n    private handlePointerup = (): void => {\n        clearTimeout(this.timeout);\n        if (!this.target) return;\n        // When triggered by the pointer, the last of `opened`\n        // or `pointerup` should move the `longpressState` to\n        // `null` so that the earlier event can void the \"light\n        // dismiss\" and keep the Overlay open.\n        this.longpressState = this.host.state === 'opening' ? 'pressed' : null;\n        document.removeEventListener('pointerup', this.handlePointerup);\n        document.removeEventListener('pointercancel', this.handlePointerup);\n    };\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code, altKey } = event;\n        if (altKey && code === 'ArrowDown') {\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n        }\n    }\n\n    private handleKeyup(event: KeyboardEvent): void {\n        const { code, altKey } = event;\n        if (code === 'Space' || (altKey && code === 'ArrowDown')) {\n            if (!this.target) {\n                return;\n            }\n            event.stopPropagation();\n            this.target.dispatchEvent(\n                new CustomEvent<LongpressEvent>('longpress', {\n                    bubbles: true,\n                    composed: true,\n                    detail: {\n                        source: 'keyboard',\n                    },\n                })\n            );\n            setTimeout(() => {\n                this.longpressState = null;\n            });\n        }\n    }\n\n    override prepareDescription(trigger: HTMLElement): void {\n        if (\n            // do not reapply until target is recycled\n            this.releaseDescription !== noop ||\n            // require \"longpress content\" to apply relationship\n            !this.host.elements.length\n        ) {\n            return;\n        }\n\n        const longpressDescription = document.createElement('div');\n        longpressDescription.id = `longpress-describedby-descriptor-${randomID()}`;\n        const messageType = isIOS() || isAndroid() ? 'touch' : 'keyboard';\n        longpressDescription.textContent = LONGPRESS_INSTRUCTIONS[messageType];\n        longpressDescription.slot = 'longpress-describedby-descriptor';\n        const triggerParent = trigger.getRootNode() as HTMLElement;\n        const overlayParent = this.host.getRootNode() as HTMLElement;\n        // Manage the placement of the helper element in an accessible place with\n        // the lowest chance of negatively affecting the layout of the page.\n        if (triggerParent === overlayParent) {\n            // Trigger and Overlay in same DOM tree...\n            // Append helper element to Overlay.\n            this.host.append(longpressDescription);\n        } else {\n            // If Trigger in <body>, hide helper\n            longpressDescription.hidden = !('host' in triggerParent);\n            // Trigger and Overlay in different DOM tree, Trigger in shadow tree...\n            // Insert helper element after Trigger.\n            trigger.insertAdjacentElement('afterend', longpressDescription);\n        }\n\n        const releaseDescription = conditionAttributeWithId(\n            trigger,\n            'aria-describedby',\n            [longpressDescription.id]\n        );\n        this.releaseDescription = () => {\n            releaseDescription();\n            longpressDescription.remove();\n            this.releaseDescription = noop;\n        };\n    }\n\n    override shouldCompleteOpen(): void {\n        // When triggered by the pointer, the last of `opened`\n        // or `pointerup` should move the `longpressState` to\n        // `null` so that the earlier event can void the \"light\n        // dismiss\" and keep the Overlay open.\n        this.longpressState =\n            this.longpressState === 'pressed' ? null : this.longpressState;\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            'longpress',\n            () => this.handleLongpress(),\n            { signal }\n        );\n        this.target.addEventListener(\n            'pointerdown',\n            (event: PointerEvent) => this.handlePointerdown(event),\n            { signal }\n        );\n\n        this.prepareDescription(this.target);\n        if (\n            (this.target as HTMLElement & { holdAffordance: boolean })\n                .holdAffordance\n        ) {\n            // Only bind keyboard events when the trigger element isn't doing it for us.\n            return;\n        }\n        this.target.addEventListener(\n            'keydown',\n            (event: KeyboardEvent) => this.handleKeydown(event),\n            { signal }\n        );\n        this.target.addEventListener(\n            'keyup',\n            (event: KeyboardEvent) => this.handleKeyup(event),\n            { signal }\n        );\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["isAndroid", "isIOS", "conditionAttributeWithId", "randomID", "noop", "InteractionController", "InteractionTypes", "LONGPRESS_DURATION", "event", "code", "altKey", "trigger", "longpressDescription", "messageType", "triggerParent", "overlayParent", "releaseDescription", "_a", "signal"]
+}