@y14e/disclosure-css 1.3.11 → 1.3.12

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/disclosure-css
 
 ```ts
 // npm
-import Disclosure from '@y14e/disclosure-css@1.3.11';
+import Disclosure from '@y14e/disclosure-css@1.3.12';
 
 // CDNs
-import Disclosure from 'https://esm.sh/@y14e/disclosure-css@1.3.11';
+import Disclosure from 'https://esm.sh/@y14e/disclosure-css@1.3.12';
 // or
-import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@1.3.11/+esm';
+import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@1.3.12/+esm';
 // or
-import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure-css@1.3.11';
+import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure-css@1.3.12';
 ```
 
 ## 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();
@@ -371,28 +377,28 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(document.activeElement);
+    this.#update(getActiveElement());
     if (!(this.#container instanceof HTMLElement)) {
       return;
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
-      capture: true,
-      signal
-    });
-    this.#container.addEventListener("keydown", this.#onKeyDown, {
-      capture: true,
-      signal
-    });
+    document.addEventListener("focusin", this.#onFocusIn, { signal });
+    this.#settings.noMemory && document.addEventListener("focusout", this.#onFocusOut, { signal });
+    this.#container.addEventListener("keydown", this.#onKeyDown, { signal });
   }
   #onFocusIn = (event) => {
     const { target } = event;
     if (!(target instanceof Element)) {
       return;
     }
-    const isFocusable3 = this.#focusables.has(target);
-    this.#settings.noMemory && !isFocusable3 ? this.#update(null) : isFocusable3 && this.#update(target);
+    const isFocusable2 = this.#focusables.has(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update() : isFocusable2 && this.#update(target);
+  };
+  #onFocusOut = (event) => {
+    if (!event.relatedTarget) {
+      this.#update();
+    }
   };
   #onKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
@@ -579,7 +585,7 @@ var Disclosure = class {
       if (!summary || !content) {
         return;
       }
-      const binding = createBinding(details, summary, content);
+      const binding = this.#createBinding(details, summary, content);
       this.#bindings.set(details, binding);
       this.#bindings.set(summary, binding);
       this.#bindings.set(content, binding);
@@ -625,7 +631,7 @@ var Disclosure = class {
       "style",
       "tabindex"
     ]);
-    this.#summaryElements.filter((summary) => !isFocusable2(summary)).forEach((summary) => {
+    this.#summaryElements.filter((summary) => !this.#isFocusable(summary)).forEach((summary) => {
       summary.setAttribute("aria-disabled", "true");
       summary.setAttribute("tabindex", "-1");
       summary.style.setProperty("pointer-events", "none");
@@ -643,19 +649,19 @@ var Disclosure = class {
       details.open = isOpen;
     }
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content };
-}
-function isFocusable2(element) {
-  return element.tabIndex >= 0;
-}
 /**
  * Disclosure (CSS Animation)
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.11
+ * @version 1.3.12
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -680,7 +686,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.3
+   * @version 4.3.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -693,7 +699,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.1.2
    * @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();
@@ -369,28 +375,28 @@ var RovingTabIndex = class _RovingTabIndex {
     this.#focusablesByFirstChar.clear();
   }
   #initialize() {
-    this.#update(document.activeElement);
+    this.#update(getActiveElement());
     if (!(this.#container instanceof HTMLElement)) {
       return;
     }
     this.#controller = new AbortController();
     const { signal } = this.#controller;
-    this.#container.addEventListener("focusin", this.#onFocusIn, {
-      capture: true,
-      signal
-    });
-    this.#container.addEventListener("keydown", this.#onKeyDown, {
-      capture: true,
-      signal
-    });
+    document.addEventListener("focusin", this.#onFocusIn, { signal });
+    this.#settings.noMemory && document.addEventListener("focusout", this.#onFocusOut, { signal });
+    this.#container.addEventListener("keydown", this.#onKeyDown, { signal });
   }
   #onFocusIn = (event) => {
     const { target } = event;
     if (!(target instanceof Element)) {
       return;
     }
-    const isFocusable3 = this.#focusables.has(target);
-    this.#settings.noMemory && !isFocusable3 ? this.#update(null) : isFocusable3 && this.#update(target);
+    const isFocusable2 = this.#focusables.has(target);
+    this.#settings.noMemory && !isFocusable2 ? this.#update() : isFocusable2 && this.#update(target);
+  };
+  #onFocusOut = (event) => {
+    if (!event.relatedTarget) {
+      this.#update();
+    }
   };
   #onKeyDown = (event) => {
     const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
@@ -577,7 +583,7 @@ var Disclosure = class {
       if (!summary || !content) {
         return;
       }
-      const binding = createBinding(details, summary, content);
+      const binding = this.#createBinding(details, summary, content);
       this.#bindings.set(details, binding);
       this.#bindings.set(summary, binding);
       this.#bindings.set(content, binding);
@@ -623,7 +629,7 @@ var Disclosure = class {
       "style",
       "tabindex"
     ]);
-    this.#summaryElements.filter((summary) => !isFocusable2(summary)).forEach((summary) => {
+    this.#summaryElements.filter((summary) => !this.#isFocusable(summary)).forEach((summary) => {
       summary.setAttribute("aria-disabled", "true");
       summary.setAttribute("tabindex", "-1");
       summary.style.setProperty("pointer-events", "none");
@@ -641,19 +647,19 @@ var Disclosure = class {
       details.open = isOpen;
     }
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content };
-}
-function isFocusable2(element) {
-  return element.tabIndex >= 0;
-}
 /**
  * Disclosure (CSS Animation)
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.11
+ * @version 1.3.12
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -678,7 +684,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.3
+   * @version 4.3.5
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -691,7 +697,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.1.2
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -55,7 +55,7 @@ var Disclosure = class {
       if (!summary || !content) {
         return;
       }
-      const binding = createBinding(details, summary, content);
+      const binding = this.#createBinding(details, summary, content);
       this.#bindings.set(details, binding);
       this.#bindings.set(summary, binding);
       this.#bindings.set(content, binding);
@@ -101,7 +101,7 @@ var Disclosure = class {
       "style",
       "tabindex"
     ]);
-    this.#summaryElements.filter((summary) => !isFocusable(summary)).forEach((summary) => {
+    this.#summaryElements.filter((summary) => !this.#isFocusable(summary)).forEach((summary) => {
       summary.setAttribute("aria-disabled", "true");
       summary.setAttribute("tabindex", "-1");
       summary.style.setProperty("pointer-events", "none");
@@ -119,19 +119,19 @@ var Disclosure = class {
       details.open = isOpen;
     }
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content };
-}
-function isFocusable(element) {
-  return element.tabIndex >= 0;
-}
 /**
  * Disclosure (CSS Animation)
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.11
+ * @version 1.3.12
  * @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.11
+ * @version 1.3.12
  * @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.11
+ * @version 1.3.12
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -53,7 +53,7 @@ var Disclosure = class {
       if (!summary || !content) {
         return;
       }
-      const binding = createBinding(details, summary, content);
+      const binding = this.#createBinding(details, summary, content);
       this.#bindings.set(details, binding);
       this.#bindings.set(summary, binding);
       this.#bindings.set(content, binding);
@@ -99,7 +99,7 @@ var Disclosure = class {
       "style",
       "tabindex"
     ]);
-    this.#summaryElements.filter((summary) => !isFocusable(summary)).forEach((summary) => {
+    this.#summaryElements.filter((summary) => !this.#isFocusable(summary)).forEach((summary) => {
       summary.setAttribute("aria-disabled", "true");
       summary.setAttribute("tabindex", "-1");
       summary.style.setProperty("pointer-events", "none");
@@ -117,19 +117,19 @@ var Disclosure = class {
       details.open = isOpen;
     }
   }
+  #createBinding(details, summary, content) {
+    return { details, summary, content };
+  }
+  #isFocusable(element) {
+    return element.tabIndex >= 0;
+  }
 };
-function createBinding(details, summary, content) {
-  return { details, summary, content };
-}
-function isFocusable(element) {
-  return element.tabIndex >= 0;
-}
 /**
  * Disclosure (CSS Animation)
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.11
+ * @version 1.3.12
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

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