@ng-prism/plugin-jsdoc 22.4.1 → 22.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -173,7 +173,7 @@ function JsDocPanelComponent_Conditional_2_Conditional_3_For_18_Template(rf, ctx
|
|
|
173
173
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
174
174
|
i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(inp_r5.name));
|
|
175
175
|
i0.ɵɵadvance(3);
|
|
176
|
-
i0.ɵɵtextInterpolate(inp_r5.name);
|
|
176
|
+
i0.ɵɵtextInterpolate(inp_r5.alias ?? inp_r5.name);
|
|
177
177
|
i0.ɵɵadvance();
|
|
178
178
|
i0.ɵɵconditional(ctx_r0.isMemberDeprecated(inp_r5.name) ? 4 : -1);
|
|
179
179
|
i0.ɵɵadvance(3);
|
|
@@ -258,7 +258,7 @@ function JsDocPanelComponent_Conditional_2_Conditional_4_For_12_Template(rf, ctx
|
|
|
258
258
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
259
259
|
i0.ɵɵclassProp("prism-jsdoc-panel__row--deprecated", ctx_r0.isMemberDeprecated(out_r6.name));
|
|
260
260
|
i0.ɵɵadvance(3);
|
|
261
|
-
i0.ɵɵtextInterpolate(out_r6.name);
|
|
261
|
+
i0.ɵɵtextInterpolate(out_r6.alias ?? out_r6.name);
|
|
262
262
|
i0.ɵɵadvance();
|
|
263
263
|
i0.ɵɵconditional(ctx_r0.isMemberDeprecated(out_r6.name) ? 4 : -1);
|
|
264
264
|
i0.ɵɵadvance(2);
|
|
@@ -483,6 +483,6 @@ export class JsDocPanelComponent {
|
|
|
483
483
|
}
|
|
484
484
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsDocPanelComponent, [{
|
|
485
485
|
type: Component,
|
|
486
|
-
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"] }]
|
|
486
|
+
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.alias ?? 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.alias ?? 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"] }]
|
|
487
487
|
}], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
|
|
488
488
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsDocPanelComponent, { className: "JsDocPanelComponent", filePath: "jsdoc-panel.component.ts", lineNumber: 16 }); })();
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CAa3C"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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
CHANGED
|
@@ -19,8 +19,7 @@ export function jsDocPlugin() {
|
|
|
19
19
|
id: 'jsdoc',
|
|
20
20
|
label: 'API',
|
|
21
21
|
icon: 'file-text',
|
|
22
|
-
loadComponent: () => import('./jsdoc-panel.component.js').then((m) => m.JsDocPanelComponent)
|
|
23
|
-
position: 'bottom'
|
|
22
|
+
loadComponent: () => import('./jsdoc-panel.component.js').then((m) => m.JsDocPanelComponent)
|
|
24
23
|
}
|
|
25
24
|
]
|
|
26
25
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-prism/plugin-jsdoc",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.6.0",
|
|
4
4
|
"description": "JSDoc API documentation panel for ng-prism.",
|
|
5
5
|
"ng-add": {
|
|
6
6
|
"save": "devDependencies"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
],
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"@angular/core": ">=20.0.0",
|
|
39
|
-
"@ng-prism/core": "^22.
|
|
39
|
+
"@ng-prism/core": "^22.6.0-0",
|
|
40
40
|
"highlight.js": ">=11.0.0",
|
|
41
41
|
"ngx-highlightjs": ">=14.0.0",
|
|
42
42
|
"typescript": ">=5.5.0",
|