@y14e/disclosure 2.0.13 → 2.0.15

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/disclosure
 
 ```ts
 // npm
-import { Disclosure } from "@y14e/disclosure";
+import { Disclosure } from '@y14e/disclosure';
 
 // CDNs
-import { Disclosure } from "https://esm.sh/@y14e/disclosure@2.0.13";
+import { Disclosure } from 'https://esm.sh/@y14e/disclosure@2.0.15';
 // or
-import { Disclosure } from "https://cdn.jsdelivr.net/npm/@y14e/disclosure@2.0.13/+esm";
+import { Disclosure } from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@2.0.15/+esm';
 // or
-import { Disclosure } from "https://esm.unpkg.com/@y14e/disclosure@2.0.13";
+import { Disclosure } from 'https://esm.unpkg.com/@y14e/disclosure@2.0.15';
 ```
 
 ## Usage
@@ -47,7 +47,7 @@ interface DisclosureOptions {
 Override the global default settings applied to all disclosure instances.
 
 ```ts
-import { Disclosure } from "@y14e/disclosure";
+import { Disclosure } from '@y14e/disclosure';
 
 Disclosure.defaults = {
   animation: {

package/dist/index.bundle.cjs

@@ -37,24 +37,26 @@ 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)) {
     console.warn("Invalid element");
     return false;
   }
-  if (!element.hasAttribute(name)) {
-    console.warn("Invalid attribute name");
+  try {
+    document.createElement("div").setAttribute(name, "");
+  } catch {
+    console.warn(`Invalid attribute name: '${name}'`);
     return false;
   }
   if (typeof token !== "string" || !token.trim()) {
@@ -89,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,
   ""
@@ -99,37 +101,13 @@ function getFocusables(container = document.body, options = {}) {
     console.warn("Invalid container element. Fallback: <body> element.");
     container = document.body;
   }
-  let {
-    composed = false,
+  const {
+    composed,
     filter,
     include,
-    skipNegativeTabIndexCheck = false,
-    skipVisibilityCheck = false
-  } = options;
-  if (typeof composed !== "boolean") {
-    console.warn("Invalid composed option. Fallback: false.");
-    composed = false;
-  }
-  if (typeof filter !== "undefined" && typeof filter !== "function") {
-    console.warn(
-      "Invalid filter function. Fallback: no filter function (undefined)."
-    );
-    filter = void 0;
-  }
-  if (typeof include !== "undefined" && typeof include !== "function") {
-    console.warn(
-      "Invalid include function. Fallback: no include function (undefined)."
-    );
-    include = void 0;
-  }
-  if (typeof skipNegativeTabIndexCheck !== "boolean") {
-    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
-    skipNegativeTabIndexCheck = false;
-  }
-  if (typeof skipVisibilityCheck !== "boolean") {
-    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
-    skipVisibilityCheck = false;
-  }
+    skipNegativeTabIndexCheck,
+    skipVisibilityCheck
+  } = resolveOptions2(options);
   const candidates = [];
   if (composed || include) {
     let traverse2 = function(node) {
@@ -139,29 +117,19 @@ function getFocusables(container = document.body, options = {}) {
       }) || 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);
-      }
+      (composed ? getComposedChildren(node) : getChildren(node)).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) : getChildren(container)).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(
@@ -173,15 +141,7 @@ function isFocusable(element, options = {}) {
     console.warn("Invalid element");
     return false;
   }
-  let { skipNegativeTabIndexCheck = false, skipVisibilityCheck = false } = options;
-  if (typeof skipNegativeTabIndexCheck !== "boolean") {
-    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
-    skipNegativeTabIndexCheck = false;
-  }
-  if (typeof skipVisibilityCheck !== "boolean") {
-    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
-    skipVisibilityCheck = false;
-  }
+  const { skipNegativeTabIndexCheck, skipVisibilityCheck } = resolveOptions2(options);
   if (element.hasAttribute("hidden") || isInert(element)) {
     return false;
   }
@@ -236,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;
     }
@@ -287,23 +246,10 @@ 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 (let i = 0, l = natural.length; i < l; i++) {
-    sorted[count++] = natural[i];
+  for (const element of elements) {
+    (getTabIndex(element) > 0 ? ordered : natural).push(element);
   }
-  return sorted;
+  return ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b)).concat(natural);
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
@@ -356,6 +302,61 @@ function isInert(element) {
 function isUngroupedRadio(element) {
   return element.type === "radio" && !!element.name;
 }
+function resolveOptions2(options) {
+  let {
+    anchor = getActiveElement(),
+    composed = false,
+    filter,
+    include,
+    skipNegativeTabIndexCheck = false,
+    skipVisibilityCheck = false,
+    wrap = false
+  } = options;
+  if (!(anchor instanceof Element)) {
+    const active = getActiveElement();
+    if (active instanceof Element) {
+      console.warn("Invalid anchor element. Fallback: active element.");
+      anchor = active;
+    }
+  }
+  if (typeof composed !== "boolean") {
+    console.warn("Invalid composed option. Fallback: false.");
+    composed = false;
+  }
+  if (filter !== void 0 && typeof filter !== "function") {
+    console.warn(
+      "Invalid filter function. Fallback: no filter function (undefined)."
+    );
+    filter = void 0;
+  }
+  if (include !== void 0 && typeof include !== "function") {
+    console.warn(
+      "Invalid include function. Fallback: no include function (undefined)."
+    );
+    include = void 0;
+  }
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
+  if (typeof skipVisibilityCheck !== "boolean") {
+    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
+    skipVisibilityCheck = false;
+  }
+  if (typeof wrap !== "boolean") {
+    console.warn("Invalid wrap option. Fallback: false.");
+    wrap = false;
+  }
+  return {
+    anchor,
+    composed,
+    filter,
+    include,
+    skipNegativeTabIndexCheck,
+    skipVisibilityCheck,
+    wrap
+  };
+}
 
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
@@ -378,56 +379,7 @@ var RovingTabIndex = class _RovingTabIndex {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    let {
-      direction = "both",
-      navigationOnly = false,
-      noMemory = false,
-      noStart = false,
-      selector = "",
-      typeahead = false,
-      wrap = false
-    } = options;
-    if (!["both", "horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: 'both'.");
-      direction = "both";
-    }
-    if (typeof navigationOnly !== "boolean") {
-      console.warn("Invalid navigationOnly option. Fallback: false.");
-      navigationOnly = false;
-    }
-    if (typeof noMemory !== "boolean") {
-      console.warn("Invalid noMemory option. Fallback: false.");
-      noMemory = false;
-    }
-    if (typeof noStart !== "boolean") {
-      console.warn("Invalid noStart option. Fallback: false.");
-      noStart = false;
-    }
-    if (selector !== "") {
-      try {
-        document.querySelector(selector);
-      } catch {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
-      }
-    }
-    if (typeof typeahead !== "boolean") {
-      console.warn("Invalid typeahead option. Fallback: false.");
-      typeahead = false;
-    }
-    if (typeof wrap !== "boolean") {
-      console.warn("Invalid wrap option. Fallback: false.");
-      wrap = false;
-    }
-    this.#settings = {
-      direction,
-      navigationOnly,
-      noMemory,
-      noStart,
-      selector,
-      typeahead,
-      wrap
-    };
+    this.#settings = this.#resolveOptions(options);
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -438,10 +390,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();
   }
@@ -585,17 +537,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");
@@ -615,6 +567,59 @@ var RovingTabIndex = class _RovingTabIndex {
       skipVisibilityCheck: true
     });
   }
+  #resolveOptions(options) {
+    let {
+      direction = "both",
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      selector = "",
+      typeahead = false,
+      wrap = false
+    } = options;
+    direction = direction.toLowerCase();
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
+    }
+    if (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      console.warn("Invalid noStart option. Fallback: false.");
+      noStart = false;
+    }
+    if (selector !== "") {
+      try {
+        document.querySelector(selector);
+      } catch {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
+    }
+    if (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      console.warn("Invalid wrap option. Fallback: false.");
+      wrap = false;
+    }
+    return {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
+  }
 };
 
 // src/index.ts
@@ -708,24 +713,24 @@ var Disclosure = class _Disclosure {
     this.#isDestroyed = true;
     this.#eventController?.abort();
     this.#eventController = null;
-    this.#observers.forEach((observer) => {
+    for (const observer of this.#observers) {
       observer.disconnect();
-    });
+    }
     this.#observers.length = 0;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     !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;
-    this.#detailsElements.forEach((details) => {
-      ["name", "open"].forEach((name) => {
+    for (const details of this.#detailsElements) {
+      for (const name of ["name", "open"]) {
         details.removeAttribute(`data-disclosure-${name}`);
-      });
-    });
+      }
+    }
     this.#detailsElements.length = 0;
     restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
@@ -805,9 +810,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    ["block-size", "overflow"].forEach((name2) => {
+    for (const name2 of ["block-size", "overflow"]) {
       content.style.removeProperty(name2);
-    });
+    }
   }
   #toggle(details, isExpand, isProgrammatic = false) {
     if (details.hasAttribute("data-disclosure-open") === isExpand) {
@@ -904,10 +909,10 @@ var Disclosure = class _Disclosure {
   }
   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);
   }
 };
@@ -921,7 +926,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -933,7 +938,7 @@ function waitAnimationFinish(animation) {
   (**
    * Attribute Utils
    *
-   * @version 2.0.6
+   * @version 2.0.10
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -946,7 +951,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.28
+   * @version 4.3.30
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -959,7 +964,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.25
+   * @version 3.1.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -35,24 +35,26 @@ 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)) {
     console.warn("Invalid element");
     return false;
   }
-  if (!element.hasAttribute(name)) {
-    console.warn("Invalid attribute name");
+  try {
+    document.createElement("div").setAttribute(name, "");
+  } catch {
+    console.warn(`Invalid attribute name: '${name}'`);
     return false;
   }
   if (typeof token !== "string" || !token.trim()) {
@@ -87,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,
   ""
@@ -97,37 +99,13 @@ function getFocusables(container = document.body, options = {}) {
     console.warn("Invalid container element. Fallback: <body> element.");
     container = document.body;
   }
-  let {
-    composed = false,
+  const {
+    composed,
     filter,
     include,
-    skipNegativeTabIndexCheck = false,
-    skipVisibilityCheck = false
-  } = options;
-  if (typeof composed !== "boolean") {
-    console.warn("Invalid composed option. Fallback: false.");
-    composed = false;
-  }
-  if (typeof filter !== "undefined" && typeof filter !== "function") {
-    console.warn(
-      "Invalid filter function. Fallback: no filter function (undefined)."
-    );
-    filter = void 0;
-  }
-  if (typeof include !== "undefined" && typeof include !== "function") {
-    console.warn(
-      "Invalid include function. Fallback: no include function (undefined)."
-    );
-    include = void 0;
-  }
-  if (typeof skipNegativeTabIndexCheck !== "boolean") {
-    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
-    skipNegativeTabIndexCheck = false;
-  }
-  if (typeof skipVisibilityCheck !== "boolean") {
-    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
-    skipVisibilityCheck = false;
-  }
+    skipNegativeTabIndexCheck,
+    skipVisibilityCheck
+  } = resolveOptions2(options);
   const candidates = [];
   if (composed || include) {
     let traverse2 = function(node) {
@@ -137,29 +115,19 @@ function getFocusables(container = document.body, options = {}) {
       }) || 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);
-      }
+      (composed ? getComposedChildren(node) : getChildren(node)).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) : getChildren(container)).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(
@@ -171,15 +139,7 @@ function isFocusable(element, options = {}) {
     console.warn("Invalid element");
     return false;
   }
-  let { skipNegativeTabIndexCheck = false, skipVisibilityCheck = false } = options;
-  if (typeof skipNegativeTabIndexCheck !== "boolean") {
-    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
-    skipNegativeTabIndexCheck = false;
-  }
-  if (typeof skipVisibilityCheck !== "boolean") {
-    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
-    skipVisibilityCheck = false;
-  }
+  const { skipNegativeTabIndexCheck, skipVisibilityCheck } = resolveOptions2(options);
   if (element.hasAttribute("hidden") || isInert(element)) {
     return false;
   }
@@ -234,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;
     }
@@ -285,23 +244,10 @@ 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 (let i = 0, l = natural.length; i < l; i++) {
-    sorted[count++] = natural[i];
+  for (const element of elements) {
+    (getTabIndex(element) > 0 ? ordered : natural).push(element);
   }
-  return sorted;
+  return ordered.sort((a, b) => getTabIndex(a) - getTabIndex(b)).concat(natural);
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
@@ -354,6 +300,61 @@ function isInert(element) {
 function isUngroupedRadio(element) {
   return element.type === "radio" && !!element.name;
 }
+function resolveOptions2(options) {
+  let {
+    anchor = getActiveElement(),
+    composed = false,
+    filter,
+    include,
+    skipNegativeTabIndexCheck = false,
+    skipVisibilityCheck = false,
+    wrap = false
+  } = options;
+  if (!(anchor instanceof Element)) {
+    const active = getActiveElement();
+    if (active instanceof Element) {
+      console.warn("Invalid anchor element. Fallback: active element.");
+      anchor = active;
+    }
+  }
+  if (typeof composed !== "boolean") {
+    console.warn("Invalid composed option. Fallback: false.");
+    composed = false;
+  }
+  if (filter !== void 0 && typeof filter !== "function") {
+    console.warn(
+      "Invalid filter function. Fallback: no filter function (undefined)."
+    );
+    filter = void 0;
+  }
+  if (include !== void 0 && typeof include !== "function") {
+    console.warn(
+      "Invalid include function. Fallback: no include function (undefined)."
+    );
+    include = void 0;
+  }
+  if (typeof skipNegativeTabIndexCheck !== "boolean") {
+    console.warn("Invalid skipNegativeTabIndexCheck option. Fallback: false.");
+    skipNegativeTabIndexCheck = false;
+  }
+  if (typeof skipVisibilityCheck !== "boolean") {
+    console.warn("Invalid skipVisibilityCheck option. Fallback: false.");
+    skipVisibilityCheck = false;
+  }
+  if (typeof wrap !== "boolean") {
+    console.warn("Invalid wrap option. Fallback: false.");
+    wrap = false;
+  }
+  return {
+    anchor,
+    composed,
+    filter,
+    include,
+    skipNegativeTabIndexCheck,
+    skipVisibilityCheck,
+    wrap
+  };
+}
 
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
@@ -376,56 +377,7 @@ var RovingTabIndex = class _RovingTabIndex {
   #isDestroyed = false;
   constructor(container, options = {}) {
     this.#container = container;
-    let {
-      direction = "both",
-      navigationOnly = false,
-      noMemory = false,
-      noStart = false,
-      selector = "",
-      typeahead = false,
-      wrap = false
-    } = options;
-    if (!["both", "horizontal", "vertical"].includes(direction)) {
-      console.warn("Invalid direction option. Fallback: 'both'.");
-      direction = "both";
-    }
-    if (typeof navigationOnly !== "boolean") {
-      console.warn("Invalid navigationOnly option. Fallback: false.");
-      navigationOnly = false;
-    }
-    if (typeof noMemory !== "boolean") {
-      console.warn("Invalid noMemory option. Fallback: false.");
-      noMemory = false;
-    }
-    if (typeof noStart !== "boolean") {
-      console.warn("Invalid noStart option. Fallback: false.");
-      noStart = false;
-    }
-    if (selector !== "") {
-      try {
-        document.querySelector(selector);
-      } catch {
-        console.warn("Invalid selector. Fallback: no selector string.");
-        selector = "";
-      }
-    }
-    if (typeof typeahead !== "boolean") {
-      console.warn("Invalid typeahead option. Fallback: false.");
-      typeahead = false;
-    }
-    if (typeof wrap !== "boolean") {
-      console.warn("Invalid wrap option. Fallback: false.");
-      wrap = false;
-    }
-    this.#settings = {
-      direction,
-      navigationOnly,
-      noMemory,
-      noStart,
-      selector,
-      typeahead,
-      wrap
-    };
+    this.#settings = this.#resolveOptions(options);
     this.#selectorFilter = this.#createSelectorFilter();
     this.#initialize();
   }
@@ -436,10 +388,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();
   }
@@ -583,17 +535,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");
@@ -613,6 +565,59 @@ var RovingTabIndex = class _RovingTabIndex {
       skipVisibilityCheck: true
     });
   }
+  #resolveOptions(options) {
+    let {
+      direction = "both",
+      navigationOnly = false,
+      noMemory = false,
+      noStart = false,
+      selector = "",
+      typeahead = false,
+      wrap = false
+    } = options;
+    direction = direction.toLowerCase();
+    if (!["both", "horizontal", "vertical"].includes(direction)) {
+      console.warn("Invalid direction option. Fallback: 'both'.");
+      direction = "both";
+    }
+    if (typeof navigationOnly !== "boolean") {
+      console.warn("Invalid navigationOnly option. Fallback: false.");
+      navigationOnly = false;
+    }
+    if (typeof noMemory !== "boolean") {
+      console.warn("Invalid noMemory option. Fallback: false.");
+      noMemory = false;
+    }
+    if (typeof noStart !== "boolean") {
+      console.warn("Invalid noStart option. Fallback: false.");
+      noStart = false;
+    }
+    if (selector !== "") {
+      try {
+        document.querySelector(selector);
+      } catch {
+        console.warn("Invalid selector. Fallback: no selector string.");
+        selector = "";
+      }
+    }
+    if (typeof typeahead !== "boolean") {
+      console.warn("Invalid typeahead option. Fallback: false.");
+      typeahead = false;
+    }
+    if (typeof wrap !== "boolean") {
+      console.warn("Invalid wrap option. Fallback: false.");
+      wrap = false;
+    }
+    return {
+      direction,
+      navigationOnly,
+      noMemory,
+      noStart,
+      selector,
+      typeahead,
+      wrap
+    };
+  }
 };
 
 // src/index.ts
@@ -706,24 +711,24 @@ var Disclosure = class _Disclosure {
     this.#isDestroyed = true;
     this.#eventController?.abort();
     this.#eventController = null;
-    this.#observers.forEach((observer) => {
+    for (const observer of this.#observers) {
       observer.disconnect();
-    });
+    }
     this.#observers.length = 0;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     !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;
-    this.#detailsElements.forEach((details) => {
-      ["name", "open"].forEach((name) => {
+    for (const details of this.#detailsElements) {
+      for (const name of ["name", "open"]) {
         details.removeAttribute(`data-disclosure-${name}`);
-      });
-    });
+      }
+    }
     this.#detailsElements.length = 0;
     restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
@@ -803,9 +808,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    ["block-size", "overflow"].forEach((name2) => {
+    for (const name2 of ["block-size", "overflow"]) {
       content.style.removeProperty(name2);
-    });
+    }
   }
   #toggle(details, isExpand, isProgrammatic = false) {
     if (details.hasAttribute("data-disclosure-open") === isExpand) {
@@ -902,10 +907,10 @@ var Disclosure = class _Disclosure {
   }
   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);
   }
 };
@@ -919,7 +924,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -931,7 +936,7 @@ function waitAnimationFinish(animation) {
   (**
    * Attribute Utils
    *
-   * @version 2.0.6
+   * @version 2.0.10
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -944,7 +949,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.28
+   * @version 4.3.30
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -957,7 +962,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.25
+   * @version 3.1.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -114,24 +114,24 @@ var Disclosure = class _Disclosure {
     this.#isDestroyed = true;
     this.#eventController?.abort();
     this.#eventController = null;
-    this.#observers.forEach((observer) => {
+    for (const observer of this.#observers) {
       observer.disconnect();
-    });
+    }
     this.#observers.length = 0;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     !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;
-    this.#detailsElements.forEach((details) => {
-      ["name", "open"].forEach((name) => {
+    for (const details of this.#detailsElements) {
+      for (const name of ["name", "open"]) {
         details.removeAttribute(`data-disclosure-${name}`);
-      });
-    });
+      }
+    }
     this.#detailsElements.length = 0;
     utils__namespace.restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
@@ -211,9 +211,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    ["block-size", "overflow"].forEach((name2) => {
+    for (const name2 of ["block-size", "overflow"]) {
       content.style.removeProperty(name2);
-    });
+    }
   }
   #toggle(details, isExpand, isProgrammatic = false) {
     if (details.hasAttribute("data-disclosure-open") === isExpand) {
@@ -310,10 +310,10 @@ var Disclosure = class _Disclosure {
   }
   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);
   }
 };
@@ -327,7 +327,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -3,7 +3,7 @@
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -92,24 +92,24 @@ var Disclosure = class _Disclosure {
     this.#isDestroyed = true;
     this.#eventController?.abort();
     this.#eventController = null;
-    this.#observers.forEach((observer) => {
+    for (const observer of this.#observers) {
       observer.disconnect();
-    });
+    }
     this.#observers.length = 0;
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     !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;
-    this.#detailsElements.forEach((details) => {
-      ["name", "open"].forEach((name) => {
+    for (const details of this.#detailsElements) {
+      for (const name of ["name", "open"]) {
         details.removeAttribute(`data-disclosure-${name}`);
-      });
-    });
+      }
+    }
     this.#detailsElements.length = 0;
     utils.restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
@@ -189,9 +189,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    ["block-size", "overflow"].forEach((name2) => {
+    for (const name2 of ["block-size", "overflow"]) {
       content.style.removeProperty(name2);
-    });
+    }
   }
   #toggle(details, isExpand, isProgrammatic = false) {
     if (details.hasAttribute("data-disclosure-open") === isExpand) {
@@ -288,10 +288,10 @@ var Disclosure = class _Disclosure {
   }
   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);
   }
 };
@@ -305,7 +305,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.13
+ * @version 2.0.15
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,11 +1,27 @@
 {
   "name": "@y14e/disclosure",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
+  "keywords": [
+    "a11y",
+    "accessibility",
+    "disclosure",
+    "collapsible",
+    "component",
+    "typescript",
+    "utility"
+  ],
+  "homepage": "https://github.com/y14e/disclosure#readme",
+  "bugs": {
+    "url": "https://github.com/y14e/disclosure/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/y14e/disclosure.git"
+  },
+  "license": "MIT",
+  "author": "Yusuke Kamiyamane",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -13,6 +29,9 @@
       "require": "./dist/index.cjs"
     }
   },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "LICENSE",
@@ -20,28 +39,9 @@
   ],
   "scripts": {
     "build": "tsup",
-    "prepublishOnly": "npm run build",
-    "lint": "tsc --noEmit"
-  },
-  "keywords": [
-    "a11y",
-    "accessibility",
-    "disclosure",
-    "collapsible",
-    "component",
-    "typescript",
-    "utility"
-  ],
-  "author": "Yusuke Kamiyamane",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/y14e/disclosure.git"
+    "lint": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
   },
-  "bugs": {
-    "url": "https://github.com/y14e/disclosure/issues"
-  },
-  "homepage": "https://github.com/y14e/disclosure#readme",
   "devDependencies": {
     "bun-types": "latest",
     "tsup": "^8.0.0",
@@ -54,7 +54,7 @@
     "esbuild": true
   },
   "dependencies": {
-    "@y14e/attribute-utils": "^2.0.6",
-    "@y14e/roving-tabindex": "^3.1.25"
+    "@y14e/attribute-utils": "^2.0.10",
+    "@y14e/roving-tabindex": "^3.1.28"
   }
 }