@y14e/portal 1.2.27 → 1.2.29

package/README.md

@@ -13,11 +13,11 @@ npm i @y14e/portal
 import { createPortal } from '@y14e/portal';
 
 // CDNs
-import { createPortal } from 'https://esm.sh/@y14e/portal@1.2.27';
+import { createPortal } from 'https://esm.sh/@y14e/portal@1.2.29';
 // or
-import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/portal@1.2.27/+esm';
+import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/portal@1.2.29/+esm';
 // or
-import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.2.27';
+import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.2.29';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -388,7 +388,6 @@ var Portal = class {
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
-  #timer;
   #isDestroyed = false;
   constructor(host, container) {
     this.#host = host;
@@ -408,10 +407,6 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    if (this.#timer !== void 0) {
-      cancelAnimationFrame(this.#timer);
-      this.#timer = void 0;
-    }
     restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
@@ -429,9 +424,6 @@ var Portal = class {
     [this.#entranceSentinel, this.#exitSentinel].forEach((sentinel) => {
       sentinel.addEventListener("focus", this.#onFocus, { signal });
     });
-    if (!(this.#host instanceof HTMLElement)) {
-      return;
-    }
     this.#host.addEventListener("keydown", this.#onKeyDown, { signal });
     this.#host.setAttribute("data-portaled", "");
   }
@@ -448,15 +440,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      if (first) {
-        focusElement(first);
-      } else {
-        const next = getNextFocusable(document.body, {
-          anchor: this.#exitSentinel,
-          composed: true
-        });
-        next && focusElement(next);
-      }
+      first ? focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -464,18 +448,13 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      if (last) {
-        focusElement(last);
-      } else {
-        const previous2 = getPreviousFocusable(document.body, {
-          anchor: this.#entranceSentinel,
-          composed: true
-        });
-        previous2 && focusElement(previous2);
-      }
+      last ? focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
+    if (!(event instanceof KeyboardEvent)) {
+      return;
+    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
@@ -526,13 +505,7 @@ var Portal = class {
     return sentinel;
   }
   #focusSentinel(isPrevious) {
-    const sentinel = isPrevious ? this.#entranceSentinel : this.#exitSentinel;
-    if (isPrevious) {
-      sentinel.focus();
-    } else {
-      this.#timer && cancelAnimationFrame(this.#timer);
-      this.#timer = requestAnimationFrame(() => sentinel.focus());
-    }
+    (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
     return getFocusables(this.#host, {
@@ -564,7 +537,7 @@ function containsComposed2(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -576,7 +549,7 @@ function containsComposed2(container, element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.2
+   * @version 1.1.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -589,7 +562,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.6
+   * @version 4.3.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -386,7 +386,6 @@ var Portal = class {
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
-  #timer;
   #isDestroyed = false;
   constructor(host, container) {
     this.#host = host;
@@ -406,10 +405,6 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    if (this.#timer !== void 0) {
-      cancelAnimationFrame(this.#timer);
-      this.#timer = void 0;
-    }
     restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
@@ -427,9 +422,6 @@ var Portal = class {
     [this.#entranceSentinel, this.#exitSentinel].forEach((sentinel) => {
       sentinel.addEventListener("focus", this.#onFocus, { signal });
     });
-    if (!(this.#host instanceof HTMLElement)) {
-      return;
-    }
     this.#host.addEventListener("keydown", this.#onKeyDown, { signal });
     this.#host.setAttribute("data-portaled", "");
   }
@@ -446,15 +438,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      if (first) {
-        focusElement(first);
-      } else {
-        const next = getNextFocusable(document.body, {
-          anchor: this.#exitSentinel,
-          composed: true
-        });
-        next && focusElement(next);
-      }
+      first ? focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -462,18 +446,13 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      if (last) {
-        focusElement(last);
-      } else {
-        const previous2 = getPreviousFocusable(document.body, {
-          anchor: this.#entranceSentinel,
-          composed: true
-        });
-        previous2 && focusElement(previous2);
-      }
+      last ? focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
+    if (!(event instanceof KeyboardEvent)) {
+      return;
+    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
@@ -524,13 +503,7 @@ var Portal = class {
     return sentinel;
   }
   #focusSentinel(isPrevious) {
-    const sentinel = isPrevious ? this.#entranceSentinel : this.#exitSentinel;
-    if (isPrevious) {
-      sentinel.focus();
-    } else {
-      this.#timer && cancelAnimationFrame(this.#timer);
-      this.#timer = requestAnimationFrame(() => sentinel.focus());
-    }
+    (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
     return getFocusables(this.#host, {
@@ -562,7 +535,7 @@ function containsComposed2(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -574,7 +547,7 @@ function containsComposed2(container, element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.2
+   * @version 1.1.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -587,7 +560,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.6
+   * @version 4.3.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -31,7 +31,6 @@ var Portal = class {
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
-  #timer;
   #isDestroyed = false;
   constructor(host, container) {
     this.#host = host;
@@ -51,10 +50,6 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    if (this.#timer !== void 0) {
-      cancelAnimationFrame(this.#timer);
-      this.#timer = void 0;
-    }
     attributesUtils.restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
@@ -72,9 +67,6 @@ var Portal = class {
     [this.#entranceSentinel, this.#exitSentinel].forEach((sentinel) => {
       sentinel.addEventListener("focus", this.#onFocus, { signal });
     });
-    if (!(this.#host instanceof HTMLElement)) {
-      return;
-    }
     this.#host.addEventListener("keydown", this.#onKeyDown, { signal });
     this.#host.setAttribute("data-portaled", "");
   }
@@ -91,15 +83,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      if (first) {
-        powerFocusable.focusElement(first);
-      } else {
-        const next = powerFocusable.getNextFocusable(document.body, {
-          anchor: this.#exitSentinel,
-          composed: true
-        });
-        next && powerFocusable.focusElement(next);
-      }
+      first ? powerFocusable.focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -107,18 +91,13 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      if (last) {
-        powerFocusable.focusElement(last);
-      } else {
-        const previous2 = powerFocusable.getPreviousFocusable(document.body, {
-          anchor: this.#entranceSentinel,
-          composed: true
-        });
-        previous2 && powerFocusable.focusElement(previous2);
-      }
+      last ? powerFocusable.focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
+    if (!(event instanceof KeyboardEvent)) {
+      return;
+    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
@@ -169,13 +148,7 @@ var Portal = class {
     return sentinel;
   }
   #focusSentinel(isPrevious) {
-    const sentinel = isPrevious ? this.#entranceSentinel : this.#exitSentinel;
-    if (isPrevious) {
-      sentinel.focus();
-    } else {
-      this.#timer && cancelAnimationFrame(this.#timer);
-      this.#timer = requestAnimationFrame(() => sentinel.focus());
-    }
+    (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
     return powerFocusable.getFocusables(this.#host, {
@@ -207,7 +180,7 @@ function containsComposed(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -3,7 +3,7 @@
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,5 +1,5 @@
 import { restoreAttributes, saveAttributes } from '@y14e/attributes-utils';
-import { focusElement, getNextFocusable, getPreviousFocusable, getActiveElement, getFocusables } from 'power-focusable';
+import { focusElement, getActiveElement, getFocusables, getPreviousFocusable, getNextFocusable } from 'power-focusable';
 
 // src/index.ts
 var VISUALLY_HIDDEN_CSS = `border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; user-select: none; white-space: nowrap; width: 1px;`;
@@ -29,7 +29,6 @@ var Portal = class {
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
-  #timer;
   #isDestroyed = false;
   constructor(host, container) {
     this.#host = host;
@@ -49,10 +48,6 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    if (this.#timer !== void 0) {
-      cancelAnimationFrame(this.#timer);
-      this.#timer = void 0;
-    }
     restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
@@ -70,9 +65,6 @@ var Portal = class {
     [this.#entranceSentinel, this.#exitSentinel].forEach((sentinel) => {
       sentinel.addEventListener("focus", this.#onFocus, { signal });
     });
-    if (!(this.#host instanceof HTMLElement)) {
-      return;
-    }
     this.#host.addEventListener("keydown", this.#onKeyDown, { signal });
     this.#host.setAttribute("data-portaled", "");
   }
@@ -89,15 +81,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      if (first) {
-        focusElement(first);
-      } else {
-        const next = getNextFocusable(document.body, {
-          anchor: this.#exitSentinel,
-          composed: true
-        });
-        next && focusElement(next);
-      }
+      first ? focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -105,18 +89,13 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      if (last) {
-        focusElement(last);
-      } else {
-        const previous2 = getPreviousFocusable(document.body, {
-          anchor: this.#entranceSentinel,
-          composed: true
-        });
-        previous2 && focusElement(previous2);
-      }
+      last ? focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
+    if (!(event instanceof KeyboardEvent)) {
+      return;
+    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
@@ -167,13 +146,7 @@ var Portal = class {
     return sentinel;
   }
   #focusSentinel(isPrevious) {
-    const sentinel = isPrevious ? this.#entranceSentinel : this.#exitSentinel;
-    if (isPrevious) {
-      sentinel.focus();
-    } else {
-      this.#timer && cancelAnimationFrame(this.#timer);
-      this.#timer = requestAnimationFrame(() => sentinel.focus());
-    }
+    (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
     return getFocusables(this.#host, {
@@ -205,7 +178,7 @@ function containsComposed(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.27
+ * @version 1.2.29
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/portal",
-  "version": "1.2.27",
+  "version": "1.2.29",
   "description": "Lightweight DOM portal (teleport) utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -55,7 +55,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@y14e/attributes-utils": "^1.1.2",
-    "power-focusable": "^4.3.6"
+    "@y14e/attributes-utils": "^1.1.3",
+    "power-focusable": "^4.3.8"
   }
 }