@y14e/tabs 1.5.2 → 1.5.3

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/tabs
 
 ```ts
 // npm
-import Tabs from '@y14e/tabs';
+import Tabs from '@y14e/tabs@1.5.3';
 
 // CDNs
-import Tabs from 'https://esm.sh/@y14e/tabs'
+import Tabs from 'https://esm.sh/@y14e/tabs@1.5.3';
 // or
-import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs/+esm';
+import Tabs from 'https://cdn.jsdelivr.net/npm/@y14e/tabs@1.5.3/+esm';
 // or
-import Tabs from 'https://unpkg.com/@y14e/tabs/dist/index.js';
+import Tabs from 'https://esm.unpkg.com/@y14e/tabs@1.5.3';
 ```
 
 ## Usage

package/dist/index.cjs

@@ -428,13 +428,14 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const roving = new RovingTabIndex(container, {
-    direction,
-    navigationOnly,
-    selector,
-    typeahead,
-    wrap
-  });
+  const settings = { navigationOnly, typeahead, wrap };
+  if (direction !== void 0) {
+    Object.assign(settings, { direction });
+  }
+  if (selector !== void 0) {
+    Object.assign(settings, { selector });
+  }
+  const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
@@ -476,8 +477,8 @@ var RovingTabIndex = class {
     if (!event.composedPath().includes(this.#container)) {
       return;
     }
-    const { key, altKey, ctrlKey, metaKey } = event;
-    if (altKey || ctrlKey || metaKey) {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
     const { direction, typeahead, wrap } = this.#options;
@@ -540,14 +541,7 @@ var RovingTabIndex = class {
     focusElement(focusable);
   };
   #update(active) {
-    const current = /* @__PURE__ */ new Set([
-      ...this.#getFocusables(),
-      ...getFocusables(this.#container, {
-        composed: true,
-        filter: this.#selectorFilter,
-        skipNegativeTabIndexCheck: !this.#options.navigationOnly
-      })
-    ]);
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (current.has(focusable)) {
         continue;
@@ -974,14 +968,14 @@ var Tabs = class _Tabs {
         signal
       });
     });
+    const options = { selector: this.#settings.selector.tab, wrap: true };
     this.#listElements.forEach((list) => {
-      this.#cleanupsRovingTabIndex.push(
-        createRovingTabIndex(list, {
-          direction: list.ariaOrientation === "undefined" ? void 0 : this.#settings.vertical ? "vertical" : "horizontal",
-          selector: this.#settings.selector.tab,
-          wrap: true
-        })
-      );
+      if (list.ariaOrientation !== "undefined") {
+        Object.assign(options, {
+          direction: this.#settings.vertical ? "vertical" : "horizontal"
+        });
+      }
+      this.#cleanupsRovingTabIndex.push(createRovingTabIndex(list, options));
       list.querySelectorAll(this.#settings.selector.tab).forEach((tab) => {
         tab.setAttribute(
           "tabindex",
@@ -1149,7 +1143,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.1
+ * @version 1.5.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1161,7 +1155,7 @@ function isFocusable2(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.5
+   * @version 1.1.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1185,7 +1179,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.0.0
+   * @version 2.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1197,7 +1191,7 @@ function isFocusable2(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.0.5
+     * @version 1.1.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1210,7 +1204,7 @@ function isFocusable2(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.0
+     * @version 4.3.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.1
+ * @version 1.5.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.1
+ * @version 1.5.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -426,13 +426,14 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const roving = new RovingTabIndex(container, {
-    direction,
-    navigationOnly,
-    selector,
-    typeahead,
-    wrap
-  });
+  const settings = { navigationOnly, typeahead, wrap };
+  if (direction !== void 0) {
+    Object.assign(settings, { direction });
+  }
+  if (selector !== void 0) {
+    Object.assign(settings, { selector });
+  }
+  const roving = new RovingTabIndex(container, settings);
   return () => roving.destroy();
 }
 var RovingTabIndex = class {
@@ -474,8 +475,8 @@ var RovingTabIndex = class {
     if (!event.composedPath().includes(this.#container)) {
       return;
     }
-    const { key, altKey, ctrlKey, metaKey } = event;
-    if (altKey || ctrlKey || metaKey) {
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
       return;
     }
     const { direction, typeahead, wrap } = this.#options;
@@ -538,14 +539,7 @@ var RovingTabIndex = class {
     focusElement(focusable);
   };
   #update(active) {
-    const current = /* @__PURE__ */ new Set([
-      ...this.#getFocusables(),
-      ...getFocusables(this.#container, {
-        composed: true,
-        filter: this.#selectorFilter,
-        skipNegativeTabIndexCheck: !this.#options.navigationOnly
-      })
-    ]);
+    const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
       if (current.has(focusable)) {
         continue;
@@ -972,14 +966,14 @@ var Tabs = class _Tabs {
         signal
       });
     });
+    const options = { selector: this.#settings.selector.tab, wrap: true };
     this.#listElements.forEach((list) => {
-      this.#cleanupsRovingTabIndex.push(
-        createRovingTabIndex(list, {
-          direction: list.ariaOrientation === "undefined" ? void 0 : this.#settings.vertical ? "vertical" : "horizontal",
-          selector: this.#settings.selector.tab,
-          wrap: true
-        })
-      );
+      if (list.ariaOrientation !== "undefined") {
+        Object.assign(options, {
+          direction: this.#settings.vertical ? "vertical" : "horizontal"
+        });
+      }
+      this.#cleanupsRovingTabIndex.push(createRovingTabIndex(list, options));
       list.querySelectorAll(this.#settings.selector.tab).forEach((tab) => {
         tab.setAttribute(
           "tabindex",
@@ -1147,7 +1141,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.1
+ * @version 1.5.3
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1159,7 +1153,7 @@ function isFocusable2(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.0.5
+   * @version 1.1.0
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1183,7 +1177,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.0.0
+   * @version 2.0.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1195,7 +1189,7 @@ function isFocusable2(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.0.5
+     * @version 1.1.0
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1208,7 +1202,7 @@ function isFocusable2(element) {
      * High-precision focus management utility with full composed tree support.
      * Handles complex focus rules including tabindex ordering, radio groups, inert.
      *
-     * @version 4.3.0
+     * @version 4.3.1
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "WAI-ARIA compliant tabs pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -42,9 +42,9 @@
   },
   "homepage": "https://github.com/y14e/tabs#readme",
   "devDependencies": {
-    "@y14e/attributes-utils": "^1.0.5",
+    "@y14e/attributes-utils": "^1.1.0",
     "@y14e/button": "^1.0.0",
-    "@y14e/roving-tabindex": "^2.0.0",
+    "@y14e/roving-tabindex": "^2.0.3",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",