@y14e/roving-tabindex 3.1.14 → 3.1.16

package/README.md

@@ -13,11 +13,11 @@ npm i @y14e/roving-tabindex
 import { createRovingTabIndex } from '@y14e/roving-tabindex';
 
 // CDNs
-import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.1.14';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.1.16';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.14/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.16/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.14';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.16';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -459,16 +459,16 @@ var RovingTabIndex = class _RovingTabIndex {
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
+    const current = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    if (!candidates.includes(active)) {
+    if (!current.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
+    const currentIndex = current.indexOf(active);
     let newIndex;
-    let target = candidates;
+    let target = current;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -478,48 +478,48 @@ var RovingTabIndex = class _RovingTabIndex {
         break;
       case "ArrowLeft":
       case "ArrowUp": {
-        const rawIndex = activeIndex - 1;
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
       }
       case "ArrowRight":
       case "ArrowDown": {
-        const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const rawIndex = currentIndex + 1;
+        newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
       }
       default: {
         const focusables = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+        target = current.filter((focusable2) => focusables.has(focusable2));
+        const foundIndex = target.findIndex(
+          (focusable2) => current.indexOf(focusable2) > currentIndex
         );
-        newIndex = afterIndex >= 0 ? afterIndex : 0;
+        newIndex = foundIndex >= 0 ? foundIndex : 0;
       }
     }
     const focusable = target.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
-    const focusables = new Set(this.#getFocusables());
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (!focusables.has(focusable)) {
+      if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
         restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
-        for (const [key, focusables2] of this.#focusablesByFirstChar) {
-          const index = focusables2.indexOf(focusable);
+        for (const [key, focusables] of this.#focusablesByFirstChar) {
+          const index = focusables.indexOf(focusable);
           if (index >= 0) {
-            focusables2.splice(index, 1);
-            !focusables2.length && this.#focusablesByFirstChar.delete(key);
+            focusables.splice(index, 1);
+            !focusables.length && this.#focusablesByFirstChar.delete(key);
           }
         }
       }
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
-    for (const focusable of focusables) {
+    for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
@@ -548,9 +548,9 @@ var RovingTabIndex = class _RovingTabIndex {
         });
       }
       keys.forEach((key) => {
-        const focusables2 = this.#focusablesByFirstChar.get(key) ?? [];
-        focusables2.push(focusable);
-        this.#focusablesByFirstChar.set(key, focusables2);
+        const focusables = this.#focusablesByFirstChar.get(key) ?? [];
+        focusables.push(focusable);
+        this.#focusablesByFirstChar.set(key, focusables);
       });
     }
     if (!navigationOnly) {
@@ -583,7 +583,7 @@ var RovingTabIndex = class _RovingTabIndex {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -608,7 +608,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.18
+   * @version 4.3.20
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -457,16 +457,16 @@ var RovingTabIndex = class _RovingTabIndex {
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
+    const current = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    if (!candidates.includes(active)) {
+    if (!current.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
+    const currentIndex = current.indexOf(active);
     let newIndex;
-    let target = candidates;
+    let target = current;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -476,48 +476,48 @@ var RovingTabIndex = class _RovingTabIndex {
         break;
       case "ArrowLeft":
       case "ArrowUp": {
-        const rawIndex = activeIndex - 1;
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
       }
       case "ArrowRight":
       case "ArrowDown": {
-        const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const rawIndex = currentIndex + 1;
+        newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
       }
       default: {
         const focusables = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+        target = current.filter((focusable2) => focusables.has(focusable2));
+        const foundIndex = target.findIndex(
+          (focusable2) => current.indexOf(focusable2) > currentIndex
         );
-        newIndex = afterIndex >= 0 ? afterIndex : 0;
+        newIndex = foundIndex >= 0 ? foundIndex : 0;
       }
     }
     const focusable = target.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
-    const focusables = new Set(this.#getFocusables());
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (!focusables.has(focusable)) {
+      if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
         restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
-        for (const [key, focusables2] of this.#focusablesByFirstChar) {
-          const index = focusables2.indexOf(focusable);
+        for (const [key, focusables] of this.#focusablesByFirstChar) {
+          const index = focusables.indexOf(focusable);
           if (index >= 0) {
-            focusables2.splice(index, 1);
-            !focusables2.length && this.#focusablesByFirstChar.delete(key);
+            focusables.splice(index, 1);
+            !focusables.length && this.#focusablesByFirstChar.delete(key);
           }
         }
       }
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
-    for (const focusable of focusables) {
+    for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
@@ -546,9 +546,9 @@ var RovingTabIndex = class _RovingTabIndex {
         });
       }
       keys.forEach((key) => {
-        const focusables2 = this.#focusablesByFirstChar.get(key) ?? [];
-        focusables2.push(focusable);
-        this.#focusablesByFirstChar.set(key, focusables2);
+        const focusables = this.#focusablesByFirstChar.get(key) ?? [];
+        focusables.push(focusable);
+        this.#focusablesByFirstChar.set(key, focusables);
       });
     }
     if (!navigationOnly) {
@@ -581,7 +581,7 @@ var RovingTabIndex = class _RovingTabIndex {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -606,7 +606,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.18
+   * @version 4.3.20
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -145,16 +145,16 @@ var RovingTabIndex = class _RovingTabIndex {
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
+    const current = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    if (!candidates.includes(active)) {
+    if (!current.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
+    const currentIndex = current.indexOf(active);
     let newIndex;
-    let target = candidates;
+    let target = current;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -164,48 +164,48 @@ var RovingTabIndex = class _RovingTabIndex {
         break;
       case "ArrowLeft":
       case "ArrowUp": {
-        const rawIndex = activeIndex - 1;
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
       }
       case "ArrowRight":
       case "ArrowDown": {
-        const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const rawIndex = currentIndex + 1;
+        newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
       }
       default: {
         const focusables = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+        target = current.filter((focusable2) => focusables.has(focusable2));
+        const foundIndex = target.findIndex(
+          (focusable2) => current.indexOf(focusable2) > currentIndex
         );
-        newIndex = afterIndex >= 0 ? afterIndex : 0;
+        newIndex = foundIndex >= 0 ? foundIndex : 0;
       }
     }
     const focusable = target.at(newIndex);
     focusable && powerFocusable.focusElement(focusable);
   };
   #update(active) {
-    const focusables = new Set(this.#getFocusables());
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (!focusables.has(focusable)) {
+      if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
         attributesUtils.restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
-        for (const [key, focusables2] of this.#focusablesByFirstChar) {
-          const index = focusables2.indexOf(focusable);
+        for (const [key, focusables] of this.#focusablesByFirstChar) {
+          const index = focusables.indexOf(focusable);
           if (index >= 0) {
-            focusables2.splice(index, 1);
-            !focusables2.length && this.#focusablesByFirstChar.delete(key);
+            focusables.splice(index, 1);
+            !focusables.length && this.#focusablesByFirstChar.delete(key);
           }
         }
       }
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
-    for (const focusable of focusables) {
+    for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
@@ -234,9 +234,9 @@ var RovingTabIndex = class _RovingTabIndex {
         });
       }
       keys.forEach((key) => {
-        const focusables2 = this.#focusablesByFirstChar.get(key) ?? [];
-        focusables2.push(focusable);
-        this.#focusablesByFirstChar.set(key, focusables2);
+        const focusables = this.#focusablesByFirstChar.get(key) ?? [];
+        focusables.push(focusable);
+        this.#focusablesByFirstChar.set(key, focusables);
       });
     }
     if (!navigationOnly) {
@@ -269,7 +269,7 @@ var RovingTabIndex = class _RovingTabIndex {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -3,7 +3,7 @@
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -143,16 +143,16 @@ var RovingTabIndex = class _RovingTabIndex {
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
+    const current = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    if (!candidates.includes(active)) {
+    if (!current.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
+    const currentIndex = current.indexOf(active);
     let newIndex;
-    let target = candidates;
+    let target = current;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -162,48 +162,48 @@ var RovingTabIndex = class _RovingTabIndex {
         break;
       case "ArrowLeft":
       case "ArrowUp": {
-        const rawIndex = activeIndex - 1;
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
       }
       case "ArrowRight":
       case "ArrowDown": {
-        const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const rawIndex = currentIndex + 1;
+        newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
       }
       default: {
         const focusables = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+        target = current.filter((focusable2) => focusables.has(focusable2));
+        const foundIndex = target.findIndex(
+          (focusable2) => current.indexOf(focusable2) > currentIndex
         );
-        newIndex = afterIndex >= 0 ? afterIndex : 0;
+        newIndex = foundIndex >= 0 ? foundIndex : 0;
       }
     }
     const focusable = target.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
-    const focusables = new Set(this.#getFocusables());
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (!focusables.has(focusable)) {
+      if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
         restoreAttributes([focusable]);
         this.#focusables.delete(focusable);
-        for (const [key, focusables2] of this.#focusablesByFirstChar) {
-          const index = focusables2.indexOf(focusable);
+        for (const [key, focusables] of this.#focusablesByFirstChar) {
+          const index = focusables.indexOf(focusable);
           if (index >= 0) {
-            focusables2.splice(index, 1);
-            !focusables2.length && this.#focusablesByFirstChar.delete(key);
+            focusables.splice(index, 1);
+            !focusables.length && this.#focusablesByFirstChar.delete(key);
           }
         }
       }
     }
     const { navigationOnly, noStart, typeahead } = this.#settings;
-    for (const focusable of focusables) {
+    for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
       }
@@ -232,9 +232,9 @@ var RovingTabIndex = class _RovingTabIndex {
         });
       }
       keys.forEach((key) => {
-        const focusables2 = this.#focusablesByFirstChar.get(key) ?? [];
-        focusables2.push(focusable);
-        this.#focusablesByFirstChar.set(key, focusables2);
+        const focusables = this.#focusablesByFirstChar.get(key) ?? [];
+        focusables.push(focusable);
+        this.#focusablesByFirstChar.set(key, focusables);
       });
     }
     if (!navigationOnly) {
@@ -267,7 +267,7 @@ var RovingTabIndex = class _RovingTabIndex {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.14
+ * @version 3.1.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "3.1.14",
+  "version": "3.1.16",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -57,6 +57,6 @@
   },
   "dependencies": {
     "@y14e/attributes-utils": "^1.1.3",
-    "power-focusable": "^4.3.18"
+    "power-focusable": "^4.3.20"
   }
 }