@y14e/disclosure 1.2.5 → 1.2.7

package/dist/index.cjs

@@ -124,13 +124,13 @@ var Disclosure = class _Disclosure {
     const { signal } = this.#eventController;
     this.#detailsElements.forEach((details, i) => {
       details.name && details.setAttribute("data-disclosure-name", details.name);
-      function sync() {
+      function onMutate() {
         details.toggleAttribute("data-disclosure-open", details.open);
       }
-      const observer = new MutationObserver(sync);
+      const observer = new MutationObserver(onMutate);
       observer.observe(details, { attributeFilter: ["open"] });
       this.#observers.push(observer);
-      sync();
+      onMutate();
       const summary = this.#summaryElements[i];
       if (!summary) {
         return;
@@ -147,7 +147,6 @@ var Disclosure = class _Disclosure {
   }
   #onSummaryClick = (event) => {
     event.preventDefault();
-    event.stopPropagation();
     const summary = event.currentTarget;
     if (!(summary instanceof HTMLElement)) {
       return;
@@ -160,17 +159,19 @@ var Disclosure = class _Disclosure {
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
   #onSummaryKeyDown = (event) => {
-    const { key } = event;
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
+      return;
+    }
     if (!["End", "Home", "ArrowUp", "ArrowDown"].includes(key)) {
       return;
     }
-    event.preventDefault();
-    event.stopPropagation();
     const focusables = this.#summaryElements.filter(isFocusable);
     const active = getActiveElement();
     if (!(active instanceof HTMLElement)) {
       return;
     }
+    event.preventDefault();
     const currentIndex = focusables.indexOf(active);
     let newIndex = currentIndex;
     switch (key) {
@@ -301,7 +302,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.2.5
+ * @version 1.2.7
  * @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.2.5
+ * @version 1.2.7
  * @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.2.5
+ * @version 1.2.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -122,13 +122,13 @@ var Disclosure = class _Disclosure {
     const { signal } = this.#eventController;
     this.#detailsElements.forEach((details, i) => {
       details.name && details.setAttribute("data-disclosure-name", details.name);
-      function sync() {
+      function onMutate() {
         details.toggleAttribute("data-disclosure-open", details.open);
       }
-      const observer = new MutationObserver(sync);
+      const observer = new MutationObserver(onMutate);
       observer.observe(details, { attributeFilter: ["open"] });
       this.#observers.push(observer);
-      sync();
+      onMutate();
       const summary = this.#summaryElements[i];
       if (!summary) {
         return;
@@ -145,7 +145,6 @@ var Disclosure = class _Disclosure {
   }
   #onSummaryClick = (event) => {
     event.preventDefault();
-    event.stopPropagation();
     const summary = event.currentTarget;
     if (!(summary instanceof HTMLElement)) {
       return;
@@ -158,17 +157,19 @@ var Disclosure = class _Disclosure {
     this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
   };
   #onSummaryKeyDown = (event) => {
-    const { key } = event;
+    const { key, altKey, ctrlKey, metaKey, shiftKey } = event;
+    if (altKey || ctrlKey || metaKey || shiftKey) {
+      return;
+    }
     if (!["End", "Home", "ArrowUp", "ArrowDown"].includes(key)) {
       return;
     }
-    event.preventDefault();
-    event.stopPropagation();
     const focusables = this.#summaryElements.filter(isFocusable);
     const active = getActiveElement();
     if (!(active instanceof HTMLElement)) {
       return;
     }
+    event.preventDefault();
     const currentIndex = focusables.indexOf(active);
     let newIndex = currentIndex;
     switch (key) {
@@ -299,7 +300,7 @@ function waitAnimationFinish(animation) {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 1.2.5
+ * @version 1.2.7
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -45,7 +45,8 @@
   "devDependencies": {
     "bun-types": "latest",
     "tsup": "^8.0.0",
-    "typescript": "^5.6.0"
+    "typescript": "^5.6.0",
+    "utility-types": "^3.11.0"
   },
   "engines": {
     "node": ">=18"