@ng-prism/plugin-jsdoc 22.5.0 → 22.7.0-beta.0

package/dist/jsdoc-panel.component.js

@@ -1,488 +1,48 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { Highlight } from 'ngx-highlightjs';
-import { parseExample, renderBlockMarkdown, renderInlineMarkdown } from './markdown.js';
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { componentApiPage, pipePage, servicePage } from './api-page/api-page.model.js';
+import { JsDocApiPageComponent } from './api-page/jsdoc-api-page.component.js';
 import * as i0 from "@angular/core";
-const _forTrack0 = ($index, $item) => $item.name;
-function JsDocPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtext(1, " Select a component to view API documentation. ");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 2);
-} if (rf & 2) {
-    i0.ɵɵproperty("innerHTML", ctx, i0.ɵɵsanitizeHtml);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Deprecated", ctx_r0.deprecatedMessage() ? ": " + ctx_r0.deprecatedMessage() : "", " ");
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6)(1, "span", 7);
-    i0.ɵɵtext(2, "Version:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.version(), " ");
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6)(1, "span", 7);
-    i0.ɵɵtext(2, "Since:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.since(), " ");
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_1_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6)(1, "span", 7);
-    i0.ɵɵtext(2, "See:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ref_r2 = ctx.$implicit;
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ref_r2, " ");
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵconditionalCreate(1, JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_1_Template, 2, 1, "span", 5);
-    i0.ɵɵconditionalCreate(2, JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_2_Template, 4, 1, "span", 6);
-    i0.ɵɵconditionalCreate(3, JsDocPanelComponent_Conditional_2_Conditional_1_Conditional_3_Template, 4, 1, "span", 6);
-    i0.ɵɵrepeaterCreate(4, JsDocPanelComponent_Conditional_2_Conditional_1_For_5_Template, 4, 1, "span", 6, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isDeprecated() ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.version() ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.since() ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.seeRefs());
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_2_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "pre", 9);
-    i0.ɵɵelement(1, "code", 10);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const example_r3 = ctx.$implicit;
-    const parsed_r4 = i0.ɵɵnextContext(3).parseExample(example_r3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("highlight", parsed_r4.code)("language", parsed_r4.lang);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "h3", 8);
-    i0.ɵɵtext(2, "Examples");
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, JsDocPanelComponent_Conditional_2_Conditional_2_For_4_Template, 2, 2, "pre", 9, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.examples());
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 14);
-    i0.ɵɵtext(1, "deprecated");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "code");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const inp_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.formatDefault(inp_r5.defaultValue));
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵtext(1, "\u2014");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 19);
-    i0.ɵɵtext(1, "required");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵtext(1, "\u2014");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 21);
-} if (rf & 2) {
-    const inp_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", ctx_r0.renderInline(inp_r5.doc), i0.ɵɵsanitizeHtml);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1, " \u00B7 ");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_16_Conditional_0_Template, 2, 0, "span", 22);
-    i0.ɵɵelementStart(1, "span", 23);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const inp_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(inp_r5.doc ? 0 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Since ", ctx);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 13)(2, "code");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_4_Template, 2, 0, "span", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 15)(6, "code");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 16);
-    i0.ɵɵconditionalCreate(9, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_9_Template, 2, 1, "code")(10, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_10_Template, 2, 0, "span", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 18);
-    i0.ɵɵconditionalCreate(12, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_12_Template, 2, 0, "span", 19)(13, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_13_Template, 2, 0, "span", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 20);
-    i0.ɵɵconditionalCreate(15, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_15_Template, 1, 1, "span", 21);
-    i0.ɵɵconditionalCreate(16, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Conditional_16_Template, 3, 2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_19_0;
-    const inp_r5 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(inp_r5.name));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(inp_r5.name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isMemberDeprecated(inp_r5.name) ? 4 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(inp_r5.rawType ?? inp_r5.type);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(inp_r5.defaultValue !== undefined ? 9 : 10);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(inp_r5.required ? 12 : 13);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(inp_r5.doc ? 15 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_19_0 = ctx_r0.getMemberSince(inp_r5.name)) ? 16 : -1, tmp_19_0);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "h3", 8);
-    i0.ɵɵtext(2, "Inputs");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "table", 11)(4, "thead")(5, "tr")(6, "th");
-    i0.ɵɵtext(7, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th");
-    i0.ɵɵtext(9, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th");
-    i0.ɵɵtext(11, "Default");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th");
-    i0.ɵɵtext(13, "Required");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th");
-    i0.ɵɵtext(15, "Description");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "tbody");
-    i0.ɵɵrepeaterCreate(17, JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Template, 17, 9, "tr", 12, _forTrack0);
-    i0.ɵɵelementEnd()()();
+function JsDocPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-jsdoc-api-page", 0);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(17);
-    i0.ɵɵrepeater(ctx_r0.inputs());
+    i0.ɵɵproperty("page", ctx);
 } }
-function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 14);
-    i0.ɵɵtext(1, "deprecated");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 21);
-} if (rf & 2) {
-    const out_r6 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", ctx_r0.renderInline(out_r6.doc), i0.ɵɵsanitizeHtml);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1, " \u00B7 ");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_7_Conditional_0_Template, 2, 0, "span", 22);
-    i0.ɵɵelementStart(1, "span", 23);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const out_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(out_r6.doc ? 0 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Since ", ctx);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 13)(2, "code");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_4_Template, 2, 0, "span", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 20);
-    i0.ɵɵconditionalCreate(6, JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_6_Template, 1, 1, "span", 21);
-    i0.ɵɵconditionalCreate(7, JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Conditional_7_Template, 3, 2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_16_0;
-    const out_r6 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(out_r6.name));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(out_r6.name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isMemberDeprecated(out_r6.name) ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(out_r6.doc ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_16_0 = ctx_r0.getMemberSince(out_r6.name)) ? 7 : -1, tmp_16_0);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "h3", 8);
-    i0.ɵɵtext(2, "Outputs");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "table", 11)(4, "thead")(5, "tr")(6, "th");
-    i0.ɵɵtext(7, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th");
-    i0.ɵɵtext(9, "Description");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "tbody");
-    i0.ɵɵrepeaterCreate(11, JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Template, 8, 6, "tr", 12, _forTrack0);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(11);
-    i0.ɵɵrepeater(ctx_r0.outputs());
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 14);
-    i0.ɵɵtext(1, "deprecated");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_6_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "code");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const p_r7 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", p_r7.name, "", p_r7.type ? ": " + p_r7.type : "");
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_6_For_1_Template, 3, 2, "div", null, _forTrack0);
-} if (rf & 2) {
-    const method_r8 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵrepeater(method_r8.params);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵtext(1, "\u2014");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "code");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const method_r8 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(method_r8.returnType);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵtext(1, "void");
-    i0.ɵɵelementEnd();
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 21);
-} if (rf & 2) {
-    const method_r8 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", ctx_r0.renderInline(method_r8.description), i0.ɵɵsanitizeHtml);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 13)(2, "code");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_4_Template, 2, 0, "span", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 15);
-    i0.ɵɵconditionalCreate(6, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_6_Template, 2, 0)(7, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_7_Template, 2, 0, "span", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 15);
-    i0.ɵɵconditionalCreate(9, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_9_Template, 2, 1, "code")(10, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_10_Template, 2, 0, "span", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 20);
-    i0.ɵɵconditionalCreate(12, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Conditional_12_Template, 1, 1, "span", 21);
+function JsDocPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtext(2, " Select a component to view API documentation. ");
     i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const method_r8 = ctx.$implicit;
-    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", !!method_r8.tags.deprecated);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", method_r8.name, "()");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(method_r8.tags.deprecated ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(method_r8.params.length ? 6 : 7);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(method_r8.returnType ? 9 : 10);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(method_r8.description ? 12 : -1);
-} }
-function JsDocPanelComponent_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "h3", 8);
-    i0.ɵɵtext(2, "Methods");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "table", 11)(4, "thead")(5, "tr")(6, "th");
-    i0.ɵɵtext(7, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th");
-    i0.ɵɵtext(9, "Parameters");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th");
-    i0.ɵɵtext(11, "Returns");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th");
-    i0.ɵɵtext(13, "Description");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(14, "tbody");
-    i0.ɵɵrepeaterCreate(15, JsDocPanelComponent_Conditional_2_Conditional_5_For_16_Template, 13, 7, "tr", 12, _forTrack0);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(15);
-    i0.ɵɵrepeater(ctx_r0.methods());
-} }
-function JsDocPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, JsDocPanelComponent_Conditional_2_Conditional_0_Template, 1, 1, "div", 2);
-    i0.ɵɵconditionalCreate(1, JsDocPanelComponent_Conditional_2_Conditional_1_Template, 6, 3, "div", 3);
-    i0.ɵɵconditionalCreate(2, JsDocPanelComponent_Conditional_2_Conditional_2_Template, 5, 0, "div", 4);
-    i0.ɵɵconditionalCreate(3, JsDocPanelComponent_Conditional_2_Conditional_3_Template, 19, 0, "div", 4);
-    i0.ɵɵconditionalCreate(4, JsDocPanelComponent_Conditional_2_Conditional_4_Template, 13, 0, "div", 4);
-    i0.ɵɵconditionalCreate(5, JsDocPanelComponent_Conditional_2_Conditional_5_Template, 17, 0, "div", 4);
-} if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵconditional((tmp_1_0 = ctx_r0.renderedClassDescription()) ? 0 : -1, tmp_1_0);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.hasTags() ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.examples().length ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.inputs().length ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.outputs().length ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.methods().length ? 5 : -1);
 } }
 export class JsDocPanelComponent {
     activeComponent = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "activeComponent" }] : /* istanbul ignore next */ []));
-    sanitizer = inject(DomSanitizer);
-    jsdocData = computed(() => {
-        const comp = this.activeComponent();
-        return comp?.meta?.showcaseConfig?.meta?.['jsdoc'] ?? null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "jsdocData" }] : /* istanbul ignore next */ []));
-    inputs = computed(() => {
-        const comp = this.activeComponent();
-        return comp?.meta?.inputs ?? [];
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
-    outputs = computed(() => {
-        const comp = this.activeComponent();
-        return comp?.meta?.outputs ?? [];
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "outputs" }] : /* istanbul ignore next */ []));
-    classDescription = computed(() => this.jsdocData()?.classDescription, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classDescription" }] : /* istanbul ignore next */ []));
-    // Source is component-author JSDoc compiled into the manifest at build time,
-    // not user input, so bypassing sanitization is safe here.
-    renderedClassDescription = computed(() => {
-        const html = renderBlockMarkdown(this.classDescription());
-        return html ? this.sanitizer.bypassSecurityTrustHtml(html) : null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "renderedClassDescription" }] : /* istanbul ignore next */ []));
-    classTags = computed(() => this.jsdocData()?.classTags ?? {}, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classTags" }] : /* istanbul ignore next */ []));
-    isDeprecated = computed(() => !!this.classTags().deprecated, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isDeprecated" }] : /* istanbul ignore next */ []));
-    deprecatedMessage = computed(() => {
-        const d = this.classTags().deprecated;
-        return typeof d === 'string' ? d : undefined;
+    /** Set on a service page, where `activeComponent` is `null`. */
+    activeService = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeService" }] : /* istanbul ignore next */ []));
+    /** Set on a pipe page, where `activeComponent` is `null`. */
+    activePipe = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activePipe" }] : /* istanbul ignore next */ []));
+    /** The API page of whatever is on screen; `null` when nothing is selected. */
+    apiPage = computed(() => {
+        const service = this.activeService();
+        const pipe = this.activePipe();
+        const component = this.activeComponent();
+        if (service)
+            return servicePage(service.meta);
+        if (pipe)
+            return pipePage(pipe.meta);
+        return component ? componentApiPage(component.meta) : null;
     }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "deprecatedMessage" }] : /* istanbul ignore next */ []));
-    since = computed(() => this.classTags().since, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "since" }] : /* istanbul ignore next */ []));
-    version = computed(() => this.classTags().version, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "version" }] : /* istanbul ignore next */ []));
-    seeRefs = computed(() => this.classTags().see ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "seeRefs" }] : /* istanbul ignore next */ []));
-    examples = computed(() => this.classTags().example ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "examples" }] : /* istanbul ignore next */ []));
-    methods = computed(() => this.jsdocData()?.methods ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "methods" }] : /* istanbul ignore next */ []));
-    hasTags = computed(() => this.isDeprecated() || !!this.since() || !!this.version() || this.seeRefs().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasTags" }] : /* istanbul ignore next */ []));
-    isMemberDeprecated(name) {
-        return !!this.jsdocData()?.memberTags[name]?.deprecated;
-    }
-    getMemberSince(name) {
-        return this.jsdocData()?.memberTags[name]?.since;
-    }
-    renderInline(text) {
-        return this.sanitizer.bypassSecurityTrustHtml(renderInlineMarkdown(text));
-    }
-    parseExample(raw) {
-        return parseExample(raw);
-    }
-    formatDefault(value) {
-        if (typeof value === 'string')
-            return `'${value}'`;
-        return String(value);
-    }
+    ...(ngDevMode ? [{ debugName: "apiPage" }] : /* istanbul ignore next */ []));
     static ɵfac = function JsDocPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JsDocPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsDocPanelComponent, selectors: [["prism-jsdoc-panel"]], inputs: { activeComponent: [1, "activeComponent"] }, decls: 3, vars: 1, consts: [[1, "prism-jsdoc-panel"], [1, "prism-jsdoc-panel__empty"], [1, "prism-jsdoc-panel__description", 3, "innerHTML"], [1, "prism-jsdoc-panel__meta"], [1, "prism-jsdoc-panel__section"], [1, "prism-jsdoc-panel__badge", "prism-jsdoc-panel__badge--deprecated"], [1, "prism-jsdoc-panel__meta-item"], [1, "prism-jsdoc-panel__meta-label"], [1, "prism-jsdoc-panel__heading"], [1, "prism-jsdoc-panel__code"], [3, "highlight", "language"], [1, "prism-jsdoc-panel__table"], [3, "prism-jsdoc-panel__row--deprecated"], [1, "prism-jsdoc-panel__cell--name"], [1, "prism-jsdoc-panel__badge", "prism-jsdoc-panel__badge--deprecated", "prism-jsdoc-panel__badge--small"], [1, "prism-jsdoc-panel__cell--type"], [1, "prism-jsdoc-panel__cell--default"], [1, "prism-jsdoc-panel__muted"], [1, "prism-jsdoc-panel__cell--required"], [1, "prism-jsdoc-panel__badge", "prism-jsdoc-panel__badge--required"], [1, "prism-jsdoc-panel__cell--doc"], [3, "innerHTML"], [1, "prism-jsdoc-panel__since-sep"], [1, "prism-jsdoc-panel__since"]], template: function JsDocPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, JsDocPanelComponent_Conditional_1_Template, 2, 0, "div", 1)(2, JsDocPanelComponent_Conditional_2_Template, 6, 6);
-            i0.ɵɵelementEnd();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsDocPanelComponent, selectors: [["prism-jsdoc-panel"]], inputs: { activeComponent: [1, "activeComponent"], activeService: [1, "activeService"], activePipe: [1, "activePipe"] }, decls: 2, vars: 1, consts: [[3, "page"], [1, "prism-jsdoc-panel"], [1, "prism-jsdoc-panel__empty"]], template: function JsDocPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, JsDocPanelComponent_Conditional_0_Template, 1, 1, "prism-jsdoc-api-page", 0)(1, JsDocPanelComponent_Conditional_1_Template, 3, 0, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.activeComponent() ? 1 : 2);
-        } }, dependencies: [Highlight], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n    overflow: auto;\n}\n\n.prism-jsdoc-panel[_ngcontent-%COMP%] {\n    max-width: 880px;\n    padding: 20px 24px;\n    font-family: var(--%NS%font-sans);\n    font-size: var(--%NS%fs-md);\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 120px;\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%] {\n    margin: 0 0 18px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--%NS%prism-text-2);\n}\n\n.prism-jsdoc-panel__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 18px;\n}\n\n.prism-jsdoc-panel__meta-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 3px 9px;\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-text-2);\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__meta-label[_ngcontent-%COMP%] {\n    font-family: var(--%NS%font-mono);\n    font-weight: 500;\n    color: var(--%NS%prism-primary);\n}\n\n.prism-jsdoc-panel__badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 10px;\n}\n\n.prism-jsdoc-panel__badge--deprecated[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-warn);\n    background: color-mix(in srgb, var(--%NS%prism-warn) 15%, transparent);\n}\n\n.prism-jsdoc-panel__badge--required[_ngcontent-%COMP%] {\n    margin-left: 4px;\n    font-weight: 700;\n    color: var(--%NS%prism-accent);\n}\n\n.prism-jsdoc-panel__badge--small[_ngcontent-%COMP%] {\n    padding: 1px 5px;\n    margin-left: 4px;\n    font-size: 10px;\n}\n\n.prism-jsdoc-panel__section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.prism-jsdoc-panel__heading[_ngcontent-%COMP%] {\n    margin: 22px 0 10px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-ghost);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n.prism-jsdoc-panel__code[_ngcontent-%COMP%] {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--%NS%prism-bg-surface);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__code[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    line-height: 1.5;\n    color: var(--%NS%prism-text-2);\n    background: transparent !important;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs {\n    color: var(--%NS%prism-text-2);\n    background: transparent;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-tag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-name, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-selector-tag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-keyword, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-title, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-title.function_, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-built_in, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-type {\n    color: var(--%NS%prism-code-tag);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-attr, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-attribute, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-property, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-variable, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-template-variable, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-params {\n    color: var(--%NS%prism-code-attr);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-string, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-doctag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-regexp, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-symbol, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-number, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-literal {\n    color: var(--%NS%prism-code-str);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-comment, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-quote, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-meta {\n    font-style: italic;\n    color: var(--%NS%prism-code-com);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-deletion {\n    color: var(--%NS%prism-danger);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-addition {\n    color: var(--%NS%prism-success);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-emphasis {\n    font-style: italic;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-strong {\n    font-weight: 700;\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%] {\n    width: 100%;\n    overflow: hidden;\n    font-size: var(--%NS%fs-md);\n    border-collapse: collapse;\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-ghost);\n    text-align: left;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    background: var(--%NS%prism-bg-surface);\n    border-bottom: 1px solid var(--%NS%prism-border);\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    vertical-align: top;\n    border-bottom: 1px solid var(--%NS%prism-border);\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.prism-jsdoc-panel__row--deprecated[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.prism-jsdoc-panel__cell--name[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--type[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--default[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    padding: 1px 5px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-primary);\n    background: color-mix(in srgb, var(--%NS%prism-primary) 8%, transparent);\n    border-radius: var(--%NS%radius-xs);\n}\n\n.prism-jsdoc-panel__muted[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__cell--doc[_ngcontent-%COMP%] {\n    line-height: 1.4;\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__since-sep[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__since[_ngcontent-%COMP%] {\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:first-child {\n    margin-top: 0;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 8px;\n    line-height: 1.7;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], \n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], \n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 18px 0 8px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 18px;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 15px;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-ghost);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%], \n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\n    padding-left: 20px;\n    margin: 0 0 8px;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    margin: 2px 0;\n    line-height: 1.6;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-primary);\n    text-decoration: none;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--doc[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    padding: 1px 5px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-primary);\n    background: color-mix(in srgb, var(--%NS%prism-primary) 8%, transparent);\n    border-radius: var(--%NS%radius-xs);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--%NS%prism-bg-surface);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    line-height: 1.5;\n    color: var(--%NS%prism-text);\n    background: none;\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%]   blockquote[_ngcontent-%COMP%] {\n    padding: 4px 12px;\n    margin: 0 0 8px;\n    color: var(--%NS%prism-text-2);\n    border-left: 3px solid var(--%NS%prism-border);\n}"] });
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.apiPage()) ? 0 : 1, tmp_0_0);
+        } }, dependencies: [JsDocApiPageComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n    overflow: auto;\n}\n\n.prism-jsdoc-panel[_ngcontent-%COMP%] {\n    max-width: 880px;\n    padding: 20px 24px;\n    font-family: var(--%NS%font-sans);\n    font-size: var(--%NS%fs-md);\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 120px;\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__description[_ngcontent-%COMP%] {\n    margin: 0 0 18px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--%NS%prism-text-2);\n}\n\n.prism-jsdoc-panel__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 18px;\n}\n\n.prism-jsdoc-panel__meta-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 3px 9px;\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-text-2);\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__meta-label[_ngcontent-%COMP%] {\n    font-family: var(--%NS%font-mono);\n    font-weight: 500;\n    color: var(--%NS%prism-primary);\n}\n\n\n.prism-jsdoc-panel__badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    height: 20px;\n    padding: 0 7px;\n    font-size: 11px;\n    font-weight: 500;\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__badge--deprecated[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-warn);\n    background: var(--%NS%prism-warn-bg);\n}\n\n.prism-jsdoc-panel__badge--required[_ngcontent-%COMP%] {\n    margin-left: 4px;\n    color: var(--%NS%prism-primary);\n    background: transparent;\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--%NS%prism-primary) 65%, transparent);\n}\n\n.prism-jsdoc-panel__badge--small[_ngcontent-%COMP%] {\n    height: 16px;\n    padding: 0 5px;\n    margin-left: 4px;\n    font-size: 10px;\n}\n\n.prism-jsdoc-panel__section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.prism-jsdoc-panel__heading[_ngcontent-%COMP%] {\n    margin: 22px 0 10px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n\n\n.prism-jsdoc-panel__code[_ngcontent-%COMP%] {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__code[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    line-height: 1.5;\n    color: var(--%NS%prism-text-2);\n    background: transparent !important;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs {\n    color: var(--%NS%prism-text-2);\n    background: transparent;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-tag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-name, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-selector-tag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-keyword, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-title, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-title.function_, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-built_in, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-type {\n    color: var(--%NS%prism-code-tag);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-attr, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-attribute, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-property, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-variable, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-template-variable, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-params {\n    color: var(--%NS%prism-code-attr);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-string, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-doctag, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-regexp, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-symbol, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-number, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-literal {\n    color: var(--%NS%prism-code-str);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-comment, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-quote, \n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-meta {\n    font-style: italic;\n    color: var(--%NS%prism-code-com);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-deletion {\n    color: var(--%NS%prism-danger);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-addition {\n    color: var(--%NS%prism-success);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-emphasis {\n    font-style: italic;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__code .hljs-strong {\n    font-weight: 700;\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%] {\n    width: 100%;\n    overflow: hidden;\n    font-size: var(--%NS%fs-md);\n    border-collapse: collapse;\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-muted);\n    text-align: left;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    background: var(--%NS%prism-bg-surface);\n    border-bottom: 1px solid var(--%NS%prism-border);\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    vertical-align: top;\n    border-bottom: 1px solid var(--%NS%prism-border);\n}\n\n.prism-jsdoc-panel__table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.prism-jsdoc-panel__row--deprecated[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.prism-jsdoc-panel__cell--name[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--type[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--default[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    padding: 1px 5px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-primary);\n    background: color-mix(in srgb, var(--%NS%prism-primary) 8%, transparent);\n    border-radius: var(--%NS%radius-xs);\n}\n\n.prism-jsdoc-panel__muted[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__cell--doc[_ngcontent-%COMP%] {\n    line-height: 1.4;\n    color: var(--%NS%prism-text);\n}\n\n.prism-jsdoc-panel__since-sep[_ngcontent-%COMP%] {\n    color: var(--%NS%prism-text-muted);\n}\n\n.prism-jsdoc-panel__since[_ngcontent-%COMP%] {\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-text-muted);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description :first-child {\n    margin-top: 0;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description :last-child {\n    margin-bottom: 0;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description p {\n    margin: 0 0 8px;\n    line-height: 1.7;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description h1, \n[_nghost-%COMP%]     .prism-jsdoc-panel__description h2, \n[_nghost-%COMP%]     .prism-jsdoc-panel__description h3 {\n    margin: 18px 0 8px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: var(--%NS%prism-text);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description h1 {\n    font-size: 18px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description h2 {\n    font-size: 15px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description h3 {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--%NS%prism-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description ul, \n[_nghost-%COMP%]     .prism-jsdoc-panel__description ol {\n    padding-left: 20px;\n    margin: 0 0 8px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description li {\n    margin: 2px 0;\n    line-height: 1.6;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description a {\n    font-weight: 500;\n    color: var(--%NS%prism-link);\n    text-decoration: underline;\n    text-decoration-thickness: 1px;\n    text-decoration-color: color-mix(in srgb, var(--%NS%prism-link) 45%, transparent);\n    text-underline-offset: 3px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description a:hover {\n    text-decoration-color: var(--%NS%prism-link);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description a:focus-visible {\n    outline: 2px solid var(--%NS%prism-link);\n    outline-offset: 2px;\n    border-radius: 2px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description strong {\n    font-weight: 600;\n    color: var(--%NS%prism-text);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description code, \n[_nghost-%COMP%]     .prism-jsdoc-panel__cell--doc code {\n    padding: 1px 5px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    color: var(--%NS%prism-primary);\n    background: color-mix(in srgb, var(--%NS%prism-primary) 8%, transparent);\n    border-radius: var(--%NS%radius-xs);\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description pre {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--%NS%prism-bg-surface);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description pre code {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-sm);\n    line-height: 1.5;\n    color: var(--%NS%prism-text);\n    background: none;\n}\n\n[_nghost-%COMP%]     .prism-jsdoc-panel__description blockquote {\n    padding: 4px 12px;\n    margin: 0 0 8px;\n    color: var(--%NS%prism-text-2);\n    border-left: 3px solid var(--%NS%prism-border);\n}\n\n\n.prism-jsdoc-panel__cell--type[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.prism-jsdoc-panel__cell--default[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    padding: 0;\n    color: var(--%NS%prism-text-2);\n    background: none;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsDocPanelComponent, [{
         type: Component,
-        args: [{ selector: 'prism-jsdoc-panel', standalone: true, imports: [Highlight], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"prism-jsdoc-panel\">\n    @if (!activeComponent()) {\n        <div class=\"prism-jsdoc-panel__empty\"> Select a component to view API documentation. </div>\n    } @else {\n        @if (renderedClassDescription(); as descHtml) {\n            <div\n                class=\"prism-jsdoc-panel__description\"\n                [innerHTML]=\"descHtml\"></div>\n        }\n        @if (hasTags()) {\n            <div class=\"prism-jsdoc-panel__meta\">\n                @if (isDeprecated()) {\n                    <span class=\"prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated\">\n                        Deprecated{{ deprecatedMessage() ? ': ' + deprecatedMessage() : '' }}\n                    </span>\n                }\n                @if (version()) {\n                    <span class=\"prism-jsdoc-panel__meta-item\">\n                        <span class=\"prism-jsdoc-panel__meta-label\">Version:</span>\n                        {{ version() }}\n                    </span>\n                }\n                @if (since()) {\n                    <span class=\"prism-jsdoc-panel__meta-item\">\n                        <span class=\"prism-jsdoc-panel__meta-label\">Since:</span>\n                        {{ since() }}\n                    </span>\n                }\n                @for (ref of seeRefs(); track $index) {\n                    <span class=\"prism-jsdoc-panel__meta-item\"> <span class=\"prism-jsdoc-panel__meta-label\">See:</span> {{ ref }} </span>\n                }\n            </div>\n        }\n        @if (examples().length) {\n            <div class=\"prism-jsdoc-panel__section\">\n                <h3 class=\"prism-jsdoc-panel__heading\">Examples</h3>\n                @for (example of examples(); track $index) {\n                    @let parsed = parseExample(example);\n                    <pre class=\"prism-jsdoc-panel__code\"><code [highlight]=\"parsed.code\" [language]=\"parsed.lang\"></code></pre>\n                }\n            </div>\n        }\n        @if (inputs().length) {\n            <div class=\"prism-jsdoc-panel__section\">\n                <h3 class=\"prism-jsdoc-panel__heading\">Inputs</h3>\n                <table class=\"prism-jsdoc-panel__table\">\n                    <thead>\n                        <tr>\n                            <th>Name</th>\n                            <th>Type</th>\n                            <th>Default</th>\n                            <th>Required</th>\n                            <th>Description</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        @for (inp of inputs(); track inp.name) {\n                            <tr [class.prism-jsdoc-panel__row--deprecated]=\"isMemberDeprecated(inp.name)\">\n                                <td class=\"prism-jsdoc-panel__cell--name\">\n                                    <code>{{ inp.name }}</code>\n                                    @if (isMemberDeprecated(inp.name)) {\n                                        <span class=\"prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small\">deprecated</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--type\">\n                                    <code>{{ inp.rawType ?? inp.type }}</code>\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--default\">\n                                    @if (inp.defaultValue !== undefined) {\n                                        <code>{{ formatDefault(inp.defaultValue) }}</code>\n                                    } @else {\n                                        <span class=\"prism-jsdoc-panel__muted\">\u2014</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--required\">\n                                    @if (inp.required) {\n                                        <span class=\"prism-jsdoc-panel__badge prism-jsdoc-panel__badge--required\">required</span>\n                                    } @else {\n                                        <span class=\"prism-jsdoc-panel__muted\">\u2014</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--doc\">\n                                    @if (inp.doc) {\n                                        <span [innerHTML]=\"renderInline(inp.doc)\"></span>\n                                    }\n                                    @if (getMemberSince(inp.name); as since) {\n                                        @if (inp.doc) {\n                                            <span class=\"prism-jsdoc-panel__since-sep\"> \u00B7 </span>\n                                        }\n                                        <span class=\"prism-jsdoc-panel__since\">Since {{ since }}</span>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </div>\n        }\n        @if (outputs().length) {\n            <div class=\"prism-jsdoc-panel__section\">\n                <h3 class=\"prism-jsdoc-panel__heading\">Outputs</h3>\n                <table class=\"prism-jsdoc-panel__table\">\n                    <thead>\n                        <tr>\n                            <th>Name</th>\n                            <th>Description</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        @for (out of outputs(); track out.name) {\n                            <tr [class.prism-jsdoc-panel__row--deprecated]=\"isMemberDeprecated(out.name)\">\n                                <td class=\"prism-jsdoc-panel__cell--name\">\n                                    <code>{{ out.name }}</code>\n                                    @if (isMemberDeprecated(out.name)) {\n                                        <span class=\"prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small\">deprecated</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--doc\">\n                                    @if (out.doc) {\n                                        <span [innerHTML]=\"renderInline(out.doc)\"></span>\n                                    }\n                                    @if (getMemberSince(out.name); as since) {\n                                        @if (out.doc) {\n                                            <span class=\"prism-jsdoc-panel__since-sep\"> \u00B7 </span>\n                                        }\n                                        <span class=\"prism-jsdoc-panel__since\">Since {{ since }}</span>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </div>\n        }\n        @if (methods().length) {\n            <div class=\"prism-jsdoc-panel__section\">\n                <h3 class=\"prism-jsdoc-panel__heading\">Methods</h3>\n                <table class=\"prism-jsdoc-panel__table\">\n                    <thead>\n                        <tr>\n                            <th>Name</th>\n                            <th>Parameters</th>\n                            <th>Returns</th>\n                            <th>Description</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        @for (method of methods(); track method.name) {\n                            <tr [class.prism-jsdoc-panel__row--deprecated]=\"!!method.tags.deprecated\">\n                                <td class=\"prism-jsdoc-panel__cell--name\">\n                                    <code>{{ method.name }}()</code>\n                                    @if (method.tags.deprecated) {\n                                        <span class=\"prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small\">deprecated</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--type\">\n                                    @if (method.params.length) {\n                                        @for (p of method.params; track p.name) {\n                                            <div>\n                                                <code>{{ p.name }}{{ p.type ? ': ' + p.type : '' }}</code>\n                                            </div>\n                                        }\n                                    } @else {\n                                        <span class=\"prism-jsdoc-panel__muted\">\u2014</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--type\">\n                                    @if (method.returnType) {\n                                        <code>{{ method.returnType }}</code>\n                                    } @else {\n                                        <span class=\"prism-jsdoc-panel__muted\">void</span>\n                                    }\n                                </td>\n                                <td class=\"prism-jsdoc-panel__cell--doc\">\n                                    @if (method.description) {\n                                        <span [innerHTML]=\"renderInline(method.description)\"></span>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </div>\n        }\n    }\n</div>\n", styles: [":host {\n    display: block;\n    height: 100%;\n    overflow: auto;\n}\n\n.prism-jsdoc-panel {\n    max-width: 880px;\n    padding: 20px 24px;\n    font-family: var(--font-sans);\n    font-size: var(--fs-md);\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 120px;\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__description {\n    margin: 0 0 18px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--prism-text-2);\n}\n\n.prism-jsdoc-panel__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 18px;\n}\n\n.prism-jsdoc-panel__meta-item {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 3px 9px;\n    font-size: var(--fs-sm);\n    color: var(--prism-text-2);\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__meta-label {\n    font-family: var(--font-mono);\n    font-weight: 500;\n    color: var(--prism-primary);\n}\n\n.prism-jsdoc-panel__badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: 10px;\n}\n\n.prism-jsdoc-panel__badge--deprecated {\n    color: var(--prism-warn);\n    background: color-mix(in srgb, var(--prism-warn) 15%, transparent);\n}\n\n.prism-jsdoc-panel__badge--required {\n    margin-left: 4px;\n    font-weight: 700;\n    color: var(--prism-accent);\n}\n\n.prism-jsdoc-panel__badge--small {\n    padding: 1px 5px;\n    margin-left: 4px;\n    font-size: 10px;\n}\n\n.prism-jsdoc-panel__section {\n    margin-bottom: 20px;\n}\n\n.prism-jsdoc-panel__heading {\n    margin: 22px 0 10px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--prism-text-ghost);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n.prism-jsdoc-panel__code {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--prism-bg-surface);\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__code code {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    line-height: 1.5;\n    color: var(--prism-text-2);\n    background: transparent !important;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs {\n    color: var(--prism-text-2);\n    background: transparent;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-tag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-name,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-selector-tag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-keyword,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-title,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-title.function_,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-built_in,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-type {\n    color: var(--prism-code-tag);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-attr,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-attribute,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-property,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-variable,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-template-variable,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-params {\n    color: var(--prism-code-attr);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-string,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-doctag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-regexp,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-symbol,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-number,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-literal {\n    color: var(--prism-code-str);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-comment,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-quote,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-meta {\n    font-style: italic;\n    color: var(--prism-code-com);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-deletion {\n    color: var(--prism-danger);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-addition {\n    color: var(--prism-success);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-emphasis {\n    font-style: italic;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-strong {\n    font-weight: 700;\n}\n\n.prism-jsdoc-panel__table {\n    width: 100%;\n    overflow: hidden;\n    font-size: var(--fs-md);\n    border-collapse: collapse;\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__table th {\n    padding: 8px 12px;\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--prism-text-ghost);\n    text-align: left;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    background: var(--prism-bg-surface);\n    border-bottom: 1px solid var(--prism-border);\n}\n\n.prism-jsdoc-panel__table td {\n    padding: 10px 12px;\n    vertical-align: top;\n    border-bottom: 1px solid var(--prism-border);\n}\n\n.prism-jsdoc-panel__table tr:last-child td {\n    border-bottom: 0;\n}\n\n.prism-jsdoc-panel__row--deprecated td {\n    opacity: 0.6;\n}\n\n.prism-jsdoc-panel__cell--name code,\n.prism-jsdoc-panel__cell--type code,\n.prism-jsdoc-panel__cell--default code {\n    padding: 1px 5px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    color: var(--prism-primary);\n    background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    border-radius: var(--radius-xs);\n}\n\n.prism-jsdoc-panel__muted {\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__cell--doc {\n    line-height: 1.4;\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__since-sep {\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__since {\n    font-size: var(--fs-sm);\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__description :first-child {\n    margin-top: 0;\n}\n\n.prism-jsdoc-panel__description :last-child {\n    margin-bottom: 0;\n}\n\n.prism-jsdoc-panel__description p {\n    margin: 0 0 8px;\n    line-height: 1.7;\n}\n\n.prism-jsdoc-panel__description h1,\n.prism-jsdoc-panel__description h2,\n.prism-jsdoc-panel__description h3 {\n    margin: 18px 0 8px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__description h1 {\n    font-size: 18px;\n}\n\n.prism-jsdoc-panel__description h2 {\n    font-size: 15px;\n}\n\n.prism-jsdoc-panel__description h3 {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--prism-text-ghost);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n.prism-jsdoc-panel__description ul,\n.prism-jsdoc-panel__description ol {\n    padding-left: 20px;\n    margin: 0 0 8px;\n}\n\n.prism-jsdoc-panel__description li {\n    margin: 2px 0;\n    line-height: 1.6;\n}\n\n.prism-jsdoc-panel__description a {\n    color: var(--prism-primary);\n    text-decoration: none;\n}\n\n.prism-jsdoc-panel__description a:hover {\n    text-decoration: underline;\n}\n\n.prism-jsdoc-panel__description strong {\n    font-weight: 600;\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__description code,\n.prism-jsdoc-panel__cell--doc code {\n    padding: 1px 5px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    color: var(--prism-primary);\n    background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    border-radius: var(--radius-xs);\n}\n\n.prism-jsdoc-panel__description pre {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--prism-bg-surface);\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__description pre code {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    line-height: 1.5;\n    color: var(--prism-text);\n    background: none;\n}\n\n.prism-jsdoc-panel__description blockquote {\n    padding: 4px 12px;\n    margin: 0 0 8px;\n    color: var(--prism-text-2);\n    border-left: 3px solid var(--prism-border);\n}\n"] }]
-    }], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsDocPanelComponent, { className: "JsDocPanelComponent", filePath: "jsdoc-panel.component.ts", lineNumber: 16 }); })();
+        args: [{ selector: 'prism-jsdoc-panel', standalone: true, imports: [JsDocApiPageComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (apiPage(); as current) {\n    <prism-jsdoc-api-page [page]=\"current\" />\n} @else {\n    <div class=\"prism-jsdoc-panel\">\n        <div class=\"prism-jsdoc-panel__empty\"> Select a component to view API documentation. </div>\n    </div>\n}\n", styles: [":host {\n    display: block;\n    height: 100%;\n    overflow: auto;\n}\n\n.prism-jsdoc-panel {\n    max-width: 880px;\n    padding: 20px 24px;\n    font-family: var(--font-sans);\n    font-size: var(--fs-md);\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 120px;\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__description {\n    margin: 0 0 18px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--prism-text-2);\n}\n\n.prism-jsdoc-panel__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 18px;\n}\n\n.prism-jsdoc-panel__meta-item {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 3px 9px;\n    font-size: var(--fs-sm);\n    color: var(--prism-text-2);\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__meta-label {\n    font-family: var(--font-mono);\n    font-weight: 500;\n    color: var(--prism-primary);\n}\n\n/* Shaped like prism-badge: radius 4, sentence case, the tone on its tint. */\n.prism-jsdoc-panel__badge {\n    display: inline-flex;\n    align-items: center;\n    height: 20px;\n    padding: 0 7px;\n    font-size: 11px;\n    font-weight: 500;\n    border-radius: 4px;\n}\n\n.prism-jsdoc-panel__badge--deprecated {\n    color: var(--prism-warn);\n    background: var(--prism-warn-bg);\n}\n\n.prism-jsdoc-panel__badge--required {\n    margin-left: 4px;\n    color: var(--prism-primary);\n    background: transparent;\n    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--prism-primary) 65%, transparent);\n}\n\n.prism-jsdoc-panel__badge--small {\n    height: 16px;\n    padding: 0 5px;\n    margin-left: 4px;\n    font-size: 10px;\n}\n\n.prism-jsdoc-panel__section {\n    margin-bottom: 20px;\n}\n\n.prism-jsdoc-panel__heading {\n    margin: 22px 0 10px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--prism-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n/* A faint tint over the page rather than a surface colour of its own, so the\n   block stands off the content area in either theme. */\n.prism-jsdoc-panel__code {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__code code {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    line-height: 1.5;\n    color: var(--prism-text-2);\n    background: transparent !important;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs {\n    color: var(--prism-text-2);\n    background: transparent;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-tag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-name,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-selector-tag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-keyword,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-title,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-title.function_,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-built_in,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-type {\n    color: var(--prism-code-tag);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-attr,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-attribute,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-property,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-variable,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-template-variable,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-params {\n    color: var(--prism-code-attr);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-string,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-doctag,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-regexp,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-symbol,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-number,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-literal {\n    color: var(--prism-code-str);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-comment,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-quote,\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-meta {\n    font-style: italic;\n    color: var(--prism-code-com);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-deletion {\n    color: var(--prism-danger);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-addition {\n    color: var(--prism-success);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-emphasis {\n    font-style: italic;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__code .hljs-strong {\n    font-weight: 700;\n}\n\n.prism-jsdoc-panel__table {\n    width: 100%;\n    overflow: hidden;\n    font-size: var(--fs-md);\n    border-collapse: collapse;\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n.prism-jsdoc-panel__table th {\n    padding: 8px 12px;\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--prism-text-muted);\n    text-align: left;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    background: var(--prism-bg-surface);\n    border-bottom: 1px solid var(--prism-border);\n}\n\n.prism-jsdoc-panel__table td {\n    padding: 10px 12px;\n    vertical-align: top;\n    border-bottom: 1px solid var(--prism-border);\n}\n\n.prism-jsdoc-panel__table tr:last-child td {\n    border-bottom: 0;\n}\n\n.prism-jsdoc-panel__row--deprecated td {\n    opacity: 0.6;\n}\n\n.prism-jsdoc-panel__cell--name code,\n.prism-jsdoc-panel__cell--type code,\n.prism-jsdoc-panel__cell--default code {\n    padding: 1px 5px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    color: var(--prism-primary);\n    background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    border-radius: var(--radius-xs);\n}\n\n.prism-jsdoc-panel__muted {\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__cell--doc {\n    line-height: 1.4;\n    color: var(--prism-text);\n}\n\n.prism-jsdoc-panel__since-sep {\n    color: var(--prism-text-muted);\n}\n\n.prism-jsdoc-panel__since {\n    font-size: var(--fs-sm);\n    color: var(--prism-text-muted);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description :first-child {\n    margin-top: 0;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description :last-child {\n    margin-bottom: 0;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description p {\n    margin: 0 0 8px;\n    line-height: 1.7;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description h1,\n:host ::ng-deep .prism-jsdoc-panel__description h2,\n:host ::ng-deep .prism-jsdoc-panel__description h3 {\n    margin: 18px 0 8px;\n    font-weight: 600;\n    line-height: 1.3;\n    color: var(--prism-text);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description h1 {\n    font-size: 18px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description h2 {\n    font-size: 15px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description h3 {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--prism-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description ul,\n:host ::ng-deep .prism-jsdoc-panel__description ol {\n    padding-left: 20px;\n    margin: 0 0 8px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description li {\n    margin: 2px 0;\n    line-height: 1.6;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description a {\n    font-weight: 500;\n    color: var(--prism-link);\n    text-decoration: underline;\n    text-decoration-thickness: 1px;\n    text-decoration-color: color-mix(in srgb, var(--prism-link) 45%, transparent);\n    text-underline-offset: 3px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description a:hover {\n    text-decoration-color: var(--prism-link);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description a:focus-visible {\n    outline: 2px solid var(--prism-link);\n    outline-offset: 2px;\n    border-radius: 2px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description strong {\n    font-weight: 600;\n    color: var(--prism-text);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description code,\n:host ::ng-deep .prism-jsdoc-panel__cell--doc code {\n    padding: 1px 5px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    color: var(--prism-primary);\n    background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    border-radius: var(--radius-xs);\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description pre {\n    padding: 0;\n    margin: 0 0 8px;\n    overflow: auto;\n    background: var(--prism-bg-surface);\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description pre code {\n    display: block;\n    padding: 8px 12px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-sm);\n    line-height: 1.5;\n    color: var(--prism-text);\n    background: none;\n}\n\n:host ::ng-deep .prism-jsdoc-panel__description blockquote {\n    padding: 4px 12px;\n    margin: 0 0 8px;\n    color: var(--prism-text-2);\n    border-left: 3px solid var(--prism-border);\n}\n\n/* Type and default read as mono text in text-2; only the name keeps its chip. */\n.prism-jsdoc-panel__cell--type code,\n.prism-jsdoc-panel__cell--default code {\n    padding: 0;\n    color: var(--prism-text-2);\n    background: none;\n}\n"] }]
+    }], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }], activeService: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeService", required: false }] }], activePipe: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePipe", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsDocPanelComponent, { className: "JsDocPanelComponent", filePath: "jsdoc-panel.component.ts", lineNumber: 14 }); })();