@y14e/accordion 1.4.18 → 2.0.1

package/README.md

@@ -13,11 +13,11 @@ npm i @y14e/accordion
 import Accordion from '@y14e/accordion';
 
 // CDNs
-import Accordion from 'https://esm.sh/@y14e/accordion@1.4.18';
+import Accordion from 'https://esm.sh/@y14e/accordion@2.0.1';
 // or
-import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@1.4.18/+esm';
+import Accordion from 'https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.1/+esm';
 // or
-import Accordion from 'https://esm.unpkg.com/@y14e/accordion@1.4.18';
+import Accordion from 'https://esm.unpkg.com/@y14e/accordion@2.0.1';
 ```
 
 ## Usage
@@ -40,7 +40,7 @@ interface AccordionOptions {
     easing?: string;   // <easing-function> (default: 'ease')
   };
   selector?: {
-    content?: string;  // default: ':has(> [data-accordion-trigger]) + *'
+    content?: string;  // default: '[data-accordion-content]'
     trigger?: string;  // default: '[data-accordion-trigger]'
   };
 }
@@ -68,10 +68,10 @@ new Accordion(root);
 
 ## 📦 APIs
 
-### `close`
+### `collapse`
 
 ```ts
-accordion.close(trigger);
+accordion.collapse(trigger);
 // => void
 //
 // trigger: HTMLElement
@@ -88,10 +88,10 @@ accordion.destroy(force);
 // force (optional): If true, skips waiting for animations to finish.
 ```
 
-### `open`
+### `expand`
 
 ```ts
-accordion.open(trigger);
+accordion.expand(trigger);
 // => void
 //
 // trigger: HTMLElement

package/dist/index.bundle.cjs

@@ -402,13 +402,7 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = {
-      navigationOnly,
-      noMemory,
-      noStart,
-      typeahead,
-      wrap
-    };
+    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
     direction && Object.assign(this.#settings, { direction });
     selector && Object.assign(this.#settings, { selector });
     this.#selectorFilter = this.#createSelectorFilter();
@@ -589,7 +583,7 @@ var Accordion = class _Accordion {
   #defaults = {
     animation: { duration: 300, easing: "ease" },
     selector: {
-      content: ":has(> [data-accordion-trigger]) + *",
+      content: "[data-accordion-content]",
       trigger: "[data-accordion-trigger]"
     }
   };
@@ -645,7 +639,7 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  close(trigger) {
+  collapse(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -680,7 +674,7 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
-  open(trigger) {
+  expand(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -765,21 +759,21 @@ var Accordion = class _Accordion {
     }
     binding.trigger.ariaExpanded === "false" && this.#toggle(binding.trigger, true, true);
   };
-  #toggle(trigger, isOpen, isMatch = false) {
-    if (trigger.ariaExpanded === String(isOpen)) {
+  #toggle(trigger, isExpand, isMatch = false) {
+    if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
-    if (name && isOpen) {
-      const open = this.#triggerElements.find(
+    if (name && isExpand) {
+      const expanded = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      open && this.#toggle(open, false, isMatch);
+      expanded && this.#toggle(expanded, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
       trigger.getAttribute(
-        `data-accordion-${isOpen ? "expanded" : "collapsed"}-label`
+        `data-accordion-${isExpand ? "expanded" : "collapsed"}-label`
       ) ?? trigger.ariaLabel ?? ""
     );
     const binding = this.#bindings.get(trigger);
@@ -791,7 +785,7 @@ var Accordion = class _Accordion {
     if (content.hidden) {
       content.hidden = false;
     }
-    const endSize = isOpen ? content.scrollHeight : 0;
+    const endSize = isExpand ? content.scrollHeight : 0;
     binding.animation?.cancel();
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
@@ -800,7 +794,7 @@ var Accordion = class _Accordion {
       { duration: isMatch ? 0 : duration, easing }
     );
     binding.animation = animation;
-    trigger.setAttribute("aria-expanded", String(isOpen));
+    trigger.setAttribute("aria-expanded", String(isExpand));
     function cleanup() {
       if (binding?.animation === animation) {
         binding.animation = null;
@@ -850,7 +844,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.18
+ * @version 2.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -875,7 +869,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.5
+   * @version 4.3.6
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -899,7 +893,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.2
+   * @version 3.1.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -400,13 +400,7 @@ var RovingTabIndex = class _RovingTabIndex {
       console.warn("Invalid wrap option. Fallback: false.");
       wrap = false;
     }
-    this.#settings = {
-      navigationOnly,
-      noMemory,
-      noStart,
-      typeahead,
-      wrap
-    };
+    this.#settings = { navigationOnly, noMemory, noStart, typeahead, wrap };
     direction && Object.assign(this.#settings, { direction });
     selector && Object.assign(this.#settings, { selector });
     this.#selectorFilter = this.#createSelectorFilter();
@@ -587,7 +581,7 @@ var Accordion = class _Accordion {
   #defaults = {
     animation: { duration: 300, easing: "ease" },
     selector: {
-      content: ":has(> [data-accordion-trigger]) + *",
+      content: "[data-accordion-content]",
       trigger: "[data-accordion-trigger]"
     }
   };
@@ -643,7 +637,7 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  close(trigger) {
+  collapse(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -678,7 +672,7 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
-  open(trigger) {
+  expand(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -763,21 +757,21 @@ var Accordion = class _Accordion {
     }
     binding.trigger.ariaExpanded === "false" && this.#toggle(binding.trigger, true, true);
   };
-  #toggle(trigger, isOpen, isMatch = false) {
-    if (trigger.ariaExpanded === String(isOpen)) {
+  #toggle(trigger, isExpand, isMatch = false) {
+    if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
-    if (name && isOpen) {
-      const open = this.#triggerElements.find(
+    if (name && isExpand) {
+      const expanded = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      open && this.#toggle(open, false, isMatch);
+      expanded && this.#toggle(expanded, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
       trigger.getAttribute(
-        `data-accordion-${isOpen ? "expanded" : "collapsed"}-label`
+        `data-accordion-${isExpand ? "expanded" : "collapsed"}-label`
       ) ?? trigger.ariaLabel ?? ""
     );
     const binding = this.#bindings.get(trigger);
@@ -789,7 +783,7 @@ var Accordion = class _Accordion {
     if (content.hidden) {
       content.hidden = false;
     }
-    const endSize = isOpen ? content.scrollHeight : 0;
+    const endSize = isExpand ? content.scrollHeight : 0;
     binding.animation?.cancel();
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
@@ -798,7 +792,7 @@ var Accordion = class _Accordion {
       { duration: isMatch ? 0 : duration, easing }
     );
     binding.animation = animation;
-    trigger.setAttribute("aria-expanded", String(isOpen));
+    trigger.setAttribute("aria-expanded", String(isExpand));
     function cleanup() {
       if (binding?.animation === animation) {
         binding.animation = null;
@@ -848,7 +842,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.18
+ * @version 2.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -873,7 +867,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.5
+   * @version 4.3.6
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -897,7 +891,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.2
+   * @version 3.1.3
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -15,7 +15,7 @@ var Accordion = class _Accordion {
   #defaults = {
     animation: { duration: 300, easing: "ease" },
     selector: {
-      content: ":has(> [data-accordion-trigger]) + *",
+      content: "[data-accordion-content]",
       trigger: "[data-accordion-trigger]"
     }
   };
@@ -71,7 +71,7 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  close(trigger) {
+  collapse(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -106,7 +106,7 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
-  open(trigger) {
+  expand(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -191,21 +191,21 @@ var Accordion = class _Accordion {
     }
     binding.trigger.ariaExpanded === "false" && this.#toggle(binding.trigger, true, true);
   };
-  #toggle(trigger, isOpen, isMatch = false) {
-    if (trigger.ariaExpanded === String(isOpen)) {
+  #toggle(trigger, isExpand, isMatch = false) {
+    if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
-    if (name && isOpen) {
-      const open = this.#triggerElements.find(
+    if (name && isExpand) {
+      const expanded = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      open && this.#toggle(open, false, isMatch);
+      expanded && this.#toggle(expanded, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
       trigger.getAttribute(
-        `data-accordion-${isOpen ? "expanded" : "collapsed"}-label`
+        `data-accordion-${isExpand ? "expanded" : "collapsed"}-label`
       ) ?? trigger.ariaLabel ?? ""
     );
     const binding = this.#bindings.get(trigger);
@@ -217,7 +217,7 @@ var Accordion = class _Accordion {
     if (content.hidden) {
       content.hidden = false;
     }
-    const endSize = isOpen ? content.scrollHeight : 0;
+    const endSize = isExpand ? content.scrollHeight : 0;
     binding.animation?.cancel();
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
@@ -226,7 +226,7 @@ var Accordion = class _Accordion {
       { duration: isMatch ? 0 : duration, easing }
     );
     binding.animation = animation;
-    trigger.setAttribute("aria-expanded", String(isOpen));
+    trigger.setAttribute("aria-expanded", String(isExpand));
     function cleanup() {
       if (binding?.animation === animation) {
         binding.animation = null;
@@ -276,7 +276,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.18
+ * @version 2.0.1
  * @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.18
+ * @version 2.0.1
  * @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);
-    close(trigger: HTMLElement): void;
+    collapse(trigger: HTMLElement): void;
     destroy(force?: boolean): Promise<void>;
-    open(trigger: HTMLElement): void;
+    expand(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.18
+ * @version 2.0.1
  * @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);
-    close(trigger: HTMLElement): void;
+    collapse(trigger: HTMLElement): void;
     destroy(force?: boolean): Promise<void>;
-    open(trigger: HTMLElement): void;
+    expand(trigger: HTMLElement): void;
 }
 
 export { type AccordionOptions, Accordion as default };

package/dist/index.js

@@ -9,7 +9,7 @@ var Accordion = class _Accordion {
   #defaults = {
     animation: { duration: 300, easing: "ease" },
     selector: {
-      content: ":has(> [data-accordion-trigger]) + *",
+      content: "[data-accordion-content]",
       trigger: "[data-accordion-trigger]"
     }
   };
@@ -65,7 +65,7 @@ var Accordion = class _Accordion {
     });
     this.#initialize();
   }
-  close(trigger) {
+  collapse(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -100,7 +100,7 @@ var Accordion = class _Accordion {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-accordion-initialized");
   }
-  open(trigger) {
+  expand(trigger) {
     if (this.#isDestroyed) {
       return;
     }
@@ -185,21 +185,21 @@ var Accordion = class _Accordion {
     }
     binding.trigger.ariaExpanded === "false" && this.#toggle(binding.trigger, true, true);
   };
-  #toggle(trigger, isOpen, isMatch = false) {
-    if (trigger.ariaExpanded === String(isOpen)) {
+  #toggle(trigger, isExpand, isMatch = false) {
+    if (trigger.ariaExpanded === String(isExpand)) {
       return;
     }
     const name = trigger.getAttribute("data-accordion-name");
-    if (name && isOpen) {
-      const open = this.#triggerElements.find(
+    if (name && isExpand) {
+      const expanded = this.#triggerElements.find(
         (t) => t !== trigger && t.getAttribute("data-accordion-name") === name && t.ariaExpanded === "true"
       );
-      open && this.#toggle(open, false, isMatch);
+      expanded && this.#toggle(expanded, false, isMatch);
     }
     trigger.setAttribute(
       "aria-label",
       trigger.getAttribute(
-        `data-accordion-${isOpen ? "expanded" : "collapsed"}-label`
+        `data-accordion-${isExpand ? "expanded" : "collapsed"}-label`
       ) ?? trigger.ariaLabel ?? ""
     );
     const binding = this.#bindings.get(trigger);
@@ -211,7 +211,7 @@ var Accordion = class _Accordion {
     if (content.hidden) {
       content.hidden = false;
     }
-    const endSize = isOpen ? content.scrollHeight : 0;
+    const endSize = isExpand ? content.scrollHeight : 0;
     binding.animation?.cancel();
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
@@ -220,7 +220,7 @@ var Accordion = class _Accordion {
       { duration: isMatch ? 0 : duration, easing }
     );
     binding.animation = animation;
-    trigger.setAttribute("aria-expanded", String(isOpen));
+    trigger.setAttribute("aria-expanded", String(isExpand));
     function cleanup() {
       if (binding?.animation === animation) {
         binding.animation = null;
@@ -270,7 +270,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 1.4.18
+ * @version 2.0.1
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "1.4.18",
+  "version": "2.0.1",
   "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.1.2"
+    "@y14e/roving-tabindex": "^3.1.3"
   }
 }