@ng-prism/core 21.11.0 → 21.12.0-beta.1

package/dist/app/header/prism-header-widget-host.component.d.ts

@@ -0,0 +1,11 @@
+import { type Type } from '@angular/core';
+import type { HeaderWidgetDefinition } from '../../plugin/plugin.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismHeaderWidgetHostComponent {
+    readonly widget: import("@angular/core").InputSignal<HeaderWidgetDefinition>;
+    protected readonly resolved: import("@angular/core").WritableSignal<Type<unknown> | null>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismHeaderWidgetHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismHeaderWidgetHostComponent, "prism-header-widget-host", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-header-widget-host.component.d.ts.map

package/dist/app/header/prism-header-widget-host.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-header-widget-host.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header-widget-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;;AAI3E,qBAca,8BAA8B;IACzC,QAAQ,CAAC,MAAM,8DAA4C;IAE3D,SAAS,CAAC,QAAQ,CAAC,QAAQ,+DAAsC;;yCAHtD,8BAA8B;2CAA9B,8BAA8B;CA8B1C"}

package/dist/app/header/prism-header-widget-host.component.js

@@ -0,0 +1,57 @@
+import { NgComponentOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, effect, input, signal, } from '@angular/core';
+import * as i0 from "@angular/core";
+function PrismHeaderWidgetHostComponent_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PrismHeaderWidgetHostComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PrismHeaderWidgetHostComponent_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 0);
+} if (rf & 2) {
+    i0.ɵɵproperty("ngComponentOutlet", ctx);
+} }
+const lazyCache = new Map();
+export class PrismHeaderWidgetHostComponent {
+    widget = input.required(...(ngDevMode ? [{ debugName: "widget" }] : []));
+    resolved = signal(null, ...(ngDevMode ? [{ debugName: "resolved" }] : []));
+    constructor() {
+        effect(() => {
+            const w = this.widget();
+            if (w.component) {
+                this.resolved.set(w.component);
+                return;
+            }
+            if (!w.loadComponent) {
+                this.resolved.set(null);
+                return;
+            }
+            const cached = lazyCache.get(w.id);
+            if (cached) {
+                this.resolved.set(cached);
+                return;
+            }
+            this.resolved.set(null);
+            w.loadComponent().then((comp) => {
+                lazyCache.set(w.id, comp);
+                if (this.widget().id === w.id) {
+                    this.resolved.set(comp);
+                }
+            });
+        });
+    }
+    static ɵfac = function PrismHeaderWidgetHostComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismHeaderWidgetHostComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismHeaderWidgetHostComponent, selectors: [["prism-header-widget-host"]], inputs: { widget: [1, "widget"] }, decls: 1, vars: 1, consts: [[4, "ngComponentOutlet"]], template: function PrismHeaderWidgetHostComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismHeaderWidgetHostComponent_Conditional_0_Template, 1, 1, "ng-container");
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.resolved()) ? 0 : -1, tmp_0_0);
+        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: contents; }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismHeaderWidgetHostComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-header-widget-host', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet], template: `
+    @if (resolved(); as comp) {
+    <ng-container *ngComponentOutlet="comp" />
+    }
+  `, styles: ["\n    :host { display: contents; }\n  "] }]
+    }], () => [], { widget: [{ type: i0.Input, args: [{ isSignal: true, alias: "widget", required: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderWidgetHostComponent, { className: "PrismHeaderWidgetHostComponent", filePath: "app/header/prism-header-widget-host.component.ts", lineNumber: 28 }); })();

package/dist/app/header/prism-header.component.d.ts

@@ -3,8 +3,11 @@ import { PrismThemeService } from '../services/prism-theme.service.js';
 import * as i0 from "@angular/core";
 export declare class PrismHeaderComponent {
     private readonly config;
+    private readonly pluginService;
     protected readonly searchService: PrismSearchService;
     protected readonly themeService: PrismThemeService;
+    protected readonly widgetsStart: import("@angular/core").Signal<import("../../plugin/plugin.types.js").HeaderWidgetDefinition[]>;
+    protected readonly widgetsEnd: import("@angular/core").Signal<import("../../plugin/plugin.types.js").HeaderWidgetDefinition[]>;
     protected readonly logoUrl: import("@angular/core").Signal<string | null>;
     protected readonly title: import("@angular/core").Signal<string>;
     protected readonly subtitle: import("@angular/core").Signal<string | null>;

package/dist/app/header/prism-header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-header.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header.component.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAEvE,qBAmMa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAE5D,SAAS,CAAC,QAAQ,CAAC,OAAO,gDAKvB;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,yCAAmD;IAC3E,SAAS,CAAC,QAAQ,CAAC,QAAQ,gDAAgD;IAE3E,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAO9B;IAGH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAO7C,SAAS,CAAC,aAAa,IAAI,IAAI;yCAhCpB,oBAAoB;2CAApB,oBAAoB;CAmChC"}
+{"version":3,"file":"prism-header.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header.component.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBA4Na,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAE5D,SAAS,CAAC,QAAQ,CAAC,YAAY,kGAGoB;IAEnD,SAAS,CAAC,QAAQ,CAAC,UAAU,kGAGsB;IAEnD,SAAS,CAAC,QAAQ,CAAC,OAAO,gDAKvB;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,yCAAmD;IAC3E,SAAS,CAAC,QAAQ,CAAC,QAAQ,gDAAgD;IAE3E,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAO9B;IAGH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAO7C,SAAS,CAAC,aAAa,IAAI,IAAI;yCA3CpB,oBAAoB;2CAApB,oBAAoB;CA8ChC"}

package/dist/app/header/prism-header.component.js

@@ -2,9 +2,13 @@ import { Component, computed, inject, ChangeDetectionStrategy, HostListener, } f
 import { PrismIconComponent } from '../icons/prism-icon.component.js';
 import { PrismLayoutMenuComponent } from '../layout-menu/prism-layout-menu.component.js';
 import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
+import { BUILTIN_HEADER_WIDGETS } from '../panels/builtin-header-widgets.js';
+import { PrismPluginService } from '../services/prism-plugin.service.js';
 import { PrismSearchService } from '../services/prism-search.service.js';
 import { PrismThemeService } from '../services/prism-theme.service.js';
+import { PrismHeaderWidgetHostComponent } from './prism-header-widget-host.component.js';
 import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
 function PrismHeaderComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "img", 2);
 } if (rf & 2) {
@@ -13,7 +17,7 @@ function PrismHeaderComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function PrismHeaderComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "img", 12);
+    i0.ɵɵelement(1, "img", 14);
     i0.ɵɵelementEnd();
 } }
 function PrismHeaderComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
@@ -25,8 +29,29 @@ function PrismHeaderComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.subtitle());
 } }
-function PrismHeaderComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
+function PrismHeaderComponent_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-header-widget-host", 9);
+} if (rf & 2) {
+    const w_r2 = ctx.$implicit;
+    i0.ɵɵproperty("widget", w_r2);
+} }
+function PrismHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵrepeaterCreate(1, PrismHeaderComponent_Conditional_8_For_2_Template, 1, 1, "prism-header-widget-host", 9, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.widgetsStart());
+} }
+function PrismHeaderComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-header-widget-host", 9);
+} if (rf & 2) {
+    const w_r3 = ctx.$implicit;
+    i0.ɵɵproperty("widget", w_r3);
+} }
+function PrismHeaderComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -34,20 +59,29 @@ function PrismHeaderComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.buildInfoLabel());
 } }
-function PrismHeaderComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "prism-icon", 10);
+function PrismHeaderComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-icon", 12);
 } if (rf & 2) {
     i0.ɵɵproperty("size", 16);
 } }
-function PrismHeaderComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "prism-icon", 11);
+function PrismHeaderComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-icon", 13);
 } if (rf & 2) {
     i0.ɵɵproperty("size", 16);
 } }
 export class PrismHeaderComponent {
     config = inject(PRISM_CONFIG);
+    pluginService = inject(PrismPluginService);
     searchService = inject(PrismSearchService);
     themeService = inject(PrismThemeService);
+    widgetsStart = computed(() => [
+        ...BUILTIN_HEADER_WIDGETS.filter((w) => w.placement === 'start'),
+        ...this.pluginService.headerWidgetsStart(),
+    ].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), ...(ngDevMode ? [{ debugName: "widgetsStart" }] : []));
+    widgetsEnd = computed(() => [
+        ...BUILTIN_HEADER_WIDGETS.filter((w) => (w.placement ?? 'end') === 'end'),
+        ...this.pluginService.headerWidgetsEnd(),
+    ].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), ...(ngDevMode ? [{ debugName: "widgetsEnd" }] : []));
     logoUrl = computed(() => {
         const logo = this.config.logo;
         if (!logo)
@@ -80,7 +114,7 @@ export class PrismHeaderComponent {
     static ɵfac = function PrismHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismHeaderComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismHeaderComponent, selectors: [["prism-header"]], hostBindings: function PrismHeaderComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown", function PrismHeaderComponent_keydown_HostBindingHandler($event) { return ctx.onGlobalKey($event); }, i0.ɵɵresolveDocument);
-        } }, decls: 14, vars: 8, consts: [[1, "prism-header"], [1, "prism-header__brand"], [1, "prism-header__logo-img", 3, "src", "alt"], [1, "prism-header__logo-default"], [1, "prism-header__brand-text"], [1, "prism-header__brand-name"], [1, "prism-header__brand-sub"], [1, "prism-header__actions"], [1, "prism-header__build-pill"], [1, "prism-header__icon-btn", 3, "click", "title"], ["name", "sun", 3, "size"], ["name", "moon", 3, "size"], ["alt", "ng prism logo", "src", "data:image/png;base64,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"]], template: function PrismHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, decls: 17, vars: 9, consts: [[1, "prism-header"], [1, "prism-header__brand"], [1, "prism-header__logo-img", 3, "src", "alt"], [1, "prism-header__logo-default"], [1, "prism-header__brand-text"], [1, "prism-header__brand-name"], [1, "prism-header__brand-sub"], [1, "prism-header__widgets", "prism-header__widgets--start"], [1, "prism-header__actions"], [3, "widget"], [1, "prism-header__build-pill"], [1, "prism-header__icon-btn", 3, "click", "title"], ["name", "sun", 3, "size"], ["name", "moon", 3, "size"], ["alt", "ng prism logo", "src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAMAAAA0hKKwAAAC7lBMVEUAAADFkfu6Dn9fLlcmNclKI0WFKFAnRr9XJ09tUI3jTZDxU5vxUJvIQ30wYuRNIMFoF7qBEq61g7y0N2+SL1ljQnL8vO5dUqqhNGPps/coVdQ4K8iUEKCkEJm1O3GKaL2JXpzTmePcS4zCitkoQdeVgfK4ie7hqeGde9p7bNTRR4PQRYRqYMawjPe/SHyBX7D4WJ75WaD6W6H4Vp37XKL9y/UlMtbDEoR90f39uvndn/v5U5rYm/vMlPsrTPJLI8z/YbNWH8f6tfr+0PjxrPvqqPu8jPs1K9QxY/zko/tFJc5RIcnTmfuuifv/1PkmNdz0r/olM9hoGcDopPurh/swXPotUfVzF7rCj/ukhvv9zfb9wv+XgvvuqfovVvgrRO7/5/60i/zhofunhvv6WJ6B0f2ghPvQlvttGL2/Eoa3i/soPeYnOuA8KdJfHMNjG8F8FbX/4P6yiPuSgfsxYPv3sfq2EYpAJ9BaHcX8Vpy7EYf+x/R3FbiIFLD/X62YE6W5jPychPz+tvb7Yab4Qo/+2P/IkvsvLtaCFLOPE6vIk/v9W6C4BH2Vzv2/jvv+XqOtEY/JEYWH0P28xf2fEpb//f//7v81af+myf2Mf/ykE6P6SpWmEJIkYP3/ZaP/zf+N0P1my/2dyv3/Wqf6uP8UM/D9ZaixD4vBDoGwxv3Mv/v6rvYIIOv/aLiVEZnN9f/+vP9y2P6bj/0bVvun3//1tP+ymv/I2v54zP16gvssRvZTIcSKFaTTn/+ml/9p4P7bzP7ilvvNhPtqcvn9qNqNFJ652/7AfPzYjPvy3fr8gsL6crPRJoq7/v+A3f7GmP6oi/6grv3ZtfxTbfskOvE3NeY0Ltn9l8xNDamAGKfmQJOTAISlAIGh9P+P7P/Fof/uzf6Kx/3e2/xGTvHjvud1HK6Nuf5Dav1lILi0MZvbM5B9AI+W2v62iNaPcdLXk824YLmbRbUxB7RqHq9mBJ9zAJjMHIWLjP9HRO0lFtDFY56wAAAAMHRSTlMA/qAgpAY5rxNM3e/9sqKhoZ+bgFYq/Htp+Kihnp6TkV3W08Oh7enSxsO/t6X2nnNWmYchAAAJcElEQVRo3rTSv4vaYBwG8IDc0btrF1uP3nLVOhRaKEnMonEQTQbhECFbQyBIwNnBwcXBmsnBqS4OGS44eAhZ3BW63HVz6Xp/Sr/PmwRxbHzfB3+MH573+0j/nVxOEp/rL5LwXL74BUl0rhuB8CofG/OJW5SE5uLtbFUNbi8kkfm+0VeTaJCXBCY3Xo20iW0HbyRxebeZjX5O7KovsMplY66OVoTYgbgZf26oc9akKm7GHzYzbc6aVKPBlSQkFzdjVYubUJU7MTO+pyKaliBCbo/5ztUjQrfPcScwX09LEVFVMF9trmneKkEi7jPGfFmRI9IMSpwJzJcuQh+dngtEsxn6mDHf+aLI8SZQbM4zvsfVTxGKnxcwXyR9LsowtHnO+NvGA5LcJCIAxrAblLnOV1aYoii69mTHBiFDu8BvvmNPVeMqKiFRanQdu8RvviMgbMIqPVdIBoiuYRh2kdt8ZYW9lsqQpzDuAcMJOc34vuF5DKEyCkNAwHAcxwrynOarUNCEjATpUmCYpjHkMeOvjQoMIFCAdOO3gmG1ozKP+c5wEQpDsK4tesQGKWZ0xWG+spcguIlCTYCgCAjLaoels+fLrh7v9xRhjwWkHZ0745txRSEFDIuiq4QYSREQvZ7RO894T0VAHDP96zvxepkBpBZ9Om++MzlF6Bd3X3Z+GU76WChCiLUtnD1fpihpkcUisFgREMyo1bblc+brebIMAwj+p3/cwevCthzz+FhImH3G1+MKMwAQI8vy8nYxuHteWNapUTdK2ec7Sg18KdOXRWvwenDt/alRr4fFrPN9rMishBJH1fWWC2TnGiSkRh0x+1nnq1c8GCoo6kRXdzudwe5wePb3MEAkSN/IZ5rv44yKKACSLFe+3+q4u/V67W73MFLi4aFfNwtZ5jumIkDSyNPf7o9OiyE7v9c7EkjfLGeZ77/K7DwoxjCOA7h1TJpxjiPn8AeGwShr1Vht0+wgmrbJlA47uxal5NpqXIvaoRS5YlNRQ83qmKamQ3dRKbkqFEVE5L5v//n9nufZ991VVvud7PCPz/ye3/d9vGoXVosptL5qmVQmVV8+mZV1smt1A2cgAVlibXl904SmiNhWEymSymRrik9iri1ZbGw4OjqunWF5fcVgYJiBWxf5ESQTjMziJ9UcAQZmyVTL64uDIEIflTP7pTIDkglIQtfFBmowIiqqUmB5fW1ZGHJFLfLz8wOkPiETU9hVDQI3x6GoqKi1Ft3GgxccFsIkfHDrIhFMAu2qT03ApNaPbzA2Dh2KcqwcbAEyFAbhDHwOhWfGqjU8QpgjxdWOeFbUgAh81s606Pblto4fMMh1HIQhT1Np3l2udqQETAGEj8BnubUlt6/Qjg5heNalMhwEFx9f+PQIzbnCOzXEgAgEAh9IZZ9rPA6eQyGbgyrwrIPBFg8IS2NCAzkpNJA4enTponkW1Zc3Fpy5ESklp0WOq7DkHEtcY1YDEFECzljaJBhkUX3tGIJbj9QYI3FxcUDAp8O7DTUwBQQNRCIqp/SpvuuPEYO7U2Dra0CgiFQaX1ji7x/HkpfQYCSAEeHTNKCP9bWjCI3YThNpgpz35+LQ2FnDE4ioKmf2ob77cOuosDtrwYH7ajwsVmFR/CNAHAxK3lNAeCJi48aISus+1Zd/CgHBrXOGn0wXn/v4fIm/gyGXbtdQYuPSiI0QVUjTjD7U19b0WRfDs84MkSZel/Xs2UlgOCQvr6gGh0ABDVWIqtLmv/Vlly+rMGydOyyNWtf14cvvbH1o8a1Gjrn0ogYI3nBzi5g76H/1ZTPQC2W+eL4okiOufWj7Ul7uFJzdml98Kw8YqlRdRUMFCQkBw82zc4r52zdNuB5HIV/Gz7pGprv2/lVbW7mza/mK1pbsXzyT5w8LQQPHQMNTpTJX49nkOWQIxLB1jUine9/d1vZqi7Ozq5OrU6tSn/3sdu6j8yV091cRYGNA1jXNNPvywNpLzwtfUNQaPw3s+/nnb9++ft2609nV1dXJaUVrGTC10ABk8hwirlICDUSaO63N1BcN/toiN7xGswaI79/bu7tfbdkJk4CxYkerUqnM1lPG/9ILRNwwIEB8VdPN3b4EIAwe1gKpbKxa9/zT27cV7e3dgVsNyI7Nm+8pkWkprYei4e7JPnAKggR0/qPGg2zh9qUEYYSwdTXs+1PO27q6ior2wJVbt2zhkGWgUCYXGlACg3giggKmuXmQmduXzkGkAxfW6OI/nnqYk1NXV9fuvRIQbpJlyw66KyVKpaSFNAAOzJPsAw1MQNGUXusL777C9QSgg+D/3D6+fvjwFCIV3oGBiOzkkYUeyjJQJPrsu8Dkh7B1ECIgoLlogPmXByH5OHPlORKnAMkBgyLORsjChcESEr2+NjXXJwAVFDBabdGsXm9fzhDC17GUIa87Os6eBQQNb++eiAcoZRIlKKv0+tKiJpUvIoTAVFn3Ul86CPwC43DKkJvpHenHAYFU7PHe4x1oupODMAlkExCoSPSK0iKBm68BkcvlVdN71hcMAJABQvhme0d6+nGKVGzbsweQnseFs7gDAMgqYLxKm5d6IiGnKbL5a+vCNDDYKCm2b4I6tm8nCCRm2zZQjCZZwRASWD9TFJKCsFpfFY5BEqrNH/zXN87EaOAYKSkP7GN3794NCkHCo6OjjZBy452gwSkKhaKgIKxU5aYlBKRqTo/6GvZ9MzY2iCEQMMwjHh7uoCAC8SoouJvoto4h8vwxf9WXLgOJjCAeCd+7d280HJc3j5geFxju7sGrMIh4eRUkA6MNxSRWzTK9fSF2KXZvMmIz7O2DQNkOSSeGKeLaC7IJFAUqiISFARO6To5IIqkxX19YxjFYBhBGSHhMTAxD/r14d4OiYEhYcoFLrdYXjMT86Ub1FeO+f8TGgsAQVJJiEIk2N4kHRTZtAoVDXFySk1+WarWo2HA/NBYfPkaWYU+DBihJ4eHhxpNs7Q0hxwUBxQsQplAmQJ4YGjrYUN8UISN4JAgNRMwunkeCg0HhEWSgAQGJ+XPoy8OFww9g32DwCDBJSX2YxINHIBLOoIHVyLX5A8hP3egyTBD73Wc5xGy7TBClhDfYMKdr8TYenXYzNuOEaexP2B9PwjAkmkOcAaH/+t67584Cf3tLsLIMo1S4uJw2istpWM1Pm36j+veWyZhJmJE0I2iG00zEDORjNW2glZXVtGnTBg6cYGU1YRgE/gy/mWA1bMIwmz/QGVRJ3BG6bAAAAABJRU5ErkJggg=="]], template: function PrismHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "header", 0)(1, "div", 1);
             i0.ɵɵconditionalCreate(2, PrismHeaderComponent_Conditional_2_Template, 1, 2, "img", 2)(3, PrismHeaderComponent_Conditional_3_Template, 2, 0, "div", 3);
             i0.ɵɵelementStart(4, "div", 4)(5, "span", 5);
@@ -88,13 +122,15 @@ export class PrismHeaderComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(7, PrismHeaderComponent_Conditional_7_Template, 2, 1, "span", 6);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div", 7);
-            i0.ɵɵconditionalCreate(9, PrismHeaderComponent_Conditional_9_Template, 2, 1, "span", 8);
-            i0.ɵɵelementStart(10, "button", 9);
-            i0.ɵɵlistener("click", function PrismHeaderComponent_Template_button_click_10_listener() { return ctx.themeService.toggle(); });
-            i0.ɵɵconditionalCreate(11, PrismHeaderComponent_Conditional_11_Template, 1, 1, "prism-icon", 10)(12, PrismHeaderComponent_Conditional_12_Template, 1, 1, "prism-icon", 11);
+            i0.ɵɵconditionalCreate(8, PrismHeaderComponent_Conditional_8_Template, 3, 0, "div", 7);
+            i0.ɵɵelementStart(9, "div", 8);
+            i0.ɵɵrepeaterCreate(10, PrismHeaderComponent_For_11_Template, 1, 1, "prism-header-widget-host", 9, _forTrack0);
+            i0.ɵɵconditionalCreate(12, PrismHeaderComponent_Conditional_12_Template, 2, 1, "span", 10);
+            i0.ɵɵelementStart(13, "button", 11);
+            i0.ɵɵlistener("click", function PrismHeaderComponent_Template_button_click_13_listener() { return ctx.themeService.toggle(); });
+            i0.ɵɵconditionalCreate(14, PrismHeaderComponent_Conditional_14_Template, 1, 1, "prism-icon", 12)(15, PrismHeaderComponent_Conditional_15_Template, 1, 1, "prism-icon", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(13, "prism-layout-menu");
+            i0.ɵɵelement(16, "prism-layout-menu");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -103,18 +139,28 @@ export class PrismHeaderComponent {
             i0.ɵɵtextInterpolate(ctx.title());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.subtitle() ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.widgetsStart().length ? 8 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.buildInfoLabel() ? 9 : -1);
+            i0.ɵɵrepeater(ctx.widgetsEnd());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.buildInfoLabel() ? 12 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("title", ctx.themeService.isDark() ? "Switch to light mode" : "Switch to dark mode");
             i0.ɵɵattribute("aria-label", ctx.themeService.isDark() ? "Switch to light mode" : "Switch to dark mode")("aria-pressed", ctx.themeService.isDark());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.themeService.isDark() ? 11 : 12);
-        } }, dependencies: [PrismIconComponent, PrismLayoutMenuComponent], styles: [".prism-header[_ngcontent-%COMP%] {\n      height: 52px;\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-header__brand[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default[_ngcontent-%COMP%] {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--prism-primary);\n      filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n    }\n    .prism-header__logo-default[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] { width: 30px; }\n\n    .prism-header__logo-img[_ngcontent-%COMP%] {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name[_ngcontent-%COMP%] {\n      font-weight: 700;\n      font-size: var(--fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n    }\n\n    .prism-header__cmdbar[_ngcontent-%COMP%] {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      font-size: var(--fs-lg);\n      cursor: pointer;\n      transition: border-color var(--dur-fast), background var(--dur-fast);\n    }\n    .prism-header__cmdbar[_ngcontent-%COMP%]:hover {\n      border-color: var(--prism-border-strong);\n      color: var(--prism-text-2);\n    }\n\n    .prism-header__cmdbar-text[_ngcontent-%COMP%] {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .prism-header__build-pill[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__icon-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--dur-fast);\n    }\n    .prism-header__icon-btn[_ngcontent-%COMP%]:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.themeService.isDark() ? 14 : 15);
+        } }, dependencies: [PrismIconComponent,
+            PrismLayoutMenuComponent,
+            PrismHeaderWidgetHostComponent], styles: [".prism-header[_ngcontent-%COMP%] {\n      height: 52px;\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-header__brand[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default[_ngcontent-%COMP%] {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--prism-primary);\n      filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n    }\n    .prism-header__logo-default[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] { width: 30px; }\n\n    .prism-header__logo-img[_ngcontent-%COMP%] {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name[_ngcontent-%COMP%] {\n      font-weight: 700;\n      font-size: var(--fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n    }\n\n    .prism-header__cmdbar[_ngcontent-%COMP%] {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      font-size: var(--fs-lg);\n      cursor: pointer;\n      transition: border-color var(--dur-fast), background var(--dur-fast);\n    }\n    .prism-header__cmdbar[_ngcontent-%COMP%]:hover {\n      border-color: var(--prism-border-strong);\n      color: var(--prism-text-2);\n    }\n\n    .prism-header__cmdbar-text[_ngcontent-%COMP%] {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .prism-header__build-pill[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__widgets[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 0;\n    }\n    .prism-header__widgets--start[_ngcontent-%COMP%] {\n      padding-left: 4px;\n      justify-content: flex-start;\n    }\n\n    .prism-header__icon-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--dur-fast);\n    }\n    .prism-header__icon-btn[_ngcontent-%COMP%]:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'prism-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismIconComponent, PrismLayoutMenuComponent], template: `
+        args: [{ selector: 'prism-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                    PrismIconComponent,
+                    PrismLayoutMenuComponent,
+                    PrismHeaderWidgetHostComponent,
+                ], template: `
     <header class="prism-header">
       <div class="prism-header__brand">
         @if (logoUrl()) {
@@ -134,7 +180,17 @@ export class PrismHeaderComponent {
           }
         </div>
       </div>
+      @if (widgetsStart().length) {
+      <div class="prism-header__widgets prism-header__widgets--start">
+        @for (w of widgetsStart(); track w.id) {
+        <prism-header-widget-host [widget]="w" />
+        }
+      </div>
+      }
       <div class="prism-header__actions">
+        @for (w of widgetsEnd(); track w.id) {
+        <prism-header-widget-host [widget]="w" />
+        }
         @if (buildInfoLabel()) {
         <span class="prism-header__build-pill">{{ buildInfoLabel() }}</span>
         }
@@ -162,9 +218,9 @@ export class PrismHeaderComponent {
         <prism-layout-menu />
       </div>
     </header>
-  `, styles: ["\n    .prism-header {\n      height: 52px;\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-header__brand {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--prism-primary);\n      filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n    }\n    .prism-header__logo-default img { width: 30px; }\n\n    .prism-header__logo-img {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name {\n      font-weight: 700;\n      font-size: var(--fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n    }\n\n    .prism-header__cmdbar {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      font-size: var(--fs-lg);\n      cursor: pointer;\n      transition: border-color var(--dur-fast), background var(--dur-fast);\n    }\n    .prism-header__cmdbar:hover {\n      border-color: var(--prism-border-strong);\n      color: var(--prism-text-2);\n    }\n\n    .prism-header__cmdbar-text {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut kbd {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .prism-header__build-pill {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__icon-btn {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--dur-fast);\n    }\n    .prism-header__icon-btn:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+  `, styles: ["\n    .prism-header {\n      height: 52px;\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-header__brand {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--prism-primary);\n      filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n    }\n    .prism-header__logo-default img { width: 30px; }\n\n    .prism-header__logo-img {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name {\n      font-weight: 700;\n      font-size: var(--fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n    }\n\n    .prism-header__cmdbar {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      font-size: var(--fs-lg);\n      cursor: pointer;\n      transition: border-color var(--dur-fast), background var(--dur-fast);\n    }\n    .prism-header__cmdbar:hover {\n      border-color: var(--prism-border-strong);\n      color: var(--prism-text-2);\n    }\n\n    .prism-header__cmdbar-text {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut kbd {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .prism-header__build-pill {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__widgets {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 0;\n    }\n    .prism-header__widgets--start {\n      padding-left: 4px;\n      justify-content: flex-start;\n    }\n\n    .prism-header__icon-btn {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--dur-fast);\n    }\n    .prism-header__icon-btn:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
     }], null, { onGlobalKey: [{
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderComponent, { className: "PrismHeaderComponent", filePath: "app/header/prism-header.component.ts", lineNumber: 210 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderComponent, { className: "PrismHeaderComponent", filePath: "app/header/prism-header.component.ts", lineNumber: 238 }); })();

package/dist/app/panels/a11y/a11y-header-badge.component.d.ts

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

package/dist/app/panels/a11y/a11y-header-badge.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-header-badge.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-header-badge.component.ts"],"names":[],"mappings":";AAcA,KAAK,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExC,qBAqFa,wBAAwB;IACnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IACpE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAE9D,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cAoBpB;IAEH,OAAO,CAAC,cAAc;yCA1BX,wBAAwB;2CAAxB,wBAAwB;CAsCpC"}

package/dist/app/panels/a11y/a11y-header-badge.component.js

@@ -0,0 +1,84 @@
+import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
+import { PRISM_CONFIG, PRISM_MANIFEST } from '../../tokens/prism-tokens.js';
+import { resolveA11yThresholds } from './a11y-thresholds.js';
+import * as i0 from "@angular/core";
+function A11yHeaderBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 1);
+    i0.ɵɵdomElement(1, "span", 2);
+    i0.ɵɵdomElementStart(2, "span", 3);
+    i0.ɵɵtext(3, "A11y");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(4, "span", 4);
+    i0.ɵɵtext(5);
+    i0.ɵɵdomElementStart(6, "small");
+    i0.ɵɵtext(7, "%");
+    i0.ɵɵdomElementEnd()()();
+} if (rf & 2) {
+    const d_r1 = ctx;
+    i0.ɵɵclassProp("a11y-pill--ok", d_r1.variant === "ok")("a11y-pill--warn", d_r1.variant === "warn")("a11y-pill--danger", d_r1.variant === "danger");
+    i0.ɵɵdomProperty("title", d_r1.title);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(d_r1.score);
+} }
+export class A11yHeaderBadgeComponent {
+    manifest = inject(PRISM_MANIFEST);
+    config = inject(PRISM_CONFIG);
+    data = computed(() => {
+        const meta = this.manifest.meta?.['a11y'];
+        if (!meta?.total)
+            return null;
+        const score = meta.total.score;
+        const thresholds = resolveA11yThresholds({
+            ...meta.thresholds,
+            ...this.config.a11y?.thresholds,
+        });
+        const variant = this.computeVariant(score, meta.total, thresholds);
+        return {
+            score,
+            variant,
+            title: `Library A11y: ${score}% (target ${thresholds.score}%)\n` +
+                `${meta.total.auditedComponents} components · ${meta.total.auditedVariants} variants\n` +
+                `Violations: ${meta.total.critical} critical · ${meta.total.serious} serious · ` +
+                `${meta.total.moderate} moderate · ${meta.total.minor} minor`,
+        };
+    }, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    computeVariant(score, total, thresholds) {
+        if (total.critical > thresholds.critical)
+            return 'danger';
+        if (total.serious > thresholds.serious)
+            return 'danger';
+        if (score < thresholds.score * 0.75)
+            return 'danger';
+        if (score < thresholds.score)
+            return 'warn';
+        if (total.moderate > thresholds.moderate)
+            return 'warn';
+        return 'ok';
+    }
+    static ɵfac = function A11yHeaderBadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yHeaderBadgeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yHeaderBadgeComponent, selectors: [["prism-a11y-header-badge"]], decls: 1, vars: 1, consts: [[1, "a11y-pill", 3, "a11y-pill--ok", "a11y-pill--warn", "a11y-pill--danger", "title"], [1, "a11y-pill", 3, "title"], [1, "a11y-pill__dot"], [1, "a11y-pill__label"], [1, "a11y-pill__value"]], template: function A11yHeaderBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, A11yHeaderBadgeComponent_Conditional_0_Template, 8, 8, "span", 0);
+        } 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    .a11y-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    .a11y-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .a11y-pill__label[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .a11y-pill__value[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .a11y-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    .a11y-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    .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-success); }\n\n    .a11y-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    .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .a11y-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    .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-danger); }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yHeaderBadgeComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-a11y-header-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (data(); as d) {
+    <span
+      class="a11y-pill"
+      [class.a11y-pill--ok]="d.variant === 'ok'"
+      [class.a11y-pill--warn]="d.variant === 'warn'"
+      [class.a11y-pill--danger]="d.variant === 'danger'"
+      [title]="d.title"
+    >
+      <span class="a11y-pill__dot"></span>
+      <span class="a11y-pill__label">A11y</span>
+      <span class="a11y-pill__value">{{ d.score }}<small>%</small></span>
+    </span>
+    }
+  `, styles: ["\n    :host { display: inline-flex; align-items: center; }\n\n    .a11y-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    .a11y-pill__dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .a11y-pill__label {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .a11y-pill__value {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .a11y-pill__value small {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .a11y-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    .a11y-pill--ok .a11y-pill__label,\n    .a11y-pill--ok .a11y-pill__value { color: var(--prism-success); }\n\n    .a11y-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    .a11y-pill--warn .a11y-pill__label,\n    .a11y-pill--warn .a11y-pill__value { color: var(--prism-warn); }\n\n    .a11y-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    .a11y-pill--danger .a11y-pill__label,\n    .a11y-pill--danger .a11y-pill__value { color: var(--prism-danger); }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yHeaderBadgeComponent, { className: "A11yHeaderBadgeComponent", filePath: "app/panels/a11y/a11y-header-badge.component.ts", lineNumber: 102 }); })();

package/dist/app/panels/a11y/a11y-thresholds.d.ts

@@ -0,0 +1,6 @@
+import type { A11yThresholds } from './a11y.types.js';
+/** Sentinel value meaning "no upper bound" — JSON-safe (unlike Infinity, which serializes to null). */
+export declare const A11Y_UNLIMITED: number;
+export declare const DEFAULT_A11Y_THRESHOLDS: A11yThresholds;
+export declare function resolveA11yThresholds(input?: Partial<A11yThresholds>): A11yThresholds;
+//# sourceMappingURL=a11y-thresholds.d.ts.map

package/dist/app/panels/a11y/a11y-thresholds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-thresholds.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-thresholds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,uGAAuG;AACvG,eAAO,MAAM,cAAc,QAA0B,CAAC;AAEtD,eAAO,MAAM,uBAAuB,EAAE,cAKrC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAC9B,cAAc,CAGhB"}

package/dist/app/panels/a11y/a11y-thresholds.js

@@ -0,0 +1,13 @@
+/** Sentinel value meaning "no upper bound" — JSON-safe (unlike Infinity, which serializes to null). */
+export const A11Y_UNLIMITED = Number.MAX_SAFE_INTEGER;
+export const DEFAULT_A11Y_THRESHOLDS = {
+    score: 80,
+    critical: 0,
+    serious: 0,
+    moderate: A11Y_UNLIMITED,
+};
+export function resolveA11yThresholds(input) {
+    if (!input)
+        return { ...DEFAULT_A11Y_THRESHOLDS };
+    return { ...DEFAULT_A11Y_THRESHOLDS, ...input };
+}

package/dist/app/panels/a11y/a11y.types.d.ts

@@ -14,6 +14,39 @@ export interface A11yScoreResult {
     passes: number;
     incomplete: number;
 }
+export interface A11yThresholds {
+    /** Minimum acceptable avg score (0-100). Default: 80 */
+    score: number;
+    /** Maximum allowed critical violations across the library. Default: 0 */
+    critical: number;
+    /** Maximum allowed serious violations across the library. Default: 0 */
+    serious: number;
+    /** Maximum allowed moderate violations across the library. Default: A11Y_UNLIMITED. */
+    moderate: number;
+}
+/** A11y-Report shape produced by the build-time audit (or any user script). */
+export interface A11yReport {
+    /** Aggregate library-wide score data (avg + sum of violations). */
+    total: A11yScoreResult & {
+        auditedComponents: number;
+        auditedVariants: number;
+    };
+    /** Optional per-component breakdown (className → score). Used for tooltips/drilldown. */
+    components?: Record<string, A11yScoreResult>;
+    /** Timestamp the report was generated. */
+    generatedAt?: string;
+}
+/** Shape stored under `manifest.meta.a11y` once the report is merged in. */
+export interface A11yManifestMeta {
+    total: A11yReport['total'];
+    thresholds: A11yThresholds;
+}
+export interface NgPrismA11yConfig {
+    /** Thresholds for the header badge color-coding and (when run via the CLI) build failure. */
+    thresholds?: Partial<A11yThresholds>;
+    /** Path to the a11y report JSON, relative to the workspace root. Default: 'a11y-report.json'. */
+    reportPath?: string;
+}
 export interface FocusableElement {
     element: Element;
     index: number;

package/dist/app/panels/a11y/a11y.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.types.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IACzC,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"a11y.types.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,+EAA+E;AAC/E,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,KAAK,EAAE,eAAe,GAAG;QAAE,iBAAiB,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,CAAC;IAChF,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC7C,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,4EAA4E;AAC5E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IACzC,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/app/panels/builtin-header-widgets.d.ts

@@ -0,0 +1,3 @@
+import type { HeaderWidgetDefinition } from '../../plugin/plugin.types.js';
+export declare const BUILTIN_HEADER_WIDGETS: HeaderWidgetDefinition[];
+//# sourceMappingURL=builtin-header-widgets.d.ts.map

package/dist/app/panels/builtin-header-widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builtin-header-widgets.d.ts","sourceRoot":"","sources":["../../../src/app/panels/builtin-header-widgets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,eAAO,MAAM,sBAAsB,EAAE,sBAAsB,EAO1D,CAAC"}

package/dist/app/panels/builtin-header-widgets.js

@@ -0,0 +1,9 @@
+import { A11yHeaderBadgeComponent } from './a11y/a11y-header-badge.component.js';
+export const BUILTIN_HEADER_WIDGETS = [
+    {
+        id: 'a11y-total',
+        component: A11yHeaderBadgeComponent,
+        placement: 'end',
+        order: -20,
+    },
+];

package/dist/app/panels/panel-host/prism-panel-host.component.d.ts

@@ -1,11 +1,18 @@
 import { EnvironmentInjector, type Type } from '@angular/core';
 import { PrismPanelService } from '../../services/prism-panel.service.js';
+import type { PanelDefinition } from '../../../plugin/plugin.types.js';
 import * as i0 from "@angular/core";
+type RenderedPanelEntry = {
+    id: string;
+    component: Type<unknown>;
+    injector: EnvironmentInjector | null;
+    keepAlive: boolean;
+};
 export declare class PrismPanelHostComponent {
     private readonly pluginService;
     private readonly nav;
     protected readonly panelService: PrismPanelService;
-    private readonly envInjector;
+    protected readonly envInjector: EnvironmentInjector;
     private readonly auditService;
     private readonly rendererService;
     private readonly a11yScore;
@@ -16,15 +23,19 @@ export declare class PrismPanelHostComponent {
         variant: 'default' | 'ok' | 'warn' | 'danger';
     } | null;
     private readonly builtInPanels;
-    protected readonly allPanels: import("@angular/core").Signal<import("../../../index.js").PanelDefinition[]>;
-    protected readonly resolvedComponent: import("@angular/core").WritableSignal<Type<unknown> | null>;
+    protected readonly allPanels: import("@angular/core").Signal<PanelDefinition[]>;
     protected readonly panelInputs: import("@angular/core").Signal<{
-        activeComponent: import("../../../index.js").RuntimeComponent | null;
+        activeComponent: import("../../../plugin/plugin.types.js").RuntimeComponent | null;
     }>;
     private readonly lazyCache;
-    protected readonly activeInjector: import("@angular/core").Signal<EnvironmentInjector>;
+    private readonly renderedPanels;
+    protected readonly renderedPanelsArray: import("@angular/core").Signal<RenderedPanelEntry[]>;
     constructor();
+    private ensurePanelLoaded;
+    private addRenderedPanel;
+    private pruneRenderedPanels;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrismPanelHostComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PrismPanelHostComponent, "prism-panel-host", never, {}, {}, never, never, true, never>;
 }
+export {};
 //# sourceMappingURL=prism-panel-host.component.d.ts.map

package/dist/app/panels/panel-host/prism-panel-host.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-panel-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/panel-host/prism-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,mBAAmB,EAGnB,KAAK,IAAI,EAEV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;;AAK1E,qBA+Ka,uBAAuB;IAClC,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;IAC3D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK3B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGxB;IAEH,SAAS,CAAC,UAAU,CAClB,OAAO,EAAE,MAAM,GACd;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI;IAwBzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,gFAQzB;IAEH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAE9D,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAE/B;;yCAvES,uBAAuB;2CAAvB,uBAAuB;CA6HnC"}
+{"version":3,"file":"prism-panel-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/panel-host/prism-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,mBAAmB,EAGnB,KAAK,IAAI,EAGV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAI1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;;AAEvE,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACzB,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,qBAuLa,uBAAuB;IAClC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,SAAS,CAAC,QAAQ,CAAC,WAAW,sBAA+B;IAC7D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK3B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGxB;IAEH,SAAS,CAAC,UAAU,CAClB,OAAO,EAAE,MAAM,GACd;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI;IAwBzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,oDAQzB;IAEH,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAE9D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IACF,SAAS,CAAC,QAAQ,CAAC,mBAAmB,uDAEpC;;IAsCF,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,mBAAmB;yCApJhB,uBAAuB;2CAAvB,uBAAuB;CAwKnC"}