@y14e/disclosure 1.3.17 → 1.3.18

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/disclosure
 
 ```ts
 // npm
-import Disclosure from '@y14e/disclosure@1.3.17';
+import Disclosure from '@y14e/disclosure@1.3.18';
 
 // CDNs
-import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.17';
+import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.18';
 // or
-import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.17/+esm';
+import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.18/+esm';
 // or
-import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.17';
+import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.18';
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -294,8 +294,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();
@@ -377,7 +383,7 @@ var RovingTabIndex = class _RovingTabIndex {
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
+    document.addEventListener("focusin", this.#onFocusIn, {
       capture: true,
       signal
     });
@@ -715,7 +721,7 @@ var Disclosure = class _Disclosure {
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -723,11 +729,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -787,7 +789,7 @@ var Disclosure = class _Disclosure {
   }
 };
 function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
+  return { details, summary, content, animation: null };
 }
 function isFocusable2(element) {
   return element.tabIndex >= 0;
@@ -806,7 +808,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -844,7 +846,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.0.14
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -292,8 +292,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();
@@ -375,7 +381,7 @@ var RovingTabIndex = class _RovingTabIndex {
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
+    document.addEventListener("focusin", this.#onFocusIn, {
       capture: true,
       signal
     });
@@ -713,7 +719,7 @@ var Disclosure = class _Disclosure {
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -721,11 +727,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -785,7 +787,7 @@ var Disclosure = class _Disclosure {
   }
 };
 function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
+  return { details, summary, content, animation: null };
 }
 function isFocusable2(element) {
   return element.tabIndex >= 0;
@@ -804,7 +806,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -842,7 +844,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.0.14
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -191,7 +191,7 @@ var Disclosure = class _Disclosure {
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -199,11 +199,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -263,7 +259,7 @@ var Disclosure = class _Disclosure {
   }
 };
 function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
+  return { details, summary, content, animation: null };
 }
 function isFocusable(element) {
   return element.tabIndex >= 0;
@@ -282,7 +278,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.cts

@@ -3,7 +3,7 @@
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -189,7 +189,7 @@ var Disclosure = class _Disclosure {
     if (!binding) {
       return;
     }
-    const { content, timer } = binding;
+    const { content } = binding;
     const startSize = details.open ? content.offsetHeight : 0;
     binding.animation?.cancel();
     if (isOpen) {
@@ -197,11 +197,7 @@ var Disclosure = class _Disclosure {
     }
     const endSize = isOpen ? content.scrollHeight : 0;
     binding.animation?.cancel();
-    timer && cancelAnimationFrame(timer);
-    binding.timer = requestAnimationFrame(() => {
-      binding.timer = void 0;
-      details.toggleAttribute("data-disclosure-open", isOpen);
-    });
+    details.toggleAttribute("data-disclosure-open", isOpen);
     content.style.setProperty("overflow", "clip");
     const { duration, easing } = this.#settings.animation;
     const animation = content.animate(
@@ -261,7 +257,7 @@ var Disclosure = class _Disclosure {
   }
 };
 function createBinding(details, summary, content) {
-  return { details, summary, content, timer: void 0, animation: null };
+  return { details, summary, content, animation: null };
 }
 function isFocusable(element) {
   return element.tabIndex >= 0;
@@ -280,7 +276,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.17
+ * @version 1.3.18
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure",
-  "version": "1.3.17",
+  "version": "1.3.18",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -53,6 +53,6 @@
   },
   "dependencies": {
     "@y14e/attributes-utils": "^1.1.2",
-    "@y14e/roving-tabindex": "^3.0.12"
+    "@y14e/roving-tabindex": "^3.0.14"
   }
 }