@y14e/roving-tabindex 2.2.1 → 3.0.1

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/roving-tabindex
 
 ```ts
 // npm
-import { createRovingTabIndex } from '@y14e/roving-tabindex@2.2.0';
+import { createRovingTabIndex } from '@y14e/roving-tabindex@3.0.1';
 
 // CDNs
-import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@2.2.0';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.0.1';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@2.2.0/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.0.1/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@2.2.0';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.0.1';
 ```
 
 ## 📦 APIs
@@ -42,7 +42,6 @@ interface RovingTabIndexOptions {
   navigationOnly?: boolean;              // default: false
   noMemory?: boolean;                    // default: false
   noStart?: boolean;                     // default: false
-  noStopPropagation?: boolean;           // default: false
   selector?: string;
   typeahead?: boolean;                   // default: false
   wrap?: boolean;                        // default: false
@@ -61,10 +60,6 @@ If `true`, disables focus memory. Focus always starts from the first item.
 
 If `true`, does not assign `tabindex="0"` to the first item during initialization.
 
-### `noStopPropagation`
-
-If `true`, keyboard navigation will not call `stopPropagation()`.
-
 ### `typeahead`
 
 If `true`, enables character-based focus navigation. Typing a character moves focus to the next matching element.

package/dist/index.cjs

@@ -301,7 +301,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -322,10 +321,6 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -344,7 +339,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -413,7 +407,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -435,10 +429,8 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
-    let rawIndex;
-    let newIndex = currentIndex;
+    let newIndex;
     let target = current;
     switch (key) {
       case "End":
@@ -448,15 +440,17 @@ var RovingTabIndex = class {
         newIndex = 0;
         break;
       case "ArrowLeft":
-      case "ArrowUp":
-        rawIndex = currentIndex - 1;
+      case "ArrowUp": {
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
+      }
       case "ArrowRight":
-      case "ArrowDown":
-        rawIndex = currentIndex + 1;
+      case "ArrowDown": {
+        const rawIndex = currentIndex + 1;
         newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
+      }
       default: {
         target = this.#focusablesByFirstChar.get(key.toUpperCase()) ?? [];
         const foundIndex = target.findIndex(
@@ -553,7 +547,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 2.2.1
+ * @version 3.0.1
  * @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 2.2.1
+ * @version 3.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -14,7 +14,6 @@ interface RovingTabIndexOptions {
     readonly navigationOnly?: boolean;
     readonly noMemory?: boolean;
     readonly noStart?: boolean;
-    readonly noStopPropagation?: boolean;
     readonly selector?: string;
     readonly typeahead?: boolean;
     readonly wrap?: boolean;

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 2.2.1
+ * @version 3.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -14,7 +14,6 @@ interface RovingTabIndexOptions {
     readonly navigationOnly?: boolean;
     readonly noMemory?: boolean;
     readonly noStart?: boolean;
-    readonly noStopPropagation?: boolean;
     readonly selector?: string;
     readonly typeahead?: boolean;
     readonly wrap?: boolean;

package/dist/index.js

@@ -299,7 +299,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly = false,
     noMemory = false,
     noStart = false,
-    noStopPropagation = false,
     selector,
     typeahead = false,
     wrap = false
@@ -320,10 +319,6 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid noStart option. Fallback: false.");
     noStart = false;
   }
-  if (typeof noStopPropagation !== "boolean") {
-    console.warn("Invalid noStopPropagation option. Fallback: false.");
-    noStopPropagation = false;
-  }
   if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
     console.warn(
       "Invalid selector. Fallback: all focusable elements (undefined)."
@@ -342,7 +337,6 @@ function createRovingTabIndex(container, options = {}) {
     navigationOnly,
     noMemory,
     noStart,
-    noStopPropagation,
     typeahead,
     wrap
   };
@@ -411,7 +405,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, noStopPropagation, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#options;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -433,10 +427,8 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    !noStopPropagation && event.stopPropagation();
     const currentIndex = current.indexOf(active);
-    let rawIndex;
-    let newIndex = currentIndex;
+    let newIndex;
     let target = current;
     switch (key) {
       case "End":
@@ -446,15 +438,17 @@ var RovingTabIndex = class {
         newIndex = 0;
         break;
       case "ArrowLeft":
-      case "ArrowUp":
-        rawIndex = currentIndex - 1;
+      case "ArrowUp": {
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
+      }
       case "ArrowRight":
-      case "ArrowDown":
-        rawIndex = currentIndex + 1;
+      case "ArrowDown": {
+        const rawIndex = currentIndex + 1;
         newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
+      }
       default: {
         target = this.#focusablesByFirstChar.get(key.toUpperCase()) ?? [];
         const foundIndex = target.findIndex(
@@ -551,7 +545,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 2.2.1
+ * @version 3.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

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