@y14e/portal 1.3.0 → 1.3.1

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.3.0';
+import { createPortal } from 'https://esm.sh/@y14e/portal@1.3.1';
 // or
-import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/portal@1.3.0/+esm';
+import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/portal@1.3.1/+esm';
 // or
-import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.3.0';
+import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.3.1';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(element_or_elements) {
   for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
@@ -8,22 +8,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -502,7 +502,7 @@ var Portal = class {
       return;
     }
     this.#update();
-    const focusables = this.#getFocusables();
+    const focusables = getFocusables(this.#host);
     if (focusables.length) {
       const index = focusables.indexOf(active);
       if (index >= 0) {
@@ -577,7 +577,7 @@ function containsComposed2(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.3.0
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -585,15 +585,15 @@ function containsComposed2(container, element) {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -602,7 +602,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.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -1,4 +1,4 @@
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(element_or_elements) {
   for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
@@ -6,22 +6,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -500,7 +500,7 @@ var Portal = class {
       return;
     }
     this.#update();
-    const focusables = this.#getFocusables();
+    const focusables = getFocusables(this.#host);
     if (focusables.length) {
       const index = focusables.indexOf(active);
       if (index >= 0) {
@@ -575,7 +575,7 @@ function containsComposed2(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.3.0
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -583,15 +583,15 @@ function containsComposed2(container, element) {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -600,7 +600,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.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -1,7 +1,28 @@
 'use strict';
 
-var attributesUtils = require('@y14e/attributes-utils');
-var powerFocusable = require('power-focusable');
+var util = require('@y14e/attribute-util');
+var pf = require('power-focusable');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var util__namespace = /*#__PURE__*/_interopNamespace(util);
+var pf__namespace = /*#__PURE__*/_interopNamespace(pf);
 
 // 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;`;
@@ -57,7 +78,7 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    attributesUtils.restoreAttributes([...this.#focusables]);
+    util__namespace.restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
     this.#entranceSentinel.remove();
@@ -89,7 +110,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      first ? powerFocusable.focusElement(first) : this.#moveFocus("next");
+      first ? pf__namespace.focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -97,7 +118,7 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      last ? powerFocusable.focusElement(last) : this.#moveFocus("previous");
+      last ? pf__namespace.focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
@@ -108,18 +129,18 @@ var Portal = class {
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
     }
-    const active = powerFocusable.getActiveElement();
+    const active = pf__namespace.getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
     this.#update();
-    const focusables = this.#getFocusables();
+    const focusables = pf__namespace.getFocusables(this.#host);
     if (focusables.length) {
       const index = focusables.indexOf(active);
       if (index >= 0) {
         event.preventDefault();
         const focusable = focusables[index + (shiftKey ? -1 : 1)];
-        focusable ? powerFocusable.focusElement(focusable) : this.#focusSentinel(shiftKey);
+        focusable ? pf__namespace.focusElement(focusable) : this.#focusSentinel(shiftKey);
       }
     } else {
       event.preventDefault();
@@ -129,18 +150,18 @@ var Portal = class {
   #update() {
     const current = /* @__PURE__ */ new Set([
       ...this.#getFocusables(),
-      ...powerFocusable.getFocusables(this.#host, { composed: true })
+      ...pf__namespace.getFocusables(this.#host, { composed: true })
     ]);
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
-        attributesUtils.restoreAttributes(focusable);
+        util__namespace.restoreAttributes(focusable);
         this.#focusables.delete(focusable);
       }
     }
     for (const focusable of current) {
       if (!this.#focusables.has(focusable)) {
         this.#focusables.add(focusable);
-        attributesUtils.saveAttributes(focusable, "tabindex");
+        util__namespace.saveAttributes(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
     }
@@ -159,7 +180,7 @@ var Portal = class {
     (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
-    return powerFocusable.getFocusables(this.#host, {
+    return pf__namespace.getFocusables(this.#host, {
       composed: true,
       include: (element) => this.#focusables.has(element)
     });
@@ -169,8 +190,8 @@ var Portal = class {
       anchor: direction === "previous" ? this.#entranceSentinel : this.#exitSentinel,
       composed: true
     };
-    const focusable = direction === "previous" ? powerFocusable.getPreviousFocusable(document.body, options) : powerFocusable.getNextFocusable(document.body, options);
-    focusable && powerFocusable.focusElement(focusable);
+    const focusable = direction === "previous" ? pf__namespace.getPreviousFocusable(document.body, options) : pf__namespace.getNextFocusable(document.body, options);
+    focusable && pf__namespace.focusElement(focusable);
   }
 };
 function containsComposed(container, element) {
@@ -188,7 +209,7 @@ function containsComposed(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.3.0
+ * @version 1.3.1
  * @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.3.0
+ * @version 1.3.1
  * @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.3.0
+ * @version 1.3.1
  * @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, getActiveElement, getFocusables, getPreviousFocusable, getNextFocusable } from 'power-focusable';
+import * as util from '@y14e/attribute-util';
+import * as pf 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;`;
@@ -55,7 +55,7 @@ var Portal = class {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    restoreAttributes([...this.#focusables]);
+    util.restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#exitSentinel.after(this.#host);
     this.#entranceSentinel.remove();
@@ -87,7 +87,7 @@ var Portal = class {
       }
       this.#update();
       const first = [...this.#focusables][0];
-      first ? focusElement(first) : this.#moveFocus("next");
+      first ? pf.focusElement(first) : this.#moveFocus("next");
     } else {
       if (this.#host.contains(previous)) {
         this.#moveFocus("next");
@@ -95,7 +95,7 @@ var Portal = class {
       }
       this.#update();
       const last = [...this.#focusables].at(-1);
-      last ? focusElement(last) : this.#moveFocus("previous");
+      last ? pf.focusElement(last) : this.#moveFocus("previous");
     }
   };
   #onKeyDown = (event) => {
@@ -106,18 +106,18 @@ var Portal = class {
     if (key !== "Tab" || altKey || ctrlKey || metaKey) {
       return;
     }
-    const active = getActiveElement();
+    const active = pf.getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
     this.#update();
-    const focusables = this.#getFocusables();
+    const focusables = pf.getFocusables(this.#host);
     if (focusables.length) {
       const index = focusables.indexOf(active);
       if (index >= 0) {
         event.preventDefault();
         const focusable = focusables[index + (shiftKey ? -1 : 1)];
-        focusable ? focusElement(focusable) : this.#focusSentinel(shiftKey);
+        focusable ? pf.focusElement(focusable) : this.#focusSentinel(shiftKey);
       }
     } else {
       event.preventDefault();
@@ -127,18 +127,18 @@ var Portal = class {
   #update() {
     const current = /* @__PURE__ */ new Set([
       ...this.#getFocusables(),
-      ...getFocusables(this.#host, { composed: true })
+      ...pf.getFocusables(this.#host, { composed: true })
     ]);
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
-        restoreAttributes(focusable);
+        util.restoreAttributes(focusable);
         this.#focusables.delete(focusable);
       }
     }
     for (const focusable of current) {
       if (!this.#focusables.has(focusable)) {
         this.#focusables.add(focusable);
-        saveAttributes(focusable, "tabindex");
+        util.saveAttributes(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
     }
@@ -157,7 +157,7 @@ var Portal = class {
     (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
-    return getFocusables(this.#host, {
+    return pf.getFocusables(this.#host, {
       composed: true,
       include: (element) => this.#focusables.has(element)
     });
@@ -167,8 +167,8 @@ var Portal = class {
       anchor: direction === "previous" ? this.#entranceSentinel : this.#exitSentinel,
       composed: true
     };
-    const focusable = direction === "previous" ? getPreviousFocusable(document.body, options) : getNextFocusable(document.body, options);
-    focusable && focusElement(focusable);
+    const focusable = direction === "previous" ? pf.getPreviousFocusable(document.body, options) : pf.getNextFocusable(document.body, options);
+    focusable && pf.focusElement(focusable);
   }
 };
 function containsComposed(container, element) {
@@ -186,7 +186,7 @@ function containsComposed(container, element) {
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.3.0
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/portal",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "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.4",
-    "power-focusable": "^4.3.21"
+    "@y14e/attribute-util": "^2.0.0",
+    "power-focusable": "^4.3.23"
   }
 }