@ng-prism/plugin-coverage 22.2.0-beta.4 → 22.2.0-beta.5

package/dist/coverage-contributions.d.ts

@@ -0,0 +1,13 @@
+import type { NavigationDecorationDefinition, PanelBadge, RuntimeComponent } from '@ng-prism/core/plugin';
+/**
+ * The score on the panel's own tab.
+ *
+ * Declared by the plugin rather than left to the core's built-in badge chain,
+ * which graded every score on a fixed 90/70 scale and so could paint the tab
+ * red for a component the navigation marker — reading this plugin's configured
+ * thresholds — called amber. The `summary` written at build time wins when it
+ * is there; deriving from `thresholds` covers the run where it is not.
+ */
+export declare function coverageBadge(component: RuntimeComponent): PanelBadge | null;
+export declare const COVERAGE_NAVIGATION_DECORATION: NavigationDecorationDefinition;
+//# sourceMappingURL=coverage-contributions.d.ts.map

package/dist/coverage-contributions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coverage-contributions.d.ts","sourceRoot":"","sources":["../src/coverage-contributions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,8BAA8B,EAC9B,UAAU,EACV,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAiB/B;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,gBAAgB,GAAG,UAAU,GAAG,IAAI,CAW5E;AAED,eAAO,MAAM,8BAA8B,EAAE,8BAU5C,CAAC"}

package/dist/coverage-contributions.js

@@ -0,0 +1,41 @@
+import { deriveCoverageSummary } from './coverage-summary.js';
+/**
+ * The runtime contributions both entry points declare. `coverage-plugin.ts`
+ * carries the build-time hook and must never be reachable from a browser
+ * bundle, so the browser entry cannot import through it.
+ */
+function componentMeta(component) {
+    return (component.meta?.showcaseConfig?.meta?.['coverage'] ?? null);
+}
+/**
+ * The score on the panel's own tab.
+ *
+ * Declared by the plugin rather than left to the core's built-in badge chain,
+ * which graded every score on a fixed 90/70 scale and so could paint the tab
+ * red for a component the navigation marker — reading this plugin's configured
+ * thresholds — called amber. The `summary` written at build time wins when it
+ * is there; deriving from `thresholds` covers the run where it is not.
+ */
+export function coverageBadge(component) {
+    const meta = componentMeta(component);
+    if (!meta?.found)
+        return null;
+    const variant = meta.summary?.variant ??
+        (meta.thresholds
+            ? deriveCoverageSummary(meta.score, meta.thresholds).variant
+            : 'default');
+    return { text: String(meta.score), variant };
+}
+export const COVERAGE_NAVIGATION_DECORATION = {
+    id: 'coverage',
+    icon: 'shield-check',
+    order: 30,
+    badge: (component) => {
+        const meta = componentMeta(component);
+        if (!meta?.found || !meta.summary)
+            return null;
+        if (meta.summary.variant === 'ok')
+            return null;
+        return { variant: meta.summary.variant, label: meta.summary.label };
+    },
+};

package/dist/coverage-header-badge.component.d.ts

@@ -1,14 +1,12 @@
 import * as i0 from "@angular/core";
-type Variant = 'ok' | 'warn' | 'danger';
 export declare class CoverageHeaderBadgeComponent {
     private readonly manifest;
     protected readonly data: import("@angular/core").Signal<{
         score: number;
-        variant: Variant;
+        variant: "ok" | "warn" | "danger";
         title: string;
     } | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoverageHeaderBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CoverageHeaderBadgeComponent, "prism-coverage-header-badge", never, {}, {}, never, never, true, never>;
 }
-export {};
 //# sourceMappingURL=coverage-header-badge.component.d.ts.map

package/dist/coverage-header-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-header-badge.component.d.ts","sourceRoot":"","sources":["../src/coverage-header-badge.component.ts"],"names":[],"mappings":";AAUA,KAAK,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExC,qBAqFa,4BAA4B;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IAEpE,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cA6BpB;yCAhCQ,4BAA4B;2CAA5B,4BAA4B;CAiCxC"}
+{"version":3,"file":"coverage-header-badge.component.d.ts","sourceRoot":"","sources":["../src/coverage-header-badge.component.ts"],"names":[],"mappings":";AAWA,qBAqFa,4BAA4B;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IAEpE,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cAqBpB;yCAxBQ,4BAA4B;2CAA5B,4BAA4B;CAyBxC"}

package/dist/coverage-header-badge.component.js

@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
 import { PRISM_MANIFEST } from '@ng-prism/core/plugin';
+import { deriveCoverageSummary } from './coverage-summary.js';
 import * as i0 from "@angular/core";
 function CoverageHeaderBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 1);
@@ -26,17 +27,13 @@ export class CoverageHeaderBadgeComponent {
         if (!meta?.total?.found)
             return null;
         const score = meta.total.score;
-        const t = meta.thresholds;
-        const avgThreshold = Math.round((t.lines + t.branches + t.functions + t.statements) / 4);
-        const variant = score >= avgThreshold
-            ? 'ok'
-            : score >= avgThreshold * 0.75
-                ? 'warn'
-                : 'danger';
+        // Both halves come from the one derivation, so the pill's first line and
+        // the navigation marker's tooltip cannot name different targets.
+        const { variant, label } = deriveCoverageSummary(score, meta.thresholds);
         return {
             score,
             variant,
-            title: `Library coverage: ${score}% (target ${avgThreshold}%)\n` +
+            title: `Library ${label}\n` +
                 `Lines ${meta.total.lines.pct}% · ` +
                 `Branches ${meta.total.branches.pct}% · ` +
                 `Functions ${meta.total.functions.pct}% · ` +
@@ -50,7 +47,7 @@ export class CoverageHeaderBadgeComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.data()) ? 0 : -1, tmp_0_0);
-        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n    .cov-pill[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .cov-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .cov-pill__label[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .cov-pill__value[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .cov-pill__value[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .cov-pill--ok[_ngcontent-%COMP%] {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-success); }\n\n    .cov-pill--warn[_ngcontent-%COMP%] {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .cov-pill--danger[_ngcontent-%COMP%] {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-danger); }"] });
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n    .cov-pill[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--%NS%font-mono);\n      font-size: var(--%NS%fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--%NS%prism-border);\n      background: var(--%NS%prism-input-bg);\n      color: var(--%NS%prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .cov-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .cov-pill__label[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .cov-pill__value[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-text);\n      font-weight: 600;\n    }\n    .cov-pill__value[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--%NS%prism-text-muted);\n      font-weight: 500;\n    }\n\n    .cov-pill--ok[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-success);\n      border-color: color-mix(in srgb, var(--%NS%prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--%NS%prism-success) 12%, transparent);\n    }\n    .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-success); }\n\n    .cov-pill--warn[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-warn);\n      border-color: color-mix(in srgb, var(--%NS%prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--%NS%prism-warn) 12%, transparent);\n    }\n    .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-warn); }\n\n    .cov-pill--danger[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-danger);\n      border-color: color-mix(in srgb, var(--%NS%prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--%NS%prism-danger) 12%, transparent);\n    }\n    .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-danger); }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoverageHeaderBadgeComponent, [{
         type: Component,
@@ -70,4 +67,4 @@ export class CoverageHeaderBadgeComponent {
     }
   `, styles: ["\n    :host { display: inline-flex; align-items: center; }\n\n    .cov-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .cov-pill__dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .cov-pill__label {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .cov-pill__value {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .cov-pill__value small {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .cov-pill--ok {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .cov-pill--ok .cov-pill__label,\n    .cov-pill--ok .cov-pill__value { color: var(--prism-success); }\n\n    .cov-pill--warn {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .cov-pill--warn .cov-pill__label,\n    .cov-pill--warn .cov-pill__value { color: var(--prism-warn); }\n\n    .cov-pill--danger {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .cov-pill--danger .cov-pill__label,\n    .cov-pill--danger .cov-pill__value { color: var(--prism-danger); }\n  "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoverageHeaderBadgeComponent, { className: "CoverageHeaderBadgeComponent", filePath: "coverage-header-badge.component.ts", lineNumber: 98 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoverageHeaderBadgeComponent, { className: "CoverageHeaderBadgeComponent", filePath: "coverage-header-badge.component.ts", lineNumber: 97 }); })();

package/dist/coverage-panel.component.js

@@ -145,7 +145,7 @@ export class CoveragePanelComponent {
             i0.ɵɵconditionalCreate(0, CoveragePanelComponent_Conditional_0_Template, 5, 1, "div", 0)(1, CoveragePanelComponent_Conditional_1_Template, 3, 0, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.coverage()?.found ? 0 : 1);
-        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .cov-body[_ngcontent-%COMP%] { padding: 20px 24px; }\n\n    .cov-summary[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n      margin-bottom: 18px;\n    }\n\n    .cov-stat[_ngcontent-%COMP%] {\n      padding: 12px 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n    .cov-stat-k[_ngcontent-%COMP%] {\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--prism-text-ghost);\n      font-weight: 700;\n      margin-bottom: 6px;\n    }\n    .cov-stat-v[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--prism-text);\n      letter-spacing: -0.02em;\n    }\n    .cov-stat-v[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n    .cov-bar[_ngcontent-%COMP%] {\n      margin-top: 8px;\n      height: 4px;\n      background: var(--prism-input-bg);\n      border-radius: 2px;\n      overflow: hidden;\n    }\n    .cov-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      border-radius: 2px;\n      transition: width 0.6s;\n    }\n\n    .cov-files[_ngcontent-%COMP%] {\n      padding: 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .cov-file[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr auto auto auto auto;\n      align-items: center;\n      gap: 16px;\n      padding: 7px 4px;\n      font-family: var(--font-mono);\n      font-size: 12px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .cov-file[_ngcontent-%COMP%]:last-child { border-bottom: 0; }\n\n    .cov-file--header[_ngcontent-%COMP%] {\n      border-bottom: 1px solid var(--prism-border-strong);\n      padding-bottom: 8px;\n      color: var(--prism-text-ghost);\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      font-weight: 700;\n    }\n\n    .cov-file-name[_ngcontent-%COMP%] { color: var(--prism-text-2); }\n    .cov-file-val[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      min-width: 54px;\n      text-align: right;\n    }\n    .cov-file-val.bad[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .cov-empty[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 120px;\n      color: var(--prism-text-muted);\n      font-size: 13px;\n      text-align: center;\n    }"] });
+        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .cov-body[_ngcontent-%COMP%] { padding: 20px 24px; }\n\n    .cov-summary[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n      margin-bottom: 18px;\n    }\n\n    .cov-stat[_ngcontent-%COMP%] {\n      padding: 12px 14px;\n      background: var(--%NS%prism-bg-surface);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: 8px;\n    }\n    .cov-stat-k[_ngcontent-%COMP%] {\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--%NS%prism-text-ghost);\n      font-weight: 700;\n      margin-bottom: 6px;\n    }\n    .cov-stat-v[_ngcontent-%COMP%] {\n      font-family: var(--%NS%font-mono);\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--%NS%prism-text);\n      letter-spacing: -0.02em;\n    }\n    .cov-stat-v[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--%NS%prism-text-muted);\n      font-weight: 500;\n    }\n    .cov-bar[_ngcontent-%COMP%] {\n      margin-top: 8px;\n      height: 4px;\n      background: var(--%NS%prism-input-bg);\n      border-radius: 2px;\n      overflow: hidden;\n    }\n    .cov-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      background: linear-gradient(90deg, var(--%NS%prism-primary-from), var(--%NS%prism-primary-to));\n      border-radius: 2px;\n      transition: width 0.6s;\n    }\n\n    .cov-files[_ngcontent-%COMP%] {\n      padding: 12px;\n      background: var(--%NS%prism-bg-surface);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: 8px;\n    }\n\n    .cov-file[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr auto auto auto auto;\n      align-items: center;\n      gap: 16px;\n      padding: 7px 4px;\n      font-family: var(--%NS%font-mono);\n      font-size: 12px;\n      border-bottom: 1px solid var(--%NS%prism-border);\n    }\n    .cov-file[_ngcontent-%COMP%]:last-child { border-bottom: 0; }\n\n    .cov-file--header[_ngcontent-%COMP%] {\n      border-bottom: 1px solid var(--%NS%prism-border-strong);\n      padding-bottom: 8px;\n      color: var(--%NS%prism-text-ghost);\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      font-weight: 700;\n    }\n\n    .cov-file-name[_ngcontent-%COMP%] { color: var(--%NS%prism-text-2); }\n    .cov-file-val[_ngcontent-%COMP%] {\n      color: var(--%NS%prism-text);\n      min-width: 54px;\n      text-align: right;\n    }\n    .cov-file-val.bad[_ngcontent-%COMP%] { color: var(--%NS%prism-warn); }\n\n    .cov-empty[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 120px;\n      color: var(--%NS%prism-text-muted);\n      font-size: 13px;\n      text-align: center;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoveragePanelComponent, [{
         type: Component,

package/dist/coverage-plugin.browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-plugin.browser.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,wBAAgB,cAAc,CAC5B,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,aAAa,CA2Bf"}
+{"version":3,"file":"coverage-plugin.browser.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAMjE,wBAAgB,cAAc,CAC5B,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,aAAa,CA8Bf"}

package/dist/coverage-plugin.browser.js

@@ -1,3 +1,4 @@
+import { coverageBadge, COVERAGE_NAVIGATION_DECORATION, } from './coverage-contributions.js';
 export function coveragePlugin(_options) {
     return {
         name: '@ng-prism/plugin-coverage',
@@ -5,6 +6,7 @@ export function coveragePlugin(_options) {
             {
                 id: 'coverage',
                 label: 'Coverage',
+                badge: coverageBadge,
                 icon: 'shield-check',
                 loadComponent: () => import('./coverage-panel.component.js').then((m) => m.CoveragePanelComponent),
                 position: 'bottom',
@@ -18,5 +20,6 @@ export function coveragePlugin(_options) {
                 loadComponent: () => import('./coverage-header-badge.component.js').then((m) => m.CoverageHeaderBadgeComponent),
             },
         ],
+        navigationDecorations: [COVERAGE_NAVIGATION_DECORATION],
     };
 }

package/dist/coverage-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-plugin.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,2BAA2B,EAAE,kBAKzC,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAC3C,kBAAkB,CAWpB;AAED,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,aAAa,CAsD7E"}
+{"version":3,"file":"coverage-plugin.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,2BAA2B,EAAE,kBAKzC,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAC3C,kBAAkB,CAWpB;AAED,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,aAAa,CAgE7E"}

package/dist/coverage-plugin.js

@@ -1,3 +1,4 @@
+import { coverageBadge, COVERAGE_NAVIGATION_DECORATION, } from './coverage-contributions.js';
 const DEFAULT_COVERAGE_PATH = 'coverage/coverage-summary.json';
 export const DEFAULT_COVERAGE_THRESHOLDS = {
     lines: 80,
@@ -25,6 +26,7 @@ export function coveragePlugin(options) {
         name: '@ng-prism/plugin-coverage',
         async onComponentScanned(component) {
             const { readCoverageForFile } = await import('./coverage-reader.js');
+            const { deriveCoverageSummary } = await import('./coverage-summary.js');
             const coverage = readCoverageForFile(coveragePath, component.filePath);
             return {
                 ...component,
@@ -32,7 +34,13 @@ export function coveragePlugin(options) {
                     ...component.showcaseConfig,
                     meta: {
                         ...component.showcaseConfig.meta,
-                        coverage: { ...coverage, thresholds },
+                        coverage: {
+                            ...coverage,
+                            thresholds,
+                            ...(coverage.found
+                                ? { summary: deriveCoverageSummary(coverage.score, thresholds) }
+                                : {}),
+                        },
                     },
                 },
             };
@@ -52,6 +60,7 @@ export function coveragePlugin(options) {
             {
                 id: 'coverage',
                 label: 'Coverage',
+                badge: coverageBadge,
                 loadComponent: () => import('./coverage-panel.component.js').then((m) => m.CoveragePanelComponent),
                 position: 'bottom',
             },
@@ -64,5 +73,6 @@ export function coveragePlugin(options) {
                 loadComponent: () => import('./coverage-header-badge.component.js').then((m) => m.CoverageHeaderBadgeComponent),
             },
         ],
+        navigationDecorations: [COVERAGE_NAVIGATION_DECORATION],
     };
 }

package/dist/coverage-summary.d.ts

@@ -0,0 +1,13 @@
+import type { CoverageSummary, CoverageThresholds } from './coverage.types.js';
+/**
+ * Threshold derivation lives in its own module so both sides can reach it:
+ * `coverage-plugin.ts` carries the build-time hook that reads the istanbul
+ * summary from disk and must never be reachable from a browser bundle, while
+ * the header badge and the navigation marker run in the browser.
+ *
+ * Same motive as `thresholds.ts` in `plugin-visual-regression`.
+ */
+/** The single number the badge compares against — the mean of the four metrics. */
+export declare function avgThreshold(thresholds: CoverageThresholds): number;
+export declare function deriveCoverageSummary(score: number, thresholds: CoverageThresholds): CoverageSummary;
+//# sourceMappingURL=coverage-summary.d.ts.map

package/dist/coverage-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coverage-summary.d.ts","sourceRoot":"","sources":["../src/coverage-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE/E;;;;;;;GAOG;AACH,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,UAAU,EAAE,kBAAkB,GAAG,MAAM,CAQnE;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,kBAAkB,GAC7B,eAAe,CAMjB"}

package/dist/coverage-summary.js

@@ -0,0 +1,21 @@
+/**
+ * Threshold derivation lives in its own module so both sides can reach it:
+ * `coverage-plugin.ts` carries the build-time hook that reads the istanbul
+ * summary from disk and must never be reachable from a browser bundle, while
+ * the header badge and the navigation marker run in the browser.
+ *
+ * Same motive as `thresholds.ts` in `plugin-visual-regression`.
+ */
+/** The single number the badge compares against — the mean of the four metrics. */
+export function avgThreshold(thresholds) {
+    return Math.round((thresholds.lines +
+        thresholds.branches +
+        thresholds.functions +
+        thresholds.statements) /
+        4);
+}
+export function deriveCoverageSummary(score, thresholds) {
+    const avg = avgThreshold(thresholds);
+    const variant = score >= avg ? 'ok' : score >= avg * 0.75 ? 'warn' : 'danger';
+    return { variant, label: `Coverage: ${score}% (target ${avg}%)` };
+}

package/dist/coverage.types.d.ts

@@ -17,6 +17,10 @@ export interface CoverageThresholds {
     functions: number;
     statements: number;
 }
+export interface CoverageSummary {
+    variant: 'ok' | 'warn' | 'danger';
+    label: string;
+}
 export interface CoverageData {
     score: number;
     statements: MetricDetail;
@@ -26,6 +30,11 @@ export interface CoverageData {
     found: boolean;
     files?: FileCoverageDetail[];
     thresholds?: CoverageThresholds;
+    /**
+     * Pre-derived headline, written by the build-time hook. Optional because a
+     * browser-only plugin setup runs no build-time hooks and then has none.
+     */
+    summary?: CoverageSummary;
 }
 export interface CoveragePluginOptions {
     coveragePath?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"coverage.types.d.ts","sourceRoot":"","sources":["../src/coverage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AAED,mDAAmD;AACnD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAAC;CAC1C"}
+{"version":3,"file":"coverage.types.d.ts","sourceRoot":"","sources":["../src/coverage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AAED,mDAAmD;AACnD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAAC;CAC1C"}

package/dist/index.browser.d.ts

@@ -1,5 +1,5 @@
 export { coveragePlugin } from './coverage-plugin.browser.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
 export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';
-export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageThresholds, MetricDetail, } from './coverage.types.js';
+export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageSummary, CoverageThresholds, MetricDetail, } from './coverage.types.js';
 //# sourceMappingURL=index.browser.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { coveragePlugin } from './coverage-plugin.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
 export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';
-export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageThresholds, MetricDetail, } from './coverage.types.js';
+export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageSummary, CoverageThresholds, MetricDetail, } from './coverage.types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-prism/plugin-coverage",
-  "version": "22.2.0-beta.4",
+  "version": "22.2.0-beta.5",
   "description": "Test coverage panel for ng-prism.",
   "ng-add": {
     "save": "devDependencies"