@y14e/accordion 2.0.9 → 2.0.11

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@2.0.9";
+import { Accordion } from "https://esm.sh/@y14e/accordion@2.0.11";
 // or
-import { Accordion } from "https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.9/+esm";
+import { Accordion } from "https://cdn.jsdelivr.net/npm/@y14e/accordion@2.0.11/+esm";
 // or
-import { Accordion } from "https://esm.unpkg.com/@y14e/accordion@2.0.9";
+import { Accordion } from "https://esm.unpkg.com/@y14e/accordion@2.0.11";
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -415,17 +415,9 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
-      let hasError = false;
-      if (typeof selector !== "string" || !selector.trim()) {
-        hasError = true;
-      } else {
-        try {
-          this.#container.querySelector(selector);
-        } catch {
-          hasError = true;
-        }
-      }
-      if (hasError) {
+      try {
+        document.querySelector(selector);
+      } catch {
         console.warn("Invalid selector. Fallback: no selector string.");
         selector = "";
       }
@@ -641,7 +633,10 @@ var Accordion = class _Accordion {
   static defaults = {};
   #rootElement;
   #defaults = {
-    animation: { duration: 300, easing: "ease" },
+    animation: {
+      duration: 300,
+      easing: "ease"
+    },
     collapsible: true,
     selector: {
       content: "[data-accordion-content]",
@@ -892,12 +887,51 @@ var Accordion = class _Accordion {
     return !element.hasAttribute("disabled") && element.tabIndex >= 0;
   }
   #mergeOptions(target, source) {
-    return {
+    const merged = {
       ...target,
       ...source,
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
+    const mergedAnimation = merged.animation;
+    const duration = mergedAnimation.duration;
+    const defaultAnimation = this.#defaults.animation;
+    if (typeof duration !== "number" || Number.isNaN(duration)) {
+      const duration2 = defaultAnimation.duration;
+      console.warn(`Invalid animation duration. Fallback: ${duration2} (ms).`);
+      mergedAnimation.duration = duration2;
+    }
+    if (duration < 0) {
+      console.warn("Invalid animation duration. Fallback: 0 (ms).");
+      mergedAnimation.duration = 0;
+    }
+    if (!CSS.supports("animation-timing-function", mergedAnimation.easing)) {
+      const easing = defaultAnimation.easing;
+      console.warn(`Invalid animation easing. Fallback: '${easing}'.`);
+      mergedAnimation.easing = easing;
+    }
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    const mergedSelector = merged.selector;
+    const defaultSelector = this.#defaults.selector;
+    try {
+      document.querySelector(mergedSelector.content);
+    } catch {
+      const content = defaultSelector.content;
+      console.warn(`Invalid content selector. Fallback: '${content}'.`);
+      mergedSelector.content = content;
+    }
+    try {
+      document.querySelector(mergedSelector.trigger);
+    } catch {
+      const trigger = defaultSelector.trigger;
+      console.warn(`Invalid trigger selector. Fallback: '${trigger}'.`);
+      mergedSelector.trigger = trigger;
+    }
+    return merged;
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -917,7 +951,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -942,7 +976,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.26
+   * @version 4.3.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -966,7 +1000,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.23
+   * @version 3.1.25
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -413,17 +413,9 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
-      let hasError = false;
-      if (typeof selector !== "string" || !selector.trim()) {
-        hasError = true;
-      } else {
-        try {
-          this.#container.querySelector(selector);
-        } catch {
-          hasError = true;
-        }
-      }
-      if (hasError) {
+      try {
+        document.querySelector(selector);
+      } catch {
         console.warn("Invalid selector. Fallback: no selector string.");
         selector = "";
       }
@@ -639,7 +631,10 @@ var Accordion = class _Accordion {
   static defaults = {};
   #rootElement;
   #defaults = {
-    animation: { duration: 300, easing: "ease" },
+    animation: {
+      duration: 300,
+      easing: "ease"
+    },
     collapsible: true,
     selector: {
       content: "[data-accordion-content]",
@@ -890,12 +885,51 @@ var Accordion = class _Accordion {
     return !element.hasAttribute("disabled") && element.tabIndex >= 0;
   }
   #mergeOptions(target, source) {
-    return {
+    const merged = {
       ...target,
       ...source,
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
+    const mergedAnimation = merged.animation;
+    const duration = mergedAnimation.duration;
+    const defaultAnimation = this.#defaults.animation;
+    if (typeof duration !== "number" || Number.isNaN(duration)) {
+      const duration2 = defaultAnimation.duration;
+      console.warn(`Invalid animation duration. Fallback: ${duration2} (ms).`);
+      mergedAnimation.duration = duration2;
+    }
+    if (duration < 0) {
+      console.warn("Invalid animation duration. Fallback: 0 (ms).");
+      mergedAnimation.duration = 0;
+    }
+    if (!CSS.supports("animation-timing-function", mergedAnimation.easing)) {
+      const easing = defaultAnimation.easing;
+      console.warn(`Invalid animation easing. Fallback: '${easing}'.`);
+      mergedAnimation.easing = easing;
+    }
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    const mergedSelector = merged.selector;
+    const defaultSelector = this.#defaults.selector;
+    try {
+      document.querySelector(mergedSelector.content);
+    } catch {
+      const content = defaultSelector.content;
+      console.warn(`Invalid content selector. Fallback: '${content}'.`);
+      mergedSelector.content = content;
+    }
+    try {
+      document.querySelector(mergedSelector.trigger);
+    } catch {
+      const trigger = defaultSelector.trigger;
+      console.warn(`Invalid trigger selector. Fallback: '${trigger}'.`);
+      mergedSelector.trigger = trigger;
+    }
+    return merged;
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -915,7 +949,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -940,7 +974,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.26
+   * @version 4.3.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -964,7 +998,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.23
+   * @version 3.1.25
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -29,7 +29,10 @@ var Accordion = class _Accordion {
   static defaults = {};
   #rootElement;
   #defaults = {
-    animation: { duration: 300, easing: "ease" },
+    animation: {
+      duration: 300,
+      easing: "ease"
+    },
     collapsible: true,
     selector: {
       content: "[data-accordion-content]",
@@ -280,12 +283,51 @@ var Accordion = class _Accordion {
     return !element.hasAttribute("disabled") && element.tabIndex >= 0;
   }
   #mergeOptions(target, source) {
-    return {
+    const merged = {
       ...target,
       ...source,
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
+    const mergedAnimation = merged.animation;
+    const duration = mergedAnimation.duration;
+    const defaultAnimation = this.#defaults.animation;
+    if (typeof duration !== "number" || Number.isNaN(duration)) {
+      const duration2 = defaultAnimation.duration;
+      console.warn(`Invalid animation duration. Fallback: ${duration2} (ms).`);
+      mergedAnimation.duration = duration2;
+    }
+    if (duration < 0) {
+      console.warn("Invalid animation duration. Fallback: 0 (ms).");
+      mergedAnimation.duration = 0;
+    }
+    if (!CSS.supports("animation-timing-function", mergedAnimation.easing)) {
+      const easing = defaultAnimation.easing;
+      console.warn(`Invalid animation easing. Fallback: '${easing}'.`);
+      mergedAnimation.easing = easing;
+    }
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    const mergedSelector = merged.selector;
+    const defaultSelector = this.#defaults.selector;
+    try {
+      document.querySelector(mergedSelector.content);
+    } catch {
+      const content = defaultSelector.content;
+      console.warn(`Invalid content selector. Fallback: '${content}'.`);
+      mergedSelector.content = content;
+    }
+    try {
+      document.querySelector(mergedSelector.trigger);
+    } catch {
+      const trigger = defaultSelector.trigger;
+      console.warn(`Invalid trigger selector. Fallback: '${trigger}'.`);
+      mergedSelector.trigger = trigger;
+    }
+    return merged;
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -305,7 +347,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @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 2.0.9
+ * @version 2.0.11
  * @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 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -7,7 +7,10 @@ var Accordion = class _Accordion {
   static defaults = {};
   #rootElement;
   #defaults = {
-    animation: { duration: 300, easing: "ease" },
+    animation: {
+      duration: 300,
+      easing: "ease"
+    },
     collapsible: true,
     selector: {
       content: "[data-accordion-content]",
@@ -258,12 +261,51 @@ var Accordion = class _Accordion {
     return !element.hasAttribute("disabled") && element.tabIndex >= 0;
   }
   #mergeOptions(target, source) {
-    return {
+    const merged = {
       ...target,
       ...source,
       animation: { ...target.animation, ...source.animation ?? {} },
       selector: { ...target.selector, ...source.selector ?? {} }
     };
+    const mergedAnimation = merged.animation;
+    const duration = mergedAnimation.duration;
+    const defaultAnimation = this.#defaults.animation;
+    if (typeof duration !== "number" || Number.isNaN(duration)) {
+      const duration2 = defaultAnimation.duration;
+      console.warn(`Invalid animation duration. Fallback: ${duration2} (ms).`);
+      mergedAnimation.duration = duration2;
+    }
+    if (duration < 0) {
+      console.warn("Invalid animation duration. Fallback: 0 (ms).");
+      mergedAnimation.duration = 0;
+    }
+    if (!CSS.supports("animation-timing-function", mergedAnimation.easing)) {
+      const easing = defaultAnimation.easing;
+      console.warn(`Invalid animation easing. Fallback: '${easing}'.`);
+      mergedAnimation.easing = easing;
+    }
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    const mergedSelector = merged.selector;
+    const defaultSelector = this.#defaults.selector;
+    try {
+      document.querySelector(mergedSelector.content);
+    } catch {
+      const content = defaultSelector.content;
+      console.warn(`Invalid content selector. Fallback: '${content}'.`);
+      mergedSelector.content = content;
+    }
+    try {
+      document.querySelector(mergedSelector.trigger);
+    } catch {
+      const trigger = defaultSelector.trigger;
+      console.warn(`Invalid trigger selector. Fallback: '${trigger}'.`);
+      mergedSelector.trigger = trigger;
+    }
+    return merged;
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -283,7 +325,7 @@ function waitAnimationFinish(animation) {
  * Accordion
  * WAI-ARIA compliant accordion pattern implementation in TypeScript.
  *
- * @version 2.0.9
+ * @version 2.0.11
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,11 +1,27 @@
 {
   "name": "@y14e/accordion",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "WAI-ARIA compliant accordion pattern implementation in TypeScript",
+  "keywords": [
+    "a11y",
+    "accessibility",
+    "accordion",
+    "collapsible",
+    "component",
+    "typescript",
+    "utility"
+  ],
+  "homepage": "https://github.com/y14e/accordion#readme",
+  "bugs": {
+    "url": "https://github.com/y14e/accordion/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/y14e/accordion.git"
+  },
+  "license": "MIT",
+  "author": "Yusuke Kamiyamane",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -13,6 +29,9 @@
       "require": "./dist/index.cjs"
     }
   },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "LICENSE",
@@ -20,28 +39,9 @@
   ],
   "scripts": {
     "build": "tsup",
-    "prepublishOnly": "npm run build",
-    "lint": "tsc --noEmit"
-  },
-  "keywords": [
-    "a11y",
-    "accessibility",
-    "accordion",
-    "collapsible",
-    "component",
-    "typescript",
-    "utility"
-  ],
-  "author": "Yusuke Kamiyamane",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/y14e/accordion.git"
+    "lint": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
   },
-  "bugs": {
-    "url": "https://github.com/y14e/accordion/issues"
-  },
-  "homepage": "https://github.com/y14e/accordion#readme",
   "devDependencies": {
     "bun-types": "latest",
     "tsup": "^8.0.0",
@@ -56,6 +56,6 @@
   "dependencies": {
     "@y14e/attribute-utils": "^2.0.5",
     "@y14e/button": "^1.0.8",
-    "@y14e/roving-tabindex": "^3.1.23"
+    "@y14e/roving-tabindex": "^3.1.25"
   }
 }