@y14e/roving-tabindex 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -207,6 +207,19 @@ function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
     throw new Error("Invalid container element");
   }
+  const { direction, selector, wrap = false } = options;
+  if (direction && !["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.");
+    Object.assign(options, { selector: void 0 });
+  }
+  if (typeof wrap !== "boolean") {
+    console.warn("Invalid wrap. Fallback: false.");
+    Object.assign(options, { wrap: false });
+  }
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
@@ -221,19 +234,6 @@ var RovingTabIndex = class {
   constructor(container, options = {}) {
     this.#container = container;
     this.#options = options;
-    const { direction, selector, wrap = false } = this.#options;
-    if (direction && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction. Fallback: both (undefined).");
-      Object.assign(this.#options, { direction: void 0 });
-    }
-    if (typeof selector !== "string") {
-      console.warn("Invalid selector. Fallback: all focusable elements.");
-      Object.assign(this.#options, { selector: void 0 });
-    }
-    if (typeof wrap !== "boolean") {
-      console.warn("Invalid wrap. Fallback: false.");
-      Object.assign(this.#options, { wrap: false });
-    }
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -366,7 +366,7 @@ var RovingTabIndex = class {
   }
   #createSelectorFilter() {
     const { selector } = this.#options;
-    return (element) => !selector || element.matches(selector);
+    return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
@@ -391,7 +391,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.0.0
+ * @version 1.0.1
  * @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.0.0
+ * @version 1.0.1
  * @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.0.0
+ * @version 1.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -205,6 +205,19 @@ function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
     throw new Error("Invalid container element");
   }
+  const { direction, selector, wrap = false } = options;
+  if (direction && !["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.");
+    Object.assign(options, { selector: void 0 });
+  }
+  if (typeof wrap !== "boolean") {
+    console.warn("Invalid wrap. Fallback: false.");
+    Object.assign(options, { wrap: false });
+  }
   const roving = new RovingTabIndex(container, options);
   return () => roving.destroy();
 }
@@ -219,19 +232,6 @@ var RovingTabIndex = class {
   constructor(container, options = {}) {
     this.#container = container;
     this.#options = options;
-    const { direction, selector, wrap = false } = this.#options;
-    if (direction && !["horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction. Fallback: both (undefined).");
-      Object.assign(this.#options, { direction: void 0 });
-    }
-    if (typeof selector !== "string") {
-      console.warn("Invalid selector. Fallback: all focusable elements.");
-      Object.assign(this.#options, { selector: void 0 });
-    }
-    if (typeof wrap !== "boolean") {
-      console.warn("Invalid wrap. Fallback: false.");
-      Object.assign(this.#options, { wrap: false });
-    }
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -364,7 +364,7 @@ var RovingTabIndex = class {
   }
   #createSelectorFilter() {
     const { selector } = this.#options;
-    return (element) => !selector || element.matches(selector);
+    return (element) => !selector || [...this.#container.querySelectorAll(selector)].includes(element);
   }
   #getFocusables() {
     return getFocusables(this.#container, {
@@ -389,7 +389,7 @@ function getActiveElement() {
  * Lightweight roving tabindex utility with fully focus management.
  * Designed for accessible menus, tabs, toolbars, and composite widgets.
  *
- * @version 1.0.0
+ * @version 1.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

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