@y14e/roving-tabindex 3.1.14 → 3.1.15

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.15';
 // 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.15/+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.15';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -91,14 +91,14 @@ function getFocusables(container = document.body, options = {}) {
     console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
     skipVisibilityCheck = false;
   }
-  const elements = [];
+  const candidates = [];
   if (composed || include) {
     let traverse2 = function(node) {
       if (isFocusable(node, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        elements[elements.length] = node;
+        candidates[candidates.length] = node;
       }
       const children2 = composed ? getComposedChildren(node) : getChildren(node);
       for (let i = 0, l = children2.length; i < l; i++) {
@@ -112,21 +112,22 @@ function getFocusables(container = document.body, options = {}) {
       child && traverse2(child);
     }
   } else {
-    const candidates = container.querySelectorAll(
+    const matches = container.querySelectorAll(
       skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX : FOCUSABLE_SELECTOR
     );
-    for (let i = 0, l = candidates.length; i < l; i++) {
-      const candidate = candidates[i];
-      if (candidate && isFocusable(candidate, {
+    for (let i = 0, l = matches.length; i < l; i++) {
+      const matched = matches[i];
+      if (matched && isFocusable(matched, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       })) {
-        elements[elements.length] = candidate;
+        candidates[candidates.length] = matched;
       }
     }
   }
-  const filtered = filter ? elements.filter(filter) : elements;
-  return normalizeRadioGroup(sortByTabIndex(filtered));
+  return normalizeRadioGroup(
+    sortByTabIndex(filter ? candidates.filter(filter) : candidates)
+  );
 }
 function isFocusable(element, options = {}) {
   if (!(element instanceof Element)) {
@@ -485,7 +486,8 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const length = target.length;
+        newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
@@ -503,23 +505,23 @@ var RovingTabIndex = class _RovingTabIndex {
     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 +550,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 +585,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.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -608,7 +610,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.19
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -89,14 +89,14 @@ function getFocusables(container = document.body, options = {}) {
     console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
     skipVisibilityCheck = false;
   }
-  const elements = [];
+  const candidates = [];
   if (composed || include) {
     let traverse2 = function(node) {
       if (isFocusable(node, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        elements[elements.length] = node;
+        candidates[candidates.length] = node;
       }
       const children2 = composed ? getComposedChildren(node) : getChildren(node);
       for (let i = 0, l = children2.length; i < l; i++) {
@@ -110,21 +110,22 @@ function getFocusables(container = document.body, options = {}) {
       child && traverse2(child);
     }
   } else {
-    const candidates = container.querySelectorAll(
+    const matches = container.querySelectorAll(
       skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX : FOCUSABLE_SELECTOR
     );
-    for (let i = 0, l = candidates.length; i < l; i++) {
-      const candidate = candidates[i];
-      if (candidate && isFocusable(candidate, {
+    for (let i = 0, l = matches.length; i < l; i++) {
+      const matched = matches[i];
+      if (matched && isFocusable(matched, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       })) {
-        elements[elements.length] = candidate;
+        candidates[candidates.length] = matched;
       }
     }
   }
-  const filtered = filter ? elements.filter(filter) : elements;
-  return normalizeRadioGroup(sortByTabIndex(filtered));
+  return normalizeRadioGroup(
+    sortByTabIndex(filter ? candidates.filter(filter) : candidates)
+  );
 }
 function isFocusable(element, options = {}) {
   if (!(element instanceof Element)) {
@@ -483,7 +484,8 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const length = target.length;
+        newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
@@ -501,23 +503,23 @@ var RovingTabIndex = class _RovingTabIndex {
     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 +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) {
@@ -581,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.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -606,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.19
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -171,7 +171,8 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const length = target.length;
+        newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
@@ -189,23 +190,23 @@ var RovingTabIndex = class _RovingTabIndex {
     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 +235,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 +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.14
+ * @version 3.1.15
  * @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.15
  * @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.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -169,7 +169,8 @@ var RovingTabIndex = class _RovingTabIndex {
       case "ArrowRight":
       case "ArrowDown": {
         const rawIndex = activeIndex + 1;
-        newIndex = wrap ? rawIndex % candidates.length : Math.min(rawIndex, candidates.length - 1);
+        const length = target.length;
+        newIndex = wrap ? rawIndex % length : Math.min(rawIndex, length - 1);
         break;
       }
       default: {
@@ -187,23 +188,23 @@ var RovingTabIndex = class _RovingTabIndex {
     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 +233,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 +268,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.15
  * @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.15",
   "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.19"
   }
 }