@y14e/accordion 2.0.6 → 2.0.8

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/accordion
 
 ```ts
 // npm
-import Accordion from "@y14e/accordion";
+import { Accordion } from "@y14e/accordion";
 
 // CDNs
-import Accordion from "https://esm.sh/@y14e/accordion@2.0.6";
+import { Accordion } from "https://esm.sh/@y14e/accordion@2.0.7";
 // or
-import Accordion from "https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.6/+esm";
+import { Accordion } from "https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.7/+esm";
 // or
-import Accordion from "https://esm.unpkg.com/@y14e/accordion@2.0.6";
+import { Accordion } from "https://esm.unpkg.com/@y14e/accordion@2.0.7";
 ```
 
 ## Usage
@@ -51,7 +51,7 @@ interface AccordionOptions {
 Override the global default settings applied to all accordion instances.
 
 ```ts
-import Accordion from "@y14e/accordion";
+import { Accordion } from "@y14e/accordion";
 
 Accordion.defaults = {
   animation: {

package/dist/index.bundle.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-// node_modules/@y14e/attribute-util/dist/index.js
+// node_modules/@y14e/attribute-utils/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
@@ -368,6 +368,56 @@ var Button = class {
   };
 };
 
+// node_modules/@y14e/attribute-util/dist/index.js
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
+function addAttributeToken2(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
+  const {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
+  } = options;
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(name, serialize(tokens));
+    }
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(name, serialize([...set]));
+  }
+}
+var snapshots2 = /* @__PURE__ */ new WeakMap();
+function restoreAttributes2(element_or_elements) {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
+    const snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      continue;
+    }
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
+    }
+    snapshots2.delete(element);
+  }
+}
+function saveAttributes2(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) => {
+    let snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      snapshot = /* @__PURE__ */ new Map();
+      snapshots2.set(element, snapshot);
+    }
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
+    });
+  });
+}
+
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
@@ -459,7 +509,7 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      restoreAttributes(focusable);
+      restoreAttributes2(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
@@ -564,7 +614,7 @@ var RovingTabIndex = class _RovingTabIndex {
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        restoreAttributes(focusable);
+        restoreAttributes2(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -586,7 +636,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        saveAttributes(focusable, "tabindex");
+        saveAttributes2(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -599,8 +649,8 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        saveAttributes(focusable, "aria-keyshortcuts");
-        addAttributeToken(focusable, "aria-keyshortcuts", char, {
+        saveAttributes2(focusable, "aria-keyshortcuts");
+        addAttributeToken2(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -917,7 +967,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -925,15 +975,15 @@ function waitAnimationFinish(animation) {
  */
 /*! Bundled license information:
 
-@y14e/attribute-util/dist/index.js:
+@y14e/attribute-utils/dist/index.js:
   (**
-   * Attribute Util
+   * Attribute Utils
    *
-   * @version 2.0.1
+   * @version 2.0.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attribute-util}
+   * @see {@link https://github.com/y14e/attribute-utils}
    *)
 
 power-focusable/dist/index.js:
@@ -942,7 +992,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.25
+   * @version 4.3.26
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -953,13 +1003,24 @@ power-focusable/dist/index.js:
   (**
    * Button
    *
-   * @version 1.0.7
+   * @version 1.0.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/button}
    *)
 
+@y14e/attribute-util/dist/index.js:
+  (**
+   * Attribute Util
+   *
+   * @version 2.0.3
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/attribute-util}
+   *)
+
 @y14e/roving-tabindex/dist/index.js:
   (**
    * Roving Tabindex
@@ -974,4 +1035,4 @@ power-focusable/dist/index.js:
    *)
 */
 
-module.exports = Accordion;
+exports.Accordion = Accordion;

package/dist/index.bundle.js

@@ -1,4 +1,4 @@
-// node_modules/@y14e/attribute-util/dist/index.js
+// node_modules/@y14e/attribute-utils/dist/index.js
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
@@ -366,6 +366,56 @@ var Button = class {
   };
 };
 
+// node_modules/@y14e/attribute-util/dist/index.js
+var DEFAULT_PARSER2 = (value) => value.split(/\s+/);
+var DEFAULT_SERIALIZER2 = (tokens) => tokens.join(" ");
+function addAttributeToken2(element, name, token, options = {}) {
+  const value = element.getAttribute(name)?.trim();
+  const {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER2,
+    serialize = DEFAULT_SERIALIZER2
+  } = options;
+  const tokens = value ? parse(value).filter(Boolean) : [];
+  if (caseInsensitive) {
+    const lower = token.toLowerCase();
+    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+      tokens.push(token);
+      element.setAttribute(name, serialize(tokens));
+    }
+  } else {
+    const set = new Set(tokens);
+    set.add(token);
+    element.setAttribute(name, serialize([...set]));
+  }
+}
+var snapshots2 = /* @__PURE__ */ new WeakMap();
+function restoreAttributes2(element_or_elements) {
+  for (const element of Array.isArray(element_or_elements) ? element_or_elements : [element_or_elements]) {
+    const snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      continue;
+    }
+    for (const [name, value] of snapshot.entries()) {
+      value === null ? element.removeAttribute(name) : element.setAttribute(name, value);
+    }
+    snapshots2.delete(element);
+  }
+}
+function saveAttributes2(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) => {
+    let snapshot = snapshots2.get(element);
+    if (!snapshot) {
+      snapshot = /* @__PURE__ */ new Map();
+      snapshots2.set(element, snapshot);
+    }
+    names.forEach((name) => {
+      snapshot.set(name, element.getAttribute(name));
+    });
+  });
+}
+
 // node_modules/@y14e/roving-tabindex/dist/index.js
 function createRovingTabIndex(container, options = {}) {
   if (!(container instanceof Element)) {
@@ -457,7 +507,7 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#controller = null;
     this.#focusables.forEach((focusable) => {
       _RovingTabIndex.#initialized.delete(focusable);
-      restoreAttributes(focusable);
+      restoreAttributes2(focusable);
     });
     this.#focusables.clear();
     this.#focusablesByFirstChar.clear();
@@ -562,7 +612,7 @@ var RovingTabIndex = class _RovingTabIndex {
     for (const focusable of this.#focusables) {
       if (!current.has(focusable)) {
         _RovingTabIndex.#initialized.delete(focusable);
-        restoreAttributes(focusable);
+        restoreAttributes2(focusable);
         this.#focusables.delete(focusable);
         for (const [key, focusables] of this.#focusablesByFirstChar) {
           const index = focusables.indexOf(focusable);
@@ -584,7 +634,7 @@ var RovingTabIndex = class _RovingTabIndex {
       this.#focusables.add(focusable);
       _RovingTabIndex.#initialized.add(focusable);
       if (!navigationOnly) {
-        saveAttributes(focusable, "tabindex");
+        saveAttributes2(focusable, "tabindex");
         focusable.setAttribute("tabindex", "-1");
       }
       if (!typeahead) {
@@ -597,8 +647,8 @@ var RovingTabIndex = class _RovingTabIndex {
       );
       if (char) {
         keys.add(char);
-        saveAttributes(focusable, "aria-keyshortcuts");
-        addAttributeToken(focusable, "aria-keyshortcuts", char, {
+        saveAttributes2(focusable, "aria-keyshortcuts");
+        addAttributeToken2(focusable, "aria-keyshortcuts", char, {
           caseInsensitive: true
         });
       }
@@ -915,7 +965,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -923,15 +973,15 @@ function waitAnimationFinish(animation) {
  */
 /*! Bundled license information:
 
-@y14e/attribute-util/dist/index.js:
+@y14e/attribute-utils/dist/index.js:
   (**
-   * Attribute Util
+   * Attribute Utils
    *
-   * @version 2.0.1
+   * @version 2.0.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
-   * @see {@link https://github.com/y14e/attribute-util}
+   * @see {@link https://github.com/y14e/attribute-utils}
    *)
 
 power-focusable/dist/index.js:
@@ -940,7 +990,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.25
+   * @version 4.3.26
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -951,13 +1001,24 @@ power-focusable/dist/index.js:
   (**
    * Button
    *
-   * @version 1.0.7
+   * @version 1.0.8
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
    * @see {@link https://github.com/y14e/button}
    *)
 
+@y14e/attribute-util/dist/index.js:
+  (**
+   * Attribute Util
+   *
+   * @version 2.0.3
+   * @author Yusuke Kamiyamane
+   * @license MIT
+   * @copyright Copyright (c) Yusuke Kamiyamane
+   * @see {@link https://github.com/y14e/attribute-util}
+   *)
+
 @y14e/roving-tabindex/dist/index.js:
   (**
    * Roving Tabindex
@@ -972,4 +1033,4 @@ power-focusable/dist/index.js:
    *)
 */
 
-export { Accordion as default };
+export { Accordion };

package/dist/index.cjs

@@ -1,11 +1,9 @@
 'use strict';
 
-var util = require('@y14e/attribute-util');
-var Button = require('@y14e/button');
+var utils = require('@y14e/attribute-utils');
+var button = require('@y14e/button');
 var rovingTabindex = require('@y14e/roving-tabindex');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -24,8 +22,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var util__namespace = /*#__PURE__*/_interopNamespace(util);
-var Button__default = /*#__PURE__*/_interopDefault(Button);
+var utils__namespace = /*#__PURE__*/_interopNamespace(utils);
 
 // src/index.ts
 var Accordion = class _Accordion {
@@ -121,7 +118,7 @@ var Accordion = class _Accordion {
     });
     this.#animationController?.abort();
     this.#animationController = null;
-    util__namespace.restoreAttributes([
+    utils__namespace.restoreAttributes([
       ...this.#triggerElements,
       ...this.#contentElements
     ]);
@@ -140,14 +137,14 @@ var Accordion = class _Accordion {
     this.#toggle(trigger, true);
   }
   #initialize() {
-    util__namespace.saveAttributes(this.#triggerElements, [
+    utils__namespace.saveAttributes(this.#triggerElements, [
       "aria-controls",
       "aria-disabled",
       "id",
       "style",
       "tabindex"
     ]);
-    util__namespace.saveAttributes(this.#contentElements, [
+    utils__namespace.saveAttributes(this.#contentElements, [
       "aria-labelledby",
       "id",
       "role"
@@ -161,7 +158,7 @@ var Accordion = class _Accordion {
         return;
       }
       content2.id ||= `accordion-content-${id}`;
-      util__namespace.addAttributeToken(trigger2, "aria-controls", content2.id);
+      utils__namespace.addAttributeToken(trigger2, "aria-controls", content2.id);
       trigger2.setAttribute(
         "aria-expanded",
         String(trigger2.ariaExpanded === "true")
@@ -173,12 +170,12 @@ var Accordion = class _Accordion {
         trigger2.style.setProperty("pointer-events", "none");
       }
       trigger2.addEventListener("click", this.#onTriggerClick, { signal });
-      util__namespace.addAttributeToken(content2, "aria-labelledby", trigger2.id);
+      utils__namespace.addAttributeToken(content2, "aria-labelledby", trigger2.id);
       content2.setAttribute("role", "region");
       content2.addEventListener("beforematch", this.#onContentBeforeMatch, {
         signal
       });
-      this.#buttons.push(new Button__default.default(trigger2));
+      this.#buttons.push(new button.Button(trigger2));
     });
     const { trigger, content } = this.#settings.selector;
     this.#cleanupRovingTabIndex = rovingTabindex.createRovingTabIndex(this.#rootElement, {
@@ -308,11 +305,11 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/accordion}
  */
 
-module.exports = Accordion;
+exports.Accordion = Accordion;

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -28,4 +28,4 @@ declare class Accordion {
     expand(trigger: HTMLElement): void;
 }
 
-export { type AccordionOptions, Accordion as default };
+export { Accordion, type AccordionOptions };

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -28,4 +28,4 @@ declare class Accordion {
     expand(trigger: HTMLElement): void;
 }
 
-export { type AccordionOptions, Accordion as default };
+export { Accordion, type AccordionOptions };

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as util from '@y14e/attribute-util';
-import Button from '@y14e/button';
+import * as utils from '@y14e/attribute-utils';
+import { Button } from '@y14e/button';
 import { createRovingTabIndex } from '@y14e/roving-tabindex';
 
 // src/index.ts
@@ -96,7 +96,7 @@ var Accordion = class _Accordion {
     });
     this.#animationController?.abort();
     this.#animationController = null;
-    util.restoreAttributes([
+    utils.restoreAttributes([
       ...this.#triggerElements,
       ...this.#contentElements
     ]);
@@ -115,14 +115,14 @@ var Accordion = class _Accordion {
     this.#toggle(trigger, true);
   }
   #initialize() {
-    util.saveAttributes(this.#triggerElements, [
+    utils.saveAttributes(this.#triggerElements, [
       "aria-controls",
       "aria-disabled",
       "id",
       "style",
       "tabindex"
     ]);
-    util.saveAttributes(this.#contentElements, [
+    utils.saveAttributes(this.#contentElements, [
       "aria-labelledby",
       "id",
       "role"
@@ -136,7 +136,7 @@ var Accordion = class _Accordion {
         return;
       }
       content2.id ||= `accordion-content-${id}`;
-      util.addAttributeToken(trigger2, "aria-controls", content2.id);
+      utils.addAttributeToken(trigger2, "aria-controls", content2.id);
       trigger2.setAttribute(
         "aria-expanded",
         String(trigger2.ariaExpanded === "true")
@@ -148,7 +148,7 @@ var Accordion = class _Accordion {
         trigger2.style.setProperty("pointer-events", "none");
       }
       trigger2.addEventListener("click", this.#onTriggerClick, { signal });
-      util.addAttributeToken(content2, "aria-labelledby", trigger2.id);
+      utils.addAttributeToken(content2, "aria-labelledby", trigger2.id);
       content2.setAttribute("role", "region");
       content2.addEventListener("beforematch", this.#onContentBeforeMatch, {
         signal
@@ -283,11 +283,11 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.6
+ * @version 2.0.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
  * @see {@link https://github.com/y14e/accordion}
  */
 
-export { Accordion as default };
+export { Accordion };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/accordion",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -50,9 +50,12 @@
   "engines": {
     "node": ">=18"
   },
+  "allowScripts": {
+    "esbuild": true
+  },
   "dependencies": {
-    "@y14e/attribute-util": "^2.0.1",
-    "@y14e/button": "^1.0.7",
+    "@y14e/attribute-utils": "^2.0.5",
+    "@y14e/button": "^1.0.8",
     "@y14e/roving-tabindex": "^3.1.22"
   }
 }