@rcarls/rc-accordion 0.5.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # @rcarls/rc-accordion
 
+## 0.7.0
+
+### Minor Changes
+
+- 4b9bfe6: Give `rc-disclosure` and `rc-accordion` a public styling contract.
+
+  Both were styled by targeting the native `<details>` element directly, so neither exposed a
+  single `--rc-*` property and no theme could change them without rewriting theme CSS. They now
+  follow the light-DOM base pattern `rc-button` and `rc-listbox` already use: `rc-disclosure`
+  installs one structural stylesheet per containing `Document` or `ShadowRoot`, in `@layer rc-base`
+  behind a `data-rc-light-dom-base` sentinel, reading documented properties with UA-like defaults.
+
+  One recipe covers both supported child forms, a bare `<details>` inside `rc-accordion` and one
+  wrapped in `rc-disclosure`, so neither theme repeats the panel rules. `rc-accordion` owns only
+  `--rc-accordion-gap`.
+
+  Motion is opt-in. `--rc-disclosure-duration` defaults to `0ms`, so a disclosure with no theme keeps
+  the platform's snap-open behavior, and the height animation runs on `::details-content` behind a
+  `@supports selector()` check. This replaces Material's `60rem` `max-block-size` ceiling, which
+  clipped content taller than the guess and made every non-summary child its own animation unit.
+
+  **Fixes a missing expand affordance in the Material theme.** It set `display: grid` on the
+  `<summary>` and then styled `summary::marker`. Any `display` other than `list-item` drops the
+  marker box, so that rule styled nothing and the theme drew no replacement: a Material disclosure
+  had no disclosure triangle at all. The base layer never sets `display` on a summary, so the
+  marker survives. A theme may still change it, as Substrate does, but only alongside a
+  replacement affordance.
+
+### Patch Changes
+
+- aee912a: Single-open accordions now close a sibling `rc-disclosure` through its native `<details>`
+  instead of its `open` property. Writing the property switched the disclosure into
+  controlled mode, so a panel the accordion had closed would not reopen from its summary.
+  A controlled sibling now receives the close as an `rc-disclosure-toggle` request and
+  keeps the state its owner sets.
+
+  The Solid JSX types now declare `rc-disclosure`'s `default-open` attribute and its
+  `open` and `defaultOpen` properties.
+
+- 5c006de: Ship component CSS minified. Package builds now run the CSS in Lit `css` styles
+  and light-DOM structural styles through Lightning CSS, removing comments and
+  whitespace while keeping source maps that resolve to each template. Rendered
+  styles are unchanged.
+
+  `@rcarls/rc-common` adds `cssText`, an identity tag that marks a plain CSS
+  string for minification. `rc-chip`, `rc-disclosure`, and `rc-accordion` now
+  depend on `@rcarls/rc-common` for it.
+
+- Updated dependencies [e3dfa59]
+- Updated dependencies [50d5610]
+- Updated dependencies [9ee769c]
+- Updated dependencies [1179f24]
+- Updated dependencies [595fe37]
+- Updated dependencies [38cd00c]
+- Updated dependencies [5c006de]
+- Updated dependencies [a6553ff]
+- Updated dependencies [2205478]
+- Updated dependencies [4341311]
+- Updated dependencies [899bb5e]
+- Updated dependencies [25fcfe0]
+- Updated dependencies [4b9bfe6]
+- Updated dependencies [3f19f57]
+- Updated dependencies [51f6403]
+- Updated dependencies [9caca6b]
+- Updated dependencies [b764a3c]
+- Updated dependencies [54d9ead]
+- Updated dependencies [6e548d9]
+- Updated dependencies [b9175e9]
+- Updated dependencies [c8b762b]
+- Updated dependencies [55e1e7f]
+- Updated dependencies [f1ca82d]
+- Updated dependencies [b87f27b]
+- Updated dependencies [32ebead]
+- Updated dependencies [bfefedd]
+- Updated dependencies [c130173]
+- Updated dependencies [11680b6]
+- Updated dependencies [223d36c]
+- Updated dependencies [7b91a44]
+- Updated dependencies [aa04ead]
+- Updated dependencies [ac65b5b]
+- Updated dependencies [afcfef8]
+- Updated dependencies [11ef1ad]
+  - @rcarls/rc-common@0.7.0
+  - @rcarls/rc-disclosure@0.7.0
+
+## 0.6.0
+
+### Patch Changes
+
+- Updated dependencies [57370e4]
+  - @rcarls/rc-disclosure@0.6.0
+
 ## 0.5.0
 
 ### Patch Changes

package/dist/custom-elements.json

@@ -2,6 +2,54 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/accordionBaseStyles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ACCORDION_BASE_CSS",
+          "default": "cssText` @layer rc-base { rc-accordion { display: grid; gap: var(--rc-accordion-gap, 0); } rc-accordion > rc-disclosure { display: block; } } `",
+          "description": "Light-DOM base styles for the accordion group box.\n\nThe panels themselves are not styled here. Both supported child forms, a\nnative `<details>` directly inside `rc-accordion` and one wrapped in\n`rc-disclosure`, consume the shared `--rc-disclosure-*` properties through the\nrecipe that `rc-disclosure` installs, so there is no parallel accordion-panel\nvocabulary to keep in step."
+        },
+        {
+          "kind": "function",
+          "name": "ensureAccordionBaseStyles",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Document | ShadowRoot"
+              }
+            }
+          ],
+          "description": "Installs the accordion group styles once per containing root."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ACCORDION_BASE_CSS",
+          "declaration": {
+            "name": "ACCORDION_BASE_CSS",
+            "module": "src/accordionBaseStyles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ensureAccordionBaseStyles",
+          "declaration": {
+            "name": "ensureAccordionBaseStyles",
+            "module": "src/accordionBaseStyles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/define.ts",
@@ -29,6 +77,14 @@
             "name": "*",
             "module": "src/rc-accordion.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/accordionBaseStyles.js"
+          }
         }
       ]
     },
@@ -40,6 +96,13 @@
           "kind": "class",
           "description": "Accordion coordinator for child native <details> panels with single- or multiple-open\nbehavior, following the WAI-ARIA Accordion pattern.\n\nSupports native details and rc-disclosure wrappers.",
           "name": "RCAccordion",
+          "cssProperties": [
+            {
+              "description": "Gap between panels. Panels take the shared `--rc-disclosure-*` properties, documented on `rc-disclosure`, for both supported child forms: a native `<details>` directly inside the accordion, and one wrapped in `rc-disclosure`.",
+              "name": "--rc-accordion-gap",
+              "default": "0"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -101,30 +164,6 @@
               "name": "_onDetailsToggle",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "_setDetailsOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$target",
-                  "type": {
-                    "text": "HTMLDetailsElement"
-                  }
-                },
-                {
-                  "name": "open",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "_onChildrenChanged",

package/dist/rc-accordion-B6TMttQh.js

@@ -0,0 +1,120 @@
+import { ensureDisclosureBaseStyles as c } from "@rcarls/rc-disclosure";
+import { cssText as u } from "@rcarls/rc-common";
+const d = u`@layer rc-base{rc-accordion{gap:var(--rc-accordion-gap,0);display:grid}rc-accordion>rc-disclosure{display:block}}`, l = /* @__PURE__ */ new WeakSet();
+function m(r) {
+  if (l.has(r))
+    return;
+  l.add(r);
+  const e = (r instanceof Document ? r : r.ownerDocument).createElement("style");
+  e.setAttribute("data-rc-light-dom-base", "rc-accordion"), e.textContent = d, r instanceof Document ? r.head.append(e) : r.append(e);
+}
+const h = ["ArrowDown", "ArrowUp", "Home", "End"];
+function f(r) {
+  return h.includes(r);
+}
+class _ extends HTMLElement {
+  constructor() {
+    super(...arguments), this._$managedGroupNames = /* @__PURE__ */ new Map(), this._childrenObserver = new MutationObserver((e) => this._onChildrenChanged(e)), this._onKeydown = (e) => {
+      if (e.altKey || e.ctrlKey || e.metaKey || !f(e.key))
+        return;
+      const n = this._$summaries();
+      if (n.length === 0)
+        return;
+      const i = document.activeElement, t = i ? n.indexOf(i) : -1;
+      if (t === -1)
+        return;
+      if (e.preventDefault(), e.key === "Home") {
+        const a = n.at(0);
+        if (!a)
+          return;
+        a.focus();
+        return;
+      }
+      if (e.key === "End") {
+        const a = n.at(-1);
+        if (!a)
+          return;
+        a.focus();
+        return;
+      }
+      const s = e.key === "ArrowDown" ? (t + 1) % n.length : (t - 1 + n.length) % n.length, o = n.at(s);
+      o && o.focus();
+    }, this._onDetailsToggle = (e) => {
+      const n = e.target;
+      n instanceof HTMLDetailsElement && (this.multiple || n.open && this._enforceSingleOpen(n));
+    };
+  }
+  static get observedAttributes() {
+    return ["multiple", "name"];
+  }
+  /** Allows more than one panel open at a time. */
+  get multiple() {
+    return this.hasAttribute("multiple");
+  }
+  set multiple(e) {
+    this.toggleAttribute("multiple", e);
+  }
+  connectedCallback() {
+    const e = this.getRootNode();
+    m(e), c(e), this._childrenObserver.observe(this, { childList: !0, subtree: !0 }), this.addEventListener("toggle", this._onDetailsToggle, !0), this.addEventListener("keydown", this._onKeydown), this._syncNativeGroupNames(), this._enforceSingleOpen();
+  }
+  disconnectedCallback() {
+    this._childrenObserver.disconnect(), this.removeEventListener("toggle", this._onDetailsToggle, !0), this.removeEventListener("keydown", this._onKeydown);
+  }
+  attributeChangedCallback(e, n, i) {
+    n !== i && ((e === "name" || e === "multiple") && this._syncNativeGroupNames(), e === "multiple" && !this.multiple && this._enforceSingleOpen());
+  }
+  _$details() {
+    return Array.from(
+      this.querySelectorAll(
+        ":scope > details, :scope > rc-disclosure > details"
+      )
+    );
+  }
+  _$summaries() {
+    return this._$details().map((e) => e.querySelector(":scope > summary")).filter((e) => e !== null);
+  }
+  _syncNativeGroupNames() {
+    const e = this.getAttribute("name"), n = this._$details(), i = new Set(n);
+    for (const [t, s] of this._$managedGroupNames)
+      (!i.has(t) || this.multiple || !e || s !== e || t.getAttribute("name") !== s) && (t.getAttribute("name") === s && t.removeAttribute("name"), this._$managedGroupNames.delete(t));
+    if (!(this.multiple || !e))
+      for (const t of n)
+        t.hasAttribute("name") && !this._$managedGroupNames.has(t) || (t.setAttribute("name", e), this._$managedGroupNames.set(t, e));
+  }
+  _onChildrenChanged(e) {
+    this._syncNativeGroupNames(), !this.multiple && this._enforceSingleOpen(this._findAddedOpenDetails(e));
+  }
+  _findAddedOpenDetails(e) {
+    const i = this._$details().filter(
+      (t) => e.some(
+        (s) => Array.from(s.addedNodes).some(
+          (o) => o === t || o instanceof Element && o.contains(t)
+        )
+      )
+    );
+    for (let t = i.length - 1; t >= 0; t -= 1) {
+      const s = i.at(t);
+      if (s && s.open)
+        return s;
+    }
+  }
+  _enforceSingleOpen(e) {
+    const n = this._$details();
+    if (e && !n.includes(e))
+      return;
+    const i = n.filter((s) => s.open);
+    if (i.length <= 1)
+      return;
+    const t = e ?? i.at(0);
+    if (t)
+      for (const s of i)
+        s !== t && (s.open = !1);
+  }
+}
+export {
+  d as A,
+  _ as R,
+  m as e
+};
+//# sourceMappingURL=rc-accordion-B6TMttQh.js.map

package/dist/rc-accordion-B6TMttQh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-accordion-B6TMttQh.js","sources":["../src/accordionBaseStyles.ts","../src/rc-accordion.ts"],"sourcesContent":["import { cssText } from '@rcarls/rc-common';\n\n/**\n * Light-DOM base styles for the accordion group box.\n *\n * The panels themselves are not styled here. Both supported child forms, a\n * native `<details>` directly inside `rc-accordion` and one wrapped in\n * `rc-disclosure`, consume the shared `--rc-disclosure-*` properties through the\n * recipe that `rc-disclosure` installs, so there is no parallel accordion-panel\n * vocabulary to keep in step.\n */\nexport const ACCORDION_BASE_CSS = cssText`\n@layer rc-base {\n  rc-accordion {\n    display: grid;\n    gap: var(--rc-accordion-gap, 0);\n  }\n\n  rc-accordion > rc-disclosure {\n    display: block;\n  }\n}\n`;\n\nconst styledRoots = new WeakSet<Document | ShadowRoot>();\n\n/** Installs the accordion group styles once per containing root. */\nexport function ensureAccordionBaseStyles(root: Document | ShadowRoot): void {\n  if (styledRoots.has(root)) {\n    return;\n  }\n\n  styledRoots.add(root);\n\n  const $style = (root instanceof Document ? root : root.ownerDocument).createElement('style');\n\n  $style.setAttribute('data-rc-light-dom-base', 'rc-accordion');\n  $style.textContent = ACCORDION_BASE_CSS;\n\n  if (root instanceof Document) {\n    root.head.append($style);\n  } else {\n    root.append($style);\n  }\n}\n","import { ensureDisclosureBaseStyles } from '@rcarls/rc-disclosure';\nimport { ensureAccordionBaseStyles } from './accordionBaseStyles.js';\n\nconst NAVIGATION_KEYS = ['ArrowDown', 'ArrowUp', 'Home', 'End'] as const;\n\ntype NavigationKey = (typeof NAVIGATION_KEYS)[number];\n\nfunction isNavigationKey(key: string): key is NavigationKey {\n  return NAVIGATION_KEYS.includes(key as NavigationKey);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-accordion': RCAccordion;\n  }\n}\n\n/**\n * Accordion coordinator for child native <details> panels with single- or multiple-open\n * behavior, following the WAI-ARIA Accordion pattern.\n *\n * Supports native details and rc-disclosure wrappers.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-accordion rc-accordion docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ WAI-ARIA Accordion pattern}\n *\n * @attr multiple - Allows more than one panel open at a time.\n * @attr name - Group name mirrored onto each managed native `<details>` element's own\n *   `name` attribute (native details name-grouping), so long as `multiple` is not set.\n *   Child `<details>` elements that already declare their own `name` are left alone.\n *\n * @cssprop [--rc-accordion-gap=0] - Gap between panels.\n *\n * Panels take the shared `--rc-disclosure-*` properties, documented on `rc-disclosure`, for both\n * supported child forms: a native `<details>` directly inside the accordion, and one wrapped in\n * `rc-disclosure`.\n */\nexport class RCAccordion extends HTMLElement {\n  private _$managedGroupNames = new Map<HTMLDetailsElement, string>();\n\n  private _childrenObserver = new MutationObserver((records) => this._onChildrenChanged(records));\n\n  static get observedAttributes(): string[] {\n    return ['multiple', 'name'];\n  }\n\n  /** Allows more than one panel open at a time. */\n  get multiple(): boolean {\n    return this.hasAttribute('multiple');\n  }\n\n  set multiple(value: boolean) {\n    this.toggleAttribute('multiple', value);\n  }\n\n  connectedCallback(): void {\n    const root = this.getRootNode() as Document | ShadowRoot;\n\n    ensureAccordionBaseStyles(root);\n    // Panels share the disclosure recipe whether or not an rc-disclosure wraps\n    // them, so an accordion of bare <details> children is styled the same way.\n    ensureDisclosureBaseStyles(root);\n\n    this._childrenObserver.observe(this, { childList: true, subtree: true });\n\n    this.addEventListener('toggle', this._onDetailsToggle, true);\n    this.addEventListener('keydown', this._onKeydown);\n\n    this._syncNativeGroupNames();\n    this._enforceSingleOpen();\n  }\n\n  disconnectedCallback(): void {\n    this._childrenObserver.disconnect();\n\n    this.removeEventListener('toggle', this._onDetailsToggle, true);\n    this.removeEventListener('keydown', this._onKeydown);\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'name' || name === 'multiple') {\n      this._syncNativeGroupNames();\n    }\n\n    if (name === 'multiple' && !this.multiple) {\n      this._enforceSingleOpen();\n    }\n  }\n\n  private _$details(): HTMLDetailsElement[] {\n    return Array.from(\n      this.querySelectorAll<HTMLDetailsElement>(\n        ':scope > details, :scope > rc-disclosure > details',\n      ),\n    );\n  }\n\n  private _$summaries(): HTMLElement[] {\n    return this._$details()\n      .map(($details) => $details.querySelector<HTMLElement>(':scope > summary'))\n      .filter(($summary): $summary is HTMLElement => $summary !== null);\n  }\n\n  private _syncNativeGroupNames(): void {\n    const groupName = this.getAttribute('name');\n    const $details = this._$details();\n    const $currentDetails = new Set($details);\n\n    for (const [$el, managedName] of this._$managedGroupNames) {\n      const shouldReleaseName =\n        !$currentDetails.has($el) ||\n        this.multiple ||\n        !groupName ||\n        managedName !== groupName ||\n        $el.getAttribute('name') !== managedName;\n\n      if (!shouldReleaseName) {\n        continue;\n      }\n\n      if ($el.getAttribute('name') === managedName) {\n        $el.removeAttribute('name');\n      }\n\n      this._$managedGroupNames.delete($el);\n    }\n\n    if (this.multiple || !groupName) {\n      return;\n    }\n\n    for (const $el of $details) {\n      if ($el.hasAttribute('name') && !this._$managedGroupNames.has($el)) {\n        continue;\n      }\n\n      $el.setAttribute('name', groupName);\n      this._$managedGroupNames.set($el, groupName);\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent): void => {\n    if (e.altKey || e.ctrlKey || e.metaKey) {\n      return;\n    }\n\n    if (!isNavigationKey(e.key)) {\n      return;\n    }\n\n    const $summaries = this._$summaries();\n\n    if ($summaries.length === 0) {\n      return;\n    }\n\n    const $active = document.activeElement as HTMLElement | null;\n    const index = $active ? $summaries.indexOf($active) : -1;\n\n    if (index === -1) {\n      return;\n    }\n\n    e.preventDefault();\n\n    if (e.key === 'Home') {\n      const $firstSummary = $summaries.at(0);\n\n      if (!$firstSummary) {\n        return;\n      }\n\n      $firstSummary.focus();\n\n      return;\n    }\n\n    if (e.key === 'End') {\n      const $lastSummary = $summaries.at(-1);\n\n      if (!$lastSummary) {\n        return;\n      }\n\n      $lastSummary.focus();\n\n      return;\n    }\n\n    const next =\n      e.key === 'ArrowDown'\n        ? (index + 1) % $summaries.length\n        : (index - 1 + $summaries.length) % $summaries.length;\n\n    const $nextSummary = $summaries.at(next);\n\n    if (!$nextSummary) {\n      return;\n    }\n\n    $nextSummary.focus();\n  };\n\n  private _onDetailsToggle = (e: Event): void => {\n    const $opened = e.target;\n\n    if (!($opened instanceof HTMLDetailsElement)) {\n      return;\n    }\n\n    if (this.multiple) {\n      return;\n    }\n\n    if (!$opened.open) {\n      return;\n    }\n\n    this._enforceSingleOpen($opened);\n  };\n\n  private _onChildrenChanged(records: MutationRecord[]): void {\n    this._syncNativeGroupNames();\n\n    if (this.multiple) {\n      return;\n    }\n\n    this._enforceSingleOpen(this._findAddedOpenDetails(records));\n  }\n\n  private _findAddedOpenDetails(records: MutationRecord[]): HTMLDetailsElement | undefined {\n    const $details = this._$details();\n\n    const $added = $details.filter(($el) =>\n      records.some((record) =>\n        Array.from(record.addedNodes).some(\n          ($node) => $node === $el || ($node instanceof Element && $node.contains($el)),\n        ),\n      ),\n    );\n\n    for (let i = $added.length - 1; i >= 0; i -= 1) {\n      const $el = $added.at(i);\n\n      if (!$el) {\n        continue;\n      }\n\n      if ($el.open) {\n        return $el;\n      }\n    }\n\n    return undefined;\n  }\n\n  private _enforceSingleOpen($target?: HTMLDetailsElement): void {\n    const $details = this._$details();\n\n    if ($target && !$details.includes($target)) {\n      return;\n    }\n\n    const $openDetails = $details.filter(($el) => $el.open);\n\n    if ($openDetails.length <= 1) {\n      return;\n    }\n\n    const $keepOpen = $target ?? $openDetails.at(0);\n\n    if (!$keepOpen) {\n      return;\n    }\n\n    // Close the native <details> rather than an rc-disclosure wrapper's `open`\n    // property: writing that property takes control of the disclosure, which\n    // then refuses to reopen from its summary. A wrapper reads the native\n    // toggle like any user toggle, so an uncontrolled one stays uncontrolled\n    // and a controlled one receives the close as a request.\n    for (const $el of $openDetails) {\n      if ($el !== $keepOpen) {\n        $el.open = false;\n      }\n    }\n  }\n}\n\nexport default RCAccordion;\n"],"names":["ACCORDION_BASE_CSS","cssText","styledRoots","ensureAccordionBaseStyles","root","$style","NAVIGATION_KEYS","isNavigationKey","key","RCAccordion","records","$summaries","$active","index","$firstSummary","$lastSummary","next","$nextSummary","$opened","value","ensureDisclosureBaseStyles","name","oldValue","newValue","$details","$summary","groupName","$currentDetails","$el","managedName","$added","record","$node","i","$target","$openDetails","$keepOpen"],"mappings":"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"}

package/dist/rc-accordion-define.js

@@ -1,4 +1,4 @@
 import "@rcarls/rc-disclosure/define";
-import { RCAccordion as o } from "./rc-accordion.js";
+import { R as o } from "./rc-accordion-B6TMttQh.js";
 customElements.get("rc-accordion") || customElements.define("rc-accordion", o);
 //# sourceMappingURL=rc-accordion-define.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rc-accordion-define.js","sources":["../src/define.ts"],"sourcesContent":["import '@rcarls/rc-disclosure/define';\n\nimport { RCAccordion } from './index.js';\n\nif (!customElements.get('rc-accordion')) {\n  customElements.define('rc-accordion', RCAccordion);\n}\n"],"names":["RCAccordion"],"mappings":";;AAIK,eAAe,IAAI,cAAc,KACpC,eAAe,OAAO,gBAAgBA,CAAW;"}
+{"version":3,"file":"rc-accordion-define.js","sources":["../src/define.ts"],"sourcesContent":["import '@rcarls/rc-disclosure/define';\nimport { RCAccordion } from './index.js';\n\nif (!customElements.get('rc-accordion')) {\n  customElements.define('rc-accordion', RCAccordion);\n}\n"],"names":["RCAccordion"],"mappings":";;AAGK,eAAe,IAAI,cAAc,KACpC,eAAe,OAAO,gBAAgBA,CAAW;"}

package/dist/rc-accordion.js

@@ -1,118 +1,7 @@
-const a = ["ArrowDown", "ArrowUp", "Home", "End"];
-function u(l) {
-  return a.includes(l);
-}
-function c(l) {
-  return l?.localName === "rc-disclosure";
-}
-class m extends HTMLElement {
-  constructor() {
-    super(...arguments), this._$managedGroupNames = /* @__PURE__ */ new Map(), this._childrenObserver = new MutationObserver((e) => this._onChildrenChanged(e)), this._onKeydown = (e) => {
-      if (e.altKey || e.ctrlKey || e.metaKey || !u(e.key))
-        return;
-      const t = this._$summaries();
-      if (t.length === 0)
-        return;
-      const i = document.activeElement, n = i ? t.indexOf(i) : -1;
-      if (n === -1)
-        return;
-      if (e.preventDefault(), e.key === "Home") {
-        const o = t.at(0);
-        if (!o)
-          return;
-        o.focus();
-        return;
-      }
-      if (e.key === "End") {
-        const o = t.at(-1);
-        if (!o)
-          return;
-        o.focus();
-        return;
-      }
-      const s = e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length, r = t.at(s);
-      r && r.focus();
-    }, this._onDetailsToggle = (e) => {
-      const t = e.target;
-      t instanceof HTMLDetailsElement && (this.multiple || t.open && this._enforceSingleOpen(t));
-    };
-  }
-  static get observedAttributes() {
-    return ["multiple", "name"];
-  }
-  /** Allows more than one panel open at a time. */
-  get multiple() {
-    return this.hasAttribute("multiple");
-  }
-  set multiple(e) {
-    this.toggleAttribute("multiple", e);
-  }
-  connectedCallback() {
-    this._childrenObserver.observe(this, { childList: !0, subtree: !0 }), this.addEventListener("toggle", this._onDetailsToggle, !0), this.addEventListener("keydown", this._onKeydown), this._syncNativeGroupNames(), this._enforceSingleOpen();
-  }
-  disconnectedCallback() {
-    this._childrenObserver.disconnect(), this.removeEventListener("toggle", this._onDetailsToggle, !0), this.removeEventListener("keydown", this._onKeydown);
-  }
-  attributeChangedCallback(e, t, i) {
-    t !== i && ((e === "name" || e === "multiple") && this._syncNativeGroupNames(), e === "multiple" && !this.multiple && this._enforceSingleOpen());
-  }
-  _$details() {
-    return Array.from(
-      this.querySelectorAll(
-        ":scope > details, :scope > rc-disclosure > details"
-      )
-    );
-  }
-  _$summaries() {
-    return this._$details().map((e) => e.querySelector(":scope > summary")).filter((e) => e !== null);
-  }
-  _syncNativeGroupNames() {
-    const e = this.getAttribute("name"), t = this._$details(), i = new Set(t);
-    for (const [n, s] of this._$managedGroupNames)
-      (!i.has(n) || this.multiple || !e || s !== e || n.getAttribute("name") !== s) && (n.getAttribute("name") === s && n.removeAttribute("name"), this._$managedGroupNames.delete(n));
-    if (!(this.multiple || !e))
-      for (const n of t)
-        n.hasAttribute("name") && !this._$managedGroupNames.has(n) || (n.setAttribute("name", e), this._$managedGroupNames.set(n, e));
-  }
-  _setDetailsOpen(e, t) {
-    const i = e.parentElement;
-    if (c(i)) {
-      i.open = t;
-      return;
-    }
-    e.open = t;
-  }
-  _onChildrenChanged(e) {
-    this._syncNativeGroupNames(), !this.multiple && this._enforceSingleOpen(this._findAddedOpenDetails(e));
-  }
-  _findAddedOpenDetails(e) {
-    const i = this._$details().filter(
-      (n) => e.some(
-        (s) => Array.from(s.addedNodes).some(
-          (r) => r === n || r instanceof Element && r.contains(n)
-        )
-      )
-    );
-    for (let n = i.length - 1; n >= 0; n -= 1) {
-      const s = i.at(n);
-      if (s && s.open)
-        return s;
-    }
-  }
-  _enforceSingleOpen(e) {
-    const t = this._$details();
-    if (e && !t.includes(e))
-      return;
-    const i = t.filter((s) => s.open);
-    if (i.length <= 1)
-      return;
-    const n = e ?? i.at(0);
-    if (n)
-      for (const s of i)
-        s !== n && this._setDetailsOpen(s, !1);
-  }
-}
+import { A as s, R as r, e as A } from "./rc-accordion-B6TMttQh.js";
 export {
-  m as RCAccordion
+  s as ACCORDION_BASE_CSS,
+  r as RCAccordion,
+  A as ensureAccordionBaseStyles
 };
 //# sourceMappingURL=rc-accordion.js.map

package/dist/rc-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"rc-accordion.js","sources":["../src/rc-accordion.ts"],"sourcesContent":["const NAVIGATION_KEYS = ['ArrowDown', 'ArrowUp', 'Home', 'End'] as const;\n\ntype NavigationKey = (typeof NAVIGATION_KEYS)[number];\n\ntype RCDisclosureElement = HTMLElement & {\n  open: boolean;\n};\n\nfunction isNavigationKey(key: string): key is NavigationKey {\n  return NAVIGATION_KEYS.includes(key as NavigationKey);\n}\n\nfunction isRCDisclosureElement($el: Element | null): $el is RCDisclosureElement {\n  return $el?.localName === 'rc-disclosure';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-accordion': RCAccordion;\n  }\n}\n\n/**\n * Accordion coordinator for child native <details> panels with single- or multiple-open\n * behavior, following the WAI-ARIA Accordion pattern.\n *\n * Supports native details and rc-disclosure wrappers.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-accordion rc-accordion docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ WAI-ARIA Accordion pattern}\n *\n * @attr multiple - Allows more than one panel open at a time.\n * @attr name - Group name mirrored onto each managed native `<details>` element's own\n *   `name` attribute (native details name-grouping), so long as `multiple` is not set.\n *   Child `<details>` elements that already declare their own `name` are left alone.\n */\nexport class RCAccordion extends HTMLElement {\n  private _$managedGroupNames = new Map<HTMLDetailsElement, string>();\n\n  private _childrenObserver = new MutationObserver((records) => this._onChildrenChanged(records));\n\n  static get observedAttributes(): string[] {\n    return ['multiple', 'name'];\n  }\n\n  /** Allows more than one panel open at a time. */\n  get multiple(): boolean {\n    return this.hasAttribute('multiple');\n  }\n\n  set multiple(value: boolean) {\n    this.toggleAttribute('multiple', value);\n  }\n\n  connectedCallback(): void {\n    this._childrenObserver.observe(this, { childList: true, subtree: true });\n\n    this.addEventListener('toggle', this._onDetailsToggle, true);\n    this.addEventListener('keydown', this._onKeydown);\n\n    this._syncNativeGroupNames();\n    this._enforceSingleOpen();\n  }\n\n  disconnectedCallback(): void {\n    this._childrenObserver.disconnect();\n\n    this.removeEventListener('toggle', this._onDetailsToggle, true);\n    this.removeEventListener('keydown', this._onKeydown);\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'name' || name === 'multiple') {\n      this._syncNativeGroupNames();\n    }\n\n    if (name === 'multiple' && !this.multiple) {\n      this._enforceSingleOpen();\n    }\n  }\n\n  private _$details(): HTMLDetailsElement[] {\n    return Array.from(\n      this.querySelectorAll<HTMLDetailsElement>(\n        ':scope > details, :scope > rc-disclosure > details',\n      ),\n    );\n  }\n\n  private _$summaries(): HTMLElement[] {\n    return this._$details()\n      .map(($details) => $details.querySelector<HTMLElement>(':scope > summary'))\n      .filter(($summary): $summary is HTMLElement => $summary !== null);\n  }\n\n  private _syncNativeGroupNames(): void {\n    const groupName = this.getAttribute('name');\n    const $details = this._$details();\n    const $currentDetails = new Set($details);\n\n    for (const [$el, managedName] of this._$managedGroupNames) {\n      const shouldReleaseName =\n        !$currentDetails.has($el) ||\n        this.multiple ||\n        !groupName ||\n        managedName !== groupName ||\n        $el.getAttribute('name') !== managedName;\n\n      if (!shouldReleaseName) {\n        continue;\n      }\n\n      if ($el.getAttribute('name') === managedName) {\n        $el.removeAttribute('name');\n      }\n\n      this._$managedGroupNames.delete($el);\n    }\n\n    if (this.multiple || !groupName) {\n      return;\n    }\n\n    for (const $el of $details) {\n      if ($el.hasAttribute('name') && !this._$managedGroupNames.has($el)) {\n        continue;\n      }\n\n      $el.setAttribute('name', groupName);\n      this._$managedGroupNames.set($el, groupName);\n    }\n  }\n\n  private _onKeydown = (e: KeyboardEvent): void => {\n    if (e.altKey || e.ctrlKey || e.metaKey) {\n      return;\n    }\n\n    if (!isNavigationKey(e.key)) {\n      return;\n    }\n\n    const $summaries = this._$summaries();\n\n    if ($summaries.length === 0) {\n      return;\n    }\n\n    const $active = document.activeElement as HTMLElement | null;\n    const index = $active ? $summaries.indexOf($active) : -1;\n\n    if (index === -1) {\n      return;\n    }\n\n    e.preventDefault();\n\n    if (e.key === 'Home') {\n      const $firstSummary = $summaries.at(0);\n\n      if (!$firstSummary) {\n        return;\n      }\n\n      $firstSummary.focus();\n\n      return;\n    }\n\n    if (e.key === 'End') {\n      const $lastSummary = $summaries.at(-1);\n\n      if (!$lastSummary) {\n        return;\n      }\n\n      $lastSummary.focus();\n\n      return;\n    }\n\n    const next =\n      e.key === 'ArrowDown'\n        ? (index + 1) % $summaries.length\n        : (index - 1 + $summaries.length) % $summaries.length;\n\n    const $nextSummary = $summaries.at(next);\n\n    if (!$nextSummary) {\n      return;\n    }\n\n    $nextSummary.focus();\n  };\n\n  private _onDetailsToggle = (e: Event): void => {\n    const $opened = e.target;\n\n    if (!($opened instanceof HTMLDetailsElement)) {\n      return;\n    }\n\n    if (this.multiple) {\n      return;\n    }\n\n    if (!$opened.open) {\n      return;\n    }\n\n    this._enforceSingleOpen($opened);\n  };\n\n  private _setDetailsOpen($target: HTMLDetailsElement, open: boolean): void {\n    const $parent = $target.parentElement;\n\n    if (isRCDisclosureElement($parent)) {\n      $parent.open = open;\n\n      return;\n    }\n\n    $target.open = open;\n  }\n\n  private _onChildrenChanged(records: MutationRecord[]): void {\n    this._syncNativeGroupNames();\n\n    if (this.multiple) {\n      return;\n    }\n\n    this._enforceSingleOpen(this._findAddedOpenDetails(records));\n  }\n\n  private _findAddedOpenDetails(records: MutationRecord[]): HTMLDetailsElement | undefined {\n    const $details = this._$details();\n\n    const $added = $details.filter(($el) =>\n      records.some((record) =>\n        Array.from(record.addedNodes).some(\n          ($node) => $node === $el || ($node instanceof Element && $node.contains($el)),\n        ),\n      ),\n    );\n\n    for (let i = $added.length - 1; i >= 0; i -= 1) {\n      const $el = $added.at(i);\n\n      if (!$el) {\n        continue;\n      }\n\n      if ($el.open) {\n        return $el;\n      }\n    }\n\n    return undefined;\n  }\n\n  private _enforceSingleOpen($target?: HTMLDetailsElement): void {\n    const $details = this._$details();\n\n    if ($target && !$details.includes($target)) {\n      return;\n    }\n\n    const $openDetails = $details.filter(($el) => $el.open);\n\n    if ($openDetails.length <= 1) {\n      return;\n    }\n\n    const $keepOpen = $target ?? $openDetails.at(0);\n\n    if (!$keepOpen) {\n      return;\n    }\n\n    for (const $el of $openDetails) {\n      if ($el !== $keepOpen) {\n        this._setDetailsOpen($el, false);\n      }\n    }\n  }\n}\n\nexport default RCAccordion;\n"],"names":["NAVIGATION_KEYS","isNavigationKey","key","isRCDisclosureElement","$el","RCAccordion","records","$summaries","$active","index","$firstSummary","$lastSummary","next","$nextSummary","$opened","value","name","oldValue","newValue","$details","$summary","groupName","$currentDetails","managedName","$target","open","$parent","$added","record","$node","i","$openDetails","$keepOpen"],"mappings":"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"}
+{"version":3,"file":"rc-accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/types/packages/rc-accordion/src/accordionBaseStyles.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Light-DOM base styles for the accordion group box.
+ *
+ * The panels themselves are not styled here. Both supported child forms, a
+ * native `<details>` directly inside `rc-accordion` and one wrapped in
+ * `rc-disclosure`, consume the shared `--rc-disclosure-*` properties through the
+ * recipe that `rc-disclosure` installs, so there is no parallel accordion-panel
+ * vocabulary to keep in step.
+ */
+export declare const ACCORDION_BASE_CSS: string;
+/** Installs the accordion group styles once per containing root. */
+export declare function ensureAccordionBaseStyles(root: Document | ShadowRoot): void;

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

@@ -1 +1,2 @@
 export * from './rc-accordion.js';
+export * from './accordionBaseStyles.js';

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

@@ -16,6 +16,12 @@ declare global {
  * @attr name - Group name mirrored onto each managed native `<details>` element's own
  *   `name` attribute (native details name-grouping), so long as `multiple` is not set.
  *   Child `<details>` elements that already declare their own `name` are left alone.
+ *
+ * @cssprop [--rc-accordion-gap=0] - Gap between panels.
+ *
+ * Panels take the shared `--rc-disclosure-*` properties, documented on `rc-disclosure`, for both
+ * supported child forms: a native `<details>` directly inside the accordion, and one wrapped in
+ * `rc-disclosure`.
  */
 export declare class RCAccordion extends HTMLElement {
     private _$managedGroupNames;
@@ -32,7 +38,6 @@ export declare class RCAccordion extends HTMLElement {
     private _syncNativeGroupNames;
     private _onKeydown;
     private _onDetailsToggle;
-    private _setDetailsOpen;
     private _onChildrenChanged;
     private _findAddedOpenDetails;
     private _enforceSingleOpen;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Accordion coordinator for child native <details> panels with single- or multiple-open behavior.",
   "repository": {
     "type": "git",
@@ -44,7 +44,8 @@
     "test:browser:firefox": "vitest --run --project=firefox"
   },
   "dependencies": {
-    "@rcarls/rc-disclosure": "0.5.0"
+    "@rcarls/rc-common": "0.7.0",
+    "@rcarls/rc-disclosure": "0.7.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",