@adia-ai/web-components 0.8.19 → 0.8.20

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog — @adia-ai/web-components
 
+## [0.8.20] — 2026-07-28
+
+### Fixed
+- **The npm tarball no longer ships `*.test.js`** (gh#462) — the `files` roster excluded examples/html but never unit tests, so 108 test file(s) rode the 0.8.19 tarball. `!**/*.test.js` appended as the roster's LAST entry (npm's files globbing is order-sensitive — a leading exclude is overridden by later directory includes). Proof: `npm pack --dry-run` → 0 test files, runtime files intact.
+
+### Changed
+- **`nav-group-ui`: the selected-look header color also keys on `[selected]`** — the CSS half of the gh#459 ruling (PR #460 corrected the icon weight, but the `--nav-group-fg-selected` header treatment still keyed on `[open]`, so an expanded-but-inactive group read as the active section while a collapsed-but-active one read plain — the exact screenshot that reopened this). The `[open]` indent rail stays structural.
+- **`nav-group-ui`: the filled header glyph tracks `[selected]`, not `[open]`** (gh#459, operator ruling) — the fill marks the group containing the selected route; a merely-expanded group stays regular, and a collapsed-but-active one fills. `selected` becomes a declared reflected prop (yaml + types); `[open]` keeps driving `aria-expanded` only. Consumers that already set `[selected]` from active-route logic (the adiav2 admin shell does) get the corrected behavior with no changes.
+
+### Maintenance
+- **`components/` touched in this release window** (6 file(s), e.g. `nav-group/nav-group.a2ui.json`) — carried by the entries above.
+- **`dist/` bundles rebuilt** in this cut's window (4 file(s)) — regenerated from the source changes described above, not independent edits.
+
 ## [0.8.19] — 2026-07-27
 
 ### Added

package/components/nav-group/nav-group.a2ui.json

@@ -36,6 +36,11 @@
       "type": "boolean",
       "default": false
     },
+    "selected": {
+      "description": "Marks the group containing the selected route (consumers set it from active-route logic). Drives the filled header glyph — selection, never mere expansion (gh#459).",
+      "type": "boolean",
+      "default": false
+    },
     "text": {
       "description": "Visible group label.",
       "type": "string",

package/components/nav-group/nav-group.class.js

@@ -35,6 +35,10 @@ export class UINavGroup extends UIElement {
     icon:        { type: String,  default: '',    reflect: true },
     badge:       { type: String,  default: '',    reflect: true },
     open:        { type: Boolean, default: false, reflect: true },
+    // gh#459: marks the group that CONTAINS the selected route — drives the
+    // filled header glyph (selection, never mere expansion) and the CSS
+    // selected treatment. Consumers set it from their active-route logic.
+    selected:    { type: Boolean, default: false, reflect: true },
     collapsible: { type: Boolean, default: true,  reflect: true },
     variant:     { type: String,  default: '',    reflect: true },
   };
@@ -87,13 +91,17 @@ export class UINavGroup extends UIElement {
 
     this.setAttribute('aria-expanded', String(this.open));
 
-    // Mirrors nav-item-ui's selected → fill convention: an open group
-    // reads as the active section via the same filled-glyph treatment
-    // [open] already drives (nav-group.css's [open] > [slot=header] color
-    // rule) — a state-driven weight swap, not a CSS color change, since
-    // Phosphor ships filled/regular as distinct SVGs.
+    // Mirrors nav-item-ui's selected → fill convention: the filled glyph
+    // marks SELECTION, not expansion (gh#459, operator ruling 2026-07-27) —
+    // the group CONTAINING the selected route fills (consumers set [selected]
+    // on it), while a merely-expanded group stays regular. Keyed on the
+    // attribute so it works whether or not a consumer uses the property
+    // path; [open] keeps driving aria-expanded only. A state-driven weight
+    // swap, not a CSS color change, since Phosphor ships filled/regular as
+    // distinct SVGs.
     const iconEl = this.querySelector('[slot="header"] [slot="icon"] icon-ui');
-    if (iconEl) iconEl.setAttribute('weight', this.open ? 'fill' : 'regular');
+    if (iconEl)
+      iconEl.setAttribute('weight', this.hasAttribute('selected') ? 'fill' : 'regular');
   }
 
   showPopover() {

package/components/nav-group/nav-group.css

@@ -49,8 +49,11 @@
     background: var(--nav-group-indent-rail-bg);
     pointer-events: none;
   }
-  :scope[open] > [slot="header"],
- :scope[open] > [slot="header"] [slot="icon"] {
+  /* Selected-look header treatment keys on [selected] — the CSS half of
+     gh issue 459 (PR 460 corrected the icon weight): the group CONTAINING
+     the selected route reads strong; a merely-expanded group does not. */
+  :scope[selected] > [slot="header"],
+  :scope[selected] > [slot="header"] [slot="icon"] {
     color: var(--nav-group-fg-selected);
   }
 

package/components/nav-group/nav-group.d.ts

@@ -38,6 +38,8 @@ export class UINavGroup extends UIElement {
   icon: string;
   /** Inline-expanded state. Toggled by header click when [collapsible]. */
   open: boolean;
+  /** Marks the group containing the selected route (consumers set it from active-route logic). Drives the filled header glyph — selection, never mere expansion (gh#459). */
+  selected: boolean;
   /** Visible group label. */
   text: string;
   /** Visual treatment. Default ('') renders as a primary-rail group (icon row, caret, collapsible). 'section' renders the header as a static kicker label with always-visible children. When the parent <nav-ui> carries variant="section", this group inherits it via CSS cascade unless an explicit variant is set on the group. */

package/components/nav-group/nav-group.yaml

@@ -37,6 +37,10 @@ props:
     type: boolean
     default: false
     description: "Inline-expanded state. Toggled by header click when [collapsible]."
+  selected:
+    type: boolean
+    default: false
+    description: "Marks the group containing the selected route (consumers set it from active-route logic). Drives the filled header glyph — selection, never mere expansion (gh#459)."
   collapsible:
     type: boolean
     default: true