@y14e/roving-tabindex 3.0.5 → 3.0.7

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/roving-tabindex
 
 ```ts
 // npm
-import { createRovingTabIndex } from '@y14e/roving-tabindex@3.0.5';
+import { createRovingTabIndex } from '@y14e/roving-tabindex@3.0.7';
 
 // CDNs
-import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.0.5';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.0.7';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.0.5/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.0.7/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.0.5';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.0.7';
 ```
 
 ## 📦 APIs

package/dist/index.cjs

@@ -284,60 +284,12 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  let {
-    direction,
-    navigationOnly = false,
-    noMemory = false,
-    noStart = false,
-    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 (typeof navigationOnly !== "boolean") {
-    console.warn("Invalid navigationOnly option. Fallback: false.");
-    navigationOnly = false;
-  }
-  if (typeof noMemory !== "boolean") {
-    console.warn("Invalid noMemory option. Fallback: false.");
-    noMemory = false;
-  }
-  if (typeof noStart !== "boolean") {
-    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 (typeof typeahead !== "boolean") {
-    console.warn("Invalid typeahead option. Fallback: false.");
-    typeahead = false;
-  }
-  if (typeof wrap !== "boolean") {
-    console.warn("Invalid wrap option. Fallback: false.");
-    wrap = false;
-  }
-  const settings = {
-    navigationOnly,
-    noMemory,
-    noStart,
-    typeahead,
-    wrap
-  };
-  direction && Object.assign(settings, { direction });
-  selector && Object.assign(settings, { selector });
-  const roving = new RovingTabIndex(container, settings);
+  const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
   #container;
-  #options;
+  #settings;
   #focusables = /* @__PURE__ */ new Set();
   #focusablesByFirstChar = /* @__PURE__ */ new Map();
   #selectorFilter;
@@ -345,7 +297,54 @@ var RovingTabIndex = class {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    this.#options = options;
+    let {
+      direction,
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      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 (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      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 (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      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.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -381,7 +380,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable2 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -391,7 +390,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#settings;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -458,7 +457,7 @@ var RovingTabIndex = class {
         });
       }
     }
-    const { navigationOnly, noStart, typeahead } = this.#options;
+    const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
@@ -502,14 +501,14 @@ var RovingTabIndex = class {
     }
   }
   #createSelectorFilter() {
-    const { selector } = this.#options;
+    const { selector } = this.#settings;
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      skipNegativeTabIndexCheck: !this.#options.navigationOnly,
+      skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
       skipVisibilityCheck: true
     });
   }
@@ -529,7 +528,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.5
+ * @version 3.0.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -562,4 +561,8 @@ power-focusable/dist/index.js:
    *)
 */
 
+exports.addTokenToAttribute = addTokenToAttribute;
 exports.createRovingTabIndex = createRovingTabIndex;
+exports.getFocusables = getFocusables;
+exports.restoreAttributes = restoreAttributes;
+exports.saveAttributes = saveAttributes;

package/dist/index.d.cts

@@ -1,14 +1,18 @@
+export { addTokenToAttribute, restoreAttributes, saveAttributes } from '@y14e/attributes-utils';
+export { getFocusables } from 'power-focusable';
+
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.5
+ * @version 3.0.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/roving-tabindex}
  */
+
 interface RovingTabIndexOptions {
     readonly direction?: 'horizontal' | 'vertical';
     readonly navigationOnly?: boolean;

package/dist/index.d.ts

@@ -1,14 +1,18 @@
+export { addTokenToAttribute, restoreAttributes, saveAttributes } from '@y14e/attributes-utils';
+export { getFocusables } from 'power-focusable';
+
 /**
  * Roving Tabindex
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.5
+ * @version 3.0.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/roving-tabindex}
  */
+
 interface RovingTabIndexOptions {
     readonly direction?: 'horizontal' | 'vertical';
     readonly navigationOnly?: boolean;

package/dist/index.js

@@ -282,60 +282,12 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  let {
-    direction,
-    navigationOnly = false,
-    noMemory = false,
-    noStart = false,
-    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 (typeof navigationOnly !== "boolean") {
-    console.warn("Invalid navigationOnly option. Fallback: false.");
-    navigationOnly = false;
-  }
-  if (typeof noMemory !== "boolean") {
-    console.warn("Invalid noMemory option. Fallback: false.");
-    noMemory = false;
-  }
-  if (typeof noStart !== "boolean") {
-    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 (typeof typeahead !== "boolean") {
-    console.warn("Invalid typeahead option. Fallback: false.");
-    typeahead = false;
-  }
-  if (typeof wrap !== "boolean") {
-    console.warn("Invalid wrap option. Fallback: false.");
-    wrap = false;
-  }
-  const settings = {
-    navigationOnly,
-    noMemory,
-    noStart,
-    typeahead,
-    wrap
-  };
-  direction && Object.assign(settings, { direction });
-  selector && Object.assign(settings, { selector });
-  const roving = new RovingTabIndex(container, settings);
+  const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
   #container;
-  #options;
+  #settings;
   #focusables = /* @__PURE__ */ new Set();
   #focusablesByFirstChar = /* @__PURE__ */ new Map();
   #selectorFilter;
@@ -343,7 +295,54 @@ var RovingTabIndex = class {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    this.#options = options;
+    let {
+      direction,
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      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 (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      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 (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      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.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -379,7 +378,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable2 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update(null) : isFocusable2 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -389,7 +388,7 @@ var RovingTabIndex = class {
     if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
-    const { direction, typeahead, wrap } = this.#options;
+    const { direction, typeahead, wrap } = this.#settings;
     const isBoth = !direction;
     const isHorizontal = direction === "horizontal";
     if (![
@@ -456,7 +455,7 @@ var RovingTabIndex = class {
         });
       }
     }
-    const { navigationOnly, noStart, typeahead } = this.#options;
+    const { navigationOnly, noStart, typeahead } = this.#settings;
     for (const focusable of current) {
       if (this.#focusables.has(focusable)) {
         continue;
@@ -500,14 +499,14 @@ var RovingTabIndex = class {
     }
   }
   #createSelectorFilter() {
-    const { selector } = this.#options;
+    const { selector } = this.#settings;
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
-      skipNegativeTabIndexCheck: !this.#options.navigationOnly,
+      skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
       skipVisibilityCheck: true
     });
   }
@@ -527,7 +526,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 3.0.5
+ * @version 3.0.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -560,4 +559,4 @@ power-focusable/dist/index.js:
    *)
 */
 
-export { createRovingTabIndex };
+export { addTokenToAttribute, createRovingTabIndex, getFocusables, restoreAttributes, saveAttributes };

package/package.json

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