@y14e/roving-tabindex 3.1.18 → 3.1.20

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

package/dist/index.bundle.cjs

@@ -366,17 +366,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -457,20 +460,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 +490,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 +591,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.20
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -364,17 +364,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -455,20 +458,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 +488,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 +589,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.20
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -50,17 +50,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -141,20 +144,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 +174,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 +275,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.20
  * @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.20
  * @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.20
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -48,17 +48,20 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
+      let hasError = false;
       if (typeof selector !== "string" || !selector.trim()) {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
+        hasError = true;
       } else {
         try {
-          container.querySelector(selector);
+          this.#container.querySelector(selector);
         } catch {
-          console.warn("Invalid selector. Fallback: no selector string.");
-          selector = "";
+          hasError = true;
         }
       }
+      if (hasError) {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -139,20 +142,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 +172,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 +273,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.20
  * @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.20",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",