@y14e/accordion 2.0.14 → 2.0.16

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/accordion
 
 ```ts
 // npm
-import { Accordion } from "@y14e/accordion";
+import { Accordion } from '@y14e/accordion';
 
 // CDNs
-import { Accordion } from "https://esm.sh/@y14e/accordion@2.0.14";
+import { Accordion } from 'https://esm.sh/@y14e/accordion@2.0.16';
 // or
-import { Accordion } from "https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.14/+esm";
+import { Accordion } from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.16/+esm';
 // or
-import { Accordion } from "https://esm.unpkg.com/@y14e/accordion@2.0.14";
+import { Accordion } from 'https://esm.unpkg.com/@y14e/accordion@2.0.16';
 ```
 
 ## Usage
@@ -51,15 +51,15 @@ interface AccordionOptions {
 Override the global default settings applied to all accordion instances.
 
 ```ts
-import { Accordion } from "@y14e/accordion";
+import { Accordion } from '@y14e/accordion';
 
 Accordion.defaults = {
   animation: {
     duration: 1000,
   },
   selector: {
-    content: ".content",
-    trigger: ".trigger",
+    content: '.content',
+    trigger: '.trigger',
   },
 };
 

package/dist/index.bundle.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 // node_modules/@y14e/attribute-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (v) => v.split(/\s+/);
+var DEFAULT_SERIALIZER = (t) => t.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
   if (!isValid(element, name, token)) {
     return;
@@ -12,7 +12,7 @@ function addAttributeToken(element, name, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+    if (tokens.every((t) => t.toLowerCase() !== lower)) {
       tokens.push(token);
       element.setAttribute(name, serialize(tokens));
     }
@@ -37,16 +37,16 @@ function restoreAttributes(element_or_elements) {
 }
 function saveAttributes(element_or_elements, name_or_names) {
   const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
-  (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    names.forEach((name) => {
+    for (const name of names) {
       snapshot.set(name, element.getAttribute(name));
-    });
-  });
+    }
+  }
 }
 function isValid(element, name, token) {
   if (!(element instanceof Element)) {
@@ -91,7 +91,7 @@ function resolveOptions(options) {
 }
 
 // node_modules/power-focusable/dist/index.js
-var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
+var FOCUSABLE_SELECTOR = ':is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])';
 var FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX = FOCUSABLE_SELECTOR.replace(
   /(,\s*)?\[tabindex="-1"\]/g,
   ""
@@ -115,31 +115,21 @@ function getFocusables(container = document.body, options = {}) {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        candidates[candidates.length] = node;
-      }
-      const children2 = composed ? getComposedChildren(node) : getChildren(node);
-      for (let i = 0, l = children2.length; i < l; i++) {
-        const child = children2[i];
-        child && traverse2(child);
+        candidates.push(node);
       }
+      (composed ? getComposedChildren(node) : [...node.children]).map(traverse2);
     };
-    const children = composed ? getComposedChildren(container) : getChildren(container);
-    for (let i = 0, l = children.length; i < l; i++) {
-      const child = children[i];
-      child && traverse2(child);
-    }
+    (composed ? getComposedChildren(container) : [...container.children]).map(
+      traverse2
+    );
   } else {
-    const matches = container.querySelectorAll(
+    for (const match of container.querySelectorAll(
       skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX : FOCUSABLE_SELECTOR
-    );
-    for (let i = 0, l = matches.length; i < l; i++) {
-      const matched = matches[i];
-      if (matched && isFocusable(matched, {
+    )) {
+      match && isFocusable(match, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
-      })) {
-        candidates[candidates.length] = matched;
-      }
+      }) && candidates.push(match);
     }
   }
   return normalizeRadioGroup(
@@ -206,8 +196,7 @@ function isDisabledDeep(element) {
 }
 function normalizeRadioGroup(elements) {
   let map = null;
-  for (let i = 0, l = elements.length; i < l; i++) {
-    const element = elements[i];
+  for (const element of elements) {
     if (!(element instanceof HTMLInputElement)) {
       continue;
     }
@@ -218,31 +207,31 @@ function normalizeRadioGroup(elements) {
       map = /* @__PURE__ */ new Map();
     }
     const root = element.getRootNode();
-    let value = map.get(root);
-    if (!value) {
-      value = /* @__PURE__ */ new Map();
-      map.set(root, value);
-    }
-    let v = value.get(element.form);
-    if (!v) {
-      v = /* @__PURE__ */ new Map();
-      value.set(element.form, v);
-    }
-    let vv = v.get(element.name);
-    if (!vv) {
-      vv = [];
-      v.set(element.name, vv);
-    }
-    vv[vv.length] = element;
+    let groups = map.get(root);
+    if (!groups) {
+      groups = /* @__PURE__ */ new Map();
+      map.set(root, groups);
+    }
+    let group = groups.get(element.form);
+    if (!group) {
+      group = /* @__PURE__ */ new Map();
+      groups.set(element.form, group);
+    }
+    let radios = group.get(element.name);
+    if (!radios) {
+      radios = [];
+      group.set(element.name, radios);
+    }
+    radios.push(element);
   }
   if (!map) {
     return elements;
   }
   const placeholder = /* @__PURE__ */ new Set();
-  for (const value of map.values()) {
-    for (const v of value.values()) {
-      for (const vv of v.values()) {
-        const radio = vv.find((element) => element.checked) ?? vv[0];
+  for (const groups of map.values()) {
+    for (const group of groups.values()) {
+      for (const radios of group.values()) {
+        const radio = radios.find((r) => r.checked) ?? radios[0];
         radio && placeholder.add(radio);
       }
     }
@@ -257,27 +246,14 @@ function normalizeRadioGroup(elements) {
 function sortByTabIndex(elements) {
   const ordered = [];
   const natural = [];
-  for (let i = 0, l = elements.length; i < l; i++) {
-    const element = elements[i];
-    if (element) {
-      const target = getTabIndex(element) > 0 ? ordered : natural;
-      target[target.length] = element;
-    }
-  }
-  ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b));
-  let count = 0;
-  const sorted = new Array(ordered.length + natural.length);
-  for (let i = 0, l = ordered.length; i < l; i++) {
-    sorted[count++] = ordered[i];
+  for (const element of elements) {
+    (getTabIndex(element) > 0 ? ordered : natural).push(element);
   }
-  for (let i = 0, l = natural.length; i < l; i++) {
-    sorted[count++] = natural[i];
-  }
-  return sorted;
+  return ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b)).concat(natural);
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
-    return getChildren(node);
+    return [...node.children];
   }
   if (!(node instanceof Element)) {
     return [];
@@ -289,9 +265,9 @@ function getComposedChildren(node) {
     }
   }
   if (node instanceof HTMLElement && node.shadowRoot?.mode === "open") {
-    return getChildren(node.shadowRoot);
+    return [...node.shadowRoot.children];
   }
-  return getChildren(node);
+  return [...node.children];
 }
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
@@ -303,13 +279,6 @@ function getActiveElement() {
   }
   return current;
 }
-function getChildren(node) {
-  const elements = [];
-  for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
-    elements[elements.length] = child;
-  }
-  return elements;
-}
 function getTabIndex(element) {
   return "tabIndex" in element ? Number(element.tabIndex) : 0;
 }
@@ -463,10 +432,10 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    this.#focusables.forEach((focusable) => {
+    for (const focusable of this.#focusables) {
       _RovingTabIndex.#initialized.delete(focusable);
       restoreAttributes(focusable);
-    });
+    }
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
   }
@@ -516,7 +485,7 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
+      (f) => this.#focusables.has(f)
     );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
@@ -553,11 +522,9 @@ var RovingTabIndex = class _RovingTabIndex {
         const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        focusables = candidates.filter(
-          (candidate) => focusablesByFirstChar.has(candidate)
-        );
+        focusables = candidates.filter((c) => focusablesByFirstChar.has(c));
         const afterIndex = focusables.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+          (f) => candidates.indexOf(f) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
@@ -601,7 +568,7 @@ var RovingTabIndex = class _RovingTabIndex {
       const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
-        value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
+        value ? value.split(/\s+/).filter((k) => /^\S$/i.test(k)).map((k) => k.toUpperCase()) : []
       );
       if (char) {
         keys.add(char);
@@ -610,17 +577,17 @@ var RovingTabIndex = class _RovingTabIndex {
           caseInsensitive: true
         });
       }
-      keys.forEach((key) => {
+      for (const key of keys) {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
         focusables.push(focusable);
         this.#focusablesByFirstChar.set(key, focusables);
-      });
+      }
     }
     if (!navigationOnly) {
       if (active && this.#focusables.has(active)) {
-        this.#focusables.forEach((focusable) => {
+        for (const focusable of this.#focusables) {
           focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
-        });
+        }
       } else {
         [...this.#focusables].forEach((focusable, i) => {
           focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
@@ -650,6 +617,7 @@ var RovingTabIndex = class _RovingTabIndex {
       typeahead = false,
       wrap = false
     } = options;
+    direction = direction.toLowerCase();
     if (!["both", "horizontal", "vertical"].includes(direction)) {
       console.warn("Invalid direction option. Fallback: 'both'.");
       direction = "both";
@@ -780,15 +748,15 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
-    this.#buttons.forEach((button) => {
+    for (const button of this.#buttons) {
       button.destroy();
-    });
+    }
     this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       force && this.#bindings.get(content)?.animation?.finish();
       this.#onContentAnimationFinish(content);
-    });
+    }
     this.#animationController?.abort();
     this.#animationController = null;
     restoreAttributes([
@@ -873,9 +841,9 @@ var Accordion = class _Accordion {
       return;
     }
     trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
-    ["block-size", "overflow"].forEach((name) => {
+    for (const name of ["block-size", "overflow"]) {
       content.style.removeProperty(name);
-    });
+    }
   }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
@@ -892,7 +860,7 @@ var Accordion = class _Accordion {
     if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
-    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((trigger2) => trigger2.ariaExpanded === "true").length <= 1) {
+    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((t) => t.ariaExpanded === "true").length <= 1) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
@@ -1002,10 +970,10 @@ var Accordion = class _Accordion {
   }
   async #waitAnimationsFinish() {
     const promises = [];
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       const animation = this.#bindings.get(content)?.animation;
       animation && promises.push(waitAnimationFinish(animation));
-    });
+    }
     await Promise.allSettled(promises);
   }
 };
@@ -1018,7 +986,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1030,7 +998,7 @@ function waitAnimationFinish(animation) {
   (**
    * Attribute Utils
    *
-   * @version 2.0.8
+   * @version 2.0.12
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1043,7 +1011,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.29
+   * @version 4.3.33
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1067,7 +1035,7 @@ power-focusable/dist/index.js:
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.1.27
+   * @version 3.1.31
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -1,6 +1,6 @@
 // node_modules/@y14e/attribute-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (v) => v.split(/\s+/);
+var DEFAULT_SERIALIZER = (t) => t.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
   if (!isValid(element, name, token)) {
     return;
@@ -10,7 +10,7 @@ function addAttributeToken(element, name, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+    if (tokens.every((t) => t.toLowerCase() !== lower)) {
       tokens.push(token);
       element.setAttribute(name, serialize(tokens));
     }
@@ -35,16 +35,16 @@ function restoreAttributes(element_or_elements) {
 }
 function saveAttributes(element_or_elements, name_or_names) {
   const names = Array.isArray(name_or_names) ? name_or_names : [name_or_names];
-  (Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]).forEach((element) => {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
     let snapshot = snapshots.get(element);
     if (!snapshot) {
       snapshot = /* @__PURE__ */ new Map();
       snapshots.set(element, snapshot);
     }
-    names.forEach((name) => {
+    for (const name of names) {
       snapshot.set(name, element.getAttribute(name));
-    });
-  });
+    }
+  }
 }
 function isValid(element, name, token) {
   if (!(element instanceof Element)) {
@@ -89,7 +89,7 @@ function resolveOptions(options) {
 }
 
 // node_modules/power-focusable/dist/index.js
-var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
+var FOCUSABLE_SELECTOR = ':is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])';
 var FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX = FOCUSABLE_SELECTOR.replace(
   /(,\s*)?\[tabindex="-1"\]/g,
   ""
@@ -113,31 +113,21 @@ function getFocusables(container = document.body, options = {}) {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        candidates[candidates.length] = node;
-      }
-      const children2 = composed ? getComposedChildren(node) : getChildren(node);
-      for (let i = 0, l = children2.length; i < l; i++) {
-        const child = children2[i];
-        child && traverse2(child);
+        candidates.push(node);
       }
+      (composed ? getComposedChildren(node) : [...node.children]).map(traverse2);
     };
-    const children = composed ? getComposedChildren(container) : getChildren(container);
-    for (let i = 0, l = children.length; i < l; i++) {
-      const child = children[i];
-      child && traverse2(child);
-    }
+    (composed ? getComposedChildren(container) : [...container.children]).map(
+      traverse2
+    );
   } else {
-    const matches = container.querySelectorAll(
+    for (const match of container.querySelectorAll(
       skipNegativeTabIndexCheck ? FOCUSABLE_SELECTOR_WITH_NEGATIVE_TABINDEX : FOCUSABLE_SELECTOR
-    );
-    for (let i = 0, l = matches.length; i < l; i++) {
-      const matched = matches[i];
-      if (matched && isFocusable(matched, {
+    )) {
+      match && isFocusable(match, {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
-      })) {
-        candidates[candidates.length] = matched;
-      }
+      }) && candidates.push(match);
     }
   }
   return normalizeRadioGroup(
@@ -204,8 +194,7 @@ function isDisabledDeep(element) {
 }
 function normalizeRadioGroup(elements) {
   let map = null;
-  for (let i = 0, l = elements.length; i < l; i++) {
-    const element = elements[i];
+  for (const element of elements) {
     if (!(element instanceof HTMLInputElement)) {
       continue;
     }
@@ -216,31 +205,31 @@ function normalizeRadioGroup(elements) {
       map = /* @__PURE__ */ new Map();
     }
     const root = element.getRootNode();
-    let value = map.get(root);
-    if (!value) {
-      value = /* @__PURE__ */ new Map();
-      map.set(root, value);
-    }
-    let v = value.get(element.form);
-    if (!v) {
-      v = /* @__PURE__ */ new Map();
-      value.set(element.form, v);
-    }
-    let vv = v.get(element.name);
-    if (!vv) {
-      vv = [];
-      v.set(element.name, vv);
-    }
-    vv[vv.length] = element;
+    let groups = map.get(root);
+    if (!groups) {
+      groups = /* @__PURE__ */ new Map();
+      map.set(root, groups);
+    }
+    let group = groups.get(element.form);
+    if (!group) {
+      group = /* @__PURE__ */ new Map();
+      groups.set(element.form, group);
+    }
+    let radios = group.get(element.name);
+    if (!radios) {
+      radios = [];
+      group.set(element.name, radios);
+    }
+    radios.push(element);
   }
   if (!map) {
     return elements;
   }
   const placeholder = /* @__PURE__ */ new Set();
-  for (const value of map.values()) {
-    for (const v of value.values()) {
-      for (const vv of v.values()) {
-        const radio = vv.find((element) => element.checked) ?? vv[0];
+  for (const groups of map.values()) {
+    for (const group of groups.values()) {
+      for (const radios of group.values()) {
+        const radio = radios.find((r) => r.checked) ?? radios[0];
         radio && placeholder.add(radio);
       }
     }
@@ -255,27 +244,14 @@ function normalizeRadioGroup(elements) {
 function sortByTabIndex(elements) {
   const ordered = [];
   const natural = [];
-  for (let i = 0, l = elements.length; i < l; i++) {
-    const element = elements[i];
-    if (element) {
-      const target = getTabIndex(element) > 0 ? ordered : natural;
-      target[target.length] = element;
-    }
-  }
-  ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b));
-  let count = 0;
-  const sorted = new Array(ordered.length + natural.length);
-  for (let i = 0, l = ordered.length; i < l; i++) {
-    sorted[count++] = ordered[i];
+  for (const element of elements) {
+    (getTabIndex(element) > 0 ? ordered : natural).push(element);
   }
-  for (let i = 0, l = natural.length; i < l; i++) {
-    sorted[count++] = natural[i];
-  }
-  return sorted;
+  return ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b)).concat(natural);
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
-    return getChildren(node);
+    return [...node.children];
   }
   if (!(node instanceof Element)) {
     return [];
@@ -287,9 +263,9 @@ function getComposedChildren(node) {
     }
   }
   if (node instanceof HTMLElement && node.shadowRoot?.mode === "open") {
-    return getChildren(node.shadowRoot);
+    return [...node.shadowRoot.children];
   }
-  return getChildren(node);
+  return [...node.children];
 }
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
@@ -301,13 +277,6 @@ function getActiveElement() {
   }
   return current;
 }
-function getChildren(node) {
-  const elements = [];
-  for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
-    elements[elements.length] = child;
-  }
-  return elements;
-}
 function getTabIndex(element) {
   return "tabIndex" in element ? Number(element.tabIndex) : 0;
 }
@@ -461,10 +430,10 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#isDestroyed = true;
     this.#controller?.abort();
     this.#controller = null;
-    this.#focusables.forEach((focusable) => {
+    for (const focusable of this.#focusables) {
       _RovingTabIndex.#initialized.delete(focusable);
       restoreAttributes(focusable);
-    });
+    }
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
   }
@@ -514,7 +483,7 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
+      (f) => this.#focusables.has(f)
     );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
@@ -551,11 +520,9 @@ var RovingTabIndex = class _RovingTabIndex {
         const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        focusables = candidates.filter(
-          (candidate) => focusablesByFirstChar.has(candidate)
-        );
+        focusables = candidates.filter((c) => focusablesByFirstChar.has(c));
         const afterIndex = focusables.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+          (f) => candidates.indexOf(f) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
@@ -599,7 +566,7 @@ var RovingTabIndex = class _RovingTabIndex {
       const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
-        value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
+        value ? value.split(/\s+/).filter((k) => /^\S$/i.test(k)).map((k) => k.toUpperCase()) : []
       );
       if (char) {
         keys.add(char);
@@ -608,17 +575,17 @@ var RovingTabIndex = class _RovingTabIndex {
           caseInsensitive: true
         });
       }
-      keys.forEach((key) => {
+      for (const key of keys) {
         const focusables = this.#focusablesByFirstChar.get(key) ?? [];
         focusables.push(focusable);
         this.#focusablesByFirstChar.set(key, focusables);
-      });
+      }
     }
     if (!navigationOnly) {
       if (active && this.#focusables.has(active)) {
-        this.#focusables.forEach((focusable) => {
+        for (const focusable of this.#focusables) {
           focusable.setAttribute("tabindex", focusable === active ? "0" : "-1");
-        });
+        }
       } else {
         [...this.#focusables].forEach((focusable, i) => {
           focusable.setAttribute("tabindex", i || noStart ? "-1" : "0");
@@ -648,6 +615,7 @@ var RovingTabIndex = class _RovingTabIndex {
       typeahead = false,
       wrap = false
     } = options;
+    direction = direction.toLowerCase();
     if (!["both", "horizontal", "vertical"].includes(direction)) {
       console.warn("Invalid direction option. Fallback: 'both'.");
       direction = "both";
@@ -778,15 +746,15 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
-    this.#buttons.forEach((button) => {
+    for (const button of this.#buttons) {
       button.destroy();
-    });
+    }
     this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       force && this.#bindings.get(content)?.animation?.finish();
       this.#onContentAnimationFinish(content);
-    });
+    }
     this.#animationController?.abort();
     this.#animationController = null;
     restoreAttributes([
@@ -871,9 +839,9 @@ var Accordion = class _Accordion {
       return;
     }
     trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
-    ["block-size", "overflow"].forEach((name) => {
+    for (const name of ["block-size", "overflow"]) {
       content.style.removeProperty(name);
-    });
+    }
   }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
@@ -890,7 +858,7 @@ var Accordion = class _Accordion {
     if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
-    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((trigger2) => trigger2.ariaExpanded === "true").length <= 1) {
+    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((t) => t.ariaExpanded === "true").length <= 1) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
@@ -1000,10 +968,10 @@ var Accordion = class _Accordion {
   }
   async #waitAnimationsFinish() {
     const promises = [];
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       const animation = this.#bindings.get(content)?.animation;
       animation && promises.push(waitAnimationFinish(animation));
-    });
+    }
     await Promise.allSettled(promises);
   }
 };
@@ -1016,7 +984,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1028,7 +996,7 @@ function waitAnimationFinish(animation) {
   (**
    * Attribute Utils
    *
-   * @version 2.0.8
+   * @version 2.0.12
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1041,7 +1009,7 @@ power-focusable/dist/index.js:
    * High-precision focus management utility with full composed tree support.
    * Handles complex focus rules including tabindex ordering, radio groups, inert.
    *
-   * @version 4.3.29
+   * @version 4.3.33
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -1065,7 +1033,7 @@ power-focusable/dist/index.js:
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.1.27
+   * @version 3.1.31
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -110,15 +110,15 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
-    this.#buttons.forEach((button) => {
+    for (const button of this.#buttons) {
       button.destroy();
-    });
+    }
     this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       force && this.#bindings.get(content)?.animation?.finish();
       this.#onContentAnimationFinish(content);
-    });
+    }
     this.#animationController?.abort();
     this.#animationController = null;
     utils__namespace.restoreAttributes([
@@ -203,9 +203,9 @@ var Accordion = class _Accordion {
       return;
     }
     trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
-    ["block-size", "overflow"].forEach((name) => {
+    for (const name of ["block-size", "overflow"]) {
       content.style.removeProperty(name);
-    });
+    }
   }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
@@ -222,7 +222,7 @@ var Accordion = class _Accordion {
     if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
-    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((trigger2) => trigger2.ariaExpanded === "true").length <= 1) {
+    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((t) => t.ariaExpanded === "true").length <= 1) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
@@ -332,10 +332,10 @@ var Accordion = class _Accordion {
   }
   async #waitAnimationsFinish() {
     const promises = [];
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       const animation = this.#bindings.get(content)?.animation;
       animation && promises.push(waitAnimationFinish(animation));
-    });
+    }
     await Promise.allSettled(promises);
   }
 };
@@ -348,7 +348,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -88,15 +88,15 @@ var Accordion = class _Accordion {
     this.#eventController = null;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
-    this.#buttons.forEach((button) => {
+    for (const button of this.#buttons) {
       button.destroy();
-    });
+    }
     this.#buttons.length = 0;
     !force && await this.#waitAnimationsFinish();
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       force && this.#bindings.get(content)?.animation?.finish();
       this.#onContentAnimationFinish(content);
-    });
+    }
     this.#animationController?.abort();
     this.#animationController = null;
     utils.restoreAttributes([
@@ -181,9 +181,9 @@ var Accordion = class _Accordion {
       return;
     }
     trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
-    ["block-size", "overflow"].forEach((name) => {
+    for (const name of ["block-size", "overflow"]) {
       content.style.removeProperty(name);
-    });
+    }
   }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
@@ -200,7 +200,7 @@ var Accordion = class _Accordion {
     if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
-    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((trigger2) => trigger2.ariaExpanded === "true").length <= 1) {
+    if (!isExpand && !isProgrammatic && !this.#settings.collapsible && this.#triggerElements.filter((t) => t.ariaExpanded === "true").length <= 1) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
@@ -310,10 +310,10 @@ var Accordion = class _Accordion {
   }
   async #waitAnimationsFinish() {
     const promises = [];
-    this.#contentElements.forEach((content) => {
+    for (const content of this.#contentElements) {
       const animation = this.#bindings.get(content)?.animation;
       animation && promises.push(waitAnimationFinish(animation));
-    });
+    }
     await Promise.allSettled(promises);
   }
 };
@@ -326,7 +326,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.14
+ * @version 2.0.16
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
   "keywords": [
     "a11y",
@@ -54,8 +54,8 @@
     "esbuild": true
   },
   "dependencies": {
-    "@y14e/attribute-utils": "^2.0.8",
+    "@y14e/attribute-utils": "^2.0.12",
     "@y14e/button": "^1.0.8",
-    "@y14e/roving-tabindex": "^3.1.27"
+    "@y14e/roving-tabindex": "^3.1.31"
   }
 }