@y14e/disclosure-css 2.0.11 → 2.1.0

package/README.md

@@ -13,11 +13,11 @@ npm i @y14e/disclosure-css
 import { Disclosure } from '@y14e/disclosure-css';
 
 // CDNs
-import { Disclosure } from 'https://esm.sh/@y14e/disclosure-css@2.0.11';
+import { Disclosure } from 'https://esm.sh/@y14e/disclosure-css@2.1.0';
 // or
-import { Disclosure } from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@2.0.11/+esm';
+import { Disclosure } from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@2.1.0/+esm';
 // or
-import { Disclosure } from 'https://esm.unpkg.com/@y14e/disclosure-css@2.0.11';
+import { Disclosure } from 'https://esm.unpkg.com/@y14e/disclosure-css@2.1.0';
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 // node_modules/@y14e/attribute-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (v) => v.split(/\s+/);
+var DEFAULT_SERIALIZER = (t) => t.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
   if (!isValid(element, name, token)) {
     return;
@@ -12,7 +12,7 @@ function addAttributeToken(element, name, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+    if (tokens.every((t) => t.toLowerCase() !== lower)) {
       tokens.push(token);
       element.setAttribute(name, serialize(tokens));
     }
@@ -115,11 +115,11 @@ function getFocusables(container = document.body, options = {}) {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        candidates[candidates.length] = node;
+        candidates.push(node);
       }
-      (composed ? getComposedChildren(node) : getChildren(node)).map(traverse2);
+      (composed ? getComposedChildren(node) : [...node.children]).map(traverse2);
     };
-    (composed ? getComposedChildren(container) : getChildren(container)).map(
+    (composed ? getComposedChildren(container) : [...container.children]).map(
       traverse2
     );
   } else {
@@ -207,31 +207,31 @@ function normalizeRadioGroup(elements) {
       map = /* @__PURE__ */ new Map();
     }
     const root = element.getRootNode();
-    let value = map.get(root);
-    if (!value) {
-      value = /* @__PURE__ */ new Map();
-      map.set(root, value);
+    let groups = map.get(root);
+    if (!groups) {
+      groups = /* @__PURE__ */ new Map();
+      map.set(root, groups);
     }
-    let v = value.get(element.form);
-    if (!v) {
-      v = /* @__PURE__ */ new Map();
-      value.set(element.form, v);
+    let group = groups.get(element.form);
+    if (!group) {
+      group = /* @__PURE__ */ new Map();
+      groups.set(element.form, group);
     }
-    let vv = v.get(element.name);
-    if (!vv) {
-      vv = [];
-      v.set(element.name, vv);
+    let radios = group.get(element.name);
+    if (!radios) {
+      radios = [];
+      group.set(element.name, radios);
     }
-    vv[vv.length] = element;
+    radios.push(element);
   }
   if (!map) {
     return elements;
   }
   const placeholder = /* @__PURE__ */ new Set();
-  for (const value of map.values()) {
-    for (const v of value.values()) {
-      for (const vv of v.values()) {
-        const radio = vv.find((element) => element.checked) ?? vv[0];
+  for (const groups of map.values()) {
+    for (const group of groups.values()) {
+      for (const radios of group.values()) {
+        const radio = radios.find((r) => r.checked) ?? radios[0];
         radio && placeholder.add(radio);
       }
     }
@@ -253,7 +253,7 @@ function sortByTabIndex(elements) {
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
-    return getChildren(node);
+    return [...node.children];
   }
   if (!(node instanceof Element)) {
     return [];
@@ -265,9 +265,9 @@ function getComposedChildren(node) {
     }
   }
   if (node instanceof HTMLElement && node.shadowRoot?.mode === "open") {
-    return getChildren(node.shadowRoot);
+    return [...node.shadowRoot.children];
   }
-  return getChildren(node);
+  return [...node.children];
 }
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
@@ -279,13 +279,6 @@ function getActiveElement() {
   }
   return current;
 }
-function getChildren(node) {
-  const elements = [];
-  for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
-    elements[elements.length] = child;
-  }
-  return elements;
-}
 function getTabIndex(element) {
   return "tabIndex" in element ? Number(element.tabIndex) : 0;
 }
@@ -443,7 +436,7 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
+      (f) => this.#focusables.has(f)
     );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
@@ -480,11 +473,9 @@ var RovingTabIndex = class _RovingTabIndex {
         const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        focusables = candidates.filter(
-          (candidate) => focusablesByFirstChar.has(candidate)
-        );
+        focusables = candidates.filter((c) => focusablesByFirstChar.has(c));
         const afterIndex = focusables.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+          (f) => candidates.indexOf(f) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
@@ -528,7 +519,7 @@ var RovingTabIndex = class _RovingTabIndex {
       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()) : []
+        value ? value.split(/\s+/).filter((k) => /^\S$/i.test(k)).map((k) => k.toUpperCase()) : []
       );
       if (char) {
         keys.add(char);
@@ -763,7 +754,7 @@ var Disclosure = class _Disclosure {
     if (details.open === isExpand) {
       return;
     }
-    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((details2) => details2.open).length <= 1) {
+    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((d) => d.open).length <= 1) {
       return;
     }
     details.open = isExpand;
@@ -789,7 +780,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.11
+ * @version 2.1.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -801,7 +792,7 @@ var Disclosure = class _Disclosure {
   (**
    * Attribute Utils
    *
-   * @version 2.0.10
+   * @version 2.0.12
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -814,7 +805,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.30
+   * @version 4.3.33
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -827,7 +818,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.1.28
+   * @version 3.1.31
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -1,6 +1,6 @@
 // node_modules/@y14e/attribute-utils/dist/index.js
-var DEFAULT_PARSER = (value) => value.split(/\s+/);
-var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
+var DEFAULT_PARSER = (v) => v.split(/\s+/);
+var DEFAULT_SERIALIZER = (t) => t.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
   if (!isValid(element, name, token)) {
     return;
@@ -10,7 +10,7 @@ function addAttributeToken(element, name, token, options = {}) {
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
-    if (tokens.every((token2) => token2.toLowerCase() !== lower)) {
+    if (tokens.every((t) => t.toLowerCase() !== lower)) {
       tokens.push(token);
       element.setAttribute(name, serialize(tokens));
     }
@@ -113,11 +113,11 @@ function getFocusables(container = document.body, options = {}) {
         skipNegativeTabIndexCheck,
         skipVisibilityCheck
       }) || include?.(node)) {
-        candidates[candidates.length] = node;
+        candidates.push(node);
       }
-      (composed ? getComposedChildren(node) : getChildren(node)).map(traverse2);
+      (composed ? getComposedChildren(node) : [...node.children]).map(traverse2);
     };
-    (composed ? getComposedChildren(container) : getChildren(container)).map(
+    (composed ? getComposedChildren(container) : [...container.children]).map(
       traverse2
     );
   } else {
@@ -205,31 +205,31 @@ function normalizeRadioGroup(elements) {
       map = /* @__PURE__ */ new Map();
     }
     const root = element.getRootNode();
-    let value = map.get(root);
-    if (!value) {
-      value = /* @__PURE__ */ new Map();
-      map.set(root, value);
+    let groups = map.get(root);
+    if (!groups) {
+      groups = /* @__PURE__ */ new Map();
+      map.set(root, groups);
     }
-    let v = value.get(element.form);
-    if (!v) {
-      v = /* @__PURE__ */ new Map();
-      value.set(element.form, v);
+    let group = groups.get(element.form);
+    if (!group) {
+      group = /* @__PURE__ */ new Map();
+      groups.set(element.form, group);
     }
-    let vv = v.get(element.name);
-    if (!vv) {
-      vv = [];
-      v.set(element.name, vv);
+    let radios = group.get(element.name);
+    if (!radios) {
+      radios = [];
+      group.set(element.name, radios);
     }
-    vv[vv.length] = element;
+    radios.push(element);
   }
   if (!map) {
     return elements;
   }
   const placeholder = /* @__PURE__ */ new Set();
-  for (const value of map.values()) {
-    for (const v of value.values()) {
-      for (const vv of v.values()) {
-        const radio = vv.find((element) => element.checked) ?? vv[0];
+  for (const groups of map.values()) {
+    for (const group of groups.values()) {
+      for (const radios of group.values()) {
+        const radio = radios.find((r) => r.checked) ?? radios[0];
         radio && placeholder.add(radio);
       }
     }
@@ -251,7 +251,7 @@ function sortByTabIndex(elements) {
 }
 function getComposedChildren(node) {
   if (node instanceof ShadowRoot) {
-    return getChildren(node);
+    return [...node.children];
   }
   if (!(node instanceof Element)) {
     return [];
@@ -263,9 +263,9 @@ function getComposedChildren(node) {
     }
   }
   if (node instanceof HTMLElement && node.shadowRoot?.mode === "open") {
-    return getChildren(node.shadowRoot);
+    return [...node.shadowRoot.children];
   }
-  return getChildren(node);
+  return [...node.children];
 }
 function focusElement(element) {
   "focus" in element && typeof element.focus === "function" && element.focus();
@@ -277,13 +277,6 @@ function getActiveElement() {
   }
   return current;
 }
-function getChildren(node) {
-  const elements = [];
-  for (let child = node.firstElementChild; child; child = child.nextElementSibling) {
-    elements[elements.length] = child;
-  }
-  return elements;
-}
 function getTabIndex(element) {
   return "tabIndex" in element ? Number(element.tabIndex) : 0;
 }
@@ -441,7 +434,7 @@ var RovingTabIndex = class _RovingTabIndex {
       }
     }
     const candidates = this.#getFocusables().filter(
-      (focusable2) => this.#focusables.has(focusable2)
+      (f) => this.#focusables.has(f)
     );
     const active = getActiveElement();
     if (!(active instanceof Element)) {
@@ -478,11 +471,9 @@ var RovingTabIndex = class _RovingTabIndex {
         const focusablesByFirstChar = new Set(
           this.#focusablesByFirstChar.get(key.toUpperCase()) ?? []
         );
-        focusables = candidates.filter(
-          (candidate) => focusablesByFirstChar.has(candidate)
-        );
+        focusables = candidates.filter((c) => focusablesByFirstChar.has(c));
         const afterIndex = focusables.findIndex(
-          (focusable2) => candidates.indexOf(focusable2) > activeIndex
+          (f) => candidates.indexOf(f) > activeIndex
         );
         newIndex = afterIndex >= 0 ? afterIndex : 0;
       }
@@ -526,7 +517,7 @@ var RovingTabIndex = class _RovingTabIndex {
       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()) : []
+        value ? value.split(/\s+/).filter((k) => /^\S$/i.test(k)).map((k) => k.toUpperCase()) : []
       );
       if (char) {
         keys.add(char);
@@ -761,7 +752,7 @@ var Disclosure = class _Disclosure {
     if (details.open === isExpand) {
       return;
     }
-    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((details2) => details2.open).length <= 1) {
+    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((d) => d.open).length <= 1) {
       return;
     }
     details.open = isExpand;
@@ -787,7 +778,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.11
+ * @version 2.1.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -799,7 +790,7 @@ var Disclosure = class _Disclosure {
   (**
    * Attribute Utils
    *
-   * @version 2.0.10
+   * @version 2.0.12
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -812,7 +803,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.30
+   * @version 4.3.33
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -825,7 +816,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.1.28
+   * @version 3.1.31
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -1,28 +1,8 @@
 'use strict';
 
-var utils = require('@y14e/attribute-utils');
+var attributeUtils = require('@y14e/attribute-utils');
 var rovingTabindex = require('@y14e/roving-tabindex');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var utils__namespace = /*#__PURE__*/_interopNamespace(utils);
-
 // src/index.ts
 var Disclosure = class _Disclosure {
   static defaults = {};
@@ -108,7 +88,7 @@ var Disclosure = class _Disclosure {
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     this.#detailsElements.length = 0;
-    utils__namespace.restoreAttributes(this.#summaryElements);
+    attributeUtils.restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-disclosure-initialized");
@@ -124,7 +104,7 @@ var Disclosure = class _Disclosure {
     this.#toggle(details, true);
   }
   #initialize() {
-    utils__namespace.saveAttributes(this.#summaryElements, [
+    attributeUtils.saveAttributes(this.#summaryElements, [
       "aria-disabled",
       "style",
       "tabindex"
@@ -164,7 +144,7 @@ var Disclosure = class _Disclosure {
     if (details.open === isExpand) {
       return;
     }
-    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((details2) => details2.open).length <= 1) {
+    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((d) => d.open).length <= 1) {
       return;
     }
     details.open = isExpand;
@@ -190,7 +170,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.11
+ * @version 2.1.0
  * @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 2.0.11
+ * @version 2.1.0
  * @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 2.0.11
+ * @version 2.1.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as utils from '@y14e/attribute-utils';
+import { restoreAttributes, saveAttributes } from '@y14e/attribute-utils';
 import { createRovingTabIndex } from '@y14e/roving-tabindex';
 
 // src/index.ts
@@ -86,7 +86,7 @@ var Disclosure = class _Disclosure {
     this.#cleanupRovingTabIndex?.();
     this.#cleanupRovingTabIndex = null;
     this.#detailsElements.length = 0;
-    utils.restoreAttributes(this.#summaryElements);
+    restoreAttributes(this.#summaryElements);
     this.#summaryElements.length = 0;
     this.#contentElements.length = 0;
     this.#rootElement.removeAttribute("data-disclosure-initialized");
@@ -102,7 +102,7 @@ var Disclosure = class _Disclosure {
     this.#toggle(details, true);
   }
   #initialize() {
-    utils.saveAttributes(this.#summaryElements, [
+    saveAttributes(this.#summaryElements, [
       "aria-disabled",
       "style",
       "tabindex"
@@ -142,7 +142,7 @@ var Disclosure = class _Disclosure {
     if (details.open === isExpand) {
       return;
     }
-    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((details2) => details2.open).length <= 1) {
+    if (!isExpand && !this.#settings.collapsible && this.#detailsElements.filter((d) => d.open).length <= 1) {
       return;
     }
     details.open = isExpand;
@@ -168,7 +168,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.11
+ * @version 2.1.0
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure-css",
-  "version": "2.0.11",
+  "version": "2.1.0",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "keywords": [
     "a11y",
@@ -54,7 +54,7 @@
     "esbuild": true
   },
   "dependencies": {
-    "@y14e/attribute-utils": "^2.0.10",
-    "@y14e/roving-tabindex": "^3.1.28"
+    "@y14e/attribute-utils": "^2.0.12",
+    "@y14e/roving-tabindex": "^3.1.31"
   }
 }