@y14e/accordion 1.4.16 → 1.4.18

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/accordion
 
 ```ts
 // npm
-import Accordion from '@y14e/accordion@1.4.16';
+import Accordion from '@y14e/accordion';
 
 // CDNs
-import Accordion from 'https://esm.sh/@y14e/accordion@1.4.16';
+import Accordion from 'https://esm.sh/@y14e/accordion@1.4.18';
 // or
-import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.16/+esm';
+import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.18/+esm';
 // or
-import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.16';
+import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.18';
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -343,8 +343,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();
@@ -420,28 +426,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;
@@ -633,7 +639,7 @@ var Accordion = class _Accordion {
       if (!content2) {
         return;
       }
-      const binding = createBinding(trigger2, content2);
+      const binding = this.#createBinding(trigger2, content2);
       this.#bindings.set(trigger2, binding);
       this.#bindings.set(content2, binding);
     });
@@ -665,7 +671,7 @@ var Accordion = class _Accordion {
     !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;
@@ -708,7 +714,7 @@ var Accordion = class _Accordion {
         String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
-      if (!isFocusable2(trigger2)) {
+      if (!this.#isFocusable(trigger2)) {
         trigger2.setAttribute("aria-disabled", "true");
         trigger2.setAttribute("tabindex", "-1");
         trigger2.style.setProperty("pointer-events", "none");
@@ -738,6 +744,16 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
+  #onContentAnimationFinish(content) {
+    const trigger = this.#bindings.get(content)?.trigger;
+    if (!trigger) {
+      return;
+    }
+    trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
+    ["block-size", "overflow"].forEach((name) => {
+      content.style.removeProperty(name);
+    });
+  }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -755,10 +771,10 @@ var Accordion = class _Accordion {
     }
     const name = trigger.getAttribute("data-accordion-name");
     if (name && isOpen) {
-      const opened = this.#triggerElements.find(
+      const open = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      opened && this.#toggle(opened, false, isMatch);
+      open && this.#toggle(open, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
@@ -797,31 +813,25 @@ var Accordion = class _Accordion {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(trigger, content) {
+    return { trigger, content, animation: null };
+  }
+  #isFocusable(element) {
+    return !element.hasAttribute("disabled") && element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const trigger = this.#bindings.get(content)?.trigger;
-    if (!trigger) {
-      return;
-    }
-    if (trigger.ariaExpanded === "false") {
-      content.setAttribute("hidden", "until-found");
-    }
-    ["block-size", "overflow"].forEach((name) => {
-      content.style.removeProperty(name);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -831,26 +841,16 @@ var Accordion = class _Accordion {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(trigger, content) {
-  return { trigger, content, animation: null };
-}
-function isFocusable2(element) {
-  return !element.hasAttribute("disabled") && 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 })
+  );
 }
 /**
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.16
+ * @version 1.4.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -875,7 +875,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
@@ -899,7 +899,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

@@ -341,8 +341,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();
@@ -418,28 +424,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;
@@ -631,7 +637,7 @@ var Accordion = class _Accordion {
       if (!content2) {
         return;
       }
-      const binding = createBinding(trigger2, content2);
+      const binding = this.#createBinding(trigger2, content2);
       this.#bindings.set(trigger2, binding);
       this.#bindings.set(content2, binding);
     });
@@ -663,7 +669,7 @@ var Accordion = class _Accordion {
     !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;
@@ -706,7 +712,7 @@ var Accordion = class _Accordion {
         String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
-      if (!isFocusable2(trigger2)) {
+      if (!this.#isFocusable(trigger2)) {
         trigger2.setAttribute("aria-disabled", "true");
         trigger2.setAttribute("tabindex", "-1");
         trigger2.style.setProperty("pointer-events", "none");
@@ -736,6 +742,16 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
+  #onContentAnimationFinish(content) {
+    const trigger = this.#bindings.get(content)?.trigger;
+    if (!trigger) {
+      return;
+    }
+    trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
+    ["block-size", "overflow"].forEach((name) => {
+      content.style.removeProperty(name);
+    });
+  }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -753,10 +769,10 @@ var Accordion = class _Accordion {
     }
     const name = trigger.getAttribute("data-accordion-name");
     if (name && isOpen) {
-      const opened = this.#triggerElements.find(
+      const open = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      opened && this.#toggle(opened, false, isMatch);
+      open && this.#toggle(open, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
@@ -795,31 +811,25 @@ var Accordion = class _Accordion {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(trigger, content) {
+    return { trigger, content, animation: null };
+  }
+  #isFocusable(element) {
+    return !element.hasAttribute("disabled") && element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const trigger = this.#bindings.get(content)?.trigger;
-    if (!trigger) {
-      return;
-    }
-    if (trigger.ariaExpanded === "false") {
-      content.setAttribute("hidden", "until-found");
-    }
-    ["block-size", "overflow"].forEach((name) => {
-      content.style.removeProperty(name);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -829,26 +839,16 @@ var Accordion = class _Accordion {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(trigger, content) {
-  return { trigger, content, animation: null };
-}
-function isFocusable2(element) {
-  return !element.hasAttribute("disabled") && 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 })
+  );
 }
 /**
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.16
+ * @version 1.4.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -873,7 +873,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
@@ -897,7 +897,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

@@ -65,7 +65,7 @@ var Accordion = class _Accordion {
       if (!content2) {
         return;
       }
-      const binding = createBinding(trigger2, content2);
+      const binding = this.#createBinding(trigger2, content2);
       this.#bindings.set(trigger2, binding);
       this.#bindings.set(content2, binding);
     });
@@ -97,7 +97,7 @@ var Accordion = class _Accordion {
     !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;
@@ -140,7 +140,7 @@ var Accordion = class _Accordion {
         String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
-      if (!isFocusable(trigger2)) {
+      if (!this.#isFocusable(trigger2)) {
         trigger2.setAttribute("aria-disabled", "true");
         trigger2.setAttribute("tabindex", "-1");
         trigger2.style.setProperty("pointer-events", "none");
@@ -170,6 +170,16 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
+  #onContentAnimationFinish(content) {
+    const trigger = this.#bindings.get(content)?.trigger;
+    if (!trigger) {
+      return;
+    }
+    trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
+    ["block-size", "overflow"].forEach((name) => {
+      content.style.removeProperty(name);
+    });
+  }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -187,10 +197,10 @@ var Accordion = class _Accordion {
     }
     const name = trigger.getAttribute("data-accordion-name");
     if (name && isOpen) {
-      const opened = this.#triggerElements.find(
+      const open = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      opened && this.#toggle(opened, false, isMatch);
+      open && this.#toggle(open, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
@@ -229,31 +239,25 @@ var Accordion = class _Accordion {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(trigger, content) {
+    return { trigger, content, animation: null };
+  }
+  #isFocusable(element) {
+    return !element.hasAttribute("disabled") && element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const trigger = this.#bindings.get(content)?.trigger;
-    if (!trigger) {
-      return;
-    }
-    if (trigger.ariaExpanded === "false") {
-      content.setAttribute("hidden", "until-found");
-    }
-    ["block-size", "overflow"].forEach((name) => {
-      content.style.removeProperty(name);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -263,26 +267,16 @@ var Accordion = class _Accordion {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(trigger, content) {
-  return { trigger, content, animation: null };
-}
-function isFocusable(element) {
-  return !element.hasAttribute("disabled") && 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 })
+  );
 }
 /**
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.16
+ * @version 1.4.18
  * @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 1.4.16
+ * @version 1.4.18
  * @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 1.4.16
+ * @version 1.4.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -59,7 +59,7 @@ var Accordion = class _Accordion {
       if (!content2) {
         return;
       }
-      const binding = createBinding(trigger2, content2);
+      const binding = this.#createBinding(trigger2, content2);
       this.#bindings.set(trigger2, binding);
       this.#bindings.set(content2, binding);
     });
@@ -91,7 +91,7 @@ var Accordion = class _Accordion {
     !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;
@@ -134,7 +134,7 @@ var Accordion = class _Accordion {
         String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
-      if (!isFocusable(trigger2)) {
+      if (!this.#isFocusable(trigger2)) {
         trigger2.setAttribute("aria-disabled", "true");
         trigger2.setAttribute("tabindex", "-1");
         trigger2.style.setProperty("pointer-events", "none");
@@ -164,6 +164,16 @@ var Accordion = class _Accordion {
     }
     this.#toggle(trigger, trigger.ariaExpanded === "false");
   };
+  #onContentAnimationFinish(content) {
+    const trigger = this.#bindings.get(content)?.trigger;
+    if (!trigger) {
+      return;
+    }
+    trigger.ariaExpanded === "false" && content.setAttribute("hidden", "until-found");
+    ["block-size", "overflow"].forEach((name) => {
+      content.style.removeProperty(name);
+    });
+  }
   #onContentBeforeMatch = (event) => {
     const content = event.currentTarget;
     if (!(content instanceof HTMLElement)) {
@@ -181,10 +191,10 @@ var Accordion = class _Accordion {
     }
     const name = trigger.getAttribute("data-accordion-name");
     if (name && isOpen) {
-      const opened = this.#triggerElements.find(
+      const open = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      opened && this.#toggle(opened, false, isMatch);
+      open && this.#toggle(open, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
@@ -223,31 +233,25 @@ var Accordion = class _Accordion {
       "finish",
       () => {
         if (binding?.animation === animation) {
-          this.#onAnimationFinish(content);
+          this.#onContentAnimationFinish(content);
           cleanup();
         }
       },
       { once: true, signal }
     );
   }
+  #createBinding(trigger, content) {
+    return { trigger, content, animation: null };
+  }
+  #isFocusable(element) {
+    return !element.hasAttribute("disabled") && element.tabIndex >= 0;
+  }
   #mergeOptions(target, source) {
     return {
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
   }
-  #onAnimationFinish(content) {
-    const trigger = this.#bindings.get(content)?.trigger;
-    if (!trigger) {
-      return;
-    }
-    if (trigger.ariaExpanded === "false") {
-      content.setAttribute("hidden", "until-found");
-    }
-    ["block-size", "overflow"].forEach((name) => {
-      content.style.removeProperty(name);
-    });
-  }
   async #waitAnimationsFinish() {
     const promises = [];
     this.#contentElements.forEach((content) => {
@@ -257,26 +261,16 @@ var Accordion = class _Accordion {
     await Promise.allSettled(promises);
   }
 };
-function createBinding(trigger, content) {
-  return { trigger, content, animation: null };
-}
-function isFocusable(element) {
-  return !element.hasAttribute("disabled") && 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 })
+  );
 }
 /**
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.16
+ * @version 1.4.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "1.4.16",
+  "version": "1.4.18",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -54,6 +54,6 @@
   "dependencies": {
     "@y14e/attributes-utils": "^1.1.2",
     "@y14e/button": "^1.0.6",
-    "@y14e/roving-tabindex": "^3.0.12"
+    "@y14e/roving-tabindex": "^3.1.2"
   }
 }