@y14e/disclosure 1.3.11 → 1.3.12

package/README.md

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

package/dist/index.cjs

@@ -400,11 +400,10 @@ var RovingTabIndex = class {
   }
   #onFocusIn = (event) => {
     const { target } = event;
-    if (!(target instanceof Element)) {
-      return;
+    if (target instanceof Element) {
+      const isFocusable22 = this.#focusables.has(target);
+      this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
     }
-    const isFocusable22 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -494,11 +493,11 @@ var RovingTabIndex = class {
       if (!typeahead) {
         continue;
       }
+      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
         value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
-      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes2([focusable], ["aria-keyshortcuts"]);
@@ -611,13 +610,12 @@ var Disclosure = class _Disclosure {
     this.#detailsElements.forEach((details, i) => {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
-      if (!summary || !content) {
-        return;
+      if (summary && content) {
+        const binding = createBinding(details, summary, content);
+        this.#bindings.set(details, binding);
+        this.#bindings.set(summary, binding);
+        this.#bindings.set(content, binding);
       }
-      const binding = createBinding(details, summary, content);
-      this.#bindings.set(details, binding);
-      this.#bindings.set(summary, binding);
-      this.#bindings.set(content, binding);
     });
     this.#initialize();
   }
@@ -625,11 +623,11 @@ var Disclosure = class _Disclosure {
     if (this.#isDestroyed) {
       return;
     }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+    if (details instanceof HTMLDetailsElement && this.#bindings.has(details)) {
+      this.#toggle(details, false);
+    } else {
       console.warn("Invalid <details> element");
-      return;
     }
-    this.#toggle(details, false);
   }
   async destroy(force = false) {
     if (this.#isDestroyed) {
@@ -666,11 +664,11 @@ var Disclosure = class _Disclosure {
     if (this.#isDestroyed) {
       return;
     }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+    if (details instanceof HTMLDetailsElement && this.#bindings.has(details)) {
+      this.#toggle(details, true);
+    } else {
       console.warn("Invalid <details> element");
-      return;
     }
-    this.#toggle(details, true);
   }
   #initialize() {
     saveAttributes(this.#summaryElements, [
@@ -715,11 +713,10 @@ var Disclosure = class _Disclosure {
       return;
     }
     const binding = this.#bindings.get(summary);
-    if (!binding) {
-      return;
+    if (binding) {
+      const { details } = binding;
+      this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
     }
-    const { details } = binding;
-    this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
@@ -817,17 +814,18 @@ function isFocusable2(element) {
 function waitAnimationFinish(animation) {
   if (["idle", "finished"].includes(animation.playState)) {
     return Promise.resolve();
+  } else {
+    return new Promise(
+      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+    );
   }
-  return new Promise(
-    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-  );
 }
 /**
  * Disclosure
  * 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
@@ -852,7 +850,7 @@ function waitAnimationFinish(animation) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.2
+   * @version 3.0.4
    * @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

@@ -398,11 +398,10 @@ var RovingTabIndex = class {
   }
   #onFocusIn = (event) => {
     const { target } = event;
-    if (!(target instanceof Element)) {
-      return;
+    if (target instanceof Element) {
+      const isFocusable22 = this.#focusables.has(target);
+      this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
     }
-    const isFocusable22 = this.#focusables.has(target);
-    this.#options.noMemory && !isFocusable22 ? this.#update(null) : isFocusable22 && this.#update(target);
   };
   #onKeyDown = (event) => {
     if (!event.composedPath().includes(this.#container)) {
@@ -492,11 +491,11 @@ var RovingTabIndex = class {
       if (!typeahead) {
         continue;
       }
+      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       const value = focusable.ariaKeyShortcuts?.trim();
       const keys = new Set(
         value ? value.split(/\s+/).filter((key) => /^\S$/i.test(key)).map((key) => key.toUpperCase()) : []
       );
-      const char = focusable.textContent?.trim()?.at(0)?.toUpperCase();
       if (char) {
         keys.add(char);
         saveAttributes2([focusable], ["aria-keyshortcuts"]);
@@ -609,13 +608,12 @@ var Disclosure = class _Disclosure {
     this.#detailsElements.forEach((details, i) => {
       const summary = this.#summaryElements[i];
       const content = this.#contentElements[i];
-      if (!summary || !content) {
-        return;
+      if (summary && content) {
+        const binding = createBinding(details, summary, content);
+        this.#bindings.set(details, binding);
+        this.#bindings.set(summary, binding);
+        this.#bindings.set(content, binding);
       }
-      const binding = createBinding(details, summary, content);
-      this.#bindings.set(details, binding);
-      this.#bindings.set(summary, binding);
-      this.#bindings.set(content, binding);
     });
     this.#initialize();
   }
@@ -623,11 +621,11 @@ var Disclosure = class _Disclosure {
     if (this.#isDestroyed) {
       return;
     }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+    if (details instanceof HTMLDetailsElement && this.#bindings.has(details)) {
+      this.#toggle(details, false);
+    } else {
       console.warn("Invalid <details> element");
-      return;
     }
-    this.#toggle(details, false);
   }
   async destroy(force = false) {
     if (this.#isDestroyed) {
@@ -664,11 +662,11 @@ var Disclosure = class _Disclosure {
     if (this.#isDestroyed) {
       return;
     }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+    if (details instanceof HTMLDetailsElement && this.#bindings.has(details)) {
+      this.#toggle(details, true);
+    } else {
       console.warn("Invalid <details> element");
-      return;
     }
-    this.#toggle(details, true);
   }
   #initialize() {
     saveAttributes(this.#summaryElements, [
@@ -713,11 +711,10 @@ var Disclosure = class _Disclosure {
       return;
     }
     const binding = this.#bindings.get(summary);
-    if (!binding) {
-      return;
+    if (binding) {
+      const { details } = binding;
+      this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
     }
-    const { details } = binding;
-    this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
   #toggle(details, isOpen) {
     if (details.hasAttribute("data-disclosure-open") === isOpen) {
@@ -815,17 +812,18 @@ function isFocusable2(element) {
 function waitAnimationFinish(animation) {
   if (["idle", "finished"].includes(animation.playState)) {
     return Promise.resolve();
+  } else {
+    return new Promise(
+      (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+    );
   }
-  return new Promise(
-    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
-  );
 }
 /**
  * Disclosure
  * 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
@@ -850,7 +848,7 @@ function waitAnimationFinish(animation) {
    * Lightweight roving tabindex utility with fully focus management.
    * Designed for accessible menus, tabs, toolbars, and composite widgets.
    *
-   * @version 3.0.2
+   * @version 3.0.4
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure",
-  "version": "1.3.11",
+  "version": "1.3.12",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -44,7 +44,7 @@
   "homepage": "https://github.com/y14e/disclosure#readme",
   "devDependencies": {
     "@y14e/attributes-utils": "^1.1.2",
-    "@y14e/roving-tabindex": "^3.0.2",
+    "@y14e/roving-tabindex": "^3.0.4",
     "bun-types": "latest",
     "tsup": "^8.0.0",
     "typescript": "^5.6.0",