@y14e/disclosure 1.3.6 → 1.3.8

package/README.md

@@ -10,14 +10,14 @@ npm i @y14e/disclosure
 
 ```ts
 // npm
-import Disclosure from '@y14e/disclosure@1.3.6';
+import Disclosure from '@y14e/disclosure@1.3.8';
 
 // CDNs
-import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.6';
+import Disclosure from 'https://esm.sh/@y14e/disclosure@1.3.8';
 // or
-import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.6/+esm';
+import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure@1.3.8/+esm';
 // or
-import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.6';
+import Disclosure from 'https://esm.unpkg.com/@y14e/disclosure@1.3.8';
 ```
 
 ## Usage
@@ -60,15 +60,6 @@ new Disclosure(root);
 
 ## 📦 APIs
 
-### `open`
-
-```ts
-disclosure.open(details);
-// => void
-//
-// details: HTMLDetailsElement
-```
-
 ### `close`
 
 ```ts
@@ -89,6 +80,15 @@ disclosure.destroy(force);
 // force (optional): If true, skips waiting for animations to finish.
 ```
 
+### `open`
+
+```ts
+disclosure.open(details);
+// => void
+//
+// details: HTMLDetailsElement
+```
+
 ## Demo
 
 - https://y14e.github.io/disclosure/

package/dist/index.cjs

@@ -614,16 +614,6 @@ var Disclosure = class _Disclosure {
     });
     this.#initialize();
   }
-  open(details) {
-    if (this.#isDestroyed) {
-      return;
-    }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
-      console.warn("Invalid <details> element");
-      return;
-    }
-    this.#toggle(details, true);
-  }
   close(details) {
     if (this.#isDestroyed) {
       return;
@@ -655,8 +645,9 @@ var Disclosure = class _Disclosure {
     this.#animationController?.abort();
     this.#animationController = null;
     this.#detailsElements.forEach((details) => {
-      details.removeAttribute("data-disclosure-name");
-      details.removeAttribute("data-disclosure-open");
+      ["name", "open"].forEach((name) => {
+        details.removeAttribute(`data-disclosure-${name}`);
+      });
     });
     this.#detailsElements.length = 0;
     restoreAttributes(this.#summaryElements);
@@ -664,6 +655,16 @@ var Disclosure = class _Disclosure {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-disclosure-initialized");
   }
+  open(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, true);
+  }
   #initialize() {
     saveAttributes(this.#summaryElements, [
       "aria-disabled",
@@ -785,9 +786,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    const { style } = content;
-    style.removeProperty("block-size");
-    style.removeProperty("overflow");
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -818,7 +819,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.6
+ * @version 1.3.8
  * @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.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -19,9 +19,9 @@ declare class Disclosure {
     #private;
     static defaults: DisclosureOptions;
     constructor(root: HTMLElement, options?: DisclosureOptions);
-    open(details: HTMLDetailsElement): void;
     close(details: HTMLDetailsElement): void;
     destroy(force?: boolean): Promise<void>;
+    open(details: HTMLDetailsElement): void;
 }
 
 export { type DisclosureOptions, Disclosure as default };

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.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -19,9 +19,9 @@ declare class Disclosure {
     #private;
     static defaults: DisclosureOptions;
     constructor(root: HTMLElement, options?: DisclosureOptions);
-    open(details: HTMLDetailsElement): void;
     close(details: HTMLDetailsElement): void;
     destroy(force?: boolean): Promise<void>;
+    open(details: HTMLDetailsElement): void;
 }
 
 export { type DisclosureOptions, Disclosure as default };

package/dist/index.js

@@ -612,16 +612,6 @@ var Disclosure = class _Disclosure {
     });
     this.#initialize();
   }
-  open(details) {
-    if (this.#isDestroyed) {
-      return;
-    }
-    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
-      console.warn("Invalid <details> element");
-      return;
-    }
-    this.#toggle(details, true);
-  }
   close(details) {
     if (this.#isDestroyed) {
       return;
@@ -653,8 +643,9 @@ var Disclosure = class _Disclosure {
     this.#animationController?.abort();
     this.#animationController = null;
     this.#detailsElements.forEach((details) => {
-      details.removeAttribute("data-disclosure-name");
-      details.removeAttribute("data-disclosure-open");
+      ["name", "open"].forEach((name) => {
+        details.removeAttribute(`data-disclosure-${name}`);
+      });
     });
     this.#detailsElements.length = 0;
     restoreAttributes(this.#summaryElements);
@@ -662,6 +653,16 @@ var Disclosure = class _Disclosure {
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-disclosure-initialized");
   }
+  open(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, true);
+  }
   #initialize() {
     saveAttributes(this.#summaryElements, [
       "aria-disabled",
@@ -783,9 +784,9 @@ var Disclosure = class _Disclosure {
     if (!details.hasAttribute("data-disclosure-open")) {
       details.open = false;
     }
-    const { style } = content;
-    style.removeProperty("block-size");
-    style.removeProperty("overflow");
+    ["block-size", "overflow"].forEach((name2) => {
+      content.style.removeProperty(name2);
+    });
   }
   async #waitAnimationsFinish() {
     const promises = [];
@@ -816,7 +817,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.3.6
+ * @version 1.3.8
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",