@y14e/disclosure-css 2.0.7 → 2.0.9

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.7";
+import { Disclosure } from "https://esm.sh/@y14e/disclosure-css@2.0.9";
 // or
-import { Disclosure } from "https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@2.0.7/+esm";
+import { Disclosure } from "https://cdn.jsdelivr.net/npm/@y14e/disclosure-css@2.0.9/+esm";
 // or
-import { Disclosure } from "https://esm.unpkg.com/@y14e/disclosure-css@2.0.7";
+import { Disclosure } from "https://esm.unpkg.com/@y14e/disclosure-css@2.0.9";
 ```
 
 ## Usage

package/dist/index.bundle.cjs

@@ -4,12 +4,11 @@
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
+  if (!isValid(element, name, token)) {
+    return;
+  }
   const value = element.getAttribute(name)?.trim();
-  const {
-    caseInsensitive = false,
-    parse = DEFAULT_PARSER,
-    serialize = DEFAULT_SERIALIZER
-  } = options;
+  const { caseInsensitive, parse, serialize } = resolveOptions(options);
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
@@ -49,6 +48,45 @@ function saveAttributes(element_or_elements, name_or_names) {
     });
   });
 }
+function isValid(element, name, token) {
+  if (!(element instanceof Element)) {
+    console.warn("Invalid element");
+    return false;
+  }
+  if (!element.hasAttribute(name)) {
+    console.warn("Invalid attribute name");
+    return false;
+  }
+  if (typeof token !== "string" || !token.trim()) {
+    console.warn("Invalid token");
+    return false;
+  }
+  return true;
+}
+function resolveOptions(options) {
+  let {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
+  } = options;
+  if (typeof caseInsensitive !== "boolean") {
+    console.warn("Invalid caseInsensitive option. Fallback: false.");
+    caseInsensitive = false;
+  }
+  if (typeof parse !== "function") {
+    console.warn(
+      "Invalid parser. Fallback: default parser (splits by whitespace)."
+    );
+    parse = DEFAULT_PARSER;
+  }
+  if (typeof serialize !== "function") {
+    console.warn(
+      "Invalid serializer. Fallback: default serializer (joins by whitespace)."
+    );
+    serialize = DEFAULT_SERIALIZER;
+  }
+  return { caseInsensitive, parse, serialize };
+}
 
 // node_modules/power-focusable/dist/index.js
 var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
@@ -366,17 +404,9 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
-      let hasError = false;
-      if (typeof selector !== "string" || !selector.trim()) {
-        hasError = true;
-      } else {
-        try {
-          this.#container.querySelector(selector);
-        } catch {
-          hasError = true;
-        }
-      }
-      if (hasError) {
+      try {
+        document.querySelector(selector);
+      } catch {
         console.warn("Invalid selector. Fallback: no selector string.");
         selector = "";
       }
@@ -609,8 +639,8 @@ var Disclosure = class _Disclosure {
       return;
     }
     this.#rootElement = root;
-    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
-    this.#settings = this.#mergeOptions(this.#defaults, options);
+    this.#defaults = this.#resolveOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#resolveOptions(this.#defaults, options);
     const NOT_NESTED = ":not(:scope summary + * *)";
     this.#detailsElements = [
       ...this.#rootElement.querySelectorAll(
@@ -739,8 +769,14 @@ var Disclosure = class _Disclosure {
   #isFocusable(element) {
     return element.tabIndex >= 0;
   }
-  #mergeOptions(target, source) {
-    return { ...target, ...source };
+  #resolveOptions(target, source) {
+    const merged = { ...target, ...source };
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    return merged;
   }
 };
 /**
@@ -748,7 +784,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.7
+ * @version 2.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -760,7 +796,7 @@ var Disclosure = class _Disclosure {
   (**
    * Attribute Utils
    *
-   * @version 2.0.5
+   * @version 2.0.6
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -773,7 +809,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.26
+   * @version 4.3.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -786,7 +822,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.23
+   * @version 3.1.25
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.bundle.js

@@ -2,12 +2,11 @@
 var DEFAULT_PARSER = (value) => value.split(/\s+/);
 var DEFAULT_SERIALIZER = (tokens) => tokens.join(" ");
 function addAttributeToken(element, name, token, options = {}) {
+  if (!isValid(element, name, token)) {
+    return;
+  }
   const value = element.getAttribute(name)?.trim();
-  const {
-    caseInsensitive = false,
-    parse = DEFAULT_PARSER,
-    serialize = DEFAULT_SERIALIZER
-  } = options;
+  const { caseInsensitive, parse, serialize } = resolveOptions(options);
   const tokens = value ? parse(value).filter(Boolean) : [];
   if (caseInsensitive) {
     const lower = token.toLowerCase();
@@ -47,6 +46,45 @@ function saveAttributes(element_or_elements, name_or_names) {
     });
   });
 }
+function isValid(element, name, token) {
+  if (!(element instanceof Element)) {
+    console.warn("Invalid element");
+    return false;
+  }
+  if (!element.hasAttribute(name)) {
+    console.warn("Invalid attribute name");
+    return false;
+  }
+  if (typeof token !== "string" || !token.trim()) {
+    console.warn("Invalid token");
+    return false;
+  }
+  return true;
+}
+function resolveOptions(options) {
+  let {
+    caseInsensitive = false,
+    parse = DEFAULT_PARSER,
+    serialize = DEFAULT_SERIALIZER
+  } = options;
+  if (typeof caseInsensitive !== "boolean") {
+    console.warn("Invalid caseInsensitive option. Fallback: false.");
+    caseInsensitive = false;
+  }
+  if (typeof parse !== "function") {
+    console.warn(
+      "Invalid parser. Fallback: default parser (splits by whitespace)."
+    );
+    parse = DEFAULT_PARSER;
+  }
+  if (typeof serialize !== "function") {
+    console.warn(
+      "Invalid serializer. Fallback: default serializer (joins by whitespace)."
+    );
+    serialize = DEFAULT_SERIALIZER;
+  }
+  return { caseInsensitive, parse, serialize };
+}
 
 // node_modules/power-focusable/dist/index.js
 var FOCUSABLE_SELECTOR = `:is(a[href], area[href], button, embed, iframe, input:not([type="hidden" i]), object, select, details > summary:first-of-type, textarea, [contenteditable]:not([contenteditable="false" i]), [controls], [tabindex]):not(:disabled, [hidden], [inert], [tabindex="-1"])`;
@@ -364,17 +402,9 @@ var RovingTabIndex = class _RovingTabIndex {
       noStart = false;
     }
     if (selector !== "") {
-      let hasError = false;
-      if (typeof selector !== "string" || !selector.trim()) {
-        hasError = true;
-      } else {
-        try {
-          this.#container.querySelector(selector);
-        } catch {
-          hasError = true;
-        }
-      }
-      if (hasError) {
+      try {
+        document.querySelector(selector);
+      } catch {
         console.warn("Invalid selector. Fallback: no selector string.");
         selector = "";
       }
@@ -607,8 +637,8 @@ var Disclosure = class _Disclosure {
       return;
     }
     this.#rootElement = root;
-    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
-    this.#settings = this.#mergeOptions(this.#defaults, options);
+    this.#defaults = this.#resolveOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#resolveOptions(this.#defaults, options);
     const NOT_NESTED = ":not(:scope summary + * *)";
     this.#detailsElements = [
       ...this.#rootElement.querySelectorAll(
@@ -737,8 +767,14 @@ var Disclosure = class _Disclosure {
   #isFocusable(element) {
     return element.tabIndex >= 0;
   }
-  #mergeOptions(target, source) {
-    return { ...target, ...source };
+  #resolveOptions(target, source) {
+    const merged = { ...target, ...source };
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    return merged;
   }
 };
 /**
@@ -746,7 +782,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.7
+ * @version 2.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane
@@ -758,7 +794,7 @@ var Disclosure = class _Disclosure {
   (**
    * Attribute Utils
    *
-   * @version 2.0.5
+   * @version 2.0.6
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -771,7 +807,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.26
+   * @version 4.3.28
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane
@@ -784,7 +820,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.23
+   * @version 3.1.25
    * @author Yusuke Kamiyamane
    * @license MIT
    * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.cjs

@@ -45,8 +45,8 @@ var Disclosure = class _Disclosure {
       return;
     }
     this.#rootElement = root;
-    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
-    this.#settings = this.#mergeOptions(this.#defaults, options);
+    this.#defaults = this.#resolveOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#resolveOptions(this.#defaults, options);
     const NOT_NESTED = ":not(:scope summary + * *)";
     this.#detailsElements = [
       ...this.#rootElement.querySelectorAll(
@@ -175,8 +175,14 @@ var Disclosure = class _Disclosure {
   #isFocusable(element) {
     return element.tabIndex >= 0;
   }
-  #mergeOptions(target, source) {
-    return { ...target, ...source };
+  #resolveOptions(target, source) {
+    const merged = { ...target, ...source };
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    return merged;
   }
 };
 /**
@@ -184,7 +190,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.7
+ * @version 2.0.9
  * @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.7
+ * @version 2.0.9
  * @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.7
+ * @version 2.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/dist/index.js

@@ -23,8 +23,8 @@ var Disclosure = class _Disclosure {
       return;
     }
     this.#rootElement = root;
-    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
-    this.#settings = this.#mergeOptions(this.#defaults, options);
+    this.#defaults = this.#resolveOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#resolveOptions(this.#defaults, options);
     const NOT_NESTED = ":not(:scope summary + * *)";
     this.#detailsElements = [
       ...this.#rootElement.querySelectorAll(
@@ -153,8 +153,14 @@ var Disclosure = class _Disclosure {
   #isFocusable(element) {
     return element.tabIndex >= 0;
   }
-  #mergeOptions(target, source) {
-    return { ...target, ...source };
+  #resolveOptions(target, source) {
+    const merged = { ...target, ...source };
+    if (typeof merged.collapsible !== "boolean") {
+      const collapsible = this.#defaults.collapsible;
+      console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
+      merged.collapsible = collapsible;
+    }
+    return merged;
   }
 };
 /**
@@ -162,7 +168,7 @@ var Disclosure = class _Disclosure {
  * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
  * Using the <details> and <summary> element.
  *
- * @version 2.0.7
+ * @version 2.0.9
  * @author Yusuke Kamiyamane
  * @license MIT
  * @copyright Copyright (c) Yusuke Kamiyamane

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y14e/disclosure-css",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -54,7 +54,7 @@
     "esbuild": true
   },
   "dependencies": {
-    "@y14e/attribute-utils": "^2.0.5",
-    "@y14e/roving-tabindex": "^3.1.23"
+    "@y14e/attribute-utils": "^2.0.6",
+    "@y14e/roving-tabindex": "^3.1.25"
   }
 }