@ng-prism/plugin-jsdoc 21.0.0

package/dist/index.browser.d.ts

@@ -0,0 +1,4 @@
+export { jsDocPlugin } from './jsdoc-plugin.browser.js';
+export { JsDocPanelComponent } from './jsdoc-panel.component.js';
+export type { JsDocData, JsDocTags } from './jsdoc.types.js';
+//# sourceMappingURL=index.browser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.browser.js

@@ -0,0 +1,2 @@
+export { jsDocPlugin } from './jsdoc-plugin.browser.js';
+export { JsDocPanelComponent } from './jsdoc-panel.component.js';

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { jsDocPlugin } from './jsdoc-plugin.js';
+export { JsDocPanelComponent } from './jsdoc-panel.component.js';
+export type { JsDocData, JsDocTags } from './jsdoc.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { jsDocPlugin } from './jsdoc-plugin.js';
+export { JsDocPanelComponent } from './jsdoc-panel.component.js';

package/dist/jsdoc-extractor.d.ts

@@ -0,0 +1,3 @@
+import type { JsDocData } from './jsdoc.types.js';
+export declare function extractJsDocData(filePath: string, className: string): JsDocData | null;
+//# sourceMappingURL=jsdoc-extractor.d.ts.map

package/dist/jsdoc-extractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsdoc-extractor.d.ts","sourceRoot":"","sources":["../src/jsdoc-extractor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAkC,MAAM,kBAAkB,CAAC;AAElF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAatF"}

package/dist/jsdoc-extractor.js

@@ -0,0 +1,177 @@
+import { readFileSync } from 'node:fs';
+import ts from 'typescript';
+export function extractJsDocData(filePath, className) {
+    const sourceText = readFileSync(filePath, 'utf-8');
+    const sourceFile = ts.createSourceFile(filePath, sourceText, ts.ScriptTarget.ES2022, true);
+    const classDecl = findClassByName(sourceFile, className);
+    if (!classDecl)
+        return null;
+    return {
+        classDescription: extractDescription(classDecl),
+        classTags: extractTags(classDecl),
+        memberTags: extractAllMemberTags(classDecl),
+        methods: extractPublicMethods(classDecl),
+    };
+}
+function findClassByName(sourceFile, className) {
+    let found = null;
+    function visit(node) {
+        if (found)
+            return;
+        if (ts.isClassDeclaration(node) && node.name?.text === className) {
+            found = node;
+            return;
+        }
+        ts.forEachChild(node, visit);
+    }
+    visit(sourceFile);
+    return found;
+}
+function extractDescription(node) {
+    const jsDocNodes = node.jsDoc;
+    if (!jsDocNodes?.length)
+        return undefined;
+    const lastDoc = jsDocNodes[jsDocNodes.length - 1];
+    const comment = lastDoc.comment;
+    if (!comment)
+        return undefined;
+    if (typeof comment === 'string')
+        return comment.trim() || undefined;
+    return comment
+        .map((c) => (typeof c === 'string' ? c : c.text))
+        .join('')
+        .trim() || undefined;
+}
+function extractTags(node) {
+    const tags = ts.getJSDocTags(node);
+    return buildTagsFromList(tags);
+}
+function buildTagsFromList(tags) {
+    const result = {};
+    for (const tag of tags) {
+        const tagName = tag.tagName.text;
+        const comment = tagCommentToString(tag.comment);
+        if (tagName === 'deprecated') {
+            result.deprecated = comment || true;
+        }
+        else if (tagName === 'since') {
+            result.since = comment;
+        }
+        else if (tagName === 'see') {
+            const seeRef = extractSeeReference(tag, comment);
+            if (seeRef)
+                result.see = [...(result.see ?? []), seeRef];
+        }
+        else if (tagName === 'example') {
+            result.example = [...(result.example ?? []), ...(comment ? [comment] : [])];
+        }
+    }
+    return result;
+}
+function extractSeeReference(tag, comment) {
+    const seeTag = tag;
+    const nameRef = seeTag.name?.name?.text ?? seeTag.name?.left?.text;
+    if (nameRef)
+        return nameRef;
+    if (comment && comment !== '*')
+        return comment;
+    return undefined;
+}
+function tagCommentToString(comment) {
+    if (!comment)
+        return undefined;
+    if (typeof comment === 'string')
+        return comment.trim() || undefined;
+    return comment
+        .map((c) => (typeof c === 'string' ? c : c.text))
+        .join('')
+        .trim() || undefined;
+}
+function extractAllMemberTags(classDecl) {
+    const result = {};
+    for (const member of classDecl.members) {
+        const name = getMemberName(member);
+        if (!name)
+            continue;
+        const tags = ts.getJSDocTags(member);
+        if (tags.length === 0)
+            continue;
+        result[name] = buildTagsFromList(tags);
+    }
+    return result;
+}
+function getMemberName(member) {
+    if (!member.name)
+        return undefined;
+    if (ts.isIdentifier(member.name))
+        return member.name.text;
+    if (ts.isStringLiteral(member.name))
+        return member.name.text;
+    return undefined;
+}
+const LIFECYCLE_HOOKS = new Set([
+    'ngOnInit', 'ngOnDestroy', 'ngOnChanges', 'ngDoCheck',
+    'ngAfterContentInit', 'ngAfterContentChecked',
+    'ngAfterViewInit', 'ngAfterViewChecked',
+]);
+function extractPublicMethods(classDecl) {
+    const result = [];
+    const sourceFile = classDecl.getSourceFile();
+    for (const member of classDecl.members) {
+        if (!ts.isMethodDeclaration(member))
+            continue;
+        const name = getMemberName(member);
+        if (!name || name.startsWith('_'))
+            continue;
+        if (LIFECYCLE_HOOKS.has(name))
+            continue;
+        const isPrivate = member.modifiers?.some((m) => m.kind === ts.SyntaxKind.PrivateKeyword || m.kind === ts.SyntaxKind.ProtectedKeyword);
+        if (isPrivate)
+            continue;
+        if (!hasDirectJsDoc(member, sourceFile))
+            continue;
+        const description = extractDescription(member);
+        const tags = extractTags(member);
+        const params = extractParamDocs(member);
+        const returnType = member.type ? member.type.getText() : undefined;
+        if (!description && Object.keys(tags).length === 0)
+            continue;
+        result.push({ name, description, tags, params, returnType });
+    }
+    return result;
+}
+function hasDirectJsDoc(node, sourceFile) {
+    const jsDocNodes = node.jsDoc;
+    if (!jsDocNodes?.length)
+        return false;
+    const lastDoc = jsDocNodes[jsDocNodes.length - 1];
+    const commentEnd = sourceFile.getLineAndCharacterOfPosition(lastDoc.end).line;
+    const methodStart = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile)).line;
+    if (methodStart - commentEnd > 1)
+        return false;
+    const commentText = lastDoc.getText(sourceFile);
+    const stripped = commentText.replace(/[/*\s]/g, '');
+    if (stripped.length === 0)
+        return false;
+    if (/^[*=\-_#~]+$/.test(stripped))
+        return false;
+    return true;
+}
+function extractParamDocs(method) {
+    const jsDocNodes = method.jsDoc;
+    if (!jsDocNodes?.length)
+        return [];
+    const lastDoc = jsDocNodes[jsDocNodes.length - 1];
+    if (!lastDoc.tags)
+        return [];
+    const result = [];
+    for (const tag of lastDoc.tags) {
+        if (!ts.isJSDocParameterTag(tag))
+            continue;
+        const name = ts.isIdentifier(tag.name) ? tag.name.text : tag.name.getText();
+        const type = tag.typeExpression ? tag.typeExpression.type.getText() : undefined;
+        const description = tagCommentToString(tag.comment);
+        result.push({ name, type, description });
+    }
+    return result;
+}

package/dist/jsdoc-panel.component.d.ts

@@ -0,0 +1,25 @@
+import type { InputMeta, OutputMeta } from '@ng-prism/core/plugin';
+import type { JsDocData, MethodDoc } from './jsdoc.types.js';
+import * as i0 from "@angular/core";
+export declare class JsDocPanelComponent {
+    readonly activeComponent: import("@angular/core").InputSignal<unknown>;
+    protected readonly jsdocData: import("@angular/core").Signal<JsDocData | null>;
+    protected readonly inputs: import("@angular/core").Signal<InputMeta[]>;
+    protected readonly outputs: import("@angular/core").Signal<OutputMeta[]>;
+    protected readonly classDescription: import("@angular/core").Signal<string | undefined>;
+    protected readonly classTags: import("@angular/core").Signal<import("./jsdoc.types.js").JsDocTags>;
+    protected readonly isDeprecated: import("@angular/core").Signal<boolean>;
+    protected readonly deprecatedMessage: import("@angular/core").Signal<string | undefined>;
+    protected readonly since: import("@angular/core").Signal<string | undefined>;
+    protected readonly seeRefs: import("@angular/core").Signal<string[]>;
+    protected readonly examples: import("@angular/core").Signal<string[]>;
+    protected readonly methods: import("@angular/core").Signal<MethodDoc[]>;
+    protected readonly hasTags: import("@angular/core").Signal<boolean>;
+    protected isMemberDeprecated(name: string): boolean;
+    protected getMemberSince(name: string): string | undefined;
+    protected memberDocLine(name: string, doc: string | undefined): string;
+    protected formatDefault(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsDocPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsDocPanelComponent, "prism-jsdoc-panel", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=jsdoc-panel.component.d.ts.map

package/dist/jsdoc-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsdoc-panel.component.d.ts","sourceRoot":"","sources":["../src/jsdoc-panel.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;;AAE7D,qBAwSa,mBAAmB;IAC9B,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,mDAGzB;IAEH,SAAS,CAAC,QAAQ,CAAC,MAAM,8CAGtB;IAEH,SAAS,CAAC,QAAQ,CAAC,OAAO,+CAGvB;IAEH,SAAS,CAAC,QAAQ,CAAC,gBAAgB,qDAAsD;IAEzF,SAAS,CAAC,QAAQ,CAAC,SAAS,uEAAqD;IAEjF,SAAS,CAAC,QAAQ,CAAC,YAAY,0CAAiD;IAEhF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,qDAGjC;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,qDAA0C;IAElE,SAAS,CAAC,QAAQ,CAAC,OAAO,2CAA8C;IAExE,SAAS,CAAC,QAAQ,CAAC,QAAQ,2CAAkD;IAE7E,SAAS,CAAC,QAAQ,CAAC,OAAO,8CAAgE;IAE1F,SAAS,CAAC,QAAQ,CAAC,OAAO,0CAExB;IAEF,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAInD,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAI1D,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAQtE,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;yCAzDpC,mBAAmB;2CAAnB,mBAAmB;CA6D/B"}

package/dist/jsdoc-panel.component.js

@@ -0,0 +1,552 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { Highlight } from 'ngx-highlightjs';
+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.ɵɵelementStart(0, "p", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.classDescription());
+} }
+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, "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_4_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.ɵɵrepeaterCreate(3, JsDocPanelComponent_Conditional_2_Conditional_1_For_4_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.since() ? 2 : -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;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("highlight", example_r3);
+} }
+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, 1, "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_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.formatDefault(inp_r4.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_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.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const inp_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(inp_r4.name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(inp_r4.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isMemberDeprecated(inp_r4.name) ? 4 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(inp_r4.rawType ?? inp_r4.type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(inp_r4.defaultValue !== undefined ? 9 : 10);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(inp_r4.required ? 12 : 13);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", inp_r4.doc ?? ctx_r0.getMemberSince(inp_r4.name) ? ctx_r0.memberDocLine(inp_r4.name, inp_r4.doc) : "", " ");
+} }
+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, 16, 8, "tr", 12, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(17);
+    i0.ɵɵrepeater(ctx_r0.inputs());
+} }
+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_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.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const out_r5 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(out_r5.name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(out_r5.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isMemberDeprecated(out_r5.name) ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.memberDocLine(out_r5.name, out_r5.doc), " ");
+} }
+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, 7, 5, "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_r6 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", p_r6.name, "", p_r6.type ? ": " + p_r6.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_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵrepeater(method_r7.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_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(method_r7.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_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.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const method_r7 = ctx.$implicit;
+    i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", !!method_r7.tags.deprecated);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", method_r7.name, "()");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(method_r7.tags.deprecated ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(method_r7.params.length ? 6 : 7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(method_r7.returnType ? 9 : 10);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", method_r7.description ?? "", " ");
+} }
+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, 2, 1, "p", 2);
+    i0.ɵɵconditionalCreate(1, JsDocPanelComponent_Conditional_2_Conditional_1_Template, 5, 2, "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) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.classDescription() ? 0 : -1);
+    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, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
+    jsdocData = computed(() => {
+        const comp = this.activeComponent();
+        return comp?.meta?.showcaseConfig?.meta?.['jsdoc'] ?? null;
+    }, ...(ngDevMode ? [{ debugName: "jsdocData" }] : []));
+    inputs = computed(() => {
+        const comp = this.activeComponent();
+        return comp?.meta?.inputs ?? [];
+    }, ...(ngDevMode ? [{ debugName: "inputs" }] : []));
+    outputs = computed(() => {
+        const comp = this.activeComponent();
+        return comp?.meta?.outputs ?? [];
+    }, ...(ngDevMode ? [{ debugName: "outputs" }] : []));
+    classDescription = computed(() => this.jsdocData()?.classDescription, ...(ngDevMode ? [{ debugName: "classDescription" }] : []));
+    classTags = computed(() => this.jsdocData()?.classTags ?? {}, ...(ngDevMode ? [{ debugName: "classTags" }] : []));
+    isDeprecated = computed(() => !!this.classTags().deprecated, ...(ngDevMode ? [{ debugName: "isDeprecated" }] : []));
+    deprecatedMessage = computed(() => {
+        const d = this.classTags().deprecated;
+        return typeof d === 'string' ? d : undefined;
+    }, ...(ngDevMode ? [{ debugName: "deprecatedMessage" }] : []));
+    since = computed(() => this.classTags().since, ...(ngDevMode ? [{ debugName: "since" }] : []));
+    seeRefs = computed(() => this.classTags().see ?? [], ...(ngDevMode ? [{ debugName: "seeRefs" }] : []));
+    examples = computed(() => this.classTags().example ?? [], ...(ngDevMode ? [{ debugName: "examples" }] : []));
+    methods = computed(() => this.jsdocData()?.methods ?? [], ...(ngDevMode ? [{ debugName: "methods" }] : []));
+    hasTags = computed(() => this.isDeprecated() || !!this.since() || this.seeRefs().length > 0, ...(ngDevMode ? [{ debugName: "hasTags" }] : []));
+    isMemberDeprecated(name) {
+        return !!this.jsdocData()?.memberTags[name]?.deprecated;
+    }
+    getMemberSince(name) {
+        return this.jsdocData()?.memberTags[name]?.since;
+    }
+    memberDocLine(name, doc) {
+        const parts = [];
+        if (doc)
+            parts.push(doc);
+        const since = this.getMemberSince(name);
+        if (since)
+            parts.push(`Since ${since}`);
+        return parts.join(' · ');
+    }
+    formatDefault(value) {
+        if (typeof value === 'string')
+            return `'${value}'`;
+        return String(value);
+    }
+    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"], [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"], ["language", "typescript", 3, "highlight"], [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"]], 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();
+        } 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    .prism-jsdoc-panel[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      font-family: var(--prism-font-family, system-ui, sans-serif);\n      font-size: 13px;\n      color: var(--prism-text, #1f2937);\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(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__description[_ngcontent-%COMP%] {\n      margin: 0 0 12px;\n      line-height: 1.5;\n      color: var(--prism-text, #1f2937);\n    }\n    .prism-jsdoc-panel__meta[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n    .prism-jsdoc-panel__meta-item[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__meta-label[_ngcontent-%COMP%] {\n      font-weight: 600;\n      color: var(--prism-text, #1f2937);\n    }\n    .prism-jsdoc-panel__badge[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      padding: 2px 8px;\n      border-radius: 10px;\n      font-size: 12px;\n      font-weight: 600;\n    }\n    .prism-jsdoc-panel__badge--deprecated[_ngcontent-%COMP%] {\n      background: #fef3c7;\n      color: #92400e;\n    }\n    .prism-jsdoc-panel__badge--required[_ngcontent-%COMP%] {\n      background: #dbeafe;\n      color: #1d4ed8;\n    }\n    .prism-jsdoc-panel__badge--small[_ngcontent-%COMP%] {\n      padding: 1px 5px;\n      font-size: 10px;\n      margin-left: 4px;\n      vertical-align: middle;\n    }\n    .prism-jsdoc-panel__section[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n    .prism-jsdoc-panel__heading[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin: 0 0 8px;\n      padding-bottom: 4px;\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__code[_ngcontent-%COMP%] {\n      margin: 0 0 8px;\n      padding: 0;\n      background: var(--prism-bg-surface, #f9fafb);\n      border: 1px solid var(--prism-border, #e5e7eb);\n      border-radius: 6px;\n      overflow: auto;\n    }\n    .prism-jsdoc-panel__code[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n      font-family: var(--prism-font-mono, monospace);\n      font-size: 12px;\n      line-height: 1.5;\n      padding: 8px 12px;\n      display: block;\n    }\n    .prism-jsdoc-panel__table[_ngcontent-%COMP%] {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 12px;\n    }\n    .prism-jsdoc-panel__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n      text-align: left;\n      padding: 6px 10px;\n      font-weight: 600;\n      color: var(--prism-text-muted, #6b7280);\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      white-space: nowrap;\n    }\n    .prism-jsdoc-panel__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      padding: 6px 10px;\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      vertical-align: top;\n    }\n    .prism-jsdoc-panel__table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n      border-bottom: none;\n    }\n    .prism-jsdoc-panel__row--deprecated[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n      opacity: 0.6;\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      font-family: var(--prism-font-mono, monospace);\n      font-size: 11px;\n      background: var(--prism-bg-surface, #f9fafb);\n      padding: 1px 4px;\n      border-radius: 3px;\n      border: 1px solid var(--prism-border, #e5e7eb);\n    }\n    .prism-jsdoc-panel__muted[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__cell--doc[_ngcontent-%COMP%] {\n      color: var(--prism-text, #1f2937);\n      line-height: 1.4;\n    }"], changeDetection: 0 });
+}
+(() => { (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">
+      @if (!activeComponent()) {
+        <div class="prism-jsdoc-panel__empty">Select a component to view API documentation.</div>
+      } @else {
+        @if (classDescription()) {
+          <p class="prism-jsdoc-panel__description">{{ classDescription() }}</p>
+        }
+        @if (hasTags()) {
+          <div class="prism-jsdoc-panel__meta">
+            @if (isDeprecated()) {
+              <span class="prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated">
+                Deprecated{{ deprecatedMessage() ? ': ' + deprecatedMessage() : '' }}
+              </span>
+            }
+            @if (since()) {
+              <span class="prism-jsdoc-panel__meta-item">
+                <span class="prism-jsdoc-panel__meta-label">Since:</span> {{ since() }}
+              </span>
+            }
+            @for (ref of seeRefs(); track $index) {
+              <span class="prism-jsdoc-panel__meta-item">
+                <span class="prism-jsdoc-panel__meta-label">See:</span> {{ ref }}
+              </span>
+            }
+          </div>
+        }
+        @if (examples().length) {
+          <div class="prism-jsdoc-panel__section">
+            <h3 class="prism-jsdoc-panel__heading">Examples</h3>
+            @for (example of examples(); track $index) {
+              <pre class="prism-jsdoc-panel__code"><code [highlight]="example" language="typescript"></code></pre>
+            }
+          </div>
+        }
+        @if (inputs().length) {
+          <div class="prism-jsdoc-panel__section">
+            <h3 class="prism-jsdoc-panel__heading">Inputs</h3>
+            <table class="prism-jsdoc-panel__table">
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Type</th>
+                  <th>Default</th>
+                  <th>Required</th>
+                  <th>Description</th>
+                </tr>
+              </thead>
+              <tbody>
+                @for (inp of inputs(); track inp.name) {
+                  <tr [class.prism-jsdoc-panel__row--deprecated]="isMemberDeprecated(inp.name)">
+                    <td class="prism-jsdoc-panel__cell--name">
+                      <code>{{ inp.name }}</code>
+                      @if (isMemberDeprecated(inp.name)) {
+                        <span class="prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small">deprecated</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--type">
+                      <code>{{ inp.rawType ?? inp.type }}</code>
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--default">
+                      @if (inp.defaultValue !== undefined) {
+                        <code>{{ formatDefault(inp.defaultValue) }}</code>
+                      } @else {
+                        <span class="prism-jsdoc-panel__muted">—</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--required">
+                      @if (inp.required) {
+                        <span class="prism-jsdoc-panel__badge prism-jsdoc-panel__badge--required">required</span>
+                      } @else {
+                        <span class="prism-jsdoc-panel__muted">—</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--doc">
+                      {{ inp.doc ?? getMemberSince(inp.name) ? memberDocLine(inp.name, inp.doc) : '' }}
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
+        @if (outputs().length) {
+          <div class="prism-jsdoc-panel__section">
+            <h3 class="prism-jsdoc-panel__heading">Outputs</h3>
+            <table class="prism-jsdoc-panel__table">
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Description</th>
+                </tr>
+              </thead>
+              <tbody>
+                @for (out of outputs(); track out.name) {
+                  <tr [class.prism-jsdoc-panel__row--deprecated]="isMemberDeprecated(out.name)">
+                    <td class="prism-jsdoc-panel__cell--name">
+                      <code>{{ out.name }}</code>
+                      @if (isMemberDeprecated(out.name)) {
+                        <span class="prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small">deprecated</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--doc">
+                      {{ memberDocLine(out.name, out.doc) }}
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
+        @if (methods().length) {
+          <div class="prism-jsdoc-panel__section">
+            <h3 class="prism-jsdoc-panel__heading">Methods</h3>
+            <table class="prism-jsdoc-panel__table">
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Parameters</th>
+                  <th>Returns</th>
+                  <th>Description</th>
+                </tr>
+              </thead>
+              <tbody>
+                @for (method of methods(); track method.name) {
+                  <tr [class.prism-jsdoc-panel__row--deprecated]="!!method.tags.deprecated">
+                    <td class="prism-jsdoc-panel__cell--name">
+                      <code>{{ method.name }}()</code>
+                      @if (method.tags.deprecated) {
+                        <span class="prism-jsdoc-panel__badge prism-jsdoc-panel__badge--deprecated prism-jsdoc-panel__badge--small">deprecated</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--type">
+                      @if (method.params.length) {
+                        @for (p of method.params; track p.name) {
+                          <div><code>{{ p.name }}{{ p.type ? ': ' + p.type : '' }}</code></div>
+                        }
+                      } @else {
+                        <span class="prism-jsdoc-panel__muted">—</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--type">
+                      @if (method.returnType) {
+                        <code>{{ method.returnType }}</code>
+                      } @else {
+                        <span class="prism-jsdoc-panel__muted">void</span>
+                      }
+                    </td>
+                    <td class="prism-jsdoc-panel__cell--doc">
+                      {{ method.description ?? '' }}
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
+      }
+    </div>
+  `, styles: ["\n    :host {\n      display: block;\n      height: 100%;\n      overflow: auto;\n    }\n    .prism-jsdoc-panel {\n      padding: 12px 16px;\n      font-family: var(--prism-font-family, system-ui, sans-serif);\n      font-size: 13px;\n      color: var(--prism-text, #1f2937);\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, #6b7280);\n    }\n    .prism-jsdoc-panel__description {\n      margin: 0 0 12px;\n      line-height: 1.5;\n      color: var(--prism-text, #1f2937);\n    }\n    .prism-jsdoc-panel__meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n    .prism-jsdoc-panel__meta-item {\n      font-size: 12px;\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__meta-label {\n      font-weight: 600;\n      color: var(--prism-text, #1f2937);\n    }\n    .prism-jsdoc-panel__badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 2px 8px;\n      border-radius: 10px;\n      font-size: 12px;\n      font-weight: 600;\n    }\n    .prism-jsdoc-panel__badge--deprecated {\n      background: #fef3c7;\n      color: #92400e;\n    }\n    .prism-jsdoc-panel__badge--required {\n      background: #dbeafe;\n      color: #1d4ed8;\n    }\n    .prism-jsdoc-panel__badge--small {\n      padding: 1px 5px;\n      font-size: 10px;\n      margin-left: 4px;\n      vertical-align: middle;\n    }\n    .prism-jsdoc-panel__section {\n      margin-bottom: 20px;\n    }\n    .prism-jsdoc-panel__heading {\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin: 0 0 8px;\n      padding-bottom: 4px;\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__code {\n      margin: 0 0 8px;\n      padding: 0;\n      background: var(--prism-bg-surface, #f9fafb);\n      border: 1px solid var(--prism-border, #e5e7eb);\n      border-radius: 6px;\n      overflow: auto;\n    }\n    .prism-jsdoc-panel__code code {\n      font-family: var(--prism-font-mono, monospace);\n      font-size: 12px;\n      line-height: 1.5;\n      padding: 8px 12px;\n      display: block;\n    }\n    .prism-jsdoc-panel__table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 12px;\n    }\n    .prism-jsdoc-panel__table th {\n      text-align: left;\n      padding: 6px 10px;\n      font-weight: 600;\n      color: var(--prism-text-muted, #6b7280);\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      white-space: nowrap;\n    }\n    .prism-jsdoc-panel__table td {\n      padding: 6px 10px;\n      border-bottom: 1px solid var(--prism-border, #e5e7eb);\n      vertical-align: top;\n    }\n    .prism-jsdoc-panel__table tr:last-child td {\n      border-bottom: none;\n    }\n    .prism-jsdoc-panel__row--deprecated td {\n      opacity: 0.6;\n    }\n    .prism-jsdoc-panel__cell--name code,\n    .prism-jsdoc-panel__cell--type code,\n    .prism-jsdoc-panel__cell--default code {\n      font-family: var(--prism-font-mono, monospace);\n      font-size: 11px;\n      background: var(--prism-bg-surface, #f9fafb);\n      padding: 1px 4px;\n      border-radius: 3px;\n      border: 1px solid var(--prism-border, #e5e7eb);\n    }\n    .prism-jsdoc-panel__muted {\n      color: var(--prism-text-muted, #6b7280);\n    }\n    .prism-jsdoc-panel__cell--doc {\n      color: var(--prism-text, #1f2937);\n      line-height: 1.4;\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: 302 }); })();

package/dist/jsdoc-plugin.browser.d.ts

@@ -0,0 +1,3 @@
+import type { NgPrismPlugin } from '@ng-prism/core/plugin';
+export declare function jsDocPlugin(): NgPrismPlugin;
+//# sourceMappingURL=jsdoc-plugin.browser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsdoc-plugin.browser.d.ts","sourceRoot":"","sources":["../src/jsdoc-plugin.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,wBAAgB,WAAW,IAAI,aAAa,CAc3C"}

package/dist/jsdoc-plugin.browser.js

@@ -0,0 +1,14 @@
+export function jsDocPlugin() {
+    return {
+        name: '@ng-prism/plugin-jsdoc',
+        panels: [
+            {
+                id: 'jsdoc',
+                label: 'API',
+                loadComponent: () => import('./jsdoc-panel.component.js').then((m) => m.JsDocPanelComponent),
+                position: 'bottom',
+                placement: 'view',
+            },
+        ],
+    };
+}

package/dist/jsdoc-plugin.d.ts

@@ -0,0 +1,3 @@
+import type { NgPrismPlugin } from '@ng-prism/core/plugin';
+export declare function jsDocPlugin(): NgPrismPlugin;
+//# sourceMappingURL=jsdoc-plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsdoc-plugin.d.ts","sourceRoot":"","sources":["../src/jsdoc-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,wBAAgB,WAAW,IAAI,aAAa,CAwB3C"}

package/dist/jsdoc-plugin.js

@@ -0,0 +1,26 @@
+import { extractJsDocData } from './jsdoc-extractor.js';
+export function jsDocPlugin() {
+    return {
+        name: '@ng-prism/plugin-jsdoc',
+        async onComponentScanned(component) {
+            const jsdoc = extractJsDocData(component.filePath, component.className);
+            if (!jsdoc)
+                return;
+            return {
+                ...component,
+                showcaseConfig: {
+                    ...component.showcaseConfig,
+                    meta: { ...component.showcaseConfig.meta, jsdoc },
+                },
+            };
+        },
+        panels: [
+            {
+                id: 'jsdoc',
+                label: 'API',
+                loadComponent: () => import('./jsdoc-panel.component.js').then((m) => m.JsDocPanelComponent),
+                position: 'bottom',
+            },
+        ],
+    };
+}

package/dist/jsdoc.types.d.ts

@@ -0,0 +1,25 @@
+export interface JsDocTags {
+    deprecated?: string | true;
+    since?: string;
+    see?: string[];
+    example?: string[];
+}
+export interface MethodDoc {
+    name: string;
+    description?: string;
+    tags: JsDocTags;
+    params: ParamDoc[];
+    returnType?: string;
+}
+export interface ParamDoc {
+    name: string;
+    type?: string;
+    description?: string;
+}
+export interface JsDocData {
+    classDescription?: string;
+    classTags: JsDocTags;
+    memberTags: Record<string, JsDocTags>;
+    methods?: MethodDoc[];
+}
+//# sourceMappingURL=jsdoc.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsdoc.types.d.ts","sourceRoot":"","sources":["../src/jsdoc.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;CACvB"}

package/dist/jsdoc.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@ng-prism/plugin-jsdoc",
+  "version": "21.0.0",
+  "description": "JSDoc API documentation panel for ng-prism.",
+  "keywords": [
+    "@ng-prism/core",
+    "jsdoc",
+    "api",
+    "documentation",
+    "plugin",
+    "angular",
+    "styleguide"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "browser": "./dist/index.browser.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "peerDependencies": {
+    "@angular/core": ">=20.0.0",
+    "typescript": ">=5.5.0",
+    "highlight.js": ">=11.0.0",
+    "ngx-highlightjs": ">=14.0.0",
+    "@ng-prism/core": ">=21.0.0"
+  },
+  "devDependencies": {
+    "@ng-prism/core": "*"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dyingangel666/ng-prism.git",
+    "directory": "packages/plugin-jsdoc"
+  },
+  "homepage": "https://dyingangel666.github.io/ng-prism/",
+  "bugs": "https://github.com/dyingangel666/ng-prism/issues"
+}