@y14e/roving-tabindex 3.1.18 → 3.1.19

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.18';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.1.19';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.18/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.19/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.18';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.19';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -457,20 +457,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -487,22 +487,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
@@ -586,7 +588,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.18
+ * @version 3.1.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -455,20 +455,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -485,22 +485,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
@@ -584,7 +586,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.18
+ * @version 3.1.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -141,20 +141,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = powerFocusable.getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -171,22 +171,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && powerFocusable.focusElement(focusable);
   };
   #update(active) {
@@ -270,7 +272,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.18
+ * @version 3.1.19
  * @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.18
+ * @version 3.1.19
  * @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.18
+ * @version 3.1.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -139,20 +139,20 @@ var RovingTabIndex = class _RovingTabIndex {
         return;
       }
     }
+    const candidates = this.#getFocusables().filter(
+      (focusable2) => this.#focusables.has(focusable2)
+    );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
-    const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
-    );
     if (!candidates.includes(active)) {
       return;
     }
     event.preventDefault();
-    const activeIndex = candidates.indexOf(active);
     let newIndex;
-    let target = candidates;
+    const activeIndex = candidates.indexOf(active);
+    let focusables = candidates;
     switch (key) {
       case "End":
         newIndex = -1;
@@ -169,22 +169,24 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        const length = target.length;
+        const length = focusables.length;
         newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
-        const focusables = new Set(
+        const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        target = candidates.filter((focusable2) => focusables.has(focusable2));
-        const afterIndex = target.findIndex(
+        focusables = candidates.filter(
+          (candidate) => focusablesByFirstChar.has(candidate)
+        );
+        const afterIndex = focusables.findIndex(
           (focusable2) => candidates.indexOf(focusable2) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
     }
-    const focusable = target.at(newIndex);
+    const focusable = focusables.at(newIndex);
     focusable && focusElement(focusable);
   };
   #update(active) {
@@ -268,7 +270,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.18
+ * @version 3.1.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

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