@ng-prism/core 22.2.0-beta.4 → 22.2.0

package/dist/app/variant-ribbon/prism-variant-ribbon.component.js

@@ -2,6 +2,7 @@ import { Component, inject, computed, effect, viewChild, viewChildren, ChangeDet
 import { PrismIconComponent } from '../icons/prism-icon.component.js';
 import { PrismNavigationService } from '../services/prism-navigation.service.js';
 import { PrismRendererService } from '../services/prism-renderer.service.js';
+import { spectrumSlot } from './spectrum.js';
 import * as i0 from "@angular/core";
 const _c0 = ["tabsContainer"];
 const _c1 = ["tabButton"];
@@ -10,22 +11,21 @@ function PrismVariantRibbonComponent_Conditional_0_For_4_Template(rf, ctx) { if
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 10, 1);
     i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_For_4_Template_button_click_0_listener() { const ɵ$index_6_r3 = i0.ɵɵrestoreView(_r2).$index; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.rendererService.selectVariant(ɵ$index_6_r3)); });
-    i0.ɵɵelement(2, "span", 11);
-    i0.ɵɵtext(3);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const v_r5 = ctx.$implicit;
     const ɵ$index_6_r3 = ctx.$index;
     const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("--vc", ctx_r3.variantColor(v_r5.name, ɵ$index_6_r3));
+    i0.ɵɵstyleProp("--%NS%i", ctx_r3.slot(ɵ$index_6_r3).i)("--%NS%n", ctx_r3.slot(ɵ$index_6_r3).n);
     i0.ɵɵclassProp("v-tab--active", ctx_r3.rendererService.activeVariantIndex() === ɵ$index_6_r3);
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", v_r5.name, " ");
 } }
 function PrismVariantRibbonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "nav", 2)(1, "div", 3, 0);
-    i0.ɵɵrepeaterCreate(3, PrismVariantRibbonComponent_Conditional_0_For_4_Template, 4, 5, "button", 4, _forTrack0);
+    i0.ɵɵrepeaterCreate(3, PrismVariantRibbonComponent_Conditional_0_For_4_Template, 3, 7, "button", 4, _forTrack0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 5)(6, "button", 6);
     i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.prev()); });
@@ -48,19 +48,6 @@ function PrismVariantRibbonComponent_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("size", 14);
 } }
-function variantColor(name, index) {
-    const palette = [
-        '#a78bfa',
-        '#60a5fa',
-        '#34d399',
-        '#fbbf24',
-        '#f472b6',
-        '#8476a2',
-        '#ec4899',
-        '#06b6d4',
-    ];
-    return palette[index % palette.length];
-}
 export class PrismVariantRibbonComponent {
     navigationService = inject(PrismNavigationService);
     rendererService = inject(PrismRendererService);
@@ -92,8 +79,8 @@ export class PrismVariantRibbonComponent {
             }
         });
     }
-    variantColor(name, index) {
-        return variantColor(name, index);
+    slot(index) {
+        return spectrumSlot(index, this.variants().length);
     }
     prev() {
         const idx = this.rendererService.activeVariantIndex();
@@ -110,11 +97,11 @@ export class PrismVariantRibbonComponent {
             i0.ɵɵviewQuerySignal(ctx.tabsContainer, _c0, 5)(ctx.tabButtons, _c1, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
-        } }, decls: 1, vars: 1, consts: [["tabsContainer", ""], ["tabButton", ""], [1, "variant-ribbon"], [1, "variant-ribbon-tabs"], [1, "v-tab", 3, "v-tab--active", "--vc"], [1, "variant-ribbon-right"], ["title", "Previous variant", "aria-label", "Previous variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 2, "transform", "rotate(180deg)", 3, "size"], ["title", "Next variant", "aria-label", "Next variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 3, "size"], [1, "v-tab", 3, "click"], [1, "v-dot"]], template: function PrismVariantRibbonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, decls: 1, vars: 1, consts: [["tabsContainer", ""], ["tabButton", ""], [1, "variant-ribbon"], [1, "variant-ribbon-tabs"], [1, "v-tab", 3, "v-tab--active", "--%NS%i", "--%NS%n"], [1, "variant-ribbon-right"], ["title", "Previous variant", "aria-label", "Previous variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 2, "transform", "rotate(180deg)", 3, "size"], ["title", "Next variant", "aria-label", "Next variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 3, "size"], [1, "v-tab", 3, "click"]], template: function PrismVariantRibbonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, PrismVariantRibbonComponent_Conditional_0_Template, 10, 4, "nav", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.variants().length > 0 ? 0 : -1);
-        } }, dependencies: [PrismIconComponent], styles: ["[_nghost-%COMP%] { display: block; flex-shrink: 0; }\n\n    .variant-ribbon[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n    }\n\n    .variant-ribbon-tabs[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .v-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .v-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .v-tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n\n    .v-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active[_ngcontent-%COMP%]   .v-dot[_ngcontent-%COMP%] {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"] });
+        } }, dependencies: [PrismIconComponent], styles: ["[_nghost-%COMP%] { display: block; flex-shrink: 0; }\n\n    .variant-ribbon[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 0 var(--%NS%sp-5);\n      background: var(--%NS%prism-bg);\n      border-bottom: 1px solid var(--%NS%prism-border);\n      height: var(--%NS%band-rail);\n    }\n\n    .variant-ribbon-tabs[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .v-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--%NS%prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--%NS%dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--%NS%font-sans);\n    }\n    \n\n\n    .v-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: var(--%NS%sp-3);\n      right: var(--%NS%sp-3);\n      bottom: 0;\n      height: 2px;\n      border-radius: 2px;\n      background: var(--%NS%prism-spectrum);\n      background-size: calc(var(--%NS%n) * 100%) 100%;\n      background-position: calc(var(--%NS%i) / (var(--%NS%n) - 1) * 100%) 0;\n      opacity: 0;\n      transition: opacity var(--%NS%dur-fast) var(--%NS%ease-default);\n    }\n    .v-tab[_ngcontent-%COMP%]:hover { color: var(--%NS%prism-text-2); }\n    .v-tab--active[_ngcontent-%COMP%] { color: var(--%NS%prism-text); }\n    .v-tab--%NS%active[_ngcontent-%COMP%]::after { opacity: 1; }\n    .v-tab[_ngcontent-%COMP%]:hover::after { opacity: 0.4; }\n\n    .variant-ribbon-right[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--%NS%prism-border);\n      height: 24px;\n    }\n\n    .tool-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--%NS%radius-sm);\n      color: var(--%NS%prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--%NS%dur-fast);\n    }\n    .tool-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      color: var(--%NS%prism-text);\n      background: color-mix(in srgb, var(--%NS%prism-primary) 8%, transparent);\n    }\n    .tool-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--%NS%prism-primary);\n      outline-offset: 2px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismVariantRibbonComponent, [{
         type: Component,
@@ -127,10 +114,10 @@ export class PrismVariantRibbonComponent {
           #tabButton
           class="v-tab"
           [class.v-tab--active]="rendererService.activeVariantIndex() === i"
-          [style.--vc]="variantColor(v.name, i)"
+          [style.--i]="slot(i).i"
+          [style.--n]="slot(i).n"
           (click)="rendererService.selectVariant(i)"
         >
-          <span class="v-dot"></span>
           {{ v.name }}
         </button>
         }
@@ -163,6 +150,6 @@ export class PrismVariantRibbonComponent {
       </div>
     </nav>
     }
-  `, styles: ["\n    :host { display: block; flex-shrink: 0; }\n\n    .variant-ribbon {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n    }\n\n    .variant-ribbon-tabs {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs::-webkit-scrollbar { display: none; }\n\n    .v-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab:hover { color: var(--prism-text-2); }\n    .v-tab--active { color: var(--prism-text); }\n    .v-tab--active::after { opacity: 1; }\n\n    .v-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active .v-dot {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+  `, styles: ["\n    :host { display: block; flex-shrink: 0; }\n\n    .variant-ribbon {\n      display: flex;\n      align-items: center;\n      padding: 0 var(--sp-5);\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: var(--band-rail);\n    }\n\n    .variant-ribbon-tabs {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs::-webkit-scrollbar { display: none; }\n\n    .v-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    /* Colour as position, not assignment: each tab shows the slice of one\n       broken spectrum that corresponds to where it sits in the sequence. Nine\n       arbitrary hues used to say nothing at all; this says \"you are here\". */\n    .v-tab::after {\n      content: '';\n      position: absolute;\n      left: var(--sp-3);\n      right: var(--sp-3);\n      bottom: 0;\n      height: 2px;\n      border-radius: 2px;\n      background: var(--prism-spectrum);\n      background-size: calc(var(--n) * 100%) 100%;\n      background-position: calc(var(--i) / (var(--n) - 1) * 100%) 0;\n      opacity: 0;\n      transition: opacity var(--dur-fast) var(--ease-default);\n    }\n    .v-tab:hover { color: var(--prism-text-2); }\n    .v-tab--active { color: var(--prism-text); }\n    .v-tab--active::after { opacity: 1; }\n    .v-tab:hover::after { opacity: 0.4; }\n\n    .variant-ribbon-right {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
     }], () => [], { tabsContainer: [{ type: i0.ViewChild, args: ['tabsContainer', { isSignal: true }] }], tabButtons: [{ type: i0.ViewChildren, args: ['tabButton', { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismVariantRibbonComponent, { className: "PrismVariantRibbonComponent", filePath: "app/variant-ribbon/prism-variant-ribbon.component.ts", lineNumber: 187 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismVariantRibbonComponent, { className: "PrismVariantRibbonComponent", filePath: "app/variant-ribbon/prism-variant-ribbon.component.ts", lineNumber: 168 }); })();

package/dist/app/variant-ribbon/spectrum.d.ts

@@ -0,0 +1,19 @@
+/** Where one variant tab sits on the spectrum rail. */
+export interface SpectrumSlot {
+    /** Zero-based position. */
+    i: number;
+    /** Total positions, never below 2. */
+    n: number;
+}
+/**
+ * Maps a variant's index onto the spectrum rail.
+ *
+ * The CSS reads `calc(var(--i) / (var(--n) - 1) * 100%)`, so n = 1 would
+ * divide by zero — and an invalid calc() drops the whole declaration rather
+ * than falling back to a sane default, leaving the result dependent on
+ * whatever else happens to target background-position. Reporting a floor of 2
+ * keeps the arithmetic defined and parks a lone variant at the start of the
+ * spectrum, which is also what it should look like.
+ */
+export declare function spectrumSlot(index: number, count: number): SpectrumSlot;
+//# sourceMappingURL=spectrum.d.ts.map

package/dist/app/variant-ribbon/spectrum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spectrum.d.ts","sourceRoot":"","sources":["../../../src/app/variant-ribbon/spectrum.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,sCAAsC;IACtC,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,CAIvE"}

package/dist/app/variant-ribbon/spectrum.js

@@ -0,0 +1,15 @@
+/**
+ * Maps a variant's index onto the spectrum rail.
+ *
+ * The CSS reads `calc(var(--i) / (var(--n) - 1) * 100%)`, so n = 1 would
+ * divide by zero — and an invalid calc() drops the whole declaration rather
+ * than falling back to a sane default, leaving the result dependent on
+ * whatever else happens to target background-position. Reporting a floor of 2
+ * keeps the arithmetic defined and parks a lone variant at the start of the
+ * spectrum, which is also what it should look like.
+ */
+export function spectrumSlot(index, count) {
+    const n = count < 2 ? 2 : count;
+    const i = index < 0 ? 0 : index > n - 1 ? n - 1 : index;
+    return { i, n };
+}

package/dist/app/view-tab-bar/next-view-id.d.ts

@@ -0,0 +1,12 @@
+import type { PanelDefinition } from '../../plugin/plugin.types.js';
+/**
+ * The view to switch to, or `null` when the active one still stands.
+ *
+ * A view survives a component switch for as long as the new component still
+ * offers it — that is the whole rule. `renderer` needs no check of its own
+ * because it is the one view every component has: there is no `isVisible` for
+ * the Playground, so it can never drop out of the visible list and never
+ * needs a fallback away from itself.
+ */
+export declare function nextViewId(activeViewId: string, visibleViewPanels: readonly PanelDefinition[]): string | null;
+//# sourceMappingURL=next-view-id.d.ts.map

package/dist/app/view-tab-bar/next-view-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-view-id.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/next-view-id.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,SAAS,eAAe,EAAE,GAC5C,MAAM,GAAG,IAAI,CAKf"}

package/dist/app/view-tab-bar/next-view-id.js

@@ -0,0 +1,16 @@
+/**
+ * The view to switch to, or `null` when the active one still stands.
+ *
+ * A view survives a component switch for as long as the new component still
+ * offers it — that is the whole rule. `renderer` needs no check of its own
+ * because it is the one view every component has: there is no `isVisible` for
+ * the Playground, so it can never drop out of the visible list and never
+ * needs a fallback away from itself.
+ */
+export function nextViewId(activeViewId, visibleViewPanels) {
+    if (activeViewId === 'renderer')
+        return null;
+    return visibleViewPanels.some((p) => p.id === activeViewId)
+        ? null
+        : 'renderer';
+}

package/dist/app/view-tab-bar/prism-view-panel-host.component.d.ts

@@ -2,7 +2,6 @@ import { EnvironmentInjector, OnDestroy, type Type } from '@angular/core';
 import { PrismPanelService } from '../services/prism-panel.service.js';
 import * as i0 from "@angular/core";
 export declare class PrismViewPanelHostComponent implements OnDestroy {
-    private readonly pluginService;
     private readonly nav;
     protected readonly panelService: PrismPanelService;
     private readonly envInjector;

package/dist/app/view-tab-bar/prism-view-panel-host.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-view-panel-host.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAA0D,mBAAmB,EAAU,SAAS,EAAU,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AAGlJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBAqBa,2BAA4B,YAAW,SAAS;IAC3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAE3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAG3B;IAEH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0C;IAExE,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAY9B;;IA+BH,WAAW,IAAI,IAAI;yCA9DR,2BAA2B;2CAA3B,2BAA2B;CAiEvC"}
+{"version":3,"file":"prism-view-panel-host.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,mBAAmB,EAEnB,SAAS,EAET,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAEvE,qBA2Ba,2BAA4B,YAAW,SAAS;IAC3D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAE3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;IAE9D,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0C;IAExE,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAgB9B;;IAkCH,WAAW,IAAI,IAAI;yCAjER,2BAA2B;2CAA3B,2BAA2B;CAoEvC"}

package/dist/app/view-tab-bar/prism-view-panel-host.component.js

@@ -1,9 +1,7 @@
 import { NgComponentOutlet } from '@angular/common';
-import { Component, computed, createEnvironmentInjector, effect, EnvironmentInjector, inject, signal } from '@angular/core';
-import { BUILTIN_PANELS } from '../panels/builtin-panels.js';
+import { Component, computed, createEnvironmentInjector, effect, EnvironmentInjector, inject, signal, } from '@angular/core';
 import { PrismNavigationService } from '../services/prism-navigation.service.js';
 import { PrismPanelService } from '../services/prism-panel.service.js';
-import { PrismPluginService } from '../services/prism-plugin.service.js';
 import * as i0 from "@angular/core";
 function PrismViewPanelHostComponent_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -15,15 +13,10 @@ function PrismViewPanelHostComponent_Conditional_1_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("ngComponentOutlet", ctx_r0.resolvedComponent())("ngComponentOutletInputs", ctx_r0.panelInputs())("ngComponentOutletInjector", ctx_r0.activeInjector());
 } }
 export class PrismViewPanelHostComponent {
-    pluginService = inject(PrismPluginService);
     nav = inject(PrismNavigationService);
     panelService = inject(PrismPanelService);
     envInjector = inject(EnvironmentInjector);
-    allViewPanels = computed(() => [
-        ...BUILTIN_PANELS.filter((p) => p.placement === 'view'),
-        ...this.pluginService.viewPanels(),
-    ], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "allViewPanels" }] : /* istanbul ignore next */ []));
+    allViewPanels = this.panelService.viewPanels;
     resolvedComponent = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "resolvedComponent" }] : /* istanbul ignore next */ []));
     panelInputs = computed(() => ({
@@ -79,16 +72,22 @@ export class PrismViewPanelHostComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.resolvedComponent() ? 1 : -1);
-        } }, dependencies: [NgComponentOutlet], styles: [".prism-view-panel-host[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: auto;\n      background: var(--prism-bg-elevated);\n    }"] });
+        } }, dependencies: [NgComponentOutlet], styles: [".prism-view-panel-host[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: auto;\n      background: var(--%NS%prism-bg-elevated);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismViewPanelHostComponent, [{
         type: Component,
         args: [{ selector: 'prism-view-panel-host', standalone: true, imports: [NgComponentOutlet], template: `
     <div class="prism-view-panel-host">
       @if (resolvedComponent()) {
-        <ng-container *ngComponentOutlet="resolvedComponent(); inputs: panelInputs(); injector: activeInjector()" />
+      <ng-container
+        *ngComponentOutlet="
+          resolvedComponent();
+          inputs: panelInputs();
+          injector: activeInjector()
+        "
+      />
       }
     </div>
   `, styles: ["\n    .prism-view-panel-host {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: auto;\n      background: var(--prism-bg-elevated);\n    }\n  "] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewPanelHostComponent, { className: "PrismViewPanelHostComponent", filePath: "app/view-tab-bar/prism-view-panel-host.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewPanelHostComponent, { className: "PrismViewPanelHostComponent", filePath: "app/view-tab-bar/prism-view-panel-host.component.ts", lineNumber: 43 }); })();

package/dist/app/view-tab-bar/prism-view-tab-bar.component.d.ts

@@ -2,7 +2,6 @@ import { PrismPanelService } from '../services/prism-panel.service.js';
 import * as i0 from "@angular/core";
 export declare class PrismViewTabBarComponent {
     protected readonly panelService: PrismPanelService;
-    private readonly pluginService;
     protected readonly viewPanels: import("@angular/core").Signal<import("../../index.js").PanelDefinition[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrismViewTabBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PrismViewTabBarComponent, "prism-view-tab-bar", never, {}, {}, never, never, true, never>;

package/dist/app/view-tab-bar/prism-view-tab-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-view-tab-bar.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-tab-bar.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBAoEa,wBAAwB;IACnC,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,SAAS,CAAC,QAAQ,CAAC,UAAU,6EAG1B;yCAPQ,wBAAwB;2CAAxB,wBAAwB;CAQpC"}
+{"version":3,"file":"prism-view-tab-bar.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-tab-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAEvE,qBAgEa,wBAAwB;IACnC,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAE5D,SAAS,CAAC,QAAQ,CAAC,UAAU,6EAAuC;yCAHzD,wBAAwB;2CAAxB,wBAAwB;CAIpC"}

package/dist/app/view-tab-bar/prism-view-tab-bar.component.js

@@ -1,7 +1,5 @@
-import { Component, computed, inject } from '@angular/core';
-import { BUILTIN_PANELS } from '../panels/builtin-panels.js';
+import { Component, inject, ChangeDetectionStrategy } from '@angular/core';
 import { PrismPanelService } from '../services/prism-panel.service.js';
-import { PrismPluginService } from '../services/prism-plugin.service.js';
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.id;
 function PrismViewTabBarComponent_For_4_Template(rf, ctx) { if (rf & 1) {
@@ -19,12 +17,7 @@ function PrismViewTabBarComponent_For_4_Template(rf, ctx) { if (rf & 1) {
 } }
 export class PrismViewTabBarComponent {
     panelService = inject(PrismPanelService);
-    pluginService = inject(PrismPluginService);
-    viewPanels = computed(() => [
-        ...BUILTIN_PANELS.filter((p) => p.placement === 'view'),
-        ...this.pluginService.viewPanels(),
-    ], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "viewPanels" }] : /* istanbul ignore next */ []));
+    viewPanels = this.panelService.visibleViewPanels;
     static ɵfac = function PrismViewTabBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismViewTabBarComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismViewTabBarComponent, selectors: [["prism-view-tab-bar"]], decls: 5, vars: 2, consts: [[1, "prism-view-tab-bar"], [1, "prism-view-tab-bar__tab", 3, "click"], [1, "prism-view-tab-bar__tab", 3, "prism-view-tab-bar__tab--active"]], template: function PrismViewTabBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0)(1, "button", 1);
@@ -38,11 +31,11 @@ export class PrismViewTabBarComponent {
             i0.ɵɵclassProp("prism-view-tab-bar__tab--active", ctx.panelService.activeViewId() === "renderer");
             i0.ɵɵadvance(2);
             i0.ɵɵrepeater(ctx.viewPanels());
-        } }, styles: [".prism-view-tab-bar[_ngcontent-%COMP%] {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%] {\n      padding: 9px 14px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      margin-bottom: -1px;\n      transition: color 0.12s;\n    }\n\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 8px;\n      right: 8px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity 0.12s;\n    }\n\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n\n    .prism-view-tab-bar__tab--active[_ngcontent-%COMP%] { color: var(--prism-primary); font-weight: 500; }\n\n    .prism-view-tab-bar__tab--active[_ngcontent-%COMP%]::after { opacity: 1; }"] });
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n    .prism-view-tab-bar[_ngcontent-%COMP%] {\n      display: inline-flex;\n      gap: 2px;\n      padding: 2px;\n      border-radius: var(--%NS%radius-sm);\n      background: var(--%NS%prism-input-bg);\n    }\n\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%] {\n      padding: 2px var(--%NS%sp-4);\n      border: 0;\n      border-radius: var(--%NS%radius-xs);\n      background: none;\n      font-family: var(--%NS%prism-font-sans);\n      font-size: var(--%NS%fs-md);\n      color: var(--%NS%prism-text-muted);\n      cursor: pointer;\n      white-space: nowrap;\n      transition: color var(--%NS%dur-fast) var(--%NS%ease-default);\n    }\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%]:hover { color: var(--%NS%prism-text-2); }\n    .prism-view-tab-bar__tab[_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--%NS%prism-primary);\n      outline-offset: 1px;\n    }\n    .prism-view-tab-bar__tab--active[_ngcontent-%COMP%] {\n      background: var(--%NS%prism-bg-elevated);\n      color: var(--%NS%prism-text);\n      font-weight: 500;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismViewTabBarComponent, [{
         type: Component,
-        args: [{ selector: 'prism-view-tab-bar', standalone: true, template: `
+        args: [{ selector: 'prism-view-tab-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="prism-view-tab-bar">
       <button
         class="prism-view-tab-bar__tab"
@@ -65,6 +58,6 @@ export class PrismViewTabBarComponent {
       </button>
       }
     </div>
-  `, styles: ["\n    .prism-view-tab-bar {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-view-tab-bar__tab {\n      padding: 9px 14px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      margin-bottom: -1px;\n      transition: color 0.12s;\n    }\n\n    .prism-view-tab-bar__tab::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 8px;\n      right: 8px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity 0.12s;\n    }\n\n    .prism-view-tab-bar__tab:hover { color: var(--prism-text-2); }\n\n    .prism-view-tab-bar__tab--active { color: var(--prism-primary); font-weight: 500; }\n\n    .prism-view-tab-bar__tab--active::after { opacity: 1; }\n  "] }]
+  `, styles: ["\n    :host { display: inline-flex; }\n\n    .prism-view-tab-bar {\n      display: inline-flex;\n      gap: 2px;\n      padding: 2px;\n      border-radius: var(--radius-sm);\n      background: var(--prism-input-bg);\n    }\n\n    .prism-view-tab-bar__tab {\n      padding: 2px var(--sp-4);\n      border: 0;\n      border-radius: var(--radius-xs);\n      background: none;\n      font-family: var(--prism-font-sans);\n      font-size: var(--fs-md);\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      white-space: nowrap;\n      transition: color var(--dur-fast) var(--ease-default);\n    }\n    .prism-view-tab-bar__tab:hover { color: var(--prism-text-2); }\n    .prism-view-tab-bar__tab:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 1px;\n    }\n    .prism-view-tab-bar__tab--active {\n      background: var(--prism-bg-elevated);\n      color: var(--prism-text);\n      font-weight: 500;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);\n    }\n  "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewTabBarComponent, { className: "PrismViewTabBarComponent", filePath: "app/view-tab-bar/prism-view-tab-bar.component.ts", lineNumber: 74 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewTabBarComponent, { className: "PrismViewTabBarComponent", filePath: "app/view-tab-bar/prism-view-tab-bar.component.ts", lineNumber: 68 }); })();

package/dist/builder/a11y/a11y-report-reader.d.ts

@@ -1,7 +1,21 @@
-import type { A11yManifestMeta, A11yReport, A11yThresholds } from '../../app/panels/a11y/a11y.types.js';
+import type { A11yComponentMeta, A11yManifestMeta, A11yReport, A11yThresholds } from '../../app/panels/a11y/a11y.types.js';
+import { deriveA11ySummary } from '../../app/panels/a11y/a11y-summary.js';
+export { deriveA11ySummary };
 export declare const DEFAULT_A11Y_REPORT_PATH = "a11y-report.json";
 export declare function loadA11yReport(reportPath: string): A11yReport | null;
 export declare function readA11yMeta(reportPath: string, thresholdsInput?: Partial<A11yThresholds>): A11yManifestMeta | null;
+/**
+ * Every component's entry, from a single read of the report.
+ *
+ * The plural form exists because {@link readA11yForComponent} re-enters
+ * {@link loadA11yReport}, which `statSync`s the file even on a cache hit.
+ * Calling it once per scanned component turns a 300-component library into 300
+ * redundant syscalls per build, and a watch-mode rebuild repeats them all — so
+ * the pipeline reads the report once and looks components up in the result.
+ */
+export declare function readA11yForComponents(reportPath: string, thresholds: A11yThresholds): Map<string, A11yComponentMeta>;
+/** The per-component entry of the report, or null when there is none. */
+export declare function readA11yForComponent(reportPath: string, className: string, thresholds: A11yThresholds): A11yComponentMeta | null;
 export interface ThresholdViolation {
     metric: 'score' | 'critical' | 'serious' | 'moderate';
     actual: number;

package/dist/builder/a11y/a11y-report-reader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y-report-reader.d.ts","sourceRoot":"","sources":["../../../src/builder/a11y/a11y-report-reader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,EACf,MAAM,qCAAqC,CAAC;AAG7C,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAI3D,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAapE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GACxC,gBAAgB,GAAG,IAAI,CAQzB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,gBAAgB,GACrB,kBAAkB,EAAE,CAkCtB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}
+{"version":3,"file":"a11y-report-reader.d.ts","sourceRoot":"","sources":["../../../src/builder/a11y/a11y-report-reader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,cAAc,EACf,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAK1E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAI3D,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAapE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GACxC,gBAAgB,GAAG,IAAI,CAQzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,cAAc,GACzB,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAchC;AAED,yEAAyE;AACzE,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,cAAc,GACzB,iBAAiB,GAAG,IAAI,CAK1B;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,gBAAgB,GACrB,kBAAkB,EAAE,CAkCtB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}

package/dist/builder/a11y/a11y-report-reader.js

@@ -1,5 +1,10 @@
 import { readFileSync, statSync } from 'node:fs';
 import { resolveA11yThresholds } from '../../app/panels/a11y/a11y-thresholds.js';
+import { deriveA11ySummary } from '../../app/panels/a11y/a11y-summary.js';
+// Re-exported so the builder side keeps one import surface for the a11y
+// report. The derivation itself lives in `app/` because the panel tab grades
+// the live audit with it and cannot reach into `builder/`.
+export { deriveA11ySummary };
 export const DEFAULT_A11Y_REPORT_PATH = 'a11y-report.json';
 const cache = new Map();
 export function loadA11yReport(reportPath) {
@@ -26,6 +31,38 @@ export function readA11yMeta(reportPath, thresholdsInput) {
         thresholds: resolveA11yThresholds(thresholdsInput),
     };
 }
+/**
+ * Every component's entry, from a single read of the report.
+ *
+ * The plural form exists because {@link readA11yForComponent} re-enters
+ * {@link loadA11yReport}, which `statSync`s the file even on a cache hit.
+ * Calling it once per scanned component turns a 300-component library into 300
+ * redundant syscalls per build, and a watch-mode rebuild repeats them all — so
+ * the pipeline reads the report once and looks components up in the result.
+ */
+export function readA11yForComponents(reportPath, thresholds) {
+    const components = loadA11yReport(reportPath)?.components;
+    const byClassName = new Map();
+    if (!components)
+        return byClassName;
+    for (const [className, score] of Object.entries(components)) {
+        if (!score)
+            continue;
+        byClassName.set(className, {
+            found: true,
+            score,
+            summary: deriveA11ySummary(score, thresholds),
+        });
+    }
+    return byClassName;
+}
+/** The per-component entry of the report, or null when there is none. */
+export function readA11yForComponent(reportPath, className, thresholds) {
+    const score = loadA11yReport(reportPath)?.components?.[className];
+    if (!score)
+        return null;
+    return { found: true, score, summary: deriveA11ySummary(score, thresholds) };
+}
 export function checkA11yThresholds(meta) {
     const violations = [];
     const t = meta.thresholds;

package/dist/builder/shared/prism-pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-pipeline.d.ts","sourceRoot":"","sources":["../../../src/builder/shared/prism-pipeline.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAYpE,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,oGAAoG;IACpG,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,mBAAmB,CAAC,CAyE9B"}
+{"version":3,"file":"prism-pipeline.d.ts","sourceRoot":"","sources":["../../../src/builder/shared/prism-pipeline.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAapE,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,oGAAoG;IACpG,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,mBAAmB,CAAC,CAyF9B"}

package/dist/builder/shared/prism-pipeline.js

@@ -6,7 +6,7 @@ import { discoverSecondaryEntryPoints } from '../scanner/entry-point-discovery.j
 import { loadConfig } from '../config-loader/config-loader.js';
 import { runPluginHooks } from '../plugin-runner/plugin-runner.js';
 import { generateRuntimeManifest } from '../manifest/runtime-manifest.generator.js';
-import { DEFAULT_A11Y_REPORT_PATH, checkA11yThresholds, readA11yMeta, } from '../a11y/a11y-report-reader.js';
+import { DEFAULT_A11Y_REPORT_PATH, checkA11yThresholds, readA11yForComponents, readA11yMeta, } from '../a11y/a11y-report-reader.js';
 export function createPipelineState() {
     return { scanner: undefined, lastEntrySetKey: undefined };
 }
@@ -23,7 +23,8 @@ export async function runPrismPipeline(options, context, state) {
     context.reportStatus('Running plugin hooks...');
     let manifest = await runPluginHooks({ ...scanResult, pages }, config.plugins ?? []);
     const a11yReportPath = config.a11y?.reportPath ?? DEFAULT_A11Y_REPORT_PATH;
-    const a11yMeta = readA11yMeta(join(workspaceRoot, a11yReportPath), config.a11y?.thresholds);
+    const a11yReportPathAbs = join(workspaceRoot, a11yReportPath);
+    const a11yMeta = readA11yMeta(a11yReportPathAbs, config.a11y?.thresholds);
     if (a11yMeta) {
         const violations = checkA11yThresholds(a11yMeta);
         if (violations.length > 0) {
@@ -33,8 +34,24 @@ export async function runPrismPipeline(options, context, state) {
             throw new Error(`ng-prism: a11y thresholds violated — ${summary}. ` +
                 `Update components or relax thresholds via config.a11y.thresholds.`);
         }
+        // Read once, not once per component: the reader re-stats the file on every
+        // call even when its cache hits, so a per-component lookup scales the
+        // syscalls with the library and repeats them on every watch rebuild.
+        const a11yByComponent = readA11yForComponents(a11yReportPathAbs, a11yMeta.thresholds);
         manifest = {
             ...manifest,
+            components: manifest.components.map((component) => {
+                const a11y = a11yByComponent.get(component.className);
+                if (!a11y)
+                    return component;
+                return {
+                    ...component,
+                    showcaseConfig: {
+                        ...component.showcaseConfig,
+                        meta: { ...component.showcaseConfig.meta, a11y },
+                    },
+                };
+            }),
             meta: { ...manifest.meta, a11y: a11yMeta },
         };
     }

package/dist/plugin/index.d.ts

@@ -1,4 +1,4 @@
-export type { NgPrismPlugin, PanelBadge, PanelDefinition, ControlDefinition, HeaderWidgetDefinition, NgPrismConfig, PrismManifest, ScannedComponent, InputMeta, OutputMeta, RuntimeManifest, RuntimeComponent, DiscoveryManifest, DiscoveryComponent, DiscoveryVariant, DiscoveryPage, } from './plugin.types.js';
+export type { NgPrismPlugin, PanelBadge, PanelDefinition, ControlDefinition, HeaderWidgetDefinition, NavigationDecoration, NavigationDecorationDefinition, NgPrismConfig, PrismManifest, ScannedComponent, InputMeta, OutputMeta, RuntimeManifest, RuntimeComponent, DiscoveryManifest, DiscoveryComponent, DiscoveryVariant, DiscoveryPage, } from './plugin.types.js';
 export type { StyleguidePage, CustomPage, ComponentPage, } from './page.types.js';
 export type { CanvasBg } from '../shared/canvas-bg.type.js';
 export { CANVAS_BGS } from '../shared/canvas-bg.type.js';
@@ -7,6 +7,7 @@ export type { VariantBgSource } from '../shared/variant-bg.js';
 export { customPage, componentPage } from './page-helpers.js';
 export type { ComponentPageOptions } from './page-helpers.js';
 export { defineConfig } from './define-config.js';
+export { ICON_NAMES } from '../app/icons/icon-registry.js';
 export { PRISM_RENDERER_HOOKS, PRISM_MANIFEST, PRISM_CONFIG, } from '../app/tokens/prism-tokens.js';
 export type { PrismRendererHooks } from '../app/tokens/prism-tokens.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,aAAa,EACb,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,iBAAiB,CAAC;AAKzB,YAAY,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,aAAa,EACb,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,8BAA8B,EAC9B,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,iBAAiB,CAAC;AAKzB,YAAY,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/plugin/index.js

@@ -2,4 +2,14 @@ export { CANVAS_BGS } from '../shared/canvas-bg.type.js';
 export { DEFAULT_VARIANT_BG, resolveVariantBg } from '../shared/variant-bg.js';
 export { customPage, componentPage } from './page-helpers.js';
 export { defineConfig } from './define-config.js';
+// From the dependency-free registry module, not `prism-icon.component.js`.
+// The builder evaluates plugin config — and everything it imports — in
+// Node.js, and importing the component module would run an `@Component`
+// decorator there: template compilation, styles, the whole runtime.
+//
+// Not a blanket "no Angular below this line": `prism-tokens.js` a few lines
+// down imports `InjectionToken`, and evaluating a plain class constructor in
+// Node is harmless. The line being drawn is decorated declarations, not the
+// package.
+export { ICON_NAMES } from '../app/icons/icon-registry.js';
 export { PRISM_RENDERER_HOOKS, PRISM_MANIFEST, PRISM_CONFIG, } from '../app/tokens/prism-tokens.js';

package/dist/plugin/plugin.types.d.ts

@@ -11,6 +11,8 @@ export interface NgPrismPlugin {
     controls?: ControlDefinition[];
     /** Header widgets rendered in the Prism shell header bar */
     headerWidgets?: HeaderWidgetDefinition[];
+    /** Markers contributed to each component's navigation item. */
+    navigationDecorations?: NavigationDecorationDefinition[];
     /** Angular standalone component that wraps each rendered component */
     wrapComponent?: Type<unknown>;
 }
@@ -39,6 +41,37 @@ export interface PanelBadge {
      */
     variant?: 'default' | 'ok' | 'warn' | 'danger';
 }
+/** What one source has to say about one component in the navigation. */
+export interface NavigationDecoration {
+    /**
+     * Colour role. Deliberately only two: an 'ok' state would make the marker
+     * permanent, and a marker that is always present stops being a signal.
+     */
+    variant: 'warn' | 'danger';
+    /** One tooltip line for this source, e.g. 'A11y: 2 critical, 1 serious'. */
+    label: string;
+}
+export interface NavigationDecorationDefinition {
+    /** Unique id — used for de-duplication when two plugins contribute the same source. */
+    id: string;
+    /** Icon name from the built-in registry (`ICON_NAMES`). */
+    icon: string;
+    /**
+     * Fixed slot order (lower = further left). The order is part of the reading
+     * contract: position alone names the source, so a decoration must not move
+     * depending on plugin registration order.
+     * Built-in: a11y 10, visual-regression 20, coverage 30.
+     */
+    order?: number;
+    /**
+     * The component's standing for this source, or `null` for "nothing worth
+     * saying".
+     *
+     * Called during change detection, so it has to be cheap and pure: read what
+     * the component's `meta` already holds, do not fetch and do not inject.
+     */
+    badge: (component: RuntimeComponent) => NavigationDecoration | null;
+}
 export interface PanelDefinition {
     id: string;
     label: string;

package/dist/plugin/plugin.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.types.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.types.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-prism/core",
-  "version": "22.2.0-beta.4",
+  "version": "22.2.0",
   "description": "ng-prism — the Angular-native Storybook alternative. Lightweight component showcase with @Showcase decorator, no story files needed.",
   "keywords": [
     "ng-prism",