@y14e/disclosure 1.3.17 → 1.3.19

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/disclosure
 
 ```ts
 // npm
-import Disclosure from '@y14e/disclosure@1.3.17';
+import Disclosure from '@y14e/disclosure@1.3.19';
 
 // CDNs
-import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.17';
+import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.19';
 // or
-import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.17/+esm';
+import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.19/+esm';
 // or
-import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.17';
+import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.19';
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -294,8 +294,14 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  const roving = new RovingTabIndex(container, options);
-  return () => roving.destroy();
+  try {
+    const roving = new RovingTabIndex(container, options);
+    return () => roving.destroy();
+  } catch (error) {
+    error instanceof Error && console.warn(error.message || error);
+    return () => {
+    };
+  }
 }
 var RovingTabIndex = class _RovingTabIndex {
   static #initialized = /* @__PURE__ */ new Set();
@@ -371,28 +377,28 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(document.activeElement);
+    this.#update(getActiveElement());
     if (!(this.#container instanceof HTMLElement)) {
       return;
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
-      capture: true,
-      signal
-    });
-    this.#container.addEventListener("keydown", this.#onKeyDown, {
-      capture: true,
-      signal
-    });
+    document.addEventListener("focusin", this.#onFocusIn, { signal });
+    this.#settings.noMemory && document.addEventListener("focusout", this.#onFocusOut, { signal });
+    this.#container.addEventListener("keydown", this.#onKeyDown, { signal });
   }
   #onFocusIn = (event) => {
     const { target } = event;
     if (!(target instanceof Element)) {
       return;
     }
-    const isFocusable3 = this.#focusables.has(target);
-    this.#settings.noMemory && !isFocusable3 ? this.#update(null) : isFocusable3 && this.#update(target);
+    const isFocusable2 = this.#focusables.has(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update() : isFocusable2 && this.#update(target);
+  };
+  #onFocusOut = (event) => {
+    if (!event.relatedTarget) {
+      this.#update();
+    }
   };
   #onKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
@@ -591,7 +597,7 @@ var Disclosure = class _Disclosure {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
       if (summary && content) {
-        const binding = createBinding(details, summary, content);
+        const binding = this.#createBinding(details, summary, content);
         this.#bindings.set(details, binding);
         this.#bindings.set(summary, binding);
         this.#bindings.set(content, binding);
@@ -625,7 +631,7 @@ var Disclosure = class _Disclosure {
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
-      this.#onAnimationFinish(content);
+      this.#onContentAnimationFinish(content);
     });
     this.#animationController?.abort();
     this.#animationController = null;
@@ -671,7 +677,7 @@ var Disclosure = class _Disclosure {
       if (!summary) {
         return;
       }
-      if (!isFocusable2(summary)) {
+      if (!this.#isFocusable(summary)) {
         summary.setAttribute("aria-disabled", "true");
         summary.setAttribute("tabindex", "-1");
         summary.style.setProperty("pointer-events", "none");
@@ -699,6 +705,24 @@ var Disclosure = class _Disclosure {
     const { details } = binding;
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
+  #onContentAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
+  }
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
       return;
@@ -706,16 +730,16 @@ var Disclosure = class _Disclosure {
     const name = details.getAttribute("data-disclosure-name");
     if (name && isOpen) {
       details.removeAttribute("name");
-      const opened = this.#detailsElements.find(
+      const open = this.#detailsElements.find(
         (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
       );
-      opened && this.close(opened);
+      open && this.close(open);
     }
     const binding = this.#bindings.get(details);
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -723,11 +747,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -747,36 +767,24 @@ var Disclosure = class _Disclosure {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content, animation: null };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const binding = this.#bindings.get(content);
-    if (!binding) {
-      return;
-    }
-    const details = binding.details;
-    if (!details) {
-      return;
-    }
-    const name = details.getAttribute("data-disclosure-name");
-    name && details.setAttribute("name", name);
-    if (!details.hasAttribute("data-disclosure-open")) {
-      details.open = false;
-    }
-    ["block-size", "overflow"].forEach((name2) => {
-      content.style.removeProperty(name2);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -786,27 +794,17 @@ var Disclosure = class _Disclosure {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
-}
-function isFocusable2(element) {
-  return element.tabIndex >= 0;
-}
 function waitAnimationFinish(animation) {
-  if (["idle", "finished"].includes(animation.playState)) {
-    return Promise.resolve();
-  } else {
-    return new Promise(
-      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-    );
-  }
+  return ["idle", "finished"].includes(animation.playState) ? Promise.resolve() : new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
 }
 /**
  * Disclosure
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -831,7 +829,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.3
+   * @version 4.3.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -844,7 +842,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.0.12
+   * @version 3.1.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -292,8 +292,14 @@ function createRovingTabIndex(container, options = {}) {
     return () => {
     };
   }
-  const roving = new RovingTabIndex(container, options);
-  return () => roving.destroy();
+  try {
+    const roving = new RovingTabIndex(container, options);
+    return () => roving.destroy();
+  } catch (error) {
+    error instanceof Error && console.warn(error.message || error);
+    return () => {
+    };
+  }
 }
 var RovingTabIndex = class _RovingTabIndex {
   static #initialized = /* @__PURE__ */ new Set();
@@ -369,28 +375,28 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(document.activeElement);
+    this.#update(getActiveElement());
     if (!(this.#container instanceof HTMLElement)) {
       return;
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
-      capture: true,
-      signal
-    });
-    this.#container.addEventListener("keydown", this.#onKeyDown, {
-      capture: true,
-      signal
-    });
+    document.addEventListener("focusin", this.#onFocusIn, { signal });
+    this.#settings.noMemory && document.addEventListener("focusout", this.#onFocusOut, { signal });
+    this.#container.addEventListener("keydown", this.#onKeyDown, { signal });
   }
   #onFocusIn = (event) => {
     const { target } = event;
     if (!(target instanceof Element)) {
       return;
     }
-    const isFocusable3 = this.#focusables.has(target);
-    this.#settings.noMemory && !isFocusable3 ? this.#update(null) : isFocusable3 && this.#update(target);
+    const isFocusable2 = this.#focusables.has(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update() : isFocusable2 && this.#update(target);
+  };
+  #onFocusOut = (event) => {
+    if (!event.relatedTarget) {
+      this.#update();
+    }
   };
   #onKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
@@ -589,7 +595,7 @@ var Disclosure = class _Disclosure {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
       if (summary && content) {
-        const binding = createBinding(details, summary, content);
+        const binding = this.#createBinding(details, summary, content);
         this.#bindings.set(details, binding);
         this.#bindings.set(summary, binding);
         this.#bindings.set(content, binding);
@@ -623,7 +629,7 @@ var Disclosure = class _Disclosure {
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
-      this.#onAnimationFinish(content);
+      this.#onContentAnimationFinish(content);
     });
     this.#animationController?.abort();
     this.#animationController = null;
@@ -669,7 +675,7 @@ var Disclosure = class _Disclosure {
       if (!summary) {
         return;
       }
-      if (!isFocusable2(summary)) {
+      if (!this.#isFocusable(summary)) {
         summary.setAttribute("aria-disabled", "true");
         summary.setAttribute("tabindex", "-1");
         summary.style.setProperty("pointer-events", "none");
@@ -697,6 +703,24 @@ var Disclosure = class _Disclosure {
     const { details } = binding;
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
+  #onContentAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
+  }
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
       return;
@@ -704,16 +728,16 @@ var Disclosure = class _Disclosure {
     const name = details.getAttribute("data-disclosure-name");
     if (name && isOpen) {
       details.removeAttribute("name");
-      const opened = this.#detailsElements.find(
+      const open = this.#detailsElements.find(
         (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
       );
-      opened && this.close(opened);
+      open && this.close(open);
     }
     const binding = this.#bindings.get(details);
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -721,11 +745,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -745,36 +765,24 @@ var Disclosure = class _Disclosure {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content, animation: null };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const binding = this.#bindings.get(content);
-    if (!binding) {
-      return;
-    }
-    const details = binding.details;
-    if (!details) {
-      return;
-    }
-    const name = details.getAttribute("data-disclosure-name");
-    name && details.setAttribute("name", name);
-    if (!details.hasAttribute("data-disclosure-open")) {
-      details.open = false;
-    }
-    ["block-size", "overflow"].forEach((name2) => {
-      content.style.removeProperty(name2);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -784,27 +792,17 @@ var Disclosure = class _Disclosure {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
-}
-function isFocusable2(element) {
-  return element.tabIndex >= 0;
-}
 function waitAnimationFinish(animation) {
-  if (["idle", "finished"].includes(animation.playState)) {
-    return Promise.resolve();
-  } else {
-    return new Promise(
-      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-    );
-  }
+  return ["idle", "finished"].includes(animation.playState) ? Promise.resolve() : new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
 }
 /**
  * Disclosure
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -829,7 +827,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.3
+   * @version 4.3.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -842,7 +840,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.0.12
+   * @version 3.1.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -67,7 +67,7 @@ var Disclosure = class _Disclosure {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
       if (summary && content) {
-        const binding = createBinding(details, summary, content);
+        const binding = this.#createBinding(details, summary, content);
         this.#bindings.set(details, binding);
         this.#bindings.set(summary, binding);
         this.#bindings.set(content, binding);
@@ -101,7 +101,7 @@ var Disclosure = class _Disclosure {
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
-      this.#onAnimationFinish(content);
+      this.#onContentAnimationFinish(content);
     });
     this.#animationController?.abort();
     this.#animationController = null;
@@ -147,7 +147,7 @@ var Disclosure = class _Disclosure {
       if (!summary) {
         return;
       }
-      if (!isFocusable(summary)) {
+      if (!this.#isFocusable(summary)) {
         summary.setAttribute("aria-disabled", "true");
         summary.setAttribute("tabindex", "-1");
         summary.style.setProperty("pointer-events", "none");
@@ -175,6 +175,24 @@ var Disclosure = class _Disclosure {
     const { details } = binding;
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
+  #onContentAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
+  }
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
       return;
@@ -182,16 +200,16 @@ var Disclosure = class _Disclosure {
     const name = details.getAttribute("data-disclosure-name");
     if (name && isOpen) {
       details.removeAttribute("name");
-      const opened = this.#detailsElements.find(
+      const open = this.#detailsElements.find(
         (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
       );
-      opened && this.close(opened);
+      open && this.close(open);
     }
     const binding = this.#bindings.get(details);
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -199,11 +217,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -223,36 +237,24 @@ var Disclosure = class _Disclosure {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content, animation: null };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const binding = this.#bindings.get(content);
-    if (!binding) {
-      return;
-    }
-    const details = binding.details;
-    if (!details) {
-      return;
-    }
-    const name = details.getAttribute("data-disclosure-name");
-    name && details.setAttribute("name", name);
-    if (!details.hasAttribute("data-disclosure-open")) {
-      details.open = false;
-    }
-    ["block-size", "overflow"].forEach((name2) => {
-      content.style.removeProperty(name2);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -262,27 +264,17 @@ var Disclosure = class _Disclosure {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
-}
-function isFocusable(element) {
-  return element.tabIndex >= 0;
-}
 function waitAnimationFinish(animation) {
-  if (["idle", "finished"].includes(animation.playState)) {
-    return Promise.resolve();
-  } else {
-    return new Promise(
-      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-    );
-  }
+  return ["idle", "finished"].includes(animation.playState) ? Promise.resolve() : new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
 }
 /**
  * Disclosure
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.19
  * @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 1.3.17
+ * @version 1.3.19
  * @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 1.3.17
+ * @version 1.3.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -65,7 +65,7 @@ var Disclosure = class _Disclosure {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
       if (summary && content) {
-        const binding = createBinding(details, summary, content);
+        const binding = this.#createBinding(details, summary, content);
         this.#bindings.set(details, binding);
         this.#bindings.set(summary, binding);
         this.#bindings.set(content, binding);
@@ -99,7 +99,7 @@ var Disclosure = class _Disclosure {
     !force && await this.#waitAnimationsFinish();
     this.#contentElements.forEach((content) => {
       force && this.#bindings.get(content)?.animation?.finish();
-      this.#onAnimationFinish(content);
+      this.#onContentAnimationFinish(content);
     });
     this.#animationController?.abort();
     this.#animationController = null;
@@ -145,7 +145,7 @@ var Disclosure = class _Disclosure {
       if (!summary) {
         return;
       }
-      if (!isFocusable(summary)) {
+      if (!this.#isFocusable(summary)) {
         summary.setAttribute("aria-disabled", "true");
         summary.setAttribute("tabindex", "-1");
         summary.style.setProperty("pointer-events", "none");
@@ -173,6 +173,24 @@ var Disclosure = class _Disclosure {
     const { details } = binding;
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
+  #onContentAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
+  }
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
       return;
@@ -180,16 +198,16 @@ var Disclosure = class _Disclosure {
     const name = details.getAttribute("data-disclosure-name");
     if (name && isOpen) {
       details.removeAttribute("name");
-      const opened = this.#detailsElements.find(
+      const open = this.#detailsElements.find(
         (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
       );
-      opened && this.close(opened);
+      open && this.close(open);
     }
     const binding = this.#bindings.get(details);
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -197,11 +215,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -221,36 +235,24 @@ var Disclosure = class _Disclosure {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content, animation: null };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const binding = this.#bindings.get(content);
-    if (!binding) {
-      return;
-    }
-    const details = binding.details;
-    if (!details) {
-      return;
-    }
-    const name = details.getAttribute("data-disclosure-name");
-    name && details.setAttribute("name", name);
-    if (!details.hasAttribute("data-disclosure-open")) {
-      details.open = false;
-    }
-    ["block-size", "overflow"].forEach((name2) => {
-      content.style.removeProperty(name2);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -260,27 +262,17 @@ var Disclosure = class _Disclosure {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
-}
-function isFocusable(element) {
-  return element.tabIndex >= 0;
-}
 function waitAnimationFinish(animation) {
-  if (["idle", "finished"].includes(animation.playState)) {
-    return Promise.resolve();
-  } else {
-    return new Promise(
-      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-    );
-  }
+  return ["idle", "finished"].includes(animation.playState) ? Promise.resolve() : new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
 }
 /**
  * Disclosure
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.19
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -53,6 +53,6 @@
   },
   "dependencies": {
     "@y14e/attributes-utils": "^1.1.2",
-    "@y14e/roving-tabindex": "^3.0.12"
+    "@y14e/roving-tabindex": "^3.1.2"
   }
 }