@y14e/roving-tabindex 1.1.0 → 1.1.2

package/dist/index.cjs

@@ -1,6 +1,13 @@
 '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(" "));
+}
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
   elements.forEach((element) => {
@@ -239,12 +246,14 @@ function createRovingTabIndex(container, options = {}) {
     throw new Error("Invalid container element");
   }
   const { direction, selector, typeahead = false, wrap = false } = options;
-  if (direction && !["horizontal", "vertical"].includes(direction)) {
+  if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
     console.warn("Invalid direction. Fallback: both (undefined).");
     Object.assign(options, { direction: void 0 });
   }
-  if (typeof selector !== "string") {
-    console.warn("Invalid selector. Fallback: all focusable elements.");
+  if (typeof selector !== "undefined" && typeof selector !== "string") {
+    console.warn(
+      "Invalid selector. Fallback: all focusable elements (undefined)."
+    );
     Object.assign(options, { selector: void 0 });
   }
   if (typeof typeahead !== "boolean") {
@@ -325,7 +334,7 @@ var RovingTabIndex = class {
     event.preventDefault();
     event.stopPropagation();
     const currentIndex = focusables.indexOf(active);
-    let rawIndex = currentIndex;
+    let rawIndex;
     let newIndex = currentIndex;
     let target = focusables;
     switch (key) {
@@ -396,16 +405,21 @@ var RovingTabIndex = class {
       if (!this.#options.typeahead) {
         return;
       }
-      const shortcuts = c.ariaKeyShortcuts;
-      const keys = (shortcuts?.split(/\s+/) ?? [c.textContent?.trim()[0] ?? ""]).filter((key) => /^\S$/i.test(key)).map((key) => key.toLowerCase());
+      const shortcuts = c.ariaKeyShortcuts?.trim() ?? "";
+      const keys = new Set(
+        shortcuts ? shortcuts.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toLowerCase()) : []
+      );
+      const char = c.textContent?.trim()?.at(0)?.toLowerCase();
+      if (char) {
+        keys.add(char);
+        saveAttributes([c], ["aria-keyshortcuts"]);
+        addTokenToAttribute(c, "aria-keyshortcuts", char);
+      }
       keys.forEach((key) => {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
         focusables.push(c);
         this.#focusablesByFirstChar.set(key, focusables);
       });
-      const first = keys[0];
-      saveAttributes([c], ["aria-keyshortcuts"]);
-      !shortcuts && first && c.setAttribute("aria-keyshortcuts", first);
     });
     if (active && this.#focusables.has(active)) {
       this.#focusables.forEach((focusable) => {
@@ -444,7 +458,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.1.0
+ * @version 1.1.2
  * @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.1.0
+ * @version 1.1.2
  * @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.1.0
+ * @version 1.1.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,4 +1,11 @@
 // 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(" "));
+}
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
   elements.forEach((element) => {
@@ -237,12 +244,14 @@ function createRovingTabIndex(container, options = {}) {
     throw new Error("Invalid container element");
   }
   const { direction, selector, typeahead = false, wrap = false } = options;
-  if (direction && !["horizontal", "vertical"].includes(direction)) {
+  if (typeof direction !== "undefined" && !["horizontal", "vertical"].includes(direction)) {
     console.warn("Invalid direction. Fallback: both (undefined).");
     Object.assign(options, { direction: void 0 });
   }
-  if (typeof selector !== "string") {
-    console.warn("Invalid selector. Fallback: all focusable elements.");
+  if (typeof selector !== "undefined" && typeof selector !== "string") {
+    console.warn(
+      "Invalid selector. Fallback: all focusable elements (undefined)."
+    );
     Object.assign(options, { selector: void 0 });
   }
   if (typeof typeahead !== "boolean") {
@@ -323,7 +332,7 @@ var RovingTabIndex = class {
     event.preventDefault();
     event.stopPropagation();
     const currentIndex = focusables.indexOf(active);
-    let rawIndex = currentIndex;
+    let rawIndex;
     let newIndex = currentIndex;
     let target = focusables;
     switch (key) {
@@ -394,16 +403,21 @@ var RovingTabIndex = class {
       if (!this.#options.typeahead) {
         return;
       }
-      const shortcuts = c.ariaKeyShortcuts;
-      const keys = (shortcuts?.split(/\s+/) ?? [c.textContent?.trim()[0] ?? ""]).filter((key) => /^\S$/i.test(key)).map((key) => key.toLowerCase());
+      const shortcuts = c.ariaKeyShortcuts?.trim() ?? "";
+      const keys = new Set(
+        shortcuts ? shortcuts.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toLowerCase()) : []
+      );
+      const char = c.textContent?.trim()?.at(0)?.toLowerCase();
+      if (char) {
+        keys.add(char);
+        saveAttributes([c], ["aria-keyshortcuts"]);
+        addTokenToAttribute(c, "aria-keyshortcuts", char);
+      }
       keys.forEach((key) => {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
         focusables.push(c);
         this.#focusablesByFirstChar.set(key, focusables);
       });
-      const first = keys[0];
-      saveAttributes([c], ["aria-keyshortcuts"]);
-      !shortcuts && first && c.setAttribute("aria-keyshortcuts", first);
     });
     if (active && this.#focusables.has(active)) {
       this.#focusables.forEach((focusable) => {
@@ -442,7 +456,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.1.0
+ * @version 1.1.2
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

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