typedoc 0.24.0-beta.7 → 0.24.0-beta.8

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

@@ -1,6 +1,6 @@
 import type { Renderer } from "./renderer";
 import type { ProjectReflection } from "../models/reflections/project";
-import type { UrlMapping } from "./models/UrlMapping";
+import type { RenderTemplate, UrlMapping } from "./models/UrlMapping";
 import { RendererComponent } from "./components";
 import type { PageEvent } from "./events";
 import type { Reflection } from "../models";
@@ -39,5 +39,5 @@ export declare abstract class Theme extends RendererComponent {
     /**
      * Renders the provided page to a string, which will be written to disk by the {@link Renderer}
      */
-    abstract render(page: PageEvent<Reflection>): string;
+    abstract render(page: PageEvent<Reflection>, template: RenderTemplate<PageEvent<Reflection>>): string;
 }

package/dist/lib/output/themes/MarkedPlugin.d.ts

@@ -1,5 +1,5 @@
 import { ContextAwareRendererComponent } from "../components";
-import { RendererEvent, MarkdownEvent } from "../events";
+import { RendererEvent, MarkdownEvent, PageEvent } from "../events";
 import type { Theme } from "shiki";
 /**
  * Implements markdown and relativeURL helpers for templates.
@@ -46,7 +46,7 @@ export declare class MarkedPlugin extends ContextAwareRendererComponent {
      * @param text  The markdown string that should be parsed.
      * @returns The resulting html string.
      */
-    parseMarkdown(text: string): string;
+    parseMarkdown(text: string, page: PageEvent<any>): string;
     /**
      * Triggered before the renderer starts rendering a project.
      *

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

@@ -37,15 +37,6 @@ const components_1 = require("../components");
 const events_1 = require("../events");
 const utils_1 = require("../../utils");
 const highlighter_1 = require("../../utils/highlighter");
-const customMarkedRenderer = new Marked.Renderer();
-customMarkedRenderer.heading = (text, level, _, slugger) => {
-    const slug = slugger.slug(text);
-    return `
-<a href="#${slug}" id="${slug}" style="color: inherit; text-decoration: none;">
-  <h${level}>${text}</h${level}>
-</a>
-`;
-};
 /**
  * Implements markdown and relativeURL helpers for templates.
  * @internal
@@ -98,7 +89,7 @@ output file :
      * @param text  The markdown string that should be parsed.
      * @returns The resulting html string.
      */
-    parseMarkdown(text) {
+    parseMarkdown(text, page) {
         if (this.includes) {
             text = text.replace(this.includePattern, (_match, path) => {
                 path = Path.join(this.includes, path.trim());
@@ -124,7 +115,7 @@ output file :
                 }
             });
         }
-        const event = new events_1.MarkdownEvent(events_1.MarkdownEvent.PARSE, text, text);
+        const event = new events_1.MarkdownEvent(events_1.MarkdownEvent.PARSE, page, text, text);
         this.owner.trigger(event);
         return event.parsedText;
     }
@@ -169,7 +160,19 @@ output file :
         const markedOptions = (this.application.options.getValue("markedOptions") ?? {});
         // Set some default values if they are not specified via the TypeDoc option
         markedOptions.highlight ?? (markedOptions.highlight = (text, lang) => this.getHighlighted(text, lang));
-        markedOptions.renderer ?? (markedOptions.renderer = customMarkedRenderer);
+        if (!markedOptions.renderer) {
+            markedOptions.renderer = new Marked.Renderer();
+            markedOptions.renderer.heading = (text, level, _, slugger) => {
+                const slug = slugger.slug(text);
+                // Prefix the slug with an extra `$` to prevent conflicts with TypeDoc's anchors.
+                this.page.pageHeadings.push({
+                    link: `#$${slug}`,
+                    text,
+                    level,
+                });
+                return `<a id="$${slug}" class="tsd-anchor"></a><h${level}><a href="#$${slug}" style="color:inherit;text-decoration:none">${text}</a></h${level}>`;
+            };
+        }
         markedOptions.mangle ?? (markedOptions.mangle = false); // See https://github.com/TypeStrong/typedoc/issues/1395
         return markedOptions;
     }

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

@@ -1,7 +1,7 @@
 import { Theme } from "../../theme";
 import type { Renderer } from "../../renderer";
 import { Reflection, ProjectReflection, ContainerReflection, DeclarationReflection } from "../../../models";
-import { UrlMapping } from "../../models/UrlMapping";
+import { RenderTemplate, UrlMapping } from "../../models/UrlMapping";
 import type { PageEvent } from "../../events";
 import type { MarkedPlugin } from "../../plugins";
 import { DefaultThemeRenderContext } from "./DefaultThemeRenderContext";
@@ -13,11 +13,11 @@ import { JSX } from "../../../utils";
 export declare class DefaultTheme extends Theme {
     /** @internal */
     markedPlugin: MarkedPlugin;
-    private _renderContext?;
-    getRenderContext(): DefaultThemeRenderContext;
+    getRenderContext(pageEvent: PageEvent<Reflection>): DefaultThemeRenderContext;
     reflectionTemplate: (pageEvent: PageEvent<ContainerReflection>) => JSX.Element;
     indexTemplate: (pageEvent: PageEvent<ProjectReflection>) => JSX.Element;
-    defaultLayoutTemplate: (pageEvent: PageEvent<Reflection>) => JSX.Element;
+    defaultLayoutTemplate: (pageEvent: PageEvent<Reflection>, template: RenderTemplate<PageEvent<Reflection>>) => JSX.Element;
+    getReflectionClasses(reflection: DeclarationReflection): string;
     /**
      * Mappings of reflections kinds to templates used by this theme.
      */
@@ -62,7 +62,7 @@ export declare class DefaultTheme extends Theme {
      * @returns           The altered urls array.
      */
     buildUrls(reflection: DeclarationReflection, urls: UrlMapping[]): UrlMapping[];
-    render(page: PageEvent<Reflection>): string;
+    render(page: PageEvent<Reflection>, template: RenderTemplate<PageEvent<Reflection>>): string;
     /**
      * Generate an anchor url for the given reflection and all of its children.
      *

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

@@ -11,11 +11,12 @@ const utils_1 = require("../../../utils");
  * {@link Theme} implementation, this theme class will be used.
  */
 class DefaultTheme extends theme_1.Theme {
-    getRenderContext() {
-        if (!this._renderContext) {
-            this._renderContext = new DefaultThemeRenderContext_1.DefaultThemeRenderContext(this, this.application.options);
-        }
-        return this._renderContext;
+    getRenderContext(pageEvent) {
+        return new DefaultThemeRenderContext_1.DefaultThemeRenderContext(this, pageEvent, this.application.options);
+    }
+    getReflectionClasses(reflection) {
+        const filters = this.application.options.getValue("visibilityFilters");
+        return getReflectionClasses(reflection, filters);
     }
     /**
      * Create a new DefaultTheme instance.
@@ -26,13 +27,13 @@ class DefaultTheme extends theme_1.Theme {
     constructor(renderer) {
         super(renderer);
         this.reflectionTemplate = (pageEvent) => {
-            return this.getRenderContext().reflectionTemplate(pageEvent);
+            return this.getRenderContext(pageEvent).reflectionTemplate(pageEvent);
         };
         this.indexTemplate = (pageEvent) => {
-            return this.getRenderContext().indexTemplate(pageEvent);
+            return this.getRenderContext(pageEvent).indexTemplate(pageEvent);
         };
-        this.defaultLayoutTemplate = (pageEvent) => {
-            return this.getRenderContext().defaultLayout(pageEvent);
+        this.defaultLayoutTemplate = (pageEvent, template) => {
+            return this.getRenderContext(pageEvent).defaultLayout(template, pageEvent);
         };
         /**
          * Mappings of reflections kinds to templates used by this theme.
@@ -162,8 +163,8 @@ class DefaultTheme extends theme_1.Theme {
         }
         return urls;
     }
-    render(page) {
-        const templateOutput = this.defaultLayoutTemplate(page);
+    render(page, template) {
+        const templateOutput = this.defaultLayoutTemplate(page, template);
         return "<!DOCTYPE html>" + utils_1.JSX.renderElement(templateOutput);
     }
     /**
@@ -193,3 +194,49 @@ exports.DefaultTheme = DefaultTheme;
 function hasReadme(readme) {
     return !readme.endsWith("none");
 }
+function toStyleClass(str) {
+    return str.replace(/(\w)([A-Z])/g, (_m, m1, m2) => m1 + "-" + m2).toLowerCase();
+}
+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(" ");
+}

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

@@ -1,12 +1,13 @@
-import type { RendererHooks } from "../..";
-import { CommentDisplayPart, DeclarationReflection, ReferenceType, Reflection, ReflectionKind } from "../../../models";
+import type { PageEvent, RendererHooks } from "../..";
+import { CommentDisplayPart, DeclarationReflection, ReferenceType, Reflection } from "../../../models";
 import type { NeverIfInternal, Options } from "../../../utils";
 import type { DefaultTheme } from "./DefaultTheme";
 export declare class DefaultThemeRenderContext {
     private theme;
+    page: PageEvent<Reflection>;
     options: Options;
-    constructor(theme: DefaultTheme, options: Options);
-    icons: Record<"search" | "anchor" | ReflectionKind | "checkbox" | "chevronDown" | "menu" | "chevronSmall", () => import("../../../utils/jsx.elements").JsxElement>;
+    constructor(theme: DefaultTheme, page: PageEvent<Reflection>, options: Options);
+    icons: Record<"search" | "anchor" | import("../../../models").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, cacheBust?: boolean) => string;
@@ -18,15 +19,15 @@ 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;
+    getReflectionClasses: (refl: DeclarationReflection) => string;
+    reflectionTemplate: (props: PageEvent<import("../../../models").ContainerReflection>) => import("../../../utils/jsx.elements").JsxElement;
+    indexTemplate: (props: PageEvent<import("../../../models").ProjectReflection>) => import("../../../utils/jsx.elements").JsxElement;
+    defaultLayout: (template: import("../..").RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     analytics: () => import("../../../utils/jsx.elements").JsxElement | undefined;
     breadcrumb: (props: Reflection) => import("../../../utils/jsx.elements").JsxElement | undefined;
     comment: (props: Reflection) => import("../../../utils/jsx.elements").JsxElement | undefined;
     footer: () => import("../../../utils/jsx.elements").JsxElement | undefined;
-    header: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
+    header: (props: 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: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
@@ -44,13 +45,14 @@ export declare class DefaultThemeRenderContext {
     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;
+    sidebar: (props: PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
+    pageSidebar: (props: PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     sidebarLinks: () => import("../../../utils/jsx.elements").JsxElement | null;
     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;
+    navigation: (props: PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
+    pageNavigation: (props: PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
     parameter: (props: DeclarationReflection) => import("../../../utils/jsx.elements").JsxElement;
-    toolbar: (props: import("../..").PageEvent<Reflection>) => import("../../../utils/jsx.elements").JsxElement;
+    toolbar: (props: 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;
     typeParameters: (typeParameters: import("../../../models").TypeParameterReflection[]) => import("../../../utils/jsx.elements").JsxElement;

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

@@ -33,8 +33,9 @@ function bind(fn, first) {
     return (...r) => fn(first, ...r);
 }
 class DefaultThemeRenderContext {
-    constructor(theme, options) {
+    constructor(theme, page, options) {
         this.theme = theme;
+        this.page = page;
         this.icons = icon_1.icons;
         this.hook = (name) => this.theme.owner.hooks.emit(name, this);
         /** Avoid this in favor of urlTo if possible */
@@ -50,9 +51,9 @@ class DefaultThemeRenderContext {
         };
         this.markdown = (md) => {
             if (md instanceof Array) {
-                return this.theme.markedPlugin.parseMarkdown(models_1.Comment.displayPartsToMarkdown(md, this.urlTo));
+                return this.theme.markedPlugin.parseMarkdown(models_1.Comment.displayPartsToMarkdown(md, this.urlTo), this.page);
             }
-            return md ? this.theme.markedPlugin.parseMarkdown(md) : "";
+            return md ? this.theme.markedPlugin.parseMarkdown(md, this.page) : "";
         };
         /**
          * Using this method will repeat work already done, instead of calling it, use `type.externalUrl`.
@@ -62,10 +63,7 @@ class DefaultThemeRenderContext {
         this.attemptExternalResolution = (type) => {
             return type.externalUrl;
         };
-        this.getReflectionClasses = (reflection) => {
-            const filters = this.options.getValue("visibilityFilters");
-            return getReflectionClasses(reflection, filters);
-        };
+        this.getReflectionClasses = (refl) => this.theme.getReflectionClasses(refl);
         this.reflectionTemplate = bind(reflection_1.reflectionTemplate, this);
         this.indexTemplate = bind(templates_1.indexTemplate, this);
         this.defaultLayout = bind(default_1.defaultLayout, this);
@@ -86,11 +84,12 @@ class DefaultThemeRenderContext {
         this.memberSources = bind(member_sources_1.memberSources, this);
         this.members = bind(members_1.members, this);
         this.membersGroup = bind(members_group_1.membersGroup, this);
-        this.navigation = bind(navigation_1.navigation, this);
+        this.sidebar = bind(navigation_1.sidebar, this);
+        this.pageSidebar = bind(navigation_1.pageSidebar, this);
         this.sidebarLinks = bind(navigation_1.sidebarLinks, this);
         this.settings = bind(navigation_1.settings, this);
-        this.primaryNavigation = bind(navigation_1.primaryNavigation, this);
-        this.secondaryNavigation = bind(navigation_1.secondaryNavigation, this);
+        this.navigation = bind(navigation_1.navigation, this);
+        this.pageNavigation = bind(navigation_1.pageNavigation, this);
         this.parameter = bind(parameter_1.parameter, this);
         this.toolbar = bind(toolbar_1.toolbar, this);
         this.type = bind(type_1.type, this);
@@ -100,52 +99,3 @@ 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/layouts/default.d.ts

@@ -1,5 +1,6 @@
+import type { RenderTemplate } from "../../..";
 import type { Reflection } from "../../../../models";
 import { JSX } from "../../../../utils";
 import type { PageEvent } from "../../../events";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-export declare const defaultLayout: (context: DefaultThemeRenderContext, props: PageEvent<Reflection>) => JSX.Element;
+export declare const defaultLayout: (context: DefaultThemeRenderContext, template: RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => JSX.Element;

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

@@ -2,19 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultLayout = void 0;
 const utils_1 = require("../../../../utils");
-const defaultLayout = (context, props) => (utils_1.JSX.createElement("html", { class: "default", lang: context.options.getValue("htmlLang") },
+const lib_1 = require("../../lib");
+const defaultLayout = (context, template, props) => (utils_1.JSX.createElement("html", { class: "default", lang: context.options.getValue("htmlLang") },
     utils_1.JSX.createElement("head", null,
         utils_1.JSX.createElement("meta", { charSet: "utf-8" }),
         context.hook("head.begin"),
         utils_1.JSX.createElement("meta", { "http-equiv": "x-ua-compatible", content: "IE=edge" }),
-        utils_1.JSX.createElement("title", null, props.model.name === props.project.name
-            ? props.project.name
-            : `${props.model.name} | ${props.project.name}`),
+        utils_1.JSX.createElement("title", null, props.model.isProject()
+            ? (0, lib_1.getDisplayName)(props.model)
+            : `${(0, lib_1.getDisplayName)(props.model)} | ${(0, lib_1.getDisplayName)(props.project)}`),
         utils_1.JSX.createElement("meta", { name: "description", content: "Documentation for " + props.project.name }),
         utils_1.JSX.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
         utils_1.JSX.createElement("link", { rel: "stylesheet", href: context.relativeURL("assets/style.css", true) }),
         utils_1.JSX.createElement("link", { rel: "stylesheet", href: context.relativeURL("assets/highlight.css", true) }),
         context.options.getValue("customCss") && (utils_1.JSX.createElement("link", { rel: "stylesheet", href: context.relativeURL("assets/custom.css", true) })),
+        utils_1.JSX.createElement("script", { defer: true, src: context.relativeURL("assets/main.js", true) }),
         utils_1.JSX.createElement("script", { async: true, src: context.relativeURL("assets/search.js", true), id: "search-script" }),
         context.hook("head.end")),
     utils_1.JSX.createElement("body", null,
@@ -23,18 +25,22 @@ const defaultLayout = (context, props) => (utils_1.JSX.createElement("html", { c
             utils_1.JSX.createElement(utils_1.Raw, { html: 'document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"' })),
         context.toolbar(props),
         utils_1.JSX.createElement("div", { class: "container container-main" },
-            utils_1.JSX.createElement("div", { class: "col-4 col-menu menu-sticky-wrap menu-highlight" },
-                context.hook("navigation.begin"),
-                context.navigation(props),
-                context.hook("navigation.end")),
-            utils_1.JSX.createElement("div", { class: "col-8 col-content" },
+            utils_1.JSX.createElement("div", { class: "col-content" },
                 context.hook("content.begin"),
                 context.header(props),
-                props.template(props),
-                context.hook("content.end"))),
+                template(props),
+                context.hook("content.end")),
+            utils_1.JSX.createElement("div", { class: "col-sidebar" },
+                utils_1.JSX.createElement("div", { class: "page-menu" },
+                    context.hook("pageSidebar.begin"),
+                    context.pageSidebar(props),
+                    context.hook("pageSidebar.end")),
+                utils_1.JSX.createElement("div", { class: "site-menu" },
+                    context.hook("sidebar.begin"),
+                    context.sidebar(props),
+                    context.hook("sidebar.end")))),
         context.footer(),
         utils_1.JSX.createElement("div", { class: "overlay" }),
-        utils_1.JSX.createElement("script", { src: context.relativeURL("assets/main.js", true) }),
         context.analytics(),
         context.hook("body.end"))));
 exports.defaultLayout = defaultLayout;

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

@@ -5,7 +5,7 @@ const utils_1 = require("../../../../utils");
 function footer(context) {
     const hideGenerator = context.options.getValue("hideGenerator");
     if (!hideGenerator)
-        return (utils_1.JSX.createElement("div", { class: "container tsd-generator" },
+        return (utils_1.JSX.createElement("div", { class: "tsd-generator" },
             utils_1.JSX.createElement("p", null,
                 "Generated using ",
                 utils_1.JSX.createElement("a", { href: "https://typedoc.org/", target: "_blank" }, "TypeDoc"))));

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

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

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

@@ -5,18 +5,26 @@ 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: (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),
-        utils_1.JSX.createElement("span", { class: (0, lib_1.classNames)({ deprecated: props.isDeprecated() }) }, (0, lib_1.wbr)(props.name)),
-        (0, anchor_icon_1.anchorIcon)(context, props.anchor))),
-    props.signatures
-        ? context.memberSignatures(props)
-        : props.hasGetterOrSetter()
-            ? context.memberGetterSetter(props)
-            : props instanceof models_1.ReferenceReflection
-                ? context.memberReference(props)
-                : context.memberDeclaration(props),
-    props.groups?.map((item) => item.children.map((item) => !item.hasOwnDocument && context.member(item)))));
+function member(context, props) {
+    context.page.pageHeadings.push({
+        link: `#${props.anchor}`,
+        text: (0, lib_1.getDisplayName)(props),
+        kind: props.kind,
+        classes: context.getReflectionClasses(props),
+    });
+    return (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),
+            utils_1.JSX.createElement("span", { class: (0, lib_1.classNames)({ deprecated: props.isDeprecated() }) }, (0, lib_1.wbr)(props.name)),
+            (0, anchor_icon_1.anchorIcon)(context, props.anchor))),
+        props.signatures
+            ? context.memberSignatures(props)
+            : props.hasGetterOrSetter()
+                ? context.memberGetterSetter(props)
+                : props instanceof models_1.ReferenceReflection
+                    ? context.memberReference(props)
+                    : context.memberDeclaration(props),
+        props.groups?.map((item) => item.children.map((item) => !item.hasOwnDocument && context.member(item)))));
+}
 exports.member = member;

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

@@ -6,10 +6,10 @@ function membersGroup(context, group) {
     if (group.categories) {
         return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null, group.categories.map((item) => (utils_1.JSX.createElement("section", { class: "tsd-panel-group tsd-member-group" },
             utils_1.JSX.createElement("h2", null,
+                group.title,
                 !!item.title && utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-                    item.title,
-                    " "),
-                group.title),
+                    " - ",
+                    item.title)),
             item.children.map((item) => !item.hasOwnDocument && context.member(item)))))));
     }
     return (utils_1.JSX.createElement("section", { class: "tsd-panel-group tsd-member-group" },

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

@@ -2,8 +2,9 @@ import { Reflection } from "../../../../models";
 import { JSX } from "../../../../utils";
 import type { PageEvent } from "../../../events";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-export declare function navigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;
+export declare function sidebar(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;
 export declare function sidebarLinks(context: DefaultThemeRenderContext): JSX.Element | null;
 export declare function settings(context: DefaultThemeRenderContext): JSX.Element;
-export declare function primaryNavigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;
-export declare function secondaryNavigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element | undefined;
+export declare function navigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;
+export declare function pageSidebar(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;
+export declare function pageNavigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>): JSX.Element;