@rcarls/rc-disclosure 0.1.0

package/README.md

@@ -0,0 +1,3 @@
+# @rcarls/rc-disclosure
+
+Native details/summary disclosure web component with light-DOM styling hooks.

package/dist/custom-elements.json

@@ -0,0 +1,217 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/define.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "rc-disclosure",
+          "declaration": {
+            "name": "RCDisclosure",
+            "module": "/src/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/rc-disclosure.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/rc-disclosure.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Light behavioral wrapper for a direct child native `<details>` element.\n\nThe browser keeps ownership of open/close behavior, keyboard support, and\naccessibility. This element only mirrors state, emits a consistent custom\nevent, and optionally opens matching fragment targets.",
+          "name": "RCDisclosure",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_details",
+              "type": {
+                "text": "HTMLDetailsElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "privacy": "private",
+              "default": "new MutationObserver(() => this._setupDetails())"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Current open state mirrored to the child `<details>`."
+            },
+            {
+              "kind": "field",
+              "name": "fragment",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Enable location-hash opening when the details/summary target matches."
+            },
+            {
+              "kind": "method",
+              "name": "_setupDetails",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_teardownDetails",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_syncDetailsOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "reflect",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_reflectOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_onToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onHashChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_openForCurrentHash",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the child `<details>` toggles.",
+              "name": "rc-disclosure-toggle"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open"
+            },
+            {
+              "name": "fragment"
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "rc-disclosure",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RCDisclosure",
+          "declaration": {
+            "name": "RCDisclosure",
+            "module": "src/rc-disclosure.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "RCDisclosure",
+            "module": "src/rc-disclosure.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/demo.css

@@ -0,0 +1,85 @@
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+:root {
+  color-scheme: light dark;
+  --rc-accent: Highlight; /* Chrome doesn't support AccentColor on the open web */
+}
+
+@supports (color: AccentColor) {
+  :root {
+    --rc-accent: AccentColor;
+  }
+}
+
+[data-theme="light"] { color-scheme: light; }
+[data-theme="dark"]  { color-scheme: dark;  }
+
+[data-theme="solarized-light"] {
+  color-scheme: light;
+  --rc-surface: #fdf6e3;
+  --rc-text:    #657b83;
+  --rc-border:  1px solid #93a1a1;
+  --rc-shadow:  0 2px 8px rgba(0, 0, 0, .12);
+}
+
+[data-theme="solarized-dark"] {
+  color-scheme: dark;
+  --rc-surface: #002b36;
+  --rc-text:    #839496;
+  --rc-border:  1px solid #586e75;
+  --rc-shadow:  0 2px 8px rgba(0, 0, 0, .3);
+}
+
+body {
+  font-family: system-ui, sans-serif;
+  margin: 0;
+}
+
+.demo-page {
+  max-width: 60rem;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+}
+
+.demo-controls {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 2rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid ButtonBorder;
+}
+
+.demo-controls .demo-title {
+  flex: 1;
+}
+
+.demo-controls h1 {
+  margin: 0 0 0.15rem;
+  font-size: 1.5rem;
+}
+
+.demo-controls a {
+  font-size: 0.8rem;
+}
+
+.demo-section {
+  margin-bottom: 2rem;
+}
+
+.demo-section h2 {
+  margin: 0 0 0.5rem;
+}
+
+.theme-picker {
+  padding: 0.35em 0.75em;
+  font-family: inherit;
+  font-size: 0.8rem;
+  cursor: pointer;
+  border: 1px solid ButtonBorder;
+  border-radius: 4px;
+  background: Canvas;
+  color: CanvasText;
+}

package/dist/demo.js

@@ -0,0 +1,40 @@
+const THEMES = ['', 'light', 'dark', 'solarized-light', 'solarized-dark'];
+const LABELS = ['Auto', 'Light', 'Dark', 'Solarized ☀', 'Solarized ☾'];
+
+const stored = localStorage.getItem('rc-demo-theme') ?? '';
+applyTheme(stored);
+
+function applyTheme(theme) {
+  if (theme) {
+    document.documentElement.dataset.theme = theme;
+  } else {
+    delete document.documentElement.dataset.theme;
+  }
+}
+
+function currentIndex() {
+  const current = document.documentElement.dataset.theme ?? '';
+  const idx = THEMES.indexOf(current);
+  return idx === -1 ? 0 : idx;
+}
+
+function updateButtons() {
+  const label = LABELS[currentIndex()];
+  document.querySelectorAll('.theme-picker').forEach((btn) => {
+    btn.textContent = label;
+  });
+}
+
+window.cycleTheme = function () {
+  const next = THEMES[(currentIndex() + 1) % THEMES.length];
+  applyTheme(next);
+  localStorage.setItem('rc-demo-theme', next);
+  updateButtons();
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+  updateButtons();
+  document.querySelectorAll('.theme-picker').forEach((btn) => {
+    btn.addEventListener('click', window.cycleTheme);
+  });
+});

package/dist/rc-disclosure-define.js

@@ -0,0 +1,6 @@
+import { RCDisclosure as e } from "./rc-disclosure.js";
+customElements.get("rc-disclosure") || customElements.define("rc-disclosure", e);
+export {
+  e as RCDisclosure
+};
+//# sourceMappingURL=rc-disclosure-define.js.map

package/dist/rc-disclosure-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-disclosure-define.js","sources":["../src/define.ts"],"sourcesContent":["import { RCDisclosure } from './index.js';\n\ncustomElements.get('rc-disclosure') || customElements.define('rc-disclosure', RCDisclosure);\n\nexport * from './index.js';\n"],"names":["RCDisclosure"],"mappings":";AAEA,eAAe,IAAI,eAAe,KAAK,eAAe,OAAO,iBAAiBA,CAAY;"}

package/dist/rc-disclosure.js

@@ -0,0 +1,83 @@
+class n extends HTMLElement {
+  constructor() {
+    super(...arguments), this._details = null, this._observer = new MutationObserver(() => this._setupDetails()), this._onToggle = () => {
+      const t = this._details?.open ?? !1;
+      this._reflectOpen(t), this.dispatchEvent(
+        new CustomEvent("rc-disclosure-toggle", {
+          bubbles: !0,
+          composed: !0,
+          detail: { open: t }
+        })
+      );
+    }, this._onHashChange = () => {
+      this._openForCurrentHash();
+    };
+  }
+  static get observedAttributes() {
+    return ["open", "fragment"];
+  }
+  /** Current open state mirrored to the child `<details>`. */
+  get open() {
+    return this._details?.open ?? this.hasAttribute("open");
+  }
+  set open(t) {
+    this._setOpen(t, !0);
+  }
+  /** Enable location-hash opening when the details/summary target matches. */
+  get fragment() {
+    return this.hasAttribute("fragment");
+  }
+  set fragment(t) {
+    this.toggleAttribute("fragment", t);
+  }
+  connectedCallback() {
+    this._observer.observe(this, { childList: !0 }), window.addEventListener("hashchange", this._onHashChange), this._setupDetails(), this._openForCurrentHash();
+  }
+  disconnectedCallback() {
+    this._observer.disconnect(), window.removeEventListener("hashchange", this._onHashChange), this._teardownDetails();
+  }
+  attributeChangedCallback(t, e, s) {
+    e !== s && (t === "open" && this._syncDetailsOpen(), t === "fragment" && this._openForCurrentHash());
+  }
+  _setupDetails() {
+    const t = this.querySelector(":scope > details");
+    if (t === this._details || (this._teardownDetails(), this._details = t, !t))
+      return;
+    t.id || (t.id = crypto.randomUUID());
+    const e = t.querySelector(":scope > summary");
+    e && e.setAttribute("aria-controls", t.id), t.addEventListener("toggle", this._onToggle), this._syncDetailsOpen(), this._reflectOpen(t.open), this._openForCurrentHash();
+  }
+  _teardownDetails() {
+    this._details?.querySelector(":scope > summary")?.removeAttribute("aria-controls"), this._details?.removeEventListener("toggle", this._onToggle), this._details = null;
+  }
+  _syncDetailsOpen() {
+    const t = this._details;
+    if (!t) return;
+    const e = this.hasAttribute("open");
+    t.open !== e && (t.open = e);
+  }
+  _setOpen(t, e) {
+    const s = this._details;
+    s && s.open !== t && (s.open = t), e && this._reflectOpen(t);
+  }
+  _reflectOpen(t) {
+    if (t) {
+      this.hasAttribute("open") || this.setAttribute("open", "");
+      return;
+    }
+    this.hasAttribute("open") && this.removeAttribute("open");
+  }
+  _openForCurrentHash() {
+    if (!this.fragment || !location.hash) return;
+    const t = decodeURIComponent(location.hash.slice(1));
+    if (!t) return;
+    const e = this._details;
+    if (!e) return;
+    const s = e.querySelector(":scope > summary");
+    e.id !== t && s?.id !== t || (this.open = !0);
+  }
+}
+export {
+  n as RCDisclosure
+};
+//# sourceMappingURL=rc-disclosure.js.map

package/dist/rc-disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-disclosure.js","sources":["../src/rc-disclosure.ts"],"sourcesContent":["export interface RCDisclosureToggleEvent {\n  /** Whether the disclosure is now open. */\n  open: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-disclosure': RCDisclosure;\n  }\n}\n\n/**\n * Light behavioral wrapper for a direct child native `<details>` element.\n *\n * The browser keeps ownership of open/close behavior, keyboard support, and\n * accessibility. This element only mirrors state, emits a consistent custom\n * event, and optionally opens matching fragment targets.\n *\n * @fires rc-disclosure-toggle - Fires when the child `<details>` toggles.\n */\nexport class RCDisclosure extends HTMLElement {\n  private _details: HTMLDetailsElement | null = null;\n  private _observer = new MutationObserver(() => this._setupDetails());\n\n  static get observedAttributes(): string[] {\n    return ['open', 'fragment'];\n  }\n\n  /** Current open state mirrored to the child `<details>`. */\n  get open(): boolean {\n    return this._details?.open ?? this.hasAttribute('open');\n  }\n\n  set open(value: boolean) {\n    this._setOpen(value, true);\n  }\n\n  /** Enable location-hash opening when the details/summary target matches. */\n  get fragment(): boolean {\n    return this.hasAttribute('fragment');\n  }\n\n  set fragment(value: boolean) {\n    this.toggleAttribute('fragment', value);\n  }\n\n  connectedCallback(): void {\n    this._observer.observe(this, { childList: true });\n    window.addEventListener('hashchange', this._onHashChange);\n    this._setupDetails();\n    this._openForCurrentHash();\n  }\n\n  disconnectedCallback(): void {\n    this._observer.disconnect();\n    window.removeEventListener('hashchange', this._onHashChange);\n    this._teardownDetails();\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) return;\n    if (name === 'open') this._syncDetailsOpen();\n    if (name === 'fragment') this._openForCurrentHash();\n  }\n\n  private _setupDetails(): void {\n    const details = this.querySelector<HTMLDetailsElement>(':scope > details');\n    if (details === this._details) return;\n\n    this._teardownDetails();\n    this._details = details;\n\n    if (!details) {\n      if (import.meta.env.DEV) {\n        console.warn(\n          '[rc-disclosure] No direct child <details> found. Place native ' +\n          '<details><summary>...</summary>...</details> inside <rc-disclosure>.',\n          this,\n        );\n      }\n      return;\n    }\n\n    if (!details.id) details.id = crypto.randomUUID();\n\n    const summary = details.querySelector<HTMLElement>(':scope > summary');\n    if (summary) summary.setAttribute('aria-controls', details.id);\n\n    details.addEventListener('toggle', this._onToggle);\n    this._syncDetailsOpen();\n    this._reflectOpen(details.open);\n    this._openForCurrentHash();\n  }\n\n  private _teardownDetails(): void {\n    const summary = this._details?.querySelector<HTMLElement>(':scope > summary');\n    summary?.removeAttribute('aria-controls');\n\n    this._details?.removeEventListener('toggle', this._onToggle);\n    this._details = null;\n  }\n\n  private _syncDetailsOpen(): void {\n    const details = this._details;\n    if (!details) return;\n\n    const nextOpen = this.hasAttribute('open');\n    if (details.open !== nextOpen) details.open = nextOpen;\n  }\n\n  private _setOpen(value: boolean, reflect: boolean): void {\n    const details = this._details;\n    if (details && details.open !== value) details.open = value;\n    // _reflectOpen is called here for programmatic opens because the <details>\n    // toggle event is async (queued task per HTML spec). _onToggle also calls\n    // _reflectOpen for user-initiated clicks, but that arrives after a tick.\n    if (reflect) this._reflectOpen(value);\n  }\n\n  private _reflectOpen(value: boolean): void {\n    if (value) {\n      if (!this.hasAttribute('open')) this.setAttribute('open', '');\n      return;\n    }\n\n    if (this.hasAttribute('open')) this.removeAttribute('open');\n  }\n\n  private _onToggle = (): void => {\n    const open = this._details?.open ?? false;\n\n    this._reflectOpen(open);\n    this.dispatchEvent(\n      new CustomEvent<RCDisclosureToggleEvent>('rc-disclosure-toggle', {\n        bubbles: true,\n        composed: true,\n        detail: { open },\n      }),\n    );\n  };\n\n  private _onHashChange = (): void => {\n    this._openForCurrentHash();\n  };\n\n  private _openForCurrentHash(): void {\n    if (!this.fragment || !location.hash) return;\n\n    const targetId = decodeURIComponent(location.hash.slice(1));\n    if (!targetId) return;\n\n    const details = this._details;\n    if (!details) return;\n\n    const summary = details.querySelector<HTMLElement>(':scope > summary');\n    if (details.id !== targetId && summary?.id !== targetId) return;\n\n    this.open = true;\n  }\n}\n\nexport default RCDisclosure;\n"],"names":["RCDisclosure","open","value","name","oldValue","newValue","details","summary","nextOpen","reflect","targetId"],"mappings":"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"}

package/dist/types/packages/rc-disclosure/src/define.d.ts

@@ -0,0 +1 @@
+export * from './index.js';

package/dist/types/packages/rc-disclosure/src/index.d.ts

@@ -0,0 +1 @@
+export * from './rc-disclosure.js';

package/dist/types/packages/rc-disclosure/src/rc-disclosure.d.ts

@@ -0,0 +1,41 @@
+export interface RCDisclosureToggleEvent {
+    /** Whether the disclosure is now open. */
+    open: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rc-disclosure': RCDisclosure;
+    }
+}
+/**
+ * Light behavioral wrapper for a direct child native `<details>` element.
+ *
+ * The browser keeps ownership of open/close behavior, keyboard support, and
+ * accessibility. This element only mirrors state, emits a consistent custom
+ * event, and optionally opens matching fragment targets.
+ *
+ * @fires rc-disclosure-toggle - Fires when the child `<details>` toggles.
+ */
+export declare class RCDisclosure extends HTMLElement {
+    private _details;
+    private _observer;
+    static get observedAttributes(): string[];
+    /** Current open state mirrored to the child `<details>`. */
+    get open(): boolean;
+    set open(value: boolean);
+    /** Enable location-hash opening when the details/summary target matches. */
+    get fragment(): boolean;
+    set fragment(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private _setupDetails;
+    private _teardownDetails;
+    private _syncDetailsOpen;
+    private _setOpen;
+    private _reflectOpen;
+    private _onToggle;
+    private _onHashChange;
+    private _openForCurrentHash;
+}
+export default RCDisclosure;

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@rcarls/rc-disclosure",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.1.0",
+  "description": "Headless WAI-ARIA disclosure widget built with Lit",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/richardcarls/rc-webcomponents.git",
+    "directory": "packages/rc-disclosure"
+  },
+  "homepage": "https://github.com/richardcarls/rc-webcomponents#readme",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/rc-disclosure.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/packages/rc-disclosure/src/index.d.ts",
+        "default": "./dist/rc-disclosure.js"
+      }
+    },
+    "./define": {
+      "import": {
+        "types": "./dist/types/packages/rc-disclosure/src/define.d.ts",
+        "default": "./dist/rc-disclosure-define.js"
+      }
+    }
+  },
+  "types": "./dist/types/packages/rc-disclosure/src/index.d.ts",
+  "sideEffects": [
+    "./dist/rc-disclosure-define.js"
+  ],
+  "customElements": "dist/custom-elements.json",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && cem analyze",
+    "cem:analyze": "cem analyze",
+    "preview": "vite preview",
+    "test:browser": "vitest",
+    "test:browser:chrome": "vitest --project=chromium",
+    "test:browser:firefox": "vitest --project=firefox",
+    "yalc:publish": "yalc publish --push"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "0.11.0",
+    "@guanghechen/rollup-plugin-copy": "^6.0.9",
+    "@vitest/browser-playwright": "4.1.5",
+    "lit": "^3.0.0",
+    "playwright": "^1.56.0",
+    "rollup": "^4.60.2",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.6",
+    "vitest-browser-lit": "^1.0.1"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  }
+}