@y14e/roving-tabindex 3.0.7 → 3.0.9

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/roving-tabindex
 
 ```ts
 // npm
-import { createRovingTabIndex } from '@y14e/roving-tabindex@3.0.7';
+import { createRovingTabIndex } from '@y14e/roving-tabindex@3.0.9';
 
 // CDNs
-import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.0.7';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.0.9';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.0.7/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.0.9/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.0.7';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.0.9';
 ```
 
 ## 📦 APIs

package/dist/index.cjs

@@ -253,6 +253,16 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
+function focusElement(element) {
+  "focus" in element && typeof element.focus === "function" && element.focus();
+}
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
 function getChildren(node) {
   const elements = [];
   for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
@@ -287,6 +297,7 @@ function createRovingTabIndex(container, options = {}) {
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
+var initialized = /* @__PURE__ */ new Set();
 var RovingTabIndex = class {
   #container;
   #settings;
@@ -362,13 +373,16 @@ var RovingTabIndex = class {
   }
   #initialize() {
     this.#update(document.activeElement);
+    if (!(this.#container instanceof HTMLElement)) {
+      return;
+    }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    document.addEventListener("focusin", this.#onFocusIn, {
+    this.#container.addEventListener("focusin", this.#onFocusIn, {
       capture: true,
       signal
     });
-    document.addEventListener("keydown", this.#onKeyDown, {
+    this.#container.addEventListener("keydown", this.#onKeyDown, {
       capture: true,
       signal
     });
@@ -383,9 +397,6 @@ var RovingTabIndex = class {
     this.#settings.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
   };
   #onKeyDown = (event) => {
-    if (!event.composedPath().includes(this.#container)) {
-      return;
-    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
@@ -459,10 +470,14 @@ var RovingTabIndex = class {
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
+      if (initialized.has(focusable)) {
+        throw new TypeError("Already initialized");
+      }
       if (this.#focusables.has(focusable)) {
         continue;
       }
       this.#focusables.add(focusable);
+      initialized.add(focusable);
       if (!navigationOnly) {
         saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
@@ -513,22 +528,12 @@ var RovingTabIndex = class {
     });
   }
 };
-function focusElement(element) {
-  "focus" in element && typeof element.focus === "function" && element.focus();
-}
-function getActiveElement() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.7
+ * @version 3.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -563,6 +568,8 @@ power-focusable/dist/index.js:
 
 exports.addTokenToAttribute = addTokenToAttribute;
 exports.createRovingTabIndex = createRovingTabIndex;
+exports.focusElement = focusElement;
+exports.getActiveElement = getActiveElement;
 exports.getFocusables = getFocusables;
 exports.restoreAttributes = restoreAttributes;
 exports.saveAttributes = saveAttributes;

package/dist/index.d.cts

@@ -1,12 +1,12 @@
 export { addTokenToAttribute, restoreAttributes, saveAttributes } from '@y14e/attributes-utils';
-export { getFocusables } from 'power-focusable';
+export { focusElement, getActiveElement, getFocusables } from 'power-focusable';
 
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.7
+ * @version 3.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 export { addTokenToAttribute, restoreAttributes, saveAttributes } from '@y14e/attributes-utils';
-export { getFocusables } from 'power-focusable';
+export { focusElement, getActiveElement, getFocusables } from 'power-focusable';
 
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.7
+ * @version 3.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -251,6 +251,16 @@ function getComposedChildren(node) {
   }
   return getChildren(node);
 }
+function focusElement(element) {
+  "focus" in element && typeof element.focus === "function" && element.focus();
+}
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
 function getChildren(node) {
   const elements = [];
   for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
@@ -285,6 +295,7 @@ function createRovingTabIndex(container, options = {}) {
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
+var initialized = /* @__PURE__ */ new Set();
 var RovingTabIndex = class {
   #container;
   #settings;
@@ -360,13 +371,16 @@ var RovingTabIndex = class {
   }
   #initialize() {
     this.#update(document.activeElement);
+    if (!(this.#container instanceof HTMLElement)) {
+      return;
+    }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    document.addEventListener("focusin", this.#onFocusIn, {
+    this.#container.addEventListener("focusin", this.#onFocusIn, {
       capture: true,
       signal
     });
-    document.addEventListener("keydown", this.#onKeyDown, {
+    this.#container.addEventListener("keydown", this.#onKeyDown, {
       capture: true,
       signal
     });
@@ -381,9 +395,6 @@ var RovingTabIndex = class {
     this.#settings.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
   };
   #onKeyDown = (event) => {
-    if (!event.composedPath().includes(this.#container)) {
-      return;
-    }
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
@@ -457,10 +468,14 @@ var RovingTabIndex = class {
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
+      if (initialized.has(focusable)) {
+        throw new TypeError("Already initialized");
+      }
       if (this.#focusables.has(focusable)) {
         continue;
       }
       this.#focusables.add(focusable);
+      initialized.add(focusable);
       if (!navigationOnly) {
         saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
@@ -511,22 +526,12 @@ var RovingTabIndex = class {
     });
   }
 };
-function focusElement(element) {
-  "focus" in element && typeof element.focus === "function" && element.focus();
-}
-function getActiveElement() {
-  let current = document.activeElement;
-  while (current?.shadowRoot?.activeElement) {
-    current = current.shadowRoot.activeElement;
-  }
-  return current;
-}
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.7
+ * @version 3.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -559,4 +564,4 @@ power-focusable/dist/index.js:
    *)
 */
 
-export { addTokenToAttribute, createRovingTabIndex, getFocusables, restoreAttributes, saveAttributes };
+export { addTokenToAttribute, createRovingTabIndex, focusElement, getActiveElement, getFocusables, restoreAttributes, saveAttributes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@y14e/attributes-utils": "^1.1.2",
     "bun-types": "latest",
-    "power-focusable": "^4.3.3",
+    "power-focusable": "^4.3.4",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0"
   },