@y14e/roving-tabindex 3.1.9 → 3.1.10

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.9';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.1.10';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.9/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.10/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.9';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.10';
 ```
 
 ## 📦 APIs
@@ -38,14 +38,16 @@ const cleanup = createRovingTabIndex(container, options);
 
 ```ts
 interface RovingTabIndexOptions {
-  direction: 'horizontal' | 'vertical'; // default: both (undefined)
-  navigationOnly: boolean;              // default: false
-  noMemory: boolean;                    // default: false
-  noStart: boolean;                     // default: false
-  selector: string;
-  typeahead: boolean;                   // default: false
-  wrap: boolean;                        // default: false
+  direction: RovingTabIndexDirection; // default: 'both'
+  navigationOnly: boolean;            // default: false
+  noMemory: boolean;                  // default: false
+  noStart: boolean;                   // default: false
+  selector: string;                   // default: ''
+  typeahead: boolean;                 // default: false
+  wrap: boolean;                      // default: false
 }
+
+type RovingTabIndexDirection = 'both' | 'horizontal' | 'vertical';
 ```
 
 ### `navigationOnly`

package/dist/index.bundle.cjs

@@ -315,17 +315,17 @@ var RovingTabIndex = class _RovingTabIndex {
   constructor(container, options = {}) {
     this.#container = container;
     let {
-      direction,
+      direction = "both",
       navigationOnly = false,
       noMemory = false,
       noStart = false,
-      selector,
+      selector = "",
       typeahead = false,
       wrap = false
     } = options;
-    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: both (undefined).");
-      direction = void 0;
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
     }
     if (typeof navigationOnly !== "boolean") {
       console.warn("Invalid navigationOnly option. Fallback: false.");
@@ -339,11 +339,9 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid noStart option. Fallback: false.");
       noStart = false;
     }
-    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-      console.warn(
-        "Invalid selector. Fallback: all focusable elements (undefined)."
-      );
-      selector = void 0;
+    if (selector && (typeof selector !== "string" || !selector.trim())) {
+      console.warn("Invalid selector. Fallback: no selector string.");
+      selector = "";
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -353,9 +351,15 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
-    direction && Object.assign(this.#settings, { direction });
-    selector && Object.assign(this.#settings, { selector });
+    this.#settings = {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -403,7 +407,7 @@ var RovingTabIndex = class _RovingTabIndex {
       return;
     }
     const { direction, typeahead, wrap } = this.#settings;
-    const isBoth = !direction;
+    const isBoth = direction === "both";
     const isHorizontal = direction === "horizontal";
     if (![
       "End",
@@ -534,7 +538,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.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -559,7 +563,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.10
+   * @version 4.3.11
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -313,17 +313,17 @@ var RovingTabIndex = class _RovingTabIndex {
   constructor(container, options = {}) {
     this.#container = container;
     let {
-      direction,
+      direction = "both",
       navigationOnly = false,
       noMemory = false,
       noStart = false,
-      selector,
+      selector = "",
       typeahead = false,
       wrap = false
     } = options;
-    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: both (undefined).");
-      direction = void 0;
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
     }
     if (typeof navigationOnly !== "boolean") {
       console.warn("Invalid navigationOnly option. Fallback: false.");
@@ -337,11 +337,9 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid noStart option. Fallback: false.");
       noStart = false;
     }
-    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-      console.warn(
-        "Invalid selector. Fallback: all focusable elements (undefined)."
-      );
-      selector = void 0;
+    if (selector && (typeof selector !== "string" || !selector.trim())) {
+      console.warn("Invalid selector. Fallback: no selector string.");
+      selector = "";
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -351,9 +349,15 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
-    direction && Object.assign(this.#settings, { direction });
-    selector && Object.assign(this.#settings, { selector });
+    this.#settings = {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -401,7 +405,7 @@ var RovingTabIndex = class _RovingTabIndex {
       return;
     }
     const { direction, typeahead, wrap } = this.#settings;
-    const isBoth = !direction;
+    const isBoth = direction === "both";
     const isHorizontal = direction === "horizontal";
     if (![
       "End",
@@ -532,7 +536,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.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -557,7 +561,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.10
+   * @version 4.3.11
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -31,17 +31,17 @@ var RovingTabIndex = class _RovingTabIndex {
   constructor(container, options = {}) {
     this.#container = container;
     let {
-      direction,
+      direction = "both",
       navigationOnly = false,
       noMemory = false,
       noStart = false,
-      selector,
+      selector = "",
       typeahead = false,
       wrap = false
     } = options;
-    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: both (undefined).");
-      direction = void 0;
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
     }
     if (typeof navigationOnly !== "boolean") {
       console.warn("Invalid navigationOnly option. Fallback: false.");
@@ -55,11 +55,9 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid noStart option. Fallback: false.");
       noStart = false;
     }
-    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-      console.warn(
-        "Invalid selector. Fallback: all focusable elements (undefined)."
-      );
-      selector = void 0;
+    if (selector && (typeof selector !== "string" || !selector.trim())) {
+      console.warn("Invalid selector. Fallback: no selector string.");
+      selector = "";
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -69,9 +67,15 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
-    direction && Object.assign(this.#settings, { direction });
-    selector && Object.assign(this.#settings, { selector });
+    this.#settings = {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -119,7 +123,7 @@ var RovingTabIndex = class _RovingTabIndex {
       return;
     }
     const { direction, typeahead, wrap } = this.#settings;
-    const isBoth = !direction;
+    const isBoth = direction === "both";
     const isHorizontal = direction === "horizontal";
     if (![
       "End",
@@ -250,7 +254,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.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -3,14 +3,14 @@
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/roving-tabindex}
  */
 interface RovingTabIndexOptions {
-    direction: 'horizontal' | 'vertical';
+    direction: RovingTabIndexDirection;
     navigationOnly: boolean;
     noMemory: boolean;
     noStart: boolean;
@@ -18,6 +18,7 @@ interface RovingTabIndexOptions {
     typeahead: boolean;
     wrap: boolean;
 }
+type RovingTabIndexDirection = 'both' | 'horizontal' | 'vertical';
 declare function createRovingTabIndex(container: Element, options?: Partial<RovingTabIndexOptions>): () => void;
 
 export { type RovingTabIndexOptions, createRovingTabIndex };

package/dist/index.d.ts

@@ -3,14 +3,14 @@
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.1.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/roving-tabindex}
  */
 interface RovingTabIndexOptions {
-    direction: 'horizontal' | 'vertical';
+    direction: RovingTabIndexDirection;
     navigationOnly: boolean;
     noMemory: boolean;
     noStart: boolean;
@@ -18,6 +18,7 @@ interface RovingTabIndexOptions {
     typeahead: boolean;
     wrap: boolean;
 }
+type RovingTabIndexDirection = 'both' | 'horizontal' | 'vertical';
 declare function createRovingTabIndex(container: Element, options?: Partial<RovingTabIndexOptions>): () => void;
 
 export { type RovingTabIndexOptions, createRovingTabIndex };

package/dist/index.js

@@ -29,17 +29,17 @@ var RovingTabIndex = class _RovingTabIndex {
   constructor(container, options = {}) {
     this.#container = container;
     let {
-      direction,
+      direction = "both",
       navigationOnly = false,
       noMemory = false,
       noStart = false,
-      selector,
+      selector = "",
       typeahead = false,
       wrap = false
     } = options;
-    if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: both (undefined).");
-      direction = void 0;
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
     }
     if (typeof navigationOnly !== "boolean") {
       console.warn("Invalid navigationOnly option. Fallback: false.");
@@ -53,11 +53,9 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid noStart option. Fallback: false.");
       noStart = false;
     }
-    if (typeof selector !== "undefined" && (typeof selector !== "string" || !selector.trim())) {
-      console.warn(
-        "Invalid selector. Fallback: all focusable elements (undefined)."
-      );
-      selector = void 0;
+    if (selector && (typeof selector !== "string" || !selector.trim())) {
+      console.warn("Invalid selector. Fallback: no selector string.");
+      selector = "";
     }
     if (typeof typeahead !== "boolean") {
       console.warn("Invalid typeahead option. Fallback: false.");
@@ -67,9 +65,15 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
-    direction && Object.assign(this.#settings, { direction });
-    selector && Object.assign(this.#settings, { selector });
+    this.#settings = {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -117,7 +121,7 @@ var RovingTabIndex = class _RovingTabIndex {
       return;
     }
     const { direction, typeahead, wrap } = this.#settings;
-    const isBoth = !direction;
+    const isBoth = direction === "both";
     const isHorizontal = direction === "horizontal";
     if (![
       "End",
@@ -248,7 +252,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.9
+ * @version 3.1.10
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "3.1.9",
+  "version": "3.1.10",
   "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.10"
+    "power-focusable": "^4.3.11"
   }
 }