@y14e/roving-tabindex 3.1.19 → 3.1.21

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.19';
+import { createRovingTabIndex } from 'https://esm.sh/@y14e/roving-tabindex@3.1.21';
 // or
-import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.19/+esm';
+import { createRovingTabIndex } from 'https://cdn.jsdelivr.net/npm/@y14e/roving-tabindex@3.1.21/+esm';
 // or
-import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.19';
+import { createRovingTabIndex } from 'https://esm.unpkg.com/@y14e/roving-tabindex@3.1.21';
 ```
 
 ## 📦 APIs

package/dist/index.bundle.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const value = element.getAttribute(attribute)?.trim();
+function addAttributeToken(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
     parse = DEFAULT_PARSER,
@@ -15,12 +15,12 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
     const lower = token.toLowerCase();
     if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
       tokens.push(token);
-      element.setAttribute(attribute, serialize(tokens));
+      element.setAttribute(name, serialize(tokens));
     }
   } else {
     const set = new Set(tokens);
     set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
+    element.setAttribute(name, serialize([...set]));
   }
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
@@ -30,22 +30,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -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.");
@@ -548,7 +551,7 @@ var RovingTabIndex = class _RovingTabIndex {
       if (char) {
         keys.add(char);
         saveAttributes(focusable, "aria-keyshortcuts");
-        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
+        addAttributeToken(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -588,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.19
+ * @version 3.1.21
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -596,15 +599,15 @@ var RovingTabIndex = class _RovingTabIndex {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -613,7 +616,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.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -1,8 +1,8 @@
-// node_modules/@y14e/attributes-utils/dist/index.js
+// node_modules/@y14e/attribute-util/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
-function addTokenToAttribute(element, attribute, token, options = {}) {
-  const value = element.getAttribute(attribute)?.trim();
+function addAttributeToken(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
   const {
     caseInsensitive = false,
     parse = DEFAULT_PARSER,
@@ -13,12 +13,12 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
     const lower = token.toLowerCase();
     if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
       tokens.push(token);
-      element.setAttribute(attribute, serialize(tokens));
+      element.setAttribute(name, serialize(tokens));
     }
   } else {
     const set = new Set(tokens);
     set.add(token);
-    element.setAttribute(attribute, serialize([...set]));
+    element.setAttribute(name, serialize([...set]));
   }
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
@@ -28,22 +28,22 @@ function restoreAttributes(element_or_elements) {
     if (!snapshot) {
       continue;
     }
-    for (const [attribute, value] of snapshot.entries()) {
-      value === null ? element.removeAttribute(attribute) : element.setAttribute(attribute, value);
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
     }
     snapshots.delete(element);
   }
 }
-function saveAttributes(element_or_elements, attribute_or_attributes) {
-  const attributes = Array.isArray(attribute_or_attributes) ? attribute_or_attributes : [attribute_or_attributes];
+function saveAttributes(element_or_elements, name_or_names) {
+  const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
   (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    attributes.forEach((attribute) => {
-      snapshot.set(attribute, element.getAttribute(attribute));
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
     });
   });
 }
@@ -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.");
@@ -546,7 +549,7 @@ var RovingTabIndex = class _RovingTabIndex {
       if (char) {
         keys.add(char);
         saveAttributes(focusable, "aria-keyshortcuts");
-        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
+        addAttributeToken(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -586,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.19
+ * @version 3.1.21
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -594,15 +597,15 @@ var RovingTabIndex = class _RovingTabIndex {
  */
 /*! Bundled license information:
 
-@y14e/attributes-utils/dist/index.js:
+@y14e/attribute-util/dist/index.js:
   (**
-   * Attributes Utils
+   * Attribute Util
    *
-   * @version 1.1.4
+   * @version 2.0.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attributes-utils}
+   * @see {@link https://github.com/y14e/attribute-util}
    *)
 
 power-focusable/dist/index.js:
@@ -611,7 +614,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.21
+   * @version 4.3.23
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -1,7 +1,28 @@
 'use strict';
 
-var attributesUtils = require('@y14e/attributes-utils');
-var powerFocusable = require('power-focusable');
+var util = require('@y14e/attribute-util');
+var pf = require('power-focusable');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var util__namespace = /*#__PURE__*/_interopNamespace(util);
+var pf__namespace = /*#__PURE__*/_interopNamespace(pf);
 
 // src/index.ts
 function createRovingTabIndex(container, options = {}) {
@@ -50,17 +71,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.");
@@ -91,13 +115,13 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      attributesUtils.restoreAttributes(focusable);
+      util__namespace.restoreAttributes(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(powerFocusable.getActiveElement());
+    this.#update(pf__namespace.getActiveElement());
     this.#controller = new AbortController();
     const { signal } = this.#controller;
     this.#container.addEventListener("focusin", this.#onFocusIn, { signal });
@@ -144,7 +168,7 @@ var RovingTabIndex = class _RovingTabIndex {
     const candidates = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    const active = powerFocusable.getActiveElement();
+    const active = pf__namespace.getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
@@ -189,14 +213,14 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const focusable = focusables.at(newIndex);
-    focusable && powerFocusable.focusElement(focusable);
+    focusable && pf__namespace.focusElement(focusable);
   };
   #update(active) {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        attributesUtils.restoreAttributes(focusable);
+        util__namespace.restoreAttributes(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -218,7 +242,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        attributesUtils.saveAttributes(focusable, "tabindex");
+        util__namespace.saveAttributes(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -231,8 +255,8 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        attributesUtils.saveAttributes(focusable, "aria-keyshortcuts");
-        attributesUtils.addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
+        util__namespace.saveAttributes(focusable, "aria-keyshortcuts");
+        util__namespace.addAttributeToken(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -259,7 +283,7 @@ var RovingTabIndex = class _RovingTabIndex {
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
-    return powerFocusable.getFocusables(this.#container, {
+    return pf__namespace.getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
       skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
@@ -272,7 +296,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.19
+ * @version 3.1.21
  * @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.19
+ * @version 3.1.21
  * @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.19
+ * @version 3.1.21
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,5 +1,5 @@
-import { restoreAttributes, saveAttributes, addTokenToAttribute } from '@y14e/attributes-utils';
-import { getActiveElement, focusElement, getFocusables } from 'power-focusable';
+import * as util from '@y14e/attribute-util';
+import * as pf from 'power-focusable';
 
 // src/index.ts
 function createRovingTabIndex(container, options = {}) {
@@ -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.");
@@ -89,13 +92,13 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      restoreAttributes(focusable);
+      util.restoreAttributes(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(getActiveElement());
+    this.#update(pf.getActiveElement());
     this.#controller = new AbortController();
     const { signal } = this.#controller;
     this.#container.addEventListener("focusin", this.#onFocusIn, { signal });
@@ -142,7 +145,7 @@ var RovingTabIndex = class _RovingTabIndex {
     const candidates = this.#getFocusables().filter(
       (focusable2) => this.#focusables.has(focusable2)
     );
-    const active = getActiveElement();
+    const active = pf.getActiveElement();
     if (!(active instanceof Element)) {
       return;
     }
@@ -187,14 +190,14 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const focusable = focusables.at(newIndex);
-    focusable && focusElement(focusable);
+    focusable && pf.focusElement(focusable);
   };
   #update(active) {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        restoreAttributes(focusable);
+        util.restoreAttributes(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -216,7 +219,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        saveAttributes(focusable, "tabindex");
+        util.saveAttributes(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -229,8 +232,8 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        saveAttributes(focusable, "aria-keyshortcuts");
-        addTokenToAttribute(focusable, "aria-keyshortcuts", char, {
+        util.saveAttributes(focusable, "aria-keyshortcuts");
+        util.addAttributeToken(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -257,7 +260,7 @@ var RovingTabIndex = class _RovingTabIndex {
     return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
-    return getFocusables(this.#container, {
+    return pf.getFocusables(this.#container, {
       composed: true,
       filter: this.#selectorFilter,
       skipNegativeTabIndexCheck: !this.#settings.navigationOnly,
@@ -270,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.19
+ * @version 3.1.21
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "3.1.19",
+  "version": "3.1.21",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -56,7 +56,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@y14e/attributes-utils": "^1.1.4",
-    "power-focusable": "^4.3.21"
+    "@y14e/attribute-util": "^2.0.0",
+    "power-focusable": "^4.3.23"
   }
 }