@y14e/roving-tabindex 3.0.8 → 3.0.10

package/README.md

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

package/dist/index.cjs

@@ -297,7 +297,8 @@ function createRovingTabIndex(container, options = {}) {
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
-var RovingTabIndex = class {
+var RovingTabIndex = class _RovingTabIndex {
+  static #initialized = /* @__PURE__ */ new Set();
   #container;
   #settings;
   #focusables = /* @__PURE__ */ new Set();
@@ -368,21 +369,22 @@ var RovingTabIndex = class {
     restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
-    this.#container.removeAttribute("data-roving-tabindex-initialized");
   }
   #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
     });
-    this.#container.setAttribute("data-roving-tabindex-initialized", "");
   }
   #onFocusIn = (event) => {
     const { target } = event;
@@ -393,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;
@@ -472,7 +471,11 @@ var RovingTabIndex = class {
       if (this.#focusables.has(focusable)) {
         continue;
       }
+      if (_RovingTabIndex.#initialized.has(focusable)) {
+        throw new TypeError("Already initialized");
+      }
       this.#focusables.add(focusable);
+      _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
         saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
@@ -528,7 +531,7 @@ var RovingTabIndex = class {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.8
+ * @version 3.0.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -6,7 +6,7 @@ export { focusElement, getActiveElement, getFocusables } from 'power-focusable';
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.8
+ * @version 3.0.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { focusElement, getActiveElement, getFocusables } from 'power-focusable';
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.8
+ * @version 3.0.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -295,7 +295,8 @@ function createRovingTabIndex(container, options = {}) {
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
-var RovingTabIndex = class {
+var RovingTabIndex = class _RovingTabIndex {
+  static #initialized = /* @__PURE__ */ new Set();
   #container;
   #settings;
   #focusables = /* @__PURE__ */ new Set();
@@ -366,21 +367,22 @@ var RovingTabIndex = class {
     restoreAttributes([...this.#focusables]);
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
-    this.#container.removeAttribute("data-roving-tabindex-initialized");
   }
   #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
     });
-    this.#container.setAttribute("data-roving-tabindex-initialized", "");
   }
   #onFocusIn = (event) => {
     const { target } = event;
@@ -391,9 +393,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;
@@ -470,7 +469,11 @@ var RovingTabIndex = class {
       if (this.#focusables.has(focusable)) {
         continue;
       }
+      if (_RovingTabIndex.#initialized.has(focusable)) {
+        throw new TypeError("Already initialized");
+      }
       this.#focusables.add(focusable);
+      _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
         saveAttributes([focusable], ["tabindex"]);
         focusable.setAttribute("tabindex", "-1");
@@ -526,7 +529,7 @@ var RovingTabIndex = class {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.8
+ * @version 3.0.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",