npm - @y14e/portal - Versions diffs - 1.2.32 → 1.3.1 - Mend

@y14e/portal 1.2.32 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -13,11 +13,11 @@ npm i @y14e/portal
 import { createPortal } from '@y14e/portal';
 // CDNs
-import { createPortal } from 'https://esm.sh/@y14e/portal@1.2.32';
+import { createPortal } from 'https://esm.sh/@y14e/portal@1.3.1';
 // or
-import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/portal@1.2.32/+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.2.32';
+import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.3.1';
 ```
 ## 📦 APIs
@@ -27,11 +27,20 @@ import { createPortal } from 'https://esm.unpkg.com/@y14e/portal@1.2.32';
 Creates a portal and preserves keyboard focus order between the original DOM and the portal.
 ```ts
-const cleanup = createPortal(host, container);
+const cleanup = createPortal(host, container, options);
 // => () => void
 //
 // host: Element
 // container (optional): Element (default: <body>)
+// options (optional): PortalOptions
+```
+## 🪄 Options
+```ts
+interface PortalOptions {
+  noInlineStyle: boolean; // default: false
+}
 ```
 ## Demo

package/dist/index.bundle.cjs CHANGED Viewed

@@ -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));
     });
   });
 }
@@ -394,7 +394,7 @@ function isUngroupedRadio(element) {
 // 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;`;
-function createPortal(host, container = document.body) {
+function createPortal(host, container = document.body, options = {}) {
   if (!(host instanceof Element)) {
     console.warn("Invalid host element");
     return () => {
@@ -410,24 +410,31 @@ function createPortal(host, container = document.body) {
     return () => {
     };
   }
-  const portal = new Portal(host, container);
+  const portal = new Portal(host, container, options);
   return () => portal.destroy();
 }
 var Portal = class {
   #host;
   #container;
+  #settings;
   #entranceSentinel;
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
   #isDestroyed = false;
-  constructor(host, container) {
+  constructor(host, container, options = {}) {
     this.#host = host;
     if (!(container instanceof Element)) {
       console.warn("Invalid container element. Fallback: <body> element.");
       container = document.body;
     }
     this.#container = container;
+    let { noInlineStyle = false } = options;
+    if (typeof noInlineStyle !== "boolean") {
+      console.warn("Invalid noInlineStyle option. Fallback: false.");
+      noInlineStyle = false;
+    }
+    this.#settings = { noInlineStyle };
     this.#entranceSentinel = this.#createSentinel();
     this.#exitSentinel = this.#createSentinel();
     this.#initialize();
@@ -495,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) {
@@ -532,7 +539,9 @@ var Portal = class {
     sentinel.setAttribute("aria-hidden", "true");
     sentinel.setAttribute("data-portal-sentinel", "");
     sentinel.setAttribute("tabindex", "0");
-    sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    if (!this.#settings.noInlineStyle) {
+      sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    }
     return sentinel;
   }
   #focusSentinel(isPrevious) {
@@ -568,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.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -576,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:
@@ -593,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 CHANGED Viewed

@@ -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));
     });
   });
 }
@@ -392,7 +392,7 @@ function isUngroupedRadio(element) {
 // 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;`;
-function createPortal(host, container = document.body) {
+function createPortal(host, container = document.body, options = {}) {
   if (!(host instanceof Element)) {
     console.warn("Invalid host element");
     return () => {
@@ -408,24 +408,31 @@ function createPortal(host, container = document.body) {
     return () => {
     };
   }
-  const portal = new Portal(host, container);
+  const portal = new Portal(host, container, options);
   return () => portal.destroy();
 }
 var Portal = class {
   #host;
   #container;
+  #settings;
   #entranceSentinel;
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
   #isDestroyed = false;
-  constructor(host, container) {
+  constructor(host, container, options = {}) {
     this.#host = host;
     if (!(container instanceof Element)) {
       console.warn("Invalid container element. Fallback: <body> element.");
       container = document.body;
     }
     this.#container = container;
+    let { noInlineStyle = false } = options;
+    if (typeof noInlineStyle !== "boolean") {
+      console.warn("Invalid noInlineStyle option. Fallback: false.");
+      noInlineStyle = false;
+    }
+    this.#settings = { noInlineStyle };
     this.#entranceSentinel = this.#createSentinel();
     this.#exitSentinel = this.#createSentinel();
     this.#initialize();
@@ -493,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) {
@@ -530,7 +537,9 @@ var Portal = class {
     sentinel.setAttribute("aria-hidden", "true");
     sentinel.setAttribute("data-portal-sentinel", "");
     sentinel.setAttribute("tabindex", "0");
-    sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    if (!this.#settings.noInlineStyle) {
+      sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    }
     return sentinel;
   }
   #focusSentinel(isPrevious) {
@@ -566,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.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -574,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:
@@ -591,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 CHANGED Viewed

@@ -1,11 +1,32 @@
 '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;`;
-function createPortal(host, container = document.body) {
+function createPortal(host, container = document.body, options = {}) {
   if (!(host instanceof Element)) {
     console.warn("Invalid host element");
     return () => {
@@ -21,24 +42,31 @@ function createPortal(host, container = document.body) {
     return () => {
     };
   }
-  const portal = new Portal(host, container);
+  const portal = new Portal(host, container, options);
   return () => portal.destroy();
 }
 var Portal = class {
   #host;
   #container;
+  #settings;
   #entranceSentinel;
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
   #isDestroyed = false;
-  constructor(host, container) {
+  constructor(host, container, options = {}) {
     this.#host = host;
     if (!(container instanceof Element)) {
       console.warn("Invalid container element. Fallback: <body> element.");
       container = document.body;
     }
     this.#container = container;
+    let { noInlineStyle = false } = options;
+    if (typeof noInlineStyle !== "boolean") {
+      console.warn("Invalid noInlineStyle option. Fallback: false.");
+      noInlineStyle = false;
+    }
+    this.#settings = { noInlineStyle };
     this.#entranceSentinel = this.#createSentinel();
     this.#exitSentinel = this.#createSentinel();
     this.#initialize();
@@ -50,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();
@@ -82,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");
@@ -90,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) => {
@@ -101,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();
@@ -122,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");
       }
     }
@@ -143,14 +171,16 @@ var Portal = class {
     sentinel.setAttribute("aria-hidden", "true");
     sentinel.setAttribute("data-portal-sentinel", "");
     sentinel.setAttribute("tabindex", "0");
-    sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    if (!this.#settings.noInlineStyle) {
+      sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    }
     return sentinel;
   }
   #focusSentinel(isPrevious) {
     (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)
     });
@@ -160,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) {
@@ -179,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.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts CHANGED Viewed

@@ -3,12 +3,15 @@
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/portal}
  */
-declare function createPortal(host: Element, container?: HTMLElement): () => void;
+interface PortalOptions {
+    noInlineStyle: boolean;
+}
+declare function createPortal(host: Element, container?: HTMLElement, options?: Partial<PortalOptions>): () => void;
-export { createPortal };
+export { type PortalOptions, createPortal };

package/dist/index.d.ts CHANGED Viewed

@@ -3,12 +3,15 @@
  * Lightweight DOM portal (teleport) utility with fully focus management.
  * Designed for accessible dialogs, menus, overlays, popovers.
  *
- * @version 1.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/portal}
  */
-declare function createPortal(host: Element, container?: HTMLElement): () => void;
+interface PortalOptions {
+    noInlineStyle: boolean;
+}
+declare function createPortal(host: Element, container?: HTMLElement, options?: Partial<PortalOptions>): () => void;
-export { createPortal };
+export { type PortalOptions, createPortal };

package/dist/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-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;`;
-function createPortal(host, container = document.body) {
+function createPortal(host, container = document.body, options = {}) {
   if (!(host instanceof Element)) {
     console.warn("Invalid host element");
     return () => {
@@ -19,24 +19,31 @@ function createPortal(host, container = document.body) {
     return () => {
     };
   }
-  const portal = new Portal(host, container);
+  const portal = new Portal(host, container, options);
   return () => portal.destroy();
 }
 var Portal = class {
   #host;
   #container;
+  #settings;
   #entranceSentinel;
   #exitSentinel;
   #focusables = /* @__PURE__ */ new Set();
   #controller = null;
   #isDestroyed = false;
-  constructor(host, container) {
+  constructor(host, container, options = {}) {
     this.#host = host;
     if (!(container instanceof Element)) {
       console.warn("Invalid container element. Fallback: <body> element.");
       container = document.body;
     }
     this.#container = container;
+    let { noInlineStyle = false } = options;
+    if (typeof noInlineStyle !== "boolean") {
+      console.warn("Invalid noInlineStyle option. Fallback: false.");
+      noInlineStyle = false;
+    }
+    this.#settings = { noInlineStyle };
     this.#entranceSentinel = this.#createSentinel();
     this.#exitSentinel = this.#createSentinel();
     this.#initialize();
@@ -48,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();
@@ -80,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");
@@ -88,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) => {
@@ -99,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();
@@ -120,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");
       }
     }
@@ -141,14 +148,16 @@ var Portal = class {
     sentinel.setAttribute("aria-hidden", "true");
     sentinel.setAttribute("data-portal-sentinel", "");
     sentinel.setAttribute("tabindex", "0");
-    sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    if (!this.#settings.noInlineStyle) {
+      sentinel.style.cssText += VISUALLY_HIDDEN_CSS;
+    }
     return sentinel;
   }
   #focusSentinel(isPrevious) {
     (isPrevious ? this.#entranceSentinel : this.#exitSentinel).focus();
   }
   #getFocusables() {
-    return getFocusables(this.#host, {
+    return pf.getFocusables(this.#host, {
       composed: true,
       include: (element) => this.#focusables.has(element)
     });
@@ -158,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) {
@@ -177,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.2.32
+ * @version 1.3.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/portal",
-  "version": "1.2.32",
+  "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"
   }
 }