@y14e/roving-tabindex 1.2.1 → 1.2.3

package/dist/index.cjs

@@ -1,12 +1,23 @@
 'use strict';
 
 // node_modules/@y14e/attributes-utils/dist/index.js
-function addTokenToAttribute(element, attribute, token) {
-  const tokens = new Set(
-    element.getAttribute(attribute)?.trim().split(/\s+/) ?? []
-  );
-  tokens.add(token);
-  element.setAttribute(attribute, [...tokens].join(" "));
+function addTokenToAttribute(element, attribute, token, options = {}) {
+  const { caseInsensitive = false } = options;
+  const value = element.getAttribute(attribute)?.trim();
+  const tokens = value ? value.split(/\s+/) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
+      return;
+    }
+    tokens.push(token);
+    element.setAttribute(attribute, tokens.join(" "));
+    return;
+  }
+  const set = new Set(tokens);
+  set.add(token);
+  element.setAttribute(attribute, [...set].join(" "));
+  return;
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
@@ -326,10 +337,8 @@ var RovingTabIndex = class {
       "Home",
       ...isBoth ? ["ArrowLeft", "ArrowUp"] : [`Arrow${isHorizontal ? "Left" : "Up"}`],
       ...isBoth ? ["ArrowRight", "ArrowDown"] : [`Arrow${isHorizontal ? "Right" : "Down"}`]
-    ].includes(key)) {
-      if (!typeahead || !/^\S$/i.test(key) || !this.#focusablesByFirstChar.has(key.toUpperCase())) {
-        return;
-      }
+    ].includes(key) && (!typeahead || !/^\S$/i.test(key) || !this.#focusablesByFirstChar.has(key.toUpperCase()))) {
+      return;
     }
     const active = getActiveElement();
     if (!(active instanceof HTMLElement)) {
@@ -413,15 +422,17 @@ var RovingTabIndex = class {
       if (!this.#options.typeahead) {
         continue;
       }
-      const shortcuts = c.ariaKeyShortcuts?.trim() ?? "";
+      const value = c.ariaKeyShortcuts?.trim();
       const keys = new Set(
-        shortcuts ? shortcuts.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
+        value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
       const char = c.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes([c], ["aria-keyshortcuts"]);
-        addTokenToAttribute(c, "aria-keyshortcuts", char);
+        addTokenToAttribute(c, "aria-keyshortcuts", char, {
+          caseInsensitive: true
+        });
       }
       keys.forEach((key) => {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
@@ -466,7 +477,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.2.1
+ * @version 1.2.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -478,7 +489,7 @@ function getActiveElement() {
   (**
    * Attributes Utils
    *
-   * @version 1.0.2
+   * @version 1.0.3
    * @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 1.2.1
+ * @version 1.2.3
  * @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 1.2.1
+ * @version 1.2.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,10 +1,21 @@
 // node_modules/@y14e/attributes-utils/dist/index.js
-function addTokenToAttribute(element, attribute, token) {
-  const tokens = new Set(
-    element.getAttribute(attribute)?.trim().split(/\s+/) ?? []
-  );
-  tokens.add(token);
-  element.setAttribute(attribute, [...tokens].join(" "));
+function addTokenToAttribute(element, attribute, token, options = {}) {
+  const { caseInsensitive = false } = options;
+  const value = element.getAttribute(attribute)?.trim();
+  const tokens = value ? value.split(/\s+/) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.some((token2) => token2.toLowerCase() === lower)) {
+      return;
+    }
+    tokens.push(token);
+    element.setAttribute(attribute, tokens.join(" "));
+    return;
+  }
+  const set = new Set(tokens);
+  set.add(token);
+  element.setAttribute(attribute, [...set].join(" "));
+  return;
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
@@ -324,10 +335,8 @@ var RovingTabIndex = class {
       "Home",
       ...isBoth ? ["ArrowLeft", "ArrowUp"] : [`Arrow${isHorizontal ? "Left" : "Up"}`],
       ...isBoth ? ["ArrowRight", "ArrowDown"] : [`Arrow${isHorizontal ? "Right" : "Down"}`]
-    ].includes(key)) {
-      if (!typeahead || !/^\S$/i.test(key) || !this.#focusablesByFirstChar.has(key.toUpperCase())) {
-        return;
-      }
+    ].includes(key) && (!typeahead || !/^\S$/i.test(key) || !this.#focusablesByFirstChar.has(key.toUpperCase()))) {
+      return;
     }
     const active = getActiveElement();
     if (!(active instanceof HTMLElement)) {
@@ -411,15 +420,17 @@ var RovingTabIndex = class {
       if (!this.#options.typeahead) {
         continue;
       }
-      const shortcuts = c.ariaKeyShortcuts?.trim() ?? "";
+      const value = c.ariaKeyShortcuts?.trim();
       const keys = new Set(
-        shortcuts ? shortcuts.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
+        value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
       const char = c.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes([c], ["aria-keyshortcuts"]);
-        addTokenToAttribute(c, "aria-keyshortcuts", char);
+        addTokenToAttribute(c, "aria-keyshortcuts", char, {
+          caseInsensitive: true
+        });
       }
       keys.forEach((key) => {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
@@ -464,7 +475,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.2.1
+ * @version 1.2.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -476,7 +487,7 @@ function getActiveElement() {
   (**
    * Attributes Utils
    *
-   * @version 1.0.2
+   * @version 1.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/roving-tabindex",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Lightweight roving tabindex utility with fully focus management",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -48,7 +48,7 @@
   },
   "homepage": "https://github.com/y14e/roving-tabindex#readme",
   "devDependencies": {
-    "@y14e/attributes-utils": "^1.0.2",
+    "@y14e/attributes-utils": "^1.0.3",
     "bun-types": "latest",
     "power-focusable": "^4.1.7",
     "tsup": "^8.0.0",