@broberg/app-shell 0.14.0 → 0.15.0

package/dist/preact.d.cts

@@ -16,8 +16,11 @@ interface NavItem<Icon = unknown> {
      * it is on the current path.
      */
     children?: NavItem<Icon>[];
-    /** F092.20 — a status marker before the label; "working" = a run in progress. */
-    marker?: "working";
+    /**
+     * F092.20 — a status marker before the label; "working" = a run in progress.
+     * F092.23 — "idle" = the same ring in grey (finished), so every row lines up.
+     */
+    marker?: "working" | "idle";
     /** F092.20 — shows a pin icon after the label. */
     pinned?: boolean;
     /** F092.21 — row actions: a «…» button opens a menu with these. */
@@ -59,6 +62,12 @@ interface NavGroup<Icon = unknown> {
     variant?: "default" | "plain";
     /** F092.20 — sub-headed lists inside this group, shown after `items`. */
     sections?: NavSection<Icon>[];
+    /**
+     * F092.23 — no heading row: the items show directly, always open (it cannot be
+     * folded, so a stored fold for this label is ignored). `label` stays required —
+     * it is the group's key and its accessible name.
+     */
+    hideLabel?: boolean;
 }
 /**
  * Is this item the current page? Exact match for "/", otherwise the path is the

package/dist/preact.d.ts

@@ -16,8 +16,11 @@ interface NavItem<Icon = unknown> {
      * it is on the current path.
      */
     children?: NavItem<Icon>[];
-    /** F092.20 — a status marker before the label; "working" = a run in progress. */
-    marker?: "working";
+    /**
+     * F092.20 — a status marker before the label; "working" = a run in progress.
+     * F092.23 — "idle" = the same ring in grey (finished), so every row lines up.
+     */
+    marker?: "working" | "idle";
     /** F092.20 — shows a pin icon after the label. */
     pinned?: boolean;
     /** F092.21 — row actions: a «…» button opens a menu with these. */
@@ -59,6 +62,12 @@ interface NavGroup<Icon = unknown> {
     variant?: "default" | "plain";
     /** F092.20 — sub-headed lists inside this group, shown after `items`. */
     sections?: NavSection<Icon>[];
+    /**
+     * F092.23 — no heading row: the items show directly, always open (it cannot be
+     * folded, so a stored fold for this label is ignored). `label` stays required —
+     * it is the group's key and its accessible name.
+     */
+    hideLabel?: boolean;
 }
 /**
  * Is this item the current page? Exact match for "/", otherwise the path is the

package/dist/preact.js

@@ -808,7 +808,7 @@ function Sidebar(p) {
         children: [
           active && !sub ? /* @__PURE__ */ jsx("span", { class: "bas-item__bar" }) : null,
           it.icon ? /* @__PURE__ */ jsx("span", { class: "bas-item__icon", children: it.icon }) : null,
-          it.marker === "working" ? /* @__PURE__ */ jsx("span", { class: "bas-item__marker", "data-testid": `sidebar-item-${it.id}-marker`, role: "img", "aria-label": TEXT[p.lang].working }) : null,
+          it.marker === "working" ? /* @__PURE__ */ jsx("span", { class: "bas-item__marker", "data-testid": `sidebar-item-${it.id}-marker`, role: "img", "aria-label": TEXT[p.lang].working }) : it.marker === "idle" ? /* @__PURE__ */ jsx("span", { class: "bas-item__marker bas-item__marker--idle", "data-testid": `sidebar-item-${it.id}-marker`, "aria-hidden": "true" }) : null,
           /* @__PURE__ */ jsx("span", { class: "bas-item__label", children: it.label }),
           it.pinned ? /* @__PURE__ */ jsx("span", { class: "bas-item__pin", "data-testid": `sidebar-item-${it.id}-pinned`, role: "img", "aria-label": TEXT[p.lang].pinned, children: /* @__PURE__ */ jsx(IconPin, {}) }) : null,
           badge ? /* @__PURE__ */ jsx("span", { class: "bas-item__count", "data-testid": `sidebar-badge-${it.id}`, children: badge }) : null
@@ -899,19 +899,29 @@ function Sidebar(p) {
             ) : p.brandMark }) : null
           ] }) : null,
           /* @__PURE__ */ jsx("nav", { class: "bas-sidebar__nav", children: p.groups.map((g) => {
-            const open = railed || !folded.has(g.label);
+            const open = railed || g.hideLabel || !folded.has(g.label);
             const slug = g.label.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-            return /* @__PURE__ */ jsxs("div", { class: "bas-group" + (g.variant === "plain" ? " bas-group--plain" : ""), children: [
-              /* @__PURE__ */ jsxs("button", { type: "button", class: "bas-group__label", "data-testid": `sidebar-group-${slug}`, "aria-expanded": open, onClick: () => toggleGroup(g.label), children: [
-                /* @__PURE__ */ jsx(IconChevron, { open }),
-                /* @__PURE__ */ jsx("span", { children: g.label })
-              ] }),
-              open ? g.items.map(item) : null,
-              open ? g.sections?.map((sec) => /* @__PURE__ */ jsxs("div", { class: "bas-section", "data-testid": `sidebar-section-${slug}-${sec.label.toLowerCase().replace(/[^a-z0-9æøå]+/g, "-")}`, children: [
-                /* @__PURE__ */ jsx("div", { class: "bas-section__label", children: sec.label }),
-                sec.items.map(item)
-              ] }, sec.label)) : null
-            ] }, g.label);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                class: "bas-group" + (g.variant === "plain" ? " bas-group--plain" : ""),
+                role: g.hideLabel ? "group" : void 0,
+                "aria-label": g.hideLabel ? g.label : void 0,
+                "data-testid": g.hideLabel ? `sidebar-group-${slug}-unlabelled` : void 0,
+                children: [
+                  g.hideLabel ? null : /* @__PURE__ */ jsxs("button", { type: "button", class: "bas-group__label", "data-testid": `sidebar-group-${slug}`, "aria-expanded": open, onClick: () => toggleGroup(g.label), children: [
+                    /* @__PURE__ */ jsx(IconChevron, { open }),
+                    /* @__PURE__ */ jsx("span", { children: g.label })
+                  ] }),
+                  open ? g.items.map(item) : null,
+                  open ? g.sections?.map((sec) => /* @__PURE__ */ jsxs("div", { class: "bas-section", "data-testid": `sidebar-section-${slug}-${sec.label.toLowerCase().replace(/[^a-z0-9æøå]+/g, "-")}`, children: [
+                    /* @__PURE__ */ jsx("div", { class: "bas-section__label", children: sec.label }),
+                    sec.items.map(item)
+                  ] }, sec.label)) : null
+                ]
+              },
+              g.label
+            );
           }) }),
           p.footer?.length ? /* @__PURE__ */ jsx("div", { class: "bas-sidebar__foot", children: p.footer.map(item) }) : null,
           p.bottom ? /* @__PURE__ */ jsx("div", { class: "bas-sidebar__user", "data-testid": "sidebar-user", children: p.bottom }) : null