typedoc 0.23.25 → 0.24.0-beta.1

package/dist/lib/output/plugins/JavascriptIndexPlugin.js

@@ -33,7 +33,6 @@ exports.JavascriptIndexPlugin = void 0;
 const Path = __importStar(require("path"));
 const lunr_1 = require("lunr");
 const models_1 = require("../../models");
-const plugins_1 = require("../../converter/plugins");
 const components_1 = require("../components");
 const events_1 = require("../events");
 const utils_1 = require("../../utils");
@@ -63,7 +62,6 @@ let JavascriptIndexPlugin = class JavascriptIndexPlugin extends components_1.Ren
             return;
         }
         const rows = [];
-        const kinds = {};
         const initialSearchResults = Object.values(event.project.reflections).filter((refl) => {
             return (refl instanceof models_1.DeclarationReflection &&
                 refl.url &&
@@ -93,14 +91,13 @@ let JavascriptIndexPlugin = class JavascriptIndexPlugin extends components_1.Ren
             if (parent instanceof models_1.ProjectReflection) {
                 parent = undefined;
             }
-            if (!kinds[reflection.kind]) {
-                kinds[reflection.kind] = plugins_1.GroupPlugin.getKindSingular(reflection.kind);
-            }
             const row = {
                 kind: reflection.kind,
                 name: reflection.name,
                 url: reflection.url,
-                classes: reflection.cssClasses,
+                classes: this.owner.theme
+                    .getRenderContext()
+                    .getReflectionClasses(reflection),
             };
             if (parent) {
                 row.parent = parent.getFullName();
@@ -116,7 +113,6 @@ let JavascriptIndexPlugin = class JavascriptIndexPlugin extends components_1.Ren
         const index = builder.build();
         const jsonFileName = Path.join(event.outputDirectory, "assets", "search.js");
         const jsonData = JSON.stringify({
-            kinds,
             rows,
             index,
         });

package/dist/lib/output/renderer.d.ts

@@ -1,5 +1,6 @@
 import type { Application } from "../application";
 import type { Theme } from "./theme";
+import { RendererEvent } from "./events";
 import type { ProjectReflection } from "../models/reflections/project";
 import { RendererComponent } from "./components";
 import { ChildableComponent } from "../utils/component";
@@ -89,6 +90,26 @@ export declare class Renderer extends ChildableComponent<Application, RendererCo
     static readonly EVENT_END = "endRender";
     /** @event */
     static readonly EVENT_PREPARE_INDEX = "prepareIndex";
+    /**
+     * A list of async jobs which must be completed *before* rendering output.
+     * They will be called after {@link RendererEvent.BEGIN} has fired, but before any files have been written.
+     *
+     * This may be used by plugins to register work that must be done to prepare output files. For example: asynchronously
+     * transform markdown to HTML.
+     *
+     * Note: This array is cleared after calling the contained functions on each {@link Renderer.render} call.
+     */
+    preRenderAsyncJobs: Array<(output: RendererEvent) => Promise<void>>;
+    /**
+     * A list of async jobs which must be completed after rendering output files but before generation is considered successful.
+     * These functions will be called after all documents have been written to the filesystem.
+     *
+     * This may be used by plugins to register work that must be done to finalize output files. For example: asynchronously
+     * generating an image referenced in a render hook.
+     *
+     * Note: This array is cleared after calling the contained functions on each {@link Renderer.render} call.
+     */
+    postRenderAsyncJobs: Array<(output: RendererEvent) => Promise<void>>;
     /**
      * The theme that is used to render the documentation.
      */
@@ -122,20 +143,6 @@ export declare class Renderer extends ChildableComponent<Application, RendererCo
      * @param theme
      */
     defineTheme(name: string, theme: new (renderer: Renderer) => Theme): void;
-    /**
-     * Adds a new resolver that the theme can use to try to figure out how to link to a symbol
-     * declared by a third-party library which is not included in the documentation.
-     * @param packageName the npm package name that this resolver can handle to limit which files it will be tried on.
-     *   If the resolver will create links for Node builtin types, it should be set to `@types/node`.
-     *   Links for builtin types live in the default lib files under `typescript`.
-     * @param resolver a function that will be called to create links for a given symbol name in the registered path.
-     *  If the provided name is not contained within the docs, should return `undefined`.
-     * @since 0.22.0
-     * @deprecated
-     * Deprecated since v0.23.14, use {@link Converter.addUnknownSymbolResolver | Converter.addUnknownSymbolResolver} instead.
-     * This signature will be removed in 0.24 or possibly 0.25.
-     */
-    addUnknownSymbolResolver(packageName: string, resolver: (name: string) => string | undefined): void;
     /**
      * Render the given project reflection to the specified output directory.
      *

package/dist/lib/output/renderer.js

@@ -88,6 +88,26 @@ let Renderer = class Renderer extends component_1.ChildableComponent {
         this.themes = new Map([
             ["default", DefaultTheme_1.DefaultTheme],
         ]);
+        /**
+         * A list of async jobs which must be completed *before* rendering output.
+         * They will be called after {@link RendererEvent.BEGIN} has fired, but before any files have been written.
+         *
+         * This may be used by plugins to register work that must be done to prepare output files. For example: asynchronously
+         * transform markdown to HTML.
+         *
+         * Note: This array is cleared after calling the contained functions on each {@link Renderer.render} call.
+         */
+        this.preRenderAsyncJobs = [];
+        /**
+         * A list of async jobs which must be completed after rendering output files but before generation is considered successful.
+         * These functions will be called after all documents have been written to the filesystem.
+         *
+         * This may be used by plugins to register work that must be done to finalize output files. For example: asynchronously
+         * generating an image referenced in a render hook.
+         *
+         * Note: This array is cleared after calling the contained functions on each {@link Renderer.render} call.
+         */
+        this.postRenderAsyncJobs = [];
         /**
          * Hooks which will be called when rendering pages.
          * Note:
@@ -111,29 +131,6 @@ let Renderer = class Renderer extends component_1.ChildableComponent {
         }
         this.themes.set(name, theme);
     }
-    /**
-     * Adds a new resolver that the theme can use to try to figure out how to link to a symbol
-     * declared by a third-party library which is not included in the documentation.
-     * @param packageName the npm package name that this resolver can handle to limit which files it will be tried on.
-     *   If the resolver will create links for Node builtin types, it should be set to `@types/node`.
-     *   Links for builtin types live in the default lib files under `typescript`.
-     * @param resolver a function that will be called to create links for a given symbol name in the registered path.
-     *  If the provided name is not contained within the docs, should return `undefined`.
-     * @since 0.22.0
-     * @deprecated
-     * Deprecated since v0.23.14, use {@link Converter.addUnknownSymbolResolver | Converter.addUnknownSymbolResolver} instead.
-     * This signature will be removed in 0.24 or possibly 0.25.
-     */
-    addUnknownSymbolResolver(packageName, resolver) {
-        this.owner.converter.addUnknownSymbolResolver((ref) => {
-            const path = ref.symbolReference?.path
-                ?.map((path) => path.path)
-                .join(".");
-            if (ref.moduleSource === packageName && path) {
-                return resolver(path);
-            }
-        });
-    }
     /**
      * Render the given project reflection to the specified output directory.
      *
@@ -152,12 +149,17 @@ let Renderer = class Renderer extends component_1.ChildableComponent {
         const output = new events_1.RendererEvent(events_1.RendererEvent.BEGIN, outputDirectory, project);
         output.urls = this.theme.getUrls(project);
         this.trigger(output);
+        await Promise.all(this.preRenderAsyncJobs.map((job) => job(output)));
+        this.preRenderAsyncJobs = [];
         if (!output.isDefaultPrevented) {
+            this.application.logger.verbose(`There are ${output.urls.length} pages to write.`);
             output.urls.forEach((mapping) => {
                 (0, icon_1.clearSeenIconCache)();
                 this.renderDocument(output.createPageEvent(mapping));
                 (0, type_1.validateStateIsClean)(mapping.url);
             });
+            await Promise.all(this.postRenderAsyncJobs.map((job) => job(output)));
+            this.postRenderAsyncJobs = [];
             this.trigger(events_1.RendererEvent.END, output);
         }
         this.theme = void 0;
@@ -192,9 +194,7 @@ let Renderer = class Renderer extends component_1.ChildableComponent {
         }
         catch (error) {
             this.application.logger.error(`Could not write ${page.filename}`);
-            return false;
         }
-        return true;
     }
     /**
      * Ensure that a theme has been setup.

package/dist/lib/output/themes/MarkedPlugin.js

@@ -102,7 +102,7 @@ output file :
         if (this.includes) {
             text = text.replace(this.includePattern, (_match, path) => {
                 path = Path.join(this.includes, path.trim());
-                if (fs.existsSync(path) && fs.statSync(path).isFile()) {
+                if ((0, utils_1.isFile)(path)) {
                     const contents = (0, utils_1.readFile)(path);
                     return contents;
                 }
@@ -115,8 +115,7 @@ output file :
         if (this.mediaDirectory) {
             text = text.replace(this.mediaPattern, (match, path) => {
                 const fileName = Path.join(this.mediaDirectory, path);
-                if (fs.existsSync(fileName) &&
-                    fs.statSync(fileName).isFile()) {
+                if ((0, utils_1.isFile)(fileName)) {
                     return this.getRelativeUrl("media") + "/" + path;
                 }
                 else {

package/dist/lib/output/themes/default/DefaultTheme.d.ts

@@ -2,7 +2,7 @@ import { Theme } from "../../theme";
 import type { Renderer } from "../../renderer";
 import { Reflection, ProjectReflection, ContainerReflection, DeclarationReflection } from "../../../models";
 import { UrlMapping } from "../../models/UrlMapping";
-import { PageEvent } from "../../events";
+import type { PageEvent } from "../../events";
 import type { MarkedPlugin } from "../../plugins";
 import { DefaultThemeRenderContext } from "./DefaultThemeRenderContext";
 import { JSX } from "../../../utils";
@@ -14,7 +14,7 @@ export declare class DefaultTheme extends Theme {
     /** @internal */
     markedPlugin: MarkedPlugin;
     private _renderContext?;
-    getRenderContext(_pageEvent: PageEvent<any>): DefaultThemeRenderContext;
+    getRenderContext(): DefaultThemeRenderContext;
     reflectionTemplate: (pageEvent: PageEvent<ContainerReflection>) => JSX.Element;
     indexTemplate: (pageEvent: PageEvent<ProjectReflection>) => JSX.Element;
     defaultLayoutTemplate: (pageEvent: PageEvent<Reflection>) => JSX.Element;
@@ -38,12 +38,6 @@ export declare class DefaultTheme extends Theme {
      *                 should be rendered to which files.
      */
     getUrls(project: ProjectReflection): UrlMapping[];
-    /**
-     * Triggered before the renderer starts rendering a project.
-     *
-     * @param event  An event object describing the current render operation.
-     */
-    private onRendererBegin;
     /**
      * Return a url for the given reflection.
      *
@@ -76,16 +70,4 @@ export declare class DefaultTheme extends Theme {
      * @param container   The nearest reflection having an own document.
      */
     static applyAnchorUrl(reflection: Reflection, container: Reflection): void;
-    /**
-     * Generate the css classes for the given reflection and apply them to the
-     * {@link DeclarationReflection.cssClasses} property.
-     *
-     * @param reflection  The reflection whose cssClasses property should be generated.
-     */
-    static applyReflectionClasses(reflection: DeclarationReflection, filters: Record<string, boolean>): void;
-    /**
-     * Transform a space separated string into a string suitable to be used as a
-     * css class, e.g. "constructor method" > "constructor-method".
-     */
-    static toStyleClass(str: string): string;
 }

package/dist/lib/output/themes/default/DefaultTheme.js

@@ -4,7 +4,6 @@ exports.DefaultTheme = void 0;
 const theme_1 = require("../../theme");
 const models_1 = require("../../../models");
 const UrlMapping_1 = require("../../models/UrlMapping");
-const events_1 = require("../../events");
 const DefaultThemeRenderContext_1 = require("./DefaultThemeRenderContext");
 const utils_1 = require("../../../utils");
 /**
@@ -12,7 +11,7 @@ const utils_1 = require("../../../utils");
  * {@link Theme} implementation, this theme class will be used.
  */
 class DefaultTheme extends theme_1.Theme {
-    getRenderContext(_pageEvent) {
+    getRenderContext() {
         if (!this._renderContext) {
             this._renderContext = new DefaultThemeRenderContext_1.DefaultThemeRenderContext(this, this.application.options);
         }
@@ -27,13 +26,13 @@ class DefaultTheme extends theme_1.Theme {
     constructor(renderer) {
         super(renderer);
         this.reflectionTemplate = (pageEvent) => {
-            return this.getRenderContext(pageEvent).reflectionTemplate(pageEvent);
+            return this.getRenderContext().reflectionTemplate(pageEvent);
         };
         this.indexTemplate = (pageEvent) => {
-            return this.getRenderContext(pageEvent).indexTemplate(pageEvent);
+            return this.getRenderContext().indexTemplate(pageEvent);
         };
         this.defaultLayoutTemplate = (pageEvent) => {
-            return this.getRenderContext(pageEvent).defaultLayout(pageEvent);
+            return this.getRenderContext().defaultLayout(pageEvent);
         };
         /**
          * Mappings of reflections kinds to templates used by this theme.
@@ -76,7 +75,6 @@ class DefaultTheme extends theme_1.Theme {
             },
         ];
         this.markedPlugin = renderer.getComponent("marked");
-        this.listenTo(renderer, events_1.RendererEvent.BEGIN, this.onRendererBegin, 1024);
     }
     /**
      * Map the models of the given project to the desired output files.
@@ -103,19 +101,6 @@ class DefaultTheme extends theme_1.Theme {
         });
         return urls;
     }
-    /**
-     * Triggered before the renderer starts rendering a project.
-     *
-     * @param event  An event object describing the current render operation.
-     */
-    onRendererBegin(event) {
-        const filters = this.application.options.getValue("visibilityFilters");
-        for (const reflection of Object.values(event.project.reflections)) {
-            if (reflection instanceof models_1.DeclarationReflection) {
-                DefaultTheme.applyReflectionClasses(reflection, filters);
-            }
-        }
-    }
     /**
      * Return a url for the given reflection.
      *
@@ -196,62 +181,6 @@ class DefaultTheme extends theme_1.Theme {
             return true;
         });
     }
-    /**
-     * Generate the css classes for the given reflection and apply them to the
-     * {@link DeclarationReflection.cssClasses} property.
-     *
-     * @param reflection  The reflection whose cssClasses property should be generated.
-     */
-    static applyReflectionClasses(reflection, filters) {
-        const classes = [];
-        classes.push(DefaultTheme.toStyleClass("tsd-kind-" + models_1.ReflectionKind[reflection.kind]));
-        if (reflection.parent && reflection.parent instanceof models_1.DeclarationReflection) {
-            classes.push(DefaultTheme.toStyleClass(`tsd-parent-kind-${models_1.ReflectionKind[reflection.parent.kind]}`));
-        }
-        // Filter classes should match up with the settings function in
-        // partials/navigation.tsx.
-        for (const key of Object.keys(filters)) {
-            if (key === "inherited") {
-                if (reflection.inheritedFrom) {
-                    classes.push("tsd-is-inherited");
-                }
-            }
-            else if (key === "protected") {
-                if (reflection.flags.isProtected) {
-                    classes.push("tsd-is-protected");
-                }
-            }
-            else if (key === "private") {
-                if (reflection.flags.isPrivate) {
-                    classes.push("tsd-is-private");
-                }
-            }
-            else if (key === "external") {
-                if (reflection.flags.isExternal) {
-                    classes.push("tsd-is-external");
-                }
-            }
-            else if (key.startsWith("@")) {
-                if (key === "@deprecated") {
-                    if (reflection.isDeprecated()) {
-                        classes.push(DefaultTheme.toStyleClass(`tsd-is-${key.substring(1)}`));
-                    }
-                }
-                else if (reflection.comment?.hasModifier(key) ||
-                    reflection.comment?.getTag(key)) {
-                    classes.push(DefaultTheme.toStyleClass(`tsd-is-${key.substring(1)}`));
-                }
-            }
-        }
-        reflection.cssClasses = classes.join(" ");
-    }
-    /**
-     * Transform a space separated string into a string suitable to be used as a
-     * css class, e.g. "constructor method" > "constructor-method".
-     */
-    static toStyleClass(str) {
-        return str.replace(/(\w)([A-Z])/g, (_m, m1, m2) => m1 + "-" + m2).toLowerCase();
-    }
 }
 exports.DefaultTheme = DefaultTheme;
 DefaultTheme.URL_PREFIX = /^(http|ftp)s?:\/\//;

package/dist/lib/output/themes/default/DefaultThemeRenderContext.d.ts

@@ -1,12 +1,12 @@
 import type { RendererHooks } from "../..";
-import type { CommentDisplayPart, ReferenceType, Reflection } from "../../../models";
+import { CommentDisplayPart, DeclarationReflection, ReferenceType, Reflection, ReflectionKind } from "../../../models";
 import type { NeverIfInternal, Options } from "../../../utils";
 import type { DefaultTheme } from "./DefaultTheme";
 export declare class DefaultThemeRenderContext {
     private theme;
     options: Options;
     constructor(theme: DefaultTheme, options: Options);
-    icons: Record<"anchor" | import("../../../models").ReflectionKind | "search" | "checkbox" | "chevronDown" | "menu" | "chevronSmall", () => import("../../../utils/jsx.elements").JsxElement>;
+    icons: Record<"search" | "anchor" | ReflectionKind | "checkbox" | "chevronDown" | "menu" | "chevronSmall", () => import("../../../utils/jsx.elements").JsxElement>;
     hook: (name: keyof RendererHooks) => import("../../../utils/jsx.elements").JsxElement[];
     /** Avoid this in favor of urlTo if possible */
     relativeURL: (url: string | undefined) => string | undefined;
@@ -18,6 +18,7 @@ export declare class DefaultThemeRenderContext {
      * Will be removed in 0.24.
      */
     attemptExternalResolution: (type: NeverIfInternal<ReferenceType>) => string | undefined;
+    getReflectionClasses: (reflection: DeclarationReflection) => string;
     reflectionTemplate: (props: import("../..").PageEvent<import("../../../models").ContainerReflection>) => import("../../../utils/jsx.elements").JsxElement;
     indexTemplate: (props: import("../..").PageEvent<import("../../../models").ProjectReflection>) => import("../../../utils/jsx.elements").JsxElement;
     defaultLayout: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
@@ -28,9 +29,9 @@ export declare class DefaultThemeRenderContext {
     header: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     hierarchy: (props: import("../../../models").DeclarationHierarchy | undefined) => import("../../../utils/jsx.elements").JsxElement | undefined;
     index: (props: import("../../../models").ContainerReflection) => import("../../../utils/jsx.elements").JsxElement;
-    member: (props: import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
-    memberDeclaration: (props: import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
-    memberGetterSetter: (props: import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    member: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    memberDeclaration: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    memberGetterSetter: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
     memberReference: (props: import("../../../models").ReferenceReflection) => import("../../../utils/jsx.elements").JsxElement;
     memberSignatureBody: (r_0: import("../../../models").SignatureReflection, r_1?: {
         hideSources?: boolean | undefined;
@@ -39,8 +40,8 @@ export declare class DefaultThemeRenderContext {
         hideName?: boolean | undefined;
         arrowStyle?: boolean | undefined;
     } | undefined) => import("../../../utils/jsx.elements").JsxElement;
-    memberSignatures: (props: import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
-    memberSources: (props: import("../../../models").SignatureReflection | import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    memberSignatures: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    memberSources: (props: import("../../../models").SignatureReflection | DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
     members: (props: import("../../../models").ContainerReflection) => import("../../../utils/jsx.elements").JsxElement;
     membersGroup: (group: import("../../../models").ReflectionGroup) => import("../../../utils/jsx.elements").JsxElement;
     navigation: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
@@ -48,7 +49,7 @@ export declare class DefaultThemeRenderContext {
     settings: () => import("../../../utils/jsx.elements").JsxElement;
     primaryNavigation: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     secondaryNavigation: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement | undefined;
-    parameter: (props: import("../../../models").DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
+    parameter: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
     toolbar: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     type: (type: import("../../../models").Type | undefined) => import("../../../utils/jsx.elements").JsxElement;
     typeAndParent: (props: import("../../../models").Type) => import("../../../utils/jsx.elements").JsxElement;

package/dist/lib/output/themes/default/DefaultThemeRenderContext.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultThemeRenderContext = void 0;
+const models_1 = require("../../../models");
 const lib_1 = require("../lib");
 const default_1 = require("./layouts/default");
 const partials_1 = require("./partials");
@@ -56,6 +57,10 @@ class DefaultThemeRenderContext {
         this.attemptExternalResolution = (type) => {
             return type.externalUrl;
         };
+        this.getReflectionClasses = (reflection) => {
+            const filters = this.options.getValue("visibilityFilters");
+            return getReflectionClasses(reflection, filters);
+        };
         this.reflectionTemplate = bind(reflection_1.reflectionTemplate, this);
         this.indexTemplate = bind(templates_1.indexTemplate, this);
         this.defaultLayout = bind(default_1.defaultLayout, this);
@@ -90,3 +95,52 @@ class DefaultThemeRenderContext {
     }
 }
 exports.DefaultThemeRenderContext = DefaultThemeRenderContext;
+function getReflectionClasses(reflection, filters) {
+    const classes = [];
+    classes.push(toStyleClass("tsd-kind-" + models_1.ReflectionKind[reflection.kind]));
+    if (reflection.parent &&
+        reflection.parent instanceof models_1.DeclarationReflection) {
+        classes.push(toStyleClass(`tsd-parent-kind-${models_1.ReflectionKind[reflection.parent.kind]}`));
+    }
+    // Filter classes should match up with the settings function in
+    // partials/navigation.tsx.
+    for (const key of Object.keys(filters)) {
+        if (key === "inherited") {
+            if (reflection.inheritedFrom) {
+                classes.push("tsd-is-inherited");
+            }
+        }
+        else if (key === "protected") {
+            if (reflection.flags.isProtected) {
+                classes.push("tsd-is-protected");
+            }
+        }
+        else if (key === "private") {
+            if (reflection.flags.isPrivate) {
+                classes.push("tsd-is-private");
+            }
+        }
+        else if (key === "external") {
+            if (reflection.flags.isExternal) {
+                classes.push("tsd-is-external");
+            }
+        }
+        else if (key.startsWith("@")) {
+            if (key === "@deprecated") {
+                if (reflection.isDeprecated()) {
+                    classes.push(toStyleClass(`tsd-is-${key.substring(1)}`));
+                }
+            }
+            else if (reflection.comment?.hasModifier(key) ||
+                reflection.comment?.getTag(key)) {
+                classes.push(toStyleClass(`tsd-is-${key.substring(1)}`));
+            }
+        }
+    }
+    return classes.join(" ");
+}
+function toStyleClass(str) {
+    return str
+        .replace(/(\w)([A-Z])/g, (_m, m1, m2) => m1 + "-" + m2)
+        .toLowerCase();
+}

package/dist/lib/output/themes/default/partials/header.js

@@ -9,11 +9,8 @@ const header = (context, props) => {
     return (utils_1.JSX.createElement("div", { class: "tsd-page-title" },
         !!props.model.parent && utils_1.JSX.createElement("ul", { class: "tsd-breadcrumb" }, context.breadcrumb(props.model)),
         utils_1.JSX.createElement(HeadingLevel, null,
-            props.model.kind !== models_1.ReflectionKind.Project && `${props.model.kindString ?? ""} `,
-            props.model.name,
-            props.model instanceof models_1.DeclarationReflection &&
-                props.model.version !== undefined &&
-                ` - v${props.model.version}`,
+            props.model.kind !== models_1.ReflectionKind.Project && `${models_1.ReflectionKind.singularString(props.model.kind)} `,
+            (0, lib_1.getDisplayName)(context, props.model),
             (0, lib_1.hasTypeParameters)(props.model) && (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
                 "<",
                 (0, lib_1.join)(", ", props.model.typeParameters, (item) => item.name),

package/dist/lib/output/themes/default/partials/index.js

@@ -4,11 +4,11 @@ exports.index = void 0;
 const lib_1 = require("../../lib");
 const utils_1 = require("../../../../utils");
 const models_1 = require("../../../../models");
-function renderCategory({ urlTo, icons }, item, prependName = "") {
+function renderCategory({ urlTo, icons, getReflectionClasses }, item, prependName = "") {
     return (utils_1.JSX.createElement("section", { class: "tsd-index-section" },
         utils_1.JSX.createElement("h3", { class: "tsd-index-heading" }, prependName ? `${prependName} - ${item.title}` : item.title),
         utils_1.JSX.createElement("div", { class: "tsd-index-list" }, item.children.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-            utils_1.JSX.createElement("a", { href: urlTo(item), class: (0, lib_1.classNames)({ "tsd-index-link": true, deprecated: item.isDeprecated() }, item.cssClasses) },
+            utils_1.JSX.createElement("a", { href: urlTo(item), class: (0, lib_1.classNames)({ "tsd-index-link": true, deprecated: item.isDeprecated() }, getReflectionClasses(item)) },
                 icons[item.kind](),
                 utils_1.JSX.createElement("span", null, (0, lib_1.renderName)(item))),
             "\n"))))));

package/dist/lib/output/themes/default/partials/member.getterSetter.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import { JSX } from "../../../../utils";
 import type { DeclarationReflection } from "../../../../models";
+import { JSX } from "../../../../utils";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
 export declare const memberGetterSetter: (context: DefaultThemeRenderContext, props: DeclarationReflection) => JSX.Element;

package/dist/lib/output/themes/default/partials/member.getterSetter.js

@@ -2,8 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.memberGetterSetter = void 0;
 const utils_1 = require("../../../../utils");
+const lib_1 = require("../../lib");
 const memberGetterSetter = (context, props) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-    utils_1.JSX.createElement("ul", { class: "tsd-signatures " + props.cssClasses },
+    utils_1.JSX.createElement("ul", { class: (0, lib_1.classNames)({
+            "tsd-signatures": true,
+        }, context.getReflectionClasses(props)) },
         !!props.getSignature && (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
             utils_1.JSX.createElement("li", { class: "tsd-signature", id: props.getSignature.anchor },
                 utils_1.JSX.createElement("span", { class: "tsd-signature-symbol" }, "get"),

package/dist/lib/output/themes/default/partials/member.js

@@ -5,7 +5,7 @@ const lib_1 = require("../../lib");
 const utils_1 = require("../../../../utils");
 const models_1 = require("../../../../models");
 const anchor_icon_1 = require("./anchor-icon");
-const member = (context, props) => (utils_1.JSX.createElement("section", { class: "tsd-panel tsd-member " + props.cssClasses },
+const member = (context, props) => (utils_1.JSX.createElement("section", { class: (0, lib_1.classNames)({ "tsd-panel": true, "tsd-member": true }, context.getReflectionClasses(props)) },
     utils_1.JSX.createElement("a", { id: props.anchor, class: "tsd-anchor" }),
     !!props.name && (utils_1.JSX.createElement("h3", { class: "tsd-anchor-link" },
         (0, lib_1.renderFlags)(props.flags, props.comment),

package/dist/lib/output/themes/default/partials/member.signatures.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.memberSignatures = void 0;
 const utils_1 = require("../../../../utils");
 const anchor_icon_1 = require("./anchor-icon");
+const lib_1 = require("../../lib");
 const memberSignatures = (context, props) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-    utils_1.JSX.createElement("ul", { class: "tsd-signatures " + props.cssClasses }, props.signatures?.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
+    utils_1.JSX.createElement("ul", { class: (0, lib_1.classNames)({ "tsd-signatures": true }, context.getReflectionClasses(props)) }, props.signatures?.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
         utils_1.JSX.createElement("li", { class: "tsd-signature tsd-anchor-link", id: item.anchor },
             context.memberSignatureTitle(item),
             (0, anchor_icon_1.anchorIcon)(context, item.anchor)),

package/dist/lib/output/themes/default/partials/members.d.ts

@@ -1,4 +1,4 @@
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
 import { JSX } from "../../../../utils";
-import type { ContainerReflection } from "../../../../models";
+import { ContainerReflection } from "../../../../models";
 export declare function members(context: DefaultThemeRenderContext, props: ContainerReflection): JSX.Element;

package/dist/lib/output/themes/default/partials/members.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.members = void 0;
 const utils_1 = require("../../../../utils");
+const models_1 = require("../../../../models");
+const lib_1 = require("../../lib");
 function members(context, props) {
     if (props.categories && props.categories.length) {
-        return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null, props.categories.map((item) => !item.allChildrenHaveOwnDocument() && (utils_1.JSX.createElement("section", { class: "tsd-panel-group tsd-member-group " + props.cssClasses },
+        return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null, props.categories.map((item) => !item.allChildrenHaveOwnDocument() && (utils_1.JSX.createElement("section", { class: (0, lib_1.classNames)({ "tsd-panel-group": true, "tsd-member-group": true }, props instanceof models_1.DeclarationReflection ? context.getReflectionClasses(props) : "") },
             utils_1.JSX.createElement("h2", null, item.title),
             item.children.map((item) => !item.hasOwnDocument && context.member(item)))))));
     }

package/dist/lib/output/themes/default/partials/navigation.js

@@ -90,8 +90,8 @@ function primaryNavigation(context, props) {
         if (childModules?.length) {
             childNav = utils_1.JSX.createElement("ul", null, childModules.map(link));
         }
-        return (utils_1.JSX.createElement("li", { class: (0, lib_1.classNames)({ current, selected, deprecated: mod.isDeprecated() }, mod.cssClasses) },
-            utils_1.JSX.createElement("a", { href: context.urlTo(mod) }, (0, lib_1.wbr)(`${mod.name}${mod.version !== undefined ? ` - v${mod.version}` : ""}`)),
+        return (utils_1.JSX.createElement("li", { class: (0, lib_1.classNames)({ current, selected, deprecated: mod.isDeprecated() }, context.getReflectionClasses(mod)) },
+            utils_1.JSX.createElement("a", { href: context.urlTo(mod) }, (0, lib_1.wbr)((0, lib_1.getDisplayName)(context, mod))),
             childNav));
     }
 }
@@ -108,7 +108,7 @@ function secondaryNavigation(context, props) {
     const pageNavigation = children
         .filter((child) => !child.kindOf(models_1.ReflectionKind.SomeModule))
         .map((child) => {
-        return (utils_1.JSX.createElement("li", { class: (0, lib_1.classNames)({ deprecated: child.isDeprecated(), current: props.model === child }, child.cssClasses) },
+        return (utils_1.JSX.createElement("li", { class: (0, lib_1.classNames)({ deprecated: child.isDeprecated(), current: props.model === child }, context.getReflectionClasses(child)) },
             utils_1.JSX.createElement("a", { href: context.urlTo(child), class: "tsd-index-link" },
                 context.icons[child.kind](),
                 (0, lib_1.renderName)(child))));
@@ -121,7 +121,9 @@ function secondaryNavigation(context, props) {
             utils_1.JSX.createElement("li", { class: (0, lib_1.classNames)({
                     deprecated: effectivePageParent.isDeprecated(),
                     current: effectivePageParent === props.model,
-                }, effectivePageParent.cssClasses) },
+                }, effectivePageParent instanceof models_1.DeclarationReflection
+                    ? context.getReflectionClasses(effectivePageParent)
+                    : "") },
                 utils_1.JSX.createElement("a", { href: context.urlTo(effectivePageParent), class: "tsd-index-link" },
                     context.icons[effectivePageParent.kind](),
                     utils_1.JSX.createElement("span", null, (0, lib_1.renderName)(effectivePageParent))),

package/dist/lib/output/themes/default/partials/parameter.js

@@ -7,7 +7,7 @@ const models_1 = require("../../../../models");
 const parameter = (context, props) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
     utils_1.JSX.createElement("ul", { class: "tsd-parameters" },
         !!props.signatures && (utils_1.JSX.createElement("li", { class: "tsd-parameter-signature" },
-            utils_1.JSX.createElement("ul", { class: "tsd-signatures " + props.cssClasses }, props.signatures.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
+            utils_1.JSX.createElement("ul", { class: (0, lib_1.classNames)({ "tsd-signatures": true }, context.getReflectionClasses(props)) }, props.signatures.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
                 utils_1.JSX.createElement("li", { class: "tsd-signature", id: item.anchor }, context.memberSignatureTitle(item, {
                     hideName: true,
                 })),