@y14e/tabs 1.5.7 → 1.5.9

package/README.md

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

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
 // node_modules/@y14e/attributes-utils/dist/index.js
-var defaultParser = (value) => value.split(/\s+/);
-var defaultSerializer = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addTokenToAttribute(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = defaultParser,
-    serialize = defaultSerializer
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -17,11 +17,11 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
       tokens.push(token);
       element.setAttribute(attribute, serialize(tokens));
     }
-    return;
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(attribute, serialize([...set]));
   }
-  const set = new Set(tokens);
-  set.add(token);
-  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
@@ -106,13 +106,13 @@ function getActiveElement() {
 }
 
 // node_modules/@y14e/roving-tabindex/dist/index.js
-var defaultParser2 = (value) => value.split(/\s+/);
-var defaultSerializer2 = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
 function addTokenToAttribute2(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = defaultParser2,
-    serialize = defaultSerializer2
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -122,11 +122,11 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
       tokens.push(token);
       element.setAttribute(attribute, serialize(tokens));
     }
-    return;
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(attribute, serialize([...set]));
   }
-  const set = new Set(tokens);
-  set.add(token);
-  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots2 = /* @__PURE__ */ new WeakMap();
 function restoreAttributes2(elements) {
@@ -193,21 +193,16 @@ function getFocusables(container = document.body, options = {}) {
   const elements = [];
   if (composed || include) {
     let traverse2 = function(node) {
-      if (node instanceof Element) {
-        if (isFocusable(node, {
-          skipNegativeTabIndexCheck,
-          skipVisibilityCheck
-        }) || include?.(node)) {
-          elements[elements.length] = node;
-        }
+      if (!(node instanceof Element)) {
+        return;
+      }
+      if (isFocusable(node, { skipNegativeTabIndexCheck, skipVisibilityCheck }) || include?.(node)) {
+        elements[elements.length] = node;
       }
       const children = getComposedChildren(node);
       for (let i = 0, l = children.length; i < l; i++) {
         const child = children[i];
-        if (!child) {
-          continue;
-        }
-        traverse2(child);
+        child && traverse2(child);
       }
     };
     traverse2(container);
@@ -215,10 +210,7 @@ function getFocusables(container = document.body, options = {}) {
     const candidates = container.querySelectorAll(FOCUSABLE_SELECTOR);
     for (let i = 0, l = candidates.length; i < l; i++) {
       const candidate = candidates[i];
-      if (!(candidate instanceof Element)) {
-        continue;
-      }
-      if (isFocusable(candidate, {
+      if (candidate && isFocusable(candidate, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       })) {
@@ -321,23 +313,19 @@ function normalizeRadioGroup(elements) {
   for (const group of map.values()) {
     placeholder.add(group.find((radio) => radio.checked) ?? group[0]);
   }
-  return elements.filter((element) => {
-    if (isUngroupedRadio(element)) {
-      return placeholder.has(element);
-    }
-    return true;
-  });
+  return elements.filter(
+    (element) => isUngroupedRadio(element) ? placeholder.has(element) : true
+  );
 }
 function sortByTabIndex(elements) {
   const ordered = [];
   const natural = [];
   for (let i = 0, l = elements.length; i < l; i++) {
     const element = elements[i];
-    if (!element) {
-      continue;
+    if (element) {
+      const target = getTabIndex(element) > 0 ? ordered : natural;
+      target[target.length] = element;
     }
-    const target = getTabIndex(element) > 0 ? ordered : natural;
-    target[target.length] = element;
   }
   ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b));
   let count = 0;
@@ -436,7 +424,13 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
+  const settings = {
+    navigationOnly,
+    noMemory,
+    noStart,
+    typeahead,
+    wrap
+  };
   direction && Object.assign(settings, { direction });
   selector && Object.assign(settings, { selector });
   const roving = new RovingTabIndex(container, settings);
@@ -488,11 +482,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable22 = this.#focusables.has(target);
-    if (this.#options.noMemory && !isFocusable22) {
-      this.#update(null);
-      return;
-    }
-    isFocusable22 && this.#update(target);
+    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -524,10 +514,8 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    event.stopPropagation();
     const currentIndex = current.indexOf(active);
-    let rawIndex;
-    let newIndex = currentIndex;
+    let newIndex;
     let target = current;
     switch (key) {
       case "End":
@@ -537,15 +525,17 @@ var RovingTabIndex = class {
         newIndex = 0;
         break;
       case "ArrowLeft":
-      case "ArrowUp":
-        rawIndex = currentIndex - 1;
+      case "ArrowUp": {
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
+      }
       case "ArrowRight":
-      case "ArrowDown":
-        rawIndex = currentIndex + 1;
+      case "ArrowDown": {
+        const rawIndex = currentIndex + 1;
         newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
+      }
       default: {
         target = this.#focusablesByFirstChar.get(key.toUpperCase()) ?? [];
         const foundIndex = target.findIndex(
@@ -560,15 +550,14 @@ var RovingTabIndex = class {
   #update(active) {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (current.has(focusable)) {
-        continue;
+      if (!current.has(focusable)) {
+        focusable.isConnected && restoreAttributes2([focusable]);
+        this.#focusables.delete(focusable);
+        this.#focusablesByFirstChar.forEach((focusables) => {
+          const index = focusables.indexOf(focusable);
+          index >= 0 && focusables.splice(index, 1);
+        });
       }
-      focusable.isConnected && restoreAttributes2([focusable]);
-      this.#focusables.delete(focusable);
-      this.#focusablesByFirstChar.forEach((focusables) => {
-        const index = focusables.indexOf(focusable);
-        index >= 0 && focusables.splice(index, 1);
-      });
     }
     const { navigationOnly, noStart, typeahead } = this.#options;
     for (const focusable of current) {
@@ -601,18 +590,17 @@ var RovingTabIndex = class {
         this.#focusablesByFirstChar.set(key, focusables);
       });
     }
-    if (navigationOnly) {
-      return;
-    }
-    if (active && this.#focusables.has(active)) {
-      this.#focusables.forEach((focusable) => {
-        focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
-      });
-      return;
+    if (!navigationOnly) {
+      if (active && this.#focusables.has(active)) {
+        this.#focusables.forEach((focusable) => {
+          focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
+        });
+      } else {
+        [...this.#focusables].forEach((focusable, i) => {
+          focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
+        });
+      }
     }
-    [...this.#focusables].forEach((focusable, i) => {
-      focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
-    });
   }
   #createSelectorFilter() {
     const { selector } = this.#options;
@@ -677,7 +665,6 @@ var Tabs = class _Tabs {
   #animationController = null;
   #cleanupsRovingTabIndex = [];
   #animation = null;
-  #animationId = 0;
   #buttons = [];
   #indicators = [];
   #isDestroyed = false;
@@ -801,16 +788,12 @@ var Tabs = class _Tabs {
         p.removeAttribute("hidden");
       } else {
         const tab2 = this.#tabElements[i];
-        if (!tab2) {
-          return;
-        }
-        p.setAttribute("hidden", isFocusable2(tab2) ? "until-found" : "");
+        tab2 && p.setAttribute("hidden", isFocusable2(tab2) ? "until-found" : "");
       }
     });
-    const animationId = ++this.#animationId;
     this.#animation?.cancel();
     const { duration, easing } = this.#settings.animation.content;
-    this.#animation = this.#contentElement.animate(
+    const animation = this.#contentElement.animate(
       {
         blockSize: [
           `${size}px`,
@@ -822,8 +805,9 @@ var Tabs = class _Tabs {
         easing
       }
     );
+    this.#animation = animation;
     const cleanup = () => {
-      if (animationId === this.#animationId) {
+      if (animation === this.#animation) {
         this.#animation = null;
       }
     };
@@ -836,7 +820,7 @@ var Tabs = class _Tabs {
     this.#animation.addEventListener(
       "finish",
       () => {
-        if (animationId === this.#animationId) {
+        if (this.#animation === animation) {
           this.#onAnimationFinish();
           cleanup();
         }
@@ -854,7 +838,7 @@ var Tabs = class _Tabs {
       const opacity = getComputedStyle(p).getPropertyValue("opacity");
       binding.animation?.cancel();
       const isSelected = p === panel;
-      const animation = p.animate(
+      const animation2 = p.animate(
         {
           opacity: fade ? isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"] : isSelected ? [opacity, "1"] : [opacity, "0"]
         },
@@ -863,16 +847,16 @@ var Tabs = class _Tabs {
           easing: "ease"
         }
       );
-      binding.animation = animation;
+      binding.animation = animation2;
       const cleanup2 = () => {
-        if (binding.animation === animation) {
+        if (binding.animation === animation2) {
           binding.animation = null;
         }
       };
       this.#animationController = new AbortController();
       const { signal: signal2 } = this.#animationController;
-      animation.addEventListener("cancel", cleanup2, { once: true, signal: signal2 });
-      animation.addEventListener("finish", cleanup2, { once: true, signal: signal2 });
+      animation2.addEventListener("cancel", cleanup2, { once: true, signal: signal2 });
+      animation2.addEventListener("finish", cleanup2, { once: true, signal: signal2 });
     });
   }
   async destroy(force = false) {
@@ -1029,10 +1013,7 @@ var Tabs = class _Tabs {
       return;
     }
     const tab = this.#bindings.get(panel)?.tabs[0];
-    if (!tab) {
-      return;
-    }
-    this.activate(tab, true);
+    tab && this.activate(tab, true);
   };
   #isAvoidedTab(tab) {
     const binding = this.#bindings.get(tab);
@@ -1164,7 +1145,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.7
+ * @version 1.5.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1176,7 +1157,7 @@ function isFocusable2(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.1
+   * @version 1.1.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1200,7 +1181,7 @@ function isFocusable2(element) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 2.2.0
+   * @version 3.0.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1212,7 +1193,7 @@ function isFocusable2(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.1
+     * @version 1.1.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1225,7 +1206,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.2
+     * @version 4.3.3
      * @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.7
+ * @version 1.5.9
  * @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.7
+ * @version 1.5.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,11 +1,11 @@
 // node_modules/@y14e/attributes-utils/dist/index.js
-var defaultParser = (value) => value.split(/\s+/);
-var defaultSerializer = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addTokenToAttribute(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = defaultParser,
-    serialize = defaultSerializer
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -15,11 +15,11 @@ function addTokenToAttribute(element, attribute, token, options = {}) {
       tokens.push(token);
       element.setAttribute(attribute, serialize(tokens));
     }
-    return;
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(attribute, serialize([...set]));
   }
-  const set = new Set(tokens);
-  set.add(token);
-  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots = /* @__PURE__ */ new WeakMap();
 function restoreAttributes(elements) {
@@ -104,13 +104,13 @@ function getActiveElement() {
 }
 
 // node_modules/@y14e/roving-tabindex/dist/index.js
-var defaultParser2 = (value) => value.split(/\s+/);
-var defaultSerializer2 = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
 function addTokenToAttribute2(element, attribute, token, options = {}) {
   const {
     caseInsensitive = false,
-    parse = defaultParser2,
-    serialize = defaultSerializer2
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
   } = options;
   const value = element.getAttribute(attribute)?.trim();
   const tokens = value ? parse(value).filter(Boolean) : [];
@@ -120,11 +120,11 @@ function addTokenToAttribute2(element, attribute, token, options = {}) {
       tokens.push(token);
       element.setAttribute(attribute, serialize(tokens));
     }
-    return;
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(attribute, serialize([...set]));
   }
-  const set = new Set(tokens);
-  set.add(token);
-  element.setAttribute(attribute, serialize([...set]));
 }
 var snapshots2 = /* @__PURE__ */ new WeakMap();
 function restoreAttributes2(elements) {
@@ -191,21 +191,16 @@ function getFocusables(container = document.body, options = {}) {
   const elements = [];
   if (composed || include) {
     let traverse2 = function(node) {
-      if (node instanceof Element) {
-        if (isFocusable(node, {
-          skipNegativeTabIndexCheck,
-          skipVisibilityCheck
-        }) || include?.(node)) {
-          elements[elements.length] = node;
-        }
+      if (!(node instanceof Element)) {
+        return;
+      }
+      if (isFocusable(node, { skipNegativeTabIndexCheck, skipVisibilityCheck }) || include?.(node)) {
+        elements[elements.length] = node;
       }
       const children = getComposedChildren(node);
       for (let i = 0, l = children.length; i < l; i++) {
         const child = children[i];
-        if (!child) {
-          continue;
-        }
-        traverse2(child);
+        child && traverse2(child);
       }
     };
     traverse2(container);
@@ -213,10 +208,7 @@ function getFocusables(container = document.body, options = {}) {
     const candidates = container.querySelectorAll(FOCUSABLE_SELECTOR);
     for (let i = 0, l = candidates.length; i < l; i++) {
       const candidate = candidates[i];
-      if (!(candidate instanceof Element)) {
-        continue;
-      }
-      if (isFocusable(candidate, {
+      if (candidate && isFocusable(candidate, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       })) {
@@ -319,23 +311,19 @@ function normalizeRadioGroup(elements) {
   for (const group of map.values()) {
     placeholder.add(group.find((radio) => radio.checked) ?? group[0]);
   }
-  return elements.filter((element) => {
-    if (isUngroupedRadio(element)) {
-      return placeholder.has(element);
-    }
-    return true;
-  });
+  return elements.filter(
+    (element) => isUngroupedRadio(element) ? placeholder.has(element) : true
+  );
 }
 function sortByTabIndex(elements) {
   const ordered = [];
   const natural = [];
   for (let i = 0, l = elements.length; i < l; i++) {
     const element = elements[i];
-    if (!element) {
-      continue;
+    if (element) {
+      const target = getTabIndex(element) > 0 ? ordered : natural;
+      target[target.length] = element;
     }
-    const target = getTabIndex(element) > 0 ? ordered : natural;
-    target[target.length] = element;
   }
   ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b));
   let count = 0;
@@ -434,7 +422,13 @@ function createRovingTabIndex(container, options = {}) {
     console.warn("Invalid wrap option. Fallback: false.");
     wrap = false;
   }
-  const settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
+  const settings = {
+    navigationOnly,
+    noMemory,
+    noStart,
+    typeahead,
+    wrap
+  };
   direction && Object.assign(settings, { direction });
   selector && Object.assign(settings, { selector });
   const roving = new RovingTabIndex(container, settings);
@@ -486,11 +480,7 @@ var RovingTabIndex = class {
       return;
     }
     const isFocusable22 = this.#focusables.has(target);
-    if (this.#options.noMemory && !isFocusable22) {
-      this.#update(null);
-      return;
-    }
-    isFocusable22 && this.#update(target);
+    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -522,10 +512,8 @@ var RovingTabIndex = class {
       return;
     }
     event.preventDefault();
-    event.stopPropagation();
     const currentIndex = current.indexOf(active);
-    let rawIndex;
-    let newIndex = currentIndex;
+    let newIndex;
     let target = current;
     switch (key) {
       case "End":
@@ -535,15 +523,17 @@ var RovingTabIndex = class {
         newIndex = 0;
         break;
       case "ArrowLeft":
-      case "ArrowUp":
-        rawIndex = currentIndex - 1;
+      case "ArrowUp": {
+        const rawIndex = currentIndex - 1;
         newIndex = wrap ? rawIndex : Math.max(rawIndex, 0);
         break;
+      }
       case "ArrowRight":
-      case "ArrowDown":
-        rawIndex = currentIndex + 1;
+      case "ArrowDown": {
+        const rawIndex = currentIndex + 1;
         newIndex = wrap ? rawIndex % current.length : Math.min(rawIndex, current.length - 1);
         break;
+      }
       default: {
         target = this.#focusablesByFirstChar.get(key.toUpperCase()) ?? [];
         const foundIndex = target.findIndex(
@@ -558,15 +548,14 @@ var RovingTabIndex = class {
   #update(active) {
     const current = new Set(this.#getFocusables());
     for (const focusable of this.#focusables) {
-      if (current.has(focusable)) {
-        continue;
+      if (!current.has(focusable)) {
+        focusable.isConnected && restoreAttributes2([focusable]);
+        this.#focusables.delete(focusable);
+        this.#focusablesByFirstChar.forEach((focusables) => {
+          const index = focusables.indexOf(focusable);
+          index >= 0 && focusables.splice(index, 1);
+        });
       }
-      focusable.isConnected && restoreAttributes2([focusable]);
-      this.#focusables.delete(focusable);
-      this.#focusablesByFirstChar.forEach((focusables) => {
-        const index = focusables.indexOf(focusable);
-        index >= 0 && focusables.splice(index, 1);
-      });
     }
     const { navigationOnly, noStart, typeahead } = this.#options;
     for (const focusable of current) {
@@ -599,18 +588,17 @@ var RovingTabIndex = class {
         this.#focusablesByFirstChar.set(key, focusables);
       });
     }
-    if (navigationOnly) {
-      return;
-    }
-    if (active && this.#focusables.has(active)) {
-      this.#focusables.forEach((focusable) => {
-        focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
-      });
-      return;
+    if (!navigationOnly) {
+      if (active && this.#focusables.has(active)) {
+        this.#focusables.forEach((focusable) => {
+          focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
+        });
+      } else {
+        [...this.#focusables].forEach((focusable, i) => {
+          focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
+        });
+      }
     }
-    [...this.#focusables].forEach((focusable, i) => {
-      focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
-    });
   }
   #createSelectorFilter() {
     const { selector } = this.#options;
@@ -675,7 +663,6 @@ var Tabs = class _Tabs {
   #animationController = null;
   #cleanupsRovingTabIndex = [];
   #animation = null;
-  #animationId = 0;
   #buttons = [];
   #indicators = [];
   #isDestroyed = false;
@@ -799,16 +786,12 @@ var Tabs = class _Tabs {
         p.removeAttribute("hidden");
       } else {
         const tab2 = this.#tabElements[i];
-        if (!tab2) {
-          return;
-        }
-        p.setAttribute("hidden", isFocusable2(tab2) ? "until-found" : "");
+        tab2 && p.setAttribute("hidden", isFocusable2(tab2) ? "until-found" : "");
       }
     });
-    const animationId = ++this.#animationId;
     this.#animation?.cancel();
     const { duration, easing } = this.#settings.animation.content;
-    this.#animation = this.#contentElement.animate(
+    const animation = this.#contentElement.animate(
       {
         blockSize: [
           `${size}px`,
@@ -820,8 +803,9 @@ var Tabs = class _Tabs {
         easing
       }
     );
+    this.#animation = animation;
     const cleanup = () => {
-      if (animationId === this.#animationId) {
+      if (animation === this.#animation) {
         this.#animation = null;
       }
     };
@@ -834,7 +818,7 @@ var Tabs = class _Tabs {
     this.#animation.addEventListener(
       "finish",
       () => {
-        if (animationId === this.#animationId) {
+        if (this.#animation === animation) {
           this.#onAnimationFinish();
           cleanup();
         }
@@ -852,7 +836,7 @@ var Tabs = class _Tabs {
       const opacity = getComputedStyle(p).getPropertyValue("opacity");
       binding.animation?.cancel();
       const isSelected = p === panel;
-      const animation = p.animate(
+      const animation2 = p.animate(
         {
           opacity: fade ? isSelected ? [opacity, opacity, "1"] : [opacity, "0", "0"] : isSelected ? [opacity, "1"] : [opacity, "0"]
         },
@@ -861,16 +845,16 @@ var Tabs = class _Tabs {
           easing: "ease"
         }
       );
-      binding.animation = animation;
+      binding.animation = animation2;
       const cleanup2 = () => {
-        if (binding.animation === animation) {
+        if (binding.animation === animation2) {
           binding.animation = null;
         }
       };
       this.#animationController = new AbortController();
       const { signal: signal2 } = this.#animationController;
-      animation.addEventListener("cancel", cleanup2, { once: true, signal: signal2 });
-      animation.addEventListener("finish", cleanup2, { once: true, signal: signal2 });
+      animation2.addEventListener("cancel", cleanup2, { once: true, signal: signal2 });
+      animation2.addEventListener("finish", cleanup2, { once: true, signal: signal2 });
     });
   }
   async destroy(force = false) {
@@ -1027,10 +1011,7 @@ var Tabs = class _Tabs {
       return;
     }
     const tab = this.#bindings.get(panel)?.tabs[0];
-    if (!tab) {
-      return;
-    }
-    this.activate(tab, true);
+    tab && this.activate(tab, true);
   };
   #isAvoidedTab(tab) {
     const binding = this.#bindings.get(tab);
@@ -1162,7 +1143,7 @@ function isFocusable2(element) {
  * Tabs
  * WAI-ARIA compliant tabs pattern implementation in TypeScript.
  *
- * @version 1.5.7
+ * @version 1.5.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1174,7 +1155,7 @@ function isFocusable2(element) {
   (**
    * Attributes Utils
    *
-   * @version 1.1.1
+   * @version 1.1.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1198,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.2.0
+   * @version 3.0.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1210,7 +1191,7 @@ function isFocusable2(element) {
     (**
      * Attributes Utils
      *
-     * @version 1.1.1
+     * @version 1.1.2
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1223,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.2
+     * @version 4.3.3
      * @author Yusuke Kamiyamane
      * @license MIT
      * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/tabs",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "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.1.1",
+    "@y14e/attributes-utils": "^1.1.2",
     "@y14e/button": "^1.0.0",
-    "@y14e/roving-tabindex": "^2.2.0",
+    "@y14e/roving-tabindex": "^3.0.2",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",