@ng-prism/core 22.2.0-beta.5 → 22.2.1

package/dist/app/overview/prism-overview-cell.component.js

@@ -0,0 +1,136 @@
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, Injector, input, untracked, viewChild, ViewContainerRef, } from '@angular/core';
+import { resolveVariantBg } from '../../shared/variant-bg.js';
+import { CANVAS_BG_STYLES } from '../canvas/canvas-bg.styles.js';
+import { buildKnownInputs } from '../renderer/known-inputs.js';
+import { parseContentToNodes } from '../renderer/projectable-content.js';
+import { computeVariantState } from '../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const _c0 = ["outlet"];
+/**
+ * One frame of the contact sheet: a stage painting the variant's declared
+ * background, with the variant's own instance on it and a caption beneath.
+ *
+ * It deliberately shares none of the Playground's bookkeeping. Output
+ * subscriptions, `renderedElement`, the `prism:render:*` marks, the renderer
+ * hooks and `data-prism-rendered` all describe *one* rendered thing; n cells
+ * writing to any of them would corrupt what they mean. `data-prism-rendered`
+ * matters most — it is the selector external screenshot runners key on (see
+ * `docs/guide/external-tooling.md`), and this component never emits it.
+ */
+export class PrismOverviewCellComponent {
+    component = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "component" }] : /* istanbul ignore next */ []));
+    index = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    injector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    outlet = viewChild.required('outlet', { ...(ngDevMode ? { debugName: "outlet" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+    /** Never null: `resolveVariantBg` falls back to `DEFAULT_VARIANT_BG`. */
+    bg = computed(() => resolveVariantBg(this.component().meta.showcaseConfig, this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bg" }] : /* istanbul ignore next */ []));
+    caption = computed(() => {
+        const variant = this.component().meta.showcaseConfig.variants?.[this.index()];
+        const number = String(this.index() + 1).padStart(2, '0');
+        // Defensive, not reachable today: `Variant.name` is required
+        // (decorator/showcase.types.ts) and `prism-overview` only ever creates a
+        // cell for an index it just read out of that same `variants` array. A
+        // bare `07` would only appear if those two facts stopped lining up — the
+        // grid indexing past the array it iterates, or `name` becoming optional.
+        return variant ? `${number} ${variant.name}` : number;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
+    isWide = computed(() => {
+        const config = this.component().meta.showcaseConfig;
+        const variant = config.variants?.[this.index()];
+        return ((variant?.canvasLayout ?? config.canvasLayout ?? 'fit') === 'stretch');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isWide" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const component = this.component();
+            const index = this.index();
+            untracked(() => this.mount(component, index));
+        });
+        this.destroyRef.onDestroy(() => this.outlet().clear());
+    }
+    // The Playground lets a variant that throws on construction propagate: one
+    // broken instance, and the user navigates away from it. The Overview
+    // fans instantiation out from one instance to n, all mounted in the same
+    // change-detection pass — an uncaught throw here would abort the refresh of
+    // every cell after it, so one bad variant would take down the whole sheet
+    // instead of just its own cell. That asymmetry is deliberate: contain here,
+    // propagate there.
+    mount(component, index) {
+        try {
+            this.outlet().clear();
+            // No `onUnknownInput` callback: the Playground already warns once per
+            // component, and repeating that warning per cell would say the same thing
+            // n times.
+            const { values, activeContent } = computeVariantState(component, index);
+            const injector = Injector.create({
+                providers: component.meta.showcaseConfig.providers ?? [],
+                parent: this.injector,
+            });
+            const projectableNodes = activeContent
+                ? parseContentToNodes(activeContent)
+                : undefined;
+            const ref = this.outlet().createComponent(component.type, {
+                injector,
+                projectableNodes,
+            });
+            const knownInputs = buildKnownInputs(component);
+            for (const [key, value] of Object.entries(values)) {
+                if (!knownInputs.has(key))
+                    continue;
+                ref.setInput(key, value);
+            }
+            ref.changeDetectorRef.detectChanges();
+        }
+        catch (error) {
+            // `createComponent` attaches the host element and its structural DOM
+            // synchronously; a throw almost always comes from `detectChanges` right
+            // above, i.e. from a template expression or a lifecycle hook running
+            // *after* that attach. So there is usually a half-built subtree sitting
+            // in the outlet by the time we get here, and clearing it is what makes
+            // a caught cell actually show an empty stage with its caption still in
+            // place — an honest picture of "this variant failed", rather than a
+            // broken grid with no indication of which cell caused it.
+            this.outlet().clear();
+            console.error(`[ng-prism] Variant ${index} of ${component.meta.className} failed to render:`, error);
+        }
+    }
+    static ɵfac = function PrismOverviewCellComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismOverviewCellComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismOverviewCellComponent, selectors: [["prism-overview-cell"]], viewQuery: function PrismOverviewCellComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.outlet, _c0, 5, ViewContainerRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostAttrs: ["role", "listitem"], hostVars: 1, hostBindings: function PrismOverviewCellComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-wide", ctx.isWide() ? "" : null);
+        } }, inputs: { component: [1, "component"], index: [1, "index"] }, decls: 6, vars: 2, consts: [["outlet", ""], [1, "cell__stage"], [1, "cell__mount"], [1, "cell__caption"]], template: function PrismOverviewCellComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 1)(1, "div", 2);
+            i0.ɵɵdomElementContainer(2, null, 0);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(4, "span", 3);
+            i0.ɵɵtext(5);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-bg", ctx.bg());
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.caption());
+        } }, styles: ["[_nghost-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--%NS%sp-2);\n        min-width: 0;\n      }\n      \n\n      [data-wide][_nghost-%COMP%] {\n        grid-column: 1 / -1;\n      }\n\n      .cell__stage[_ngcontent-%COMP%] {\n        flex: 1;\n        min-height: 120px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: var(--%NS%sp-5);\n        border-radius: var(--%NS%radius-sm);\n        background-color: var(--%NS%prism-stage);\n        outline: 1px solid var(--%NS%prism-stage-edge);\n        outline-offset: -1px;\n        overflow: hidden;\n      }\n\n      .cell__mount[_ngcontent-%COMP%] {\n        display: inline-block;\n        max-width: 100%;\n      }\n      [data-wide][_nghost-%COMP%]   .cell__mount[_ngcontent-%COMP%] {\n        display: block;\n        width: 100%;\n      }\n\n      \n\n\n\n      .cell__caption[_ngcontent-%COMP%] {\n        font-family: var(--%NS%prism-font-mono);\n        font-size: var(--%NS%fs-xs);\n        color: var(--%NS%prism-text-muted);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }", "[data-bg=\"dots\"][_ngcontent-%COMP%] {\n    background-image: radial-gradient(circle, var(--%NS%prism-dot) 1px, transparent 1px);\n    background-size: 20px 20px;\n  }\n\n  [data-bg=\"plain\"][_ngcontent-%COMP%] {\n    background-image: none;\n  }\n\n  \n\n\n\n\n  [data-bg=\"light\"][_ngcontent-%COMP%] {\n    background-color: var(--%NS%prism-void-light, #f7f5fc);\n    background-image: none;\n  }\n  [data-bg=\"dark\"][_ngcontent-%COMP%] {\n    background-color: var(--%NS%prism-void-dark, #07050f);\n    background-image: none;\n  }\n\n  \n\n\n\n\n\n  [data-bg=\"checker\"][_ngcontent-%COMP%], \n   [data-bg=\"transparent\"][_ngcontent-%COMP%] {\n    background-image:\n      linear-gradient(45deg, var(--%NS%prism-border) 25%, transparent 25%),\n      linear-gradient(-45deg, var(--%NS%prism-border) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, var(--%NS%prism-border) 75%),\n      linear-gradient(-45deg, transparent 75%, var(--%NS%prism-border) 75%);\n    background-size: 16px 16px;\n    background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n  }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismOverviewCellComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-overview-cell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                    role: 'listitem',
+                    '[attr.data-wide]': "isWide() ? '' : null",
+                }, template: `
+    <div class="cell__stage" [attr.data-bg]="bg()">
+      <div class="cell__mount"><ng-container #outlet /></div>
+    </div>
+    <span class="cell__caption">{{ caption() }}</span>
+  `, styles: ["\n      :host {\n        display: flex;\n        flex-direction: column;\n        gap: var(--sp-2);\n        min-width: 0;\n      }\n      /* A stretch variant has no intrinsic width to compare against its\n         neighbours, so it takes the row rather than a column. */\n      :host([data-wide]) {\n        grid-column: 1 / -1;\n      }\n\n      .cell__stage {\n        flex: 1;\n        min-height: 120px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: var(--sp-5);\n        border-radius: var(--radius-sm);\n        background-color: var(--prism-stage);\n        outline: 1px solid var(--prism-stage-edge);\n        outline-offset: -1px;\n        overflow: hidden;\n      }\n\n      .cell__mount {\n        display: inline-block;\n        max-width: 100%;\n      }\n      :host([data-wide]) .cell__mount {\n        display: block;\n        width: 100%;\n      }\n\n      /* The caption sits below the frame, not on it. Inside, it would have to\n         invert against every background the cell can paint \u2014 and gaining a new\n         contrast rule per CanvasBg value is exactly the cost the sheet exists\n         to avoid. */\n      .cell__caption {\n        font-family: var(--prism-font-mono);\n        font-size: var(--fs-xs);\n        color: var(--prism-text-muted);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    ", "\n  [data-bg=\"dots\"] {\n    background-image: radial-gradient(circle, var(--prism-dot) 1px, transparent 1px);\n    background-size: 20px 20px;\n  }\n\n  [data-bg=\"plain\"] {\n    background-image: none;\n  }\n\n  /* Flat, not dotted. \"light\" and \"dark\" name a surface a component was\n     designed against \u2014 and they are the two backgrounds whose colour is\n     absolute rather than a theme token, which is what makes them the values\n     to declare for a screenshot baseline. \"dots\" already exists for anyone\n     who wants the grid. */\n  [data-bg=\"light\"] {\n    background-color: var(--prism-void-light, #f7f5fc);\n    background-image: none;\n  }\n  [data-bg=\"dark\"] {\n    background-color: var(--prism-void-dark, #07050f);\n    background-image: none;\n  }\n\n  /* \"transparent\" shares the checkerboard on purpose. The two say the same\n     thing in the two media the canvas has: while browsing, the checkerboard\n     is already the UI's word for \"no surface here\"; in a capture it becomes\n     literal transparency. A stage that were really see-through in the app\n     would just show the shell through the canvas, which means nothing. The\n     split between the two lives entirely in CAPTURE_STYLES. */\n  [data-bg=\"checker\"],\n  [data-bg=\"transparent\"] {\n    background-image:\n      linear-gradient(45deg, var(--prism-border) 25%, transparent 25%),\n      linear-gradient(-45deg, var(--prism-border) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, var(--prism-border) 75%),\n      linear-gradient(-45deg, transparent 75%, var(--prism-border) 75%);\n    background-size: 16px 16px;\n    background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n  }\n"] }]
+    }], () => [], { component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], outlet: [{ type: i0.ViewChild, args: ['outlet', { ...{
+                        read: ViewContainerRef,
+                    }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismOverviewCellComponent, { className: "PrismOverviewCellComponent", filePath: "app/overview/prism-overview-cell.component.ts", lineNumber: 99 }); })();

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

@@ -0,0 +1,17 @@
+import type { RuntimeComponent } from '../../plugin/plugin.types.js';
+import * as i0 from "@angular/core";
+/**
+ * All variants of one component at once — a contact sheet rather than a
+ * viewfinder.
+ *
+ * Deliberately without controls of any kind: columns follow the window, and
+ * everything else a cell shows is what the variant itself declared.
+ */
+export declare class PrismOverviewComponent {
+    /** Input name fixed by `prism-view-panel-host`, which feeds every view panel. */
+    readonly activeComponent: import("@angular/core").InputSignal<RuntimeComponent | null>;
+    protected readonly variants: import("@angular/core").Signal<import("../../index.js").Variant<unknown>[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismOverviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismOverviewComponent, "prism-overview", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-overview.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-overview.component.d.ts","sourceRoot":"","sources":["../../../src/app/overview/prism-overview.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAGrE;;;;;;GAMG;AACH,qBA0Ba,sBAAsB;IACjC,iFAAiF;IACjF,QAAQ,CAAC,eAAe,+DAAwC;IAEhE,SAAS,CAAC,QAAQ,CAAC,QAAQ,8EAEzB;yCANS,sBAAsB;2CAAtB,sBAAsB;CAOlC"}

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

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, computed, input, } from '@angular/core';
+import { PrismOverviewCellComponent } from './prism-overview-cell.component.js';
+import * as i0 from "@angular/core";
+function PrismOverviewComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-overview-cell", 1);
+} if (rf & 2) {
+    const $index_r1 = ctx.$index;
+    const component_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("component", component_r2)("index", $index_r1);
+} }
+function PrismOverviewComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵrepeaterCreate(1, PrismOverviewComponent_Conditional_0_For_2_Template, 1, 2, "prism-overview-cell", 1, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.variants());
+} }
+/**
+ * All variants of one component at once — a contact sheet rather than a
+ * viewfinder.
+ *
+ * Deliberately without controls of any kind: columns follow the window, and
+ * everything else a cell shows is what the variant itself declared.
+ */
+export class PrismOverviewComponent {
+    /** Input name fixed by `prism-view-panel-host`, which feeds every view panel. */
+    activeComponent = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeComponent" }] : /* istanbul ignore next */ []));
+    variants = computed(() => this.activeComponent()?.meta.showcaseConfig.variants ?? [], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []));
+    static ɵfac = function PrismOverviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismOverviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismOverviewComponent, selectors: [["prism-overview"]], inputs: { activeComponent: [1, "activeComponent"] }, decls: 1, vars: 1, consts: [["role", "list", 1, "prism-overview"], [3, "component", "index"]], template: function PrismOverviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismOverviewComponent_Conditional_0_Template, 3, 0, "div", 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.activeComponent()) ? 0 : -1, tmp_0_0);
+        } }, dependencies: [PrismOverviewCellComponent], styles: ["[_nghost-%COMP%] { display: block; }\n\n    .prism-overview[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n      gap: var(--%NS%sp-4);\n      padding: var(--%NS%sp-6);\n      align-content: start;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismOverviewComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-overview', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismOverviewCellComponent], template: `
+    @if (activeComponent(); as component) {
+    <div class="prism-overview" role="list">
+      @for (_ of variants(); track $index) {
+      <prism-overview-cell [component]="component" [index]="$index" />
+      }
+    </div>
+    }
+  `, styles: ["\n    :host { display: block; }\n\n    .prism-overview {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n      gap: var(--sp-4);\n      padding: var(--sp-6);\n      align-content: start;\n    }\n  "] }]
+    }], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismOverviewComponent, { className: "PrismOverviewComponent", filePath: "app/overview/prism-overview.component.ts", lineNumber: 43 }); })();

package/dist/app/page-renderer/prism-page-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBA8Ca,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;;yCAHnC,0BAA0B;2CAA1B,0BAA0B;CAWtC"}
+{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBAiFa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;;yCAHnC,0BAA0B;2CAA1B,0BAA0B;CAWtC"}

package/dist/app/page-renderer/prism-page-renderer.component.js

@@ -54,7 +54,7 @@ export class PrismPageRendererComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.page()) ? 0 : -1, tmp_0_0);
-        } }, dependencies: [NgComponentOutlet, JsonPipe], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--%NS%prism-text);\n      font-family: var(--%NS%prism-font-sans);\n      border-bottom: 1px solid var(--%NS%prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--%NS%prism-primary-from), var(--%NS%prism-primary-to)) 1;\n      background: var(--%NS%prism-bg-surface);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--%NS%prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
+        } }, dependencies: [NgComponentOutlet, JsonPipe], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--%NS%prism-text);\n      font-family: var(--%NS%prism-font-sans);\n      border-bottom: 1px solid var(--%NS%prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--%NS%prism-primary-from), var(--%NS%prism-primary-to)) 1;\n      background: var(--%NS%prism-bg-surface);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%] {\n      padding: var(--%NS%sp-5) var(--%NS%sp-6);\n      color: var(--%NS%prism-text-2);\n      font-family: var(--%NS%prism-font-sans);\n      font-size: var(--%NS%fs-lg);\n      line-height: 1.6;\n    }\n\n    \n\n\n\n\n\n    .prism-page-renderer__component[_ngcontent-%COMP%]   :is(h1[_ngcontent-%COMP%], h2[_ngcontent-%COMP%], h3[_ngcontent-%COMP%], h4[_ngcontent-%COMP%], h5[_ngcontent-%COMP%], h6[_ngcontent-%COMP%]) {\n      color: var(--%NS%prism-text);\n      font-family: var(--%NS%prism-font-sans);\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      line-height: 1.25;\n      margin: var(--%NS%sp-6) 0 var(--%NS%sp-3);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:is(h1, h2, h3, h4, h5, h6):first-child {\n      margin-top: 0;\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] { font-size: 24px; }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] { font-size: 20px; }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] { font-size: 17px; }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   :is(h4[_ngcontent-%COMP%], h5[_ngcontent-%COMP%], h6[_ngcontent-%COMP%]) { font-size: var(--%NS%fs-xl); }\n\n    .prism-page-renderer__component[_ngcontent-%COMP%]   :is(p[_ngcontent-%COMP%], ul[_ngcontent-%COMP%], ol[_ngcontent-%COMP%]) { margin: 0 0 var(--%NS%sp-4); }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   :is(strong[_ngcontent-%COMP%], b[_ngcontent-%COMP%]) { color: var(--%NS%prism-text); }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] { color: var(--%NS%prism-primary); }\n    .prism-page-renderer__component[_ngcontent-%COMP%]   :is(code[_ngcontent-%COMP%], pre[_ngcontent-%COMP%]) {\n      font-family: var(--%NS%prism-font-mono);\n      font-size: var(--%NS%fs-md);\n      color: var(--%NS%prism-text);\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--%NS%prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPageRendererComponent, [{
         type: Component,
@@ -71,6 +71,6 @@ export class PrismPageRendererComponent {
       } }
     </div>
     }
-  `, styles: ["\n    :host { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }\n  "] }]
+  `, styles: ["\n    :host { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component {\n      padding: var(--sp-5) var(--sp-6);\n      color: var(--prism-text-2);\n      font-family: var(--prism-font-sans);\n      font-size: var(--fs-lg);\n      line-height: 1.6;\n    }\n\n    /* Projected page content arrives through ngComponentOutlet and carries no\n       theme of its own. Without this scope a consuming app's plain <h2> renders\n       in the browser default colour on the styleguide's dark shell \u2014 measured at\n       rgb(26,26,46) on a dark ground, which is darker than the body text beneath\n       it and inverts the hierarchy. These are deliberately element selectors:\n       the content is authored by the consumer and carries no classes we know. */\n    .prism-page-renderer__component :is(h1, h2, h3, h4, h5, h6) {\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      line-height: 1.25;\n      margin: var(--sp-6) 0 var(--sp-3);\n    }\n    .prism-page-renderer__component :is(h1, h2, h3, h4, h5, h6):first-child {\n      margin-top: 0;\n    }\n    .prism-page-renderer__component h1 { font-size: 24px; }\n    .prism-page-renderer__component h2 { font-size: 20px; }\n    .prism-page-renderer__component h3 { font-size: 17px; }\n    .prism-page-renderer__component :is(h4, h5, h6) { font-size: var(--fs-xl); }\n\n    .prism-page-renderer__component :is(p, ul, ol) { margin: 0 0 var(--sp-4); }\n    .prism-page-renderer__component :is(strong, b) { color: var(--prism-text); }\n    .prism-page-renderer__component a { color: var(--prism-primary); }\n    .prism-page-renderer__component :is(code, pre) {\n      font-family: var(--prism-font-mono);\n      font-size: var(--fs-md);\n      color: var(--prism-text);\n    }\n    .prism-page-renderer__json {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }\n  "] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 51 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 86 }); })();

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

@@ -1 +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"}
+{"version":3,"file":"a11y-header-badge.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-header-badge.component.ts"],"names":[],"mappings":";AAeA,KAAK,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExC,qBAiBa,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

@@ -1,24 +1,13 @@
 import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
 import { PRISM_CONFIG, PRISM_MANIFEST } from '../../tokens/prism-tokens.js';
+import { PrismMetricBadgeComponent } from '../../shared/prism-metric-badge.component.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()()();
+    i0.ɵɵelement(0, "prism-metric-badge", 0);
 } 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);
+    i0.ɵɵproperty("value", d_r1.score + "%")("variant", d_r1.variant)("title", d_r1.title);
 } }
 export class A11yHeaderBadgeComponent {
     manifest = inject(PRISM_MANIFEST);
@@ -57,29 +46,31 @@ export class A11yHeaderBadgeComponent {
         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);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yHeaderBadgeComponent, selectors: [["prism-a11y-header-badge"]], decls: 1, vars: 1, consts: [["icon", "accessibility", "label", "Library accessibility score", 3, "value", "variant", "title"]], template: function A11yHeaderBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, A11yHeaderBadgeComponent_Conditional_0_Template, 1, 3, "prism-metric-badge", 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(--%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    .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(--%NS%prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .a11y-pill__value[_ngcontent-%COMP%] {\n      color: var(--%NS%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(--%NS%prism-text-muted);\n      font-weight: 500;\n    }\n\n    .a11y-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    .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-success); }\n\n    .a11y-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    .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-warn); }\n\n    .a11y-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    .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-danger); }"] });
+        } }, dependencies: [PrismMetricBadgeComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yHeaderBadgeComponent, [{
         type: Component,
-        args: [{ selector: 'prism-a11y-header-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{
+                selector: 'prism-a11y-header-badge',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [PrismMetricBadgeComponent],
+                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'"
+    <prism-metric-badge
+      icon="accessibility"
+      label="Library accessibility score"
+      [value]="d.score + '%'"
+      [variant]="d.variant"
       [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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yHeaderBadgeComponent, { className: "A11yHeaderBadgeComponent", filePath: "app/panels/a11y/a11y-header-badge.component.ts", lineNumber: 35 }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"builtin-panels.d.ts","sourceRoot":"","sources":["../../../src/app/panels/builtin-panels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpE,eAAO,MAAM,cAAc,EAAE,eAAe,EAI3C,CAAC"}
+{"version":3,"file":"builtin-panels.d.ts","sourceRoot":"","sources":["../../../src/app/panels/builtin-panels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,cAAc,EAAE,eAAe,EAK3C,CAAC"}

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

@@ -1,7 +1,9 @@
+import { OVERVIEW_PANEL } from '../overview/overview-panel.js';
 import { CONTROLS_PLUGIN } from './controls/controls-plugin.js';
 import { EVENTS_PLUGIN } from './events/events-plugin.js';
 import { A11Y_CORE_PANEL } from './a11y/a11y-core.plugin.js';
 export const BUILTIN_PANELS = [
+    OVERVIEW_PANEL,
     ...(CONTROLS_PLUGIN.panels ?? []),
     ...(EVENTS_PLUGIN.panels ?? []),
     A11Y_CORE_PANEL,

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,EAGV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAM1E,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,iCAAiC,CAAC;;AAGzC,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;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IACpE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAE9D;;;;OAIG;IACH,OAAO,CAAC,QAAQ,CAAC,cAAc,CAM5B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGxB;IAEH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe;IAQ3C,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;yCAtIhB,uBAAuB;2CAAvB,uBAAuB;CA0JnC"}
+{"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;AAM1E,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,iCAAiC,CAAC;;AAGzC,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,qBAkLa,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;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IACpE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAE9D;;;;OAIG;IACH,OAAO,CAAC,QAAQ,CAAC,cAAc,CAM5B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGxB;IAEH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe;IAQ3C,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;yCAtIhB,uBAAuB;2CAAvB,uBAAuB;CA0JnC"}

package/dist/app/panels/panel-host/prism-panel-host.component.js

@@ -18,23 +18,28 @@ function PrismPanelHostComponent_For_3_Conditional_1_Template(rf, ctx) { if (rf
     const panel_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("name", panel_r2.icon)("size", 13);
 } }
-function PrismPanelHostComponent_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function PrismPanelHostComponent_For_3_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const badge_r4 = ctx;
-    i0.ɵɵclassProp("ok", badge_r4.variant === "ok")("warn", badge_r4.variant === "warn")("danger", badge_r4.variant === "danger");
+    const badge_r4 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("warn", badge_r4.variant === "warn")("danger", badge_r4.variant === "danger");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(badge_r4.text);
 } }
+function PrismPanelHostComponent_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismPanelHostComponent_For_3_Conditional_3_Conditional_0_Template, 2, 5, "span", 7);
+} if (rf & 2) {
+    i0.ɵɵconditional(ctx.variant !== "ok" ? 0 : -1);
+} }
 function PrismPanelHostComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 5);
     i0.ɵɵlistener("click", function PrismPanelHostComponent_For_3_Template_button_click_0_listener() { const panel_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.panelService.activePanelId.set(panel_r2.id)); });
     i0.ɵɵconditionalCreate(1, PrismPanelHostComponent_For_3_Conditional_1_Template, 1, 2, "prism-icon", 6);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, PrismPanelHostComponent_For_3_Conditional_3_Template, 2, 7, "span", 7);
+    i0.ɵɵconditionalCreate(3, PrismPanelHostComponent_For_3_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_15_0;
@@ -197,7 +202,7 @@ export class PrismPanelHostComponent {
             this.renderedPanels.set(next);
     }
     static ɵfac = function PrismPanelHostComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismPanelHostComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismPanelHostComponent, selectors: [["prism-panel-host"]], decls: 7, vars: 1, consts: [[1, "panel"], ["role", "tablist", 1, "panel-tabs"], ["role", "tab", 1, "p-tab", 3, "p-tab--active"], ["role", "tabpanel", 1, "panel-body", 3, "id"], [1, "panel-pane", 3, "hidden"], ["role", "tab", 1, "p-tab", 3, "click"], [3, "name", "size"], [1, "p-tab-badge", 3, "ok", "warn", "danger"], [1, "p-tab-badge"], [4, "ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector"]], template: function PrismPanelHostComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismPanelHostComponent, selectors: [["prism-panel-host"]], decls: 7, vars: 1, consts: [[1, "panel"], ["role", "tablist", 1, "panel-tabs"], ["role", "tab", 1, "p-tab", 3, "p-tab--active"], ["role", "tabpanel", 1, "panel-body", 3, "id"], [1, "panel-pane", 3, "hidden"], ["role", "tab", 1, "p-tab", 3, "click"], [3, "name", "size"], [1, "p-tab-badge", 3, "warn", "danger"], [1, "p-tab-badge"], [4, "ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector"]], template: function PrismPanelHostComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "nav", 1);
             i0.ɵɵrepeaterCreate(2, PrismPanelHostComponent_For_3_Template, 4, 7, "button", 2, _forTrack0);
             i0.ɵɵelementEnd();
@@ -211,7 +216,7 @@ export class PrismPanelHostComponent {
             i0.ɵɵproperty("id", "panel-" + ctx.panelService.activePanelId());
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.renderedPanelsArray());
-        } }, dependencies: [NgComponentOutlet, PrismIconComponent], styles: [".panel[_ngcontent-%COMP%] {\n      background: var(--%NS%prism-bg-elevated);\n      border-top: 1px solid var(--%NS%prism-border);\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow: hidden;\n      height: 100%;\n    }\n\n    .panel-tabs[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 16px;\n      height: 40px;\n      border-bottom: 1px solid var(--%NS%prism-border);\n      background: var(--%NS%prism-bg);\n      overflow-x: auto;\n      scrollbar-width: none;\n      flex-shrink: 0;\n    }\n    .panel-tabs[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .p-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      padding: 0 12px;\n      font-size: var(--%NS%fs-md);\n      font-weight: 500;\n      color: var(--%NS%prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--%NS%dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--%NS%font-sans);\n    }\n    .p-tab[_ngcontent-%COMP%]:hover { color: var(--%NS%prism-text-2); }\n    .p-tab--active[_ngcontent-%COMP%] { color: var(--%NS%prism-text); }\n    .p-tab--%NS%active[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--%NS%prism-primary-from), var(--%NS%prism-primary-to));\n      border-radius: 1px;\n    }\n\n    .p-tab-badge[_ngcontent-%COMP%] {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--%NS%prism-primary) 18%, transparent);\n      color: var(--%NS%prism-primary);\n      font-family: var(--%NS%font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n    }\n    .p-tab-badge.ok[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-success) 18%, transparent);\n      color: var(--%NS%prism-success);\n    }\n    .p-tab-badge.warn[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-warn) 18%, transparent);\n      color: var(--%NS%prism-warn);\n    }\n    .p-tab-badge.danger[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-danger) 18%, transparent);\n      color: var(--%NS%prism-danger);\n    }\n\n    .panel-tabs-right[_ngcontent-%COMP%] {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding-left: 10px;\n    }\n\n    .icon-btn[_ngcontent-%COMP%] {\n      width: 28px;\n      height: 28px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--%NS%radius-sm);\n      color: var(--%NS%prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--%NS%dur-fast);\n    }\n    .icon-btn[_ngcontent-%COMP%]:hover {\n      background: var(--%NS%prism-input-bg);\n      color: var(--%NS%prism-text);\n    }\n\n    .panel-body[_ngcontent-%COMP%] {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n      background: var(--%NS%prism-bg-elevated);\n    }\n    .panel-body[_ngcontent-%COMP%]::-webkit-scrollbar { width: 8px; height: 8px; }\n    .panel-body[_ngcontent-%COMP%]::-webkit-scrollbar-thumb { background: var(--%NS%prism-border-strong); border-radius: 4px; }\n\n    .panel-pane[_ngcontent-%COMP%] { height: 100%; }\n    .panel-pane[hidden][_ngcontent-%COMP%] { display: none; }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--%NS%prism-primary);\n      outline-offset: 2px;\n    }"] });
+        } }, dependencies: [NgComponentOutlet, PrismIconComponent], styles: [".panel[_ngcontent-%COMP%] {\n      background: var(--%NS%prism-bg-elevated);\n      border-top: 1px solid var(--%NS%prism-border);\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow: hidden;\n      height: 100%;\n    }\n\n    .panel-tabs[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 16px;\n      height: 40px;\n      border-bottom: 1px solid var(--%NS%prism-border);\n      background: var(--%NS%prism-bg);\n      overflow-x: auto;\n      scrollbar-width: none;\n      flex-shrink: 0;\n    }\n    .panel-tabs[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .p-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      padding: 0 12px;\n      font-size: var(--%NS%fs-md);\n      font-weight: 500;\n      color: var(--%NS%prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--%NS%dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--%NS%font-sans);\n    }\n    .p-tab[_ngcontent-%COMP%]:hover { color: var(--%NS%prism-text-2); }\n    .p-tab--active[_ngcontent-%COMP%] { color: var(--%NS%prism-text); }\n    .p-tab--%NS%active[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--%NS%prism-primary-from), var(--%NS%prism-primary-to));\n      border-radius: 1px;\n    }\n\n    .p-tab-badge[_ngcontent-%COMP%] {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--%NS%prism-primary) 18%, transparent);\n      color: var(--%NS%prism-primary);\n      font-family: var(--%NS%font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n    }\n    .p-tab-badge.warn[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-warn) 18%, transparent);\n      color: var(--%NS%prism-warn);\n    }\n    .p-tab-badge.danger[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-danger) 18%, transparent);\n      color: var(--%NS%prism-danger);\n    }\n\n    .panel-tabs-right[_ngcontent-%COMP%] {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding-left: 10px;\n    }\n\n    .icon-btn[_ngcontent-%COMP%] {\n      width: 28px;\n      height: 28px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--%NS%radius-sm);\n      color: var(--%NS%prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--%NS%dur-fast);\n    }\n    .icon-btn[_ngcontent-%COMP%]:hover {\n      background: var(--%NS%prism-input-bg);\n      color: var(--%NS%prism-text);\n    }\n\n    .panel-body[_ngcontent-%COMP%] {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n      background: var(--%NS%prism-bg-elevated);\n    }\n    .panel-body[_ngcontent-%COMP%]::-webkit-scrollbar { width: 8px; height: 8px; }\n    .panel-body[_ngcontent-%COMP%]::-webkit-scrollbar-thumb { background: var(--%NS%prism-border-strong); border-radius: 4px; }\n\n    .panel-pane[_ngcontent-%COMP%] { height: 100%; }\n    .panel-pane[hidden][_ngcontent-%COMP%] { display: none; }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--%NS%prism-primary);\n      outline-offset: 2px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPanelHostComponent, [{
         type: Component,
@@ -235,15 +240,14 @@ export class PrismPanelHostComponent {
           <prism-icon [name]="panel.icon" [size]="13" />
           }
           {{ panel.label }}
-          @if (panelBadge(panel); as badge) {
+          @if (panelBadge(panel); as badge) { @if (badge.variant !== 'ok') {
           <span
             class="p-tab-badge"
-            [class.ok]="badge.variant === 'ok'"
             [class.warn]="badge.variant === 'warn'"
             [class.danger]="badge.variant === 'danger'"
             >{{ badge.text }}</span
           >
-          }
+          } }
         </button>
         }
       </nav>
@@ -268,6 +272,6 @@ export class PrismPanelHostComponent {
         }
       </div>
     </div>
-  `, styles: ["\n    .panel {\n      background: var(--prism-bg-elevated);\n      border-top: 1px solid var(--prism-border);\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow: hidden;\n      height: 100%;\n    }\n\n    .panel-tabs {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 16px;\n      height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n      background: var(--prism-bg);\n      overflow-x: auto;\n      scrollbar-width: none;\n      flex-shrink: 0;\n    }\n    .panel-tabs::-webkit-scrollbar { display: none; }\n\n    .p-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      padding: 0 12px;\n      font-size: var(--fs-md);\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .p-tab:hover { color: var(--prism-text-2); }\n    .p-tab--active { color: var(--prism-text); }\n    .p-tab--active::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      border-radius: 1px;\n    }\n\n    .p-tab-badge {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--prism-primary) 18%, transparent);\n      color: var(--prism-primary);\n      font-family: var(--font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n    }\n    .p-tab-badge.ok {\n      background: color-mix(in srgb, var(--prism-success) 18%, transparent);\n      color: var(--prism-success);\n    }\n    .p-tab-badge.warn {\n      background: color-mix(in srgb, var(--prism-warn) 18%, transparent);\n      color: var(--prism-warn);\n    }\n    .p-tab-badge.danger {\n      background: color-mix(in srgb, var(--prism-danger) 18%, transparent);\n      color: var(--prism-danger);\n    }\n\n    .panel-tabs-right {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding-left: 10px;\n    }\n\n    .icon-btn {\n      width: 28px;\n      height: 28px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .icon-btn:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    .panel-body {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n      background: var(--prism-bg-elevated);\n    }\n    .panel-body::-webkit-scrollbar { width: 8px; height: 8px; }\n    .panel-body::-webkit-scrollbar-thumb { background: var(--prism-border-strong); border-radius: 4px; }\n\n    .panel-pane { height: 100%; }\n    .panel-pane[hidden] { display: none; }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+  `, styles: ["\n    .panel {\n      background: var(--prism-bg-elevated);\n      border-top: 1px solid var(--prism-border);\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n      overflow: hidden;\n      height: 100%;\n    }\n\n    .panel-tabs {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 16px;\n      height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n      background: var(--prism-bg);\n      overflow-x: auto;\n      scrollbar-width: none;\n      flex-shrink: 0;\n    }\n    .panel-tabs::-webkit-scrollbar { display: none; }\n\n    .p-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      padding: 0 12px;\n      font-size: var(--fs-md);\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .p-tab:hover { color: var(--prism-text-2); }\n    .p-tab--active { color: var(--prism-text); }\n    .p-tab--active::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      border-radius: 1px;\n    }\n\n    .p-tab-badge {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--prism-primary) 18%, transparent);\n      color: var(--prism-primary);\n      font-family: var(--font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n    }\n    .p-tab-badge.warn {\n      background: color-mix(in srgb, var(--prism-warn) 18%, transparent);\n      color: var(--prism-warn);\n    }\n    .p-tab-badge.danger {\n      background: color-mix(in srgb, var(--prism-danger) 18%, transparent);\n      color: var(--prism-danger);\n    }\n\n    .panel-tabs-right {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding-left: 10px;\n    }\n\n    .icon-btn {\n      width: 28px;\n      height: 28px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .icon-btn:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    .panel-body {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n      background: var(--prism-bg-elevated);\n    }\n    .panel-body::-webkit-scrollbar { width: 8px; height: 8px; }\n    .panel-body::-webkit-scrollbar-thumb { background: var(--prism-border-strong); border-radius: 4px; }\n\n    .panel-pane { height: 100%; }\n    .panel-pane[hidden] { display: none; }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPanelHostComponent, { className: "PrismPanelHostComponent", filePath: "app/panels/panel-host/prism-panel-host.component.ts", lineNumber: 220 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPanelHostComponent, { className: "PrismPanelHostComponent", filePath: "app/panels/panel-host/prism-panel-host.component.ts", lineNumber: 215 }); })();

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

@@ -6,7 +6,6 @@ import { PrismCaptureService } from '../services/prism-capture.service.js';
 import { PrismVariantBgService } from '../services/prism-variant-bg.service.js';
 import * as i0 from "@angular/core";
 export declare class PrismRendererComponent {
-    protected readonly Math: Math;
     protected readonly navigationService: PrismNavigationService;
     protected readonly rendererService: PrismRendererService;
     protected readonly canvasService: PrismCanvasService;

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

@@ -1 +1 @@
-{"version":3,"file":"prism-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/prism-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,QAAQ,EAER,KAAK,IAAI,EAIV,MAAM,eAAe,CAAC;AAYvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAGjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;;AAMhF,qBA4Ja,sBAAsB;IACjC,SAAS,CAAC,QAAQ,CAAC,IAAI,OAAQ;IAC/B,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAClE,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,OAAO,sBAA+B;IACzD,SAAS,CAAC,QAAQ,CAAC,SAAS,wBAAiC;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE3B;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAEpB;IACH,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,oBAAoB,CAChB;IACZ,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAoC;IACjE,QAAQ,CAAC,aAAa,+DAAsC;IAC5D,wFAAwF;IACxF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAQ3B;IACH,6GAA6G;IAC7G,SAAS,CAAC,QAAQ,CAAC,YAAY,4FAU5B;IACH,SAAS,CAAC,QAAQ,CAAC,aAAa;;MAA6C;IAC7E,SAAS,CAAC,QAAQ,CAAC,eAAe,yFAG/B;;IAmFH,OAAO,CAAC,eAAe;IA6FvB,OAAO,CAAC,OAAO;yCAxOJ,sBAAsB;2CAAtB,sBAAsB;CAsPlC"}
+{"version":3,"file":"prism-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/prism-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,QAAQ,EAER,KAAK,IAAI,EAIV,MAAM,eAAe,CAAC;AAYvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAGjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;;AAQhF,qBAkIa,sBAAsB;IACjC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAClE,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,OAAO,sBAA+B;IACzD,SAAS,CAAC,QAAQ,CAAC,SAAS,wBAAiC;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE3B;IAEH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAEpB;IACH,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,oBAAoB,CAChB;IACZ,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAoC;IACjE,QAAQ,CAAC,aAAa,+DAAsC;IAC5D,wFAAwF;IACxF,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAQ3B;IACH,6GAA6G;IAC7G,SAAS,CAAC,QAAQ,CAAC,YAAY,4FAU5B;IACH,SAAS,CAAC,QAAQ,CAAC,aAAa;;MAA6C;IAC7E,SAAS,CAAC,QAAQ,CAAC,eAAe,yFAG/B;;IAmFH,OAAO,CAAC,eAAe;IA6FvB,OAAO,CAAC,OAAO;yCAvOJ,sBAAsB;2CAAtB,sBAAsB;CAqPlC"}