@y14e/accordion 1.4.4 → 1.4.6

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/accordion
 
 ```ts
 // npm
-import Accordion from '@y14e/accordion@1.4.4';
+import Accordion from '@y14e/accordion@1.4.6';
 
 // CDNs
-import Accordion from 'https://esm.sh/@y14e/accordion@1.4.4';
+import Accordion from 'https://esm.sh/@y14e/accordion@1.4.6';
 // or
-import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.4/+esm';
+import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.6/+esm';
 // or
-import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.4';
+import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.6';
 ```
 
 ## Usage
@@ -68,15 +68,6 @@ new Accordion(root);
 
 ## 📦 APIs
 
-### `open`
-
-```ts
-accordion.open(trigger);
-// => void
-//
-// trigger: HTMLElement
-```
-
 ### `close`
 
 ```ts
@@ -97,6 +88,15 @@ accordion.destroy(force);
 // force (optional): If true, skips waiting for animations to finish.
 ```
 
+### `open`
+
+```ts
+accordion.open(trigger);
+// => void
+//
+// trigger: HTMLElement
+```
+
 ## Demo
 
 https://y14e.github.io/accordion/

package/dist/index.cjs

@@ -683,16 +683,6 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  open(trigger) {
-    if (this.#isDestroyed) {
-      return;
-    }
-    if (!(trigger instanceof HTMLElement) || !this.#bindings.has(trigger)) {
-      console.warn("Invalid trigger element");
-      return;
-    }
-    this.#toggle(trigger, true);
-  }
   close(trigger) {
     if (this.#isDestroyed) {
       return;
@@ -728,6 +718,16 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
+  open(trigger) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(trigger instanceof HTMLElement) || !this.#bindings.has(trigger)) {
+      console.warn("Invalid trigger element");
+      return;
+    }
+    this.#toggle(trigger, true);
+  }
   #initialize() {
     saveAttributes(this.#triggerElements, [
       "aria-controls",
@@ -749,7 +749,7 @@ var Accordion = class _Accordion {
       addTokenToAttribute(trigger2, "aria-controls", content2.id);
       trigger2.setAttribute(
         "aria-expanded",
-        trigger2.ariaExpanded === "true" ? "true" : "false"
+        String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
       if (!isFocusable2(trigger2)) {
@@ -840,6 +840,9 @@ var Accordion = class _Accordion {
     animation.addEventListener(
       "finish",
       () => {
+        if (binding?.animation !== animation) {
+          return;
+        }
         this.#onAnimationFinish(content);
         cleanup();
       },
@@ -892,7 +895,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.4
+ * @version 1.4.6
  * @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.4
+ * @version 1.4.6
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -22,9 +22,9 @@ declare class Accordion {
     #private;
     static defaults: AccordionOptions;
     constructor(root: HTMLElement, options?: AccordionOptions);
-    open(trigger: HTMLElement): void;
     close(trigger: HTMLElement): void;
     destroy(force?: boolean): Promise<void>;
+    open(trigger: HTMLElement): void;
 }
 
 export { type AccordionOptions, Accordion as default };

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.4
+ * @version 1.4.6
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -22,9 +22,9 @@ declare class Accordion {
     #private;
     static defaults: AccordionOptions;
     constructor(root: HTMLElement, options?: AccordionOptions);
-    open(trigger: HTMLElement): void;
     close(trigger: HTMLElement): void;
     destroy(force?: boolean): Promise<void>;
+    open(trigger: HTMLElement): void;
 }
 
 export { type AccordionOptions, Accordion as default };

package/dist/index.js

@@ -681,16 +681,6 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  open(trigger) {
-    if (this.#isDestroyed) {
-      return;
-    }
-    if (!(trigger instanceof HTMLElement) || !this.#bindings.has(trigger)) {
-      console.warn("Invalid trigger element");
-      return;
-    }
-    this.#toggle(trigger, true);
-  }
   close(trigger) {
     if (this.#isDestroyed) {
       return;
@@ -726,6 +716,16 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
+  open(trigger) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(trigger instanceof HTMLElement) || !this.#bindings.has(trigger)) {
+      console.warn("Invalid trigger element");
+      return;
+    }
+    this.#toggle(trigger, true);
+  }
   #initialize() {
     saveAttributes(this.#triggerElements, [
       "aria-controls",
@@ -747,7 +747,7 @@ var Accordion = class _Accordion {
       addTokenToAttribute(trigger2, "aria-controls", content2.id);
       trigger2.setAttribute(
         "aria-expanded",
-        trigger2.ariaExpanded === "true" ? "true" : "false"
+        String(trigger2.ariaExpanded === "true")
       );
       trigger2.id ||= `accordion-trigger-${id}`;
       if (!isFocusable2(trigger2)) {
@@ -838,6 +838,9 @@ var Accordion = class _Accordion {
     animation.addEventListener(
       "finish",
       () => {
+        if (binding?.animation !== animation) {
+          return;
+        }
         this.#onAnimationFinish(content);
         cleanup();
       },
@@ -890,7 +893,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.4
+ * @version 1.4.6
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",