typedoc 0.26.11 → 0.27.0-beta.1

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

@@ -0,0 +1,222 @@
+import { ReflectionKind, } from "../../../../models/index.js";
+import { JSX } from "../../../../utils/index.js";
+import { classNames, getKindClass } from "../../lib.js";
+const isUsefulVisitor = {
+    array(type) {
+        return renderingTypeDetailsIsUseful(type.elementType);
+    },
+    intersection(type) {
+        return type.types.some(renderingTypeDetailsIsUseful);
+    },
+    union(type) {
+        return !!type.elementSummaries || type.types.some(renderingTypeDetailsIsUseful);
+    },
+    reflection(type) {
+        return renderingChildIsUseful(type.declaration);
+    },
+    reference(type) {
+        return shouldExpandReference(type);
+    },
+};
+function renderingTypeDetailsIsUseful(type) {
+    return type.visit(isUsefulVisitor) ?? false;
+}
+export function typeDeclaration(context, type) {
+    if (renderingTypeDetailsIsUseful(type)) {
+        return (JSX.createElement("div", { class: "tsd-type-declaration" },
+            JSX.createElement("h4", null, context.i18n.theme_type_declaration()),
+            context.typeDetails(type, true)));
+    }
+    return null;
+}
+const expanded = new Set();
+function shouldExpandReference(reference) {
+    const target = reference.reflection;
+    if (reference.highlightedProperties) {
+        return !target || expanded.has(target) === false;
+    }
+    if (!target?.kindOf(ReflectionKind.TypeAlias | ReflectionKind.Interface))
+        return false;
+    if (!target.comment?.hasModifier("@expand"))
+        return false;
+    return expanded.has(target) === false;
+}
+export function typeDetails(context, type, renderAnchors) {
+    return typeDetailsImpl(context, type, renderAnchors);
+}
+export function typeDetailsImpl(context, type, renderAnchors, highlighted) {
+    const result = type.visit({
+        array(type) {
+            return context.typeDetails(type.elementType, renderAnchors);
+        },
+        intersection(type) {
+            return type.types.map((t) => context.typeDetails(t, renderAnchors));
+        },
+        union(type) {
+            const result = [];
+            for (let i = 0; i < type.types.length; ++i) {
+                result.push(JSX.createElement("li", null,
+                    context.type(type.types[i]),
+                    context.displayParts(type.elementSummaries?.[i]),
+                    context.typeDetailsIfUseful(type.types[i])));
+            }
+            return JSX.createElement("ul", null, result);
+        },
+        reflection(type) {
+            const declaration = type.declaration;
+            if (highlighted) {
+                return highlightedDeclarationDetails(context, declaration, renderAnchors, highlighted);
+            }
+            return declarationDetails(context, declaration, renderAnchors);
+        },
+        reference(reference) {
+            if (shouldExpandReference(reference)) {
+                const target = reference.reflection;
+                if (!target?.isDeclaration()) {
+                    return highlightedPropertyDetails(context, reference.highlightedProperties);
+                }
+                // Ensure we don't go into an infinite loop here
+                expanded.add(target);
+                const details = target.type
+                    ? context.typeDetails(target.type, renderAnchors)
+                    : declarationDetails(context, target, renderAnchors);
+                expanded.delete(target);
+                return details;
+            }
+        },
+        // tuple??
+    });
+    if (!result && highlighted) {
+        return highlightedPropertyDetails(context, highlighted);
+    }
+    return result;
+}
+export function typeDetailsIfUseful(context, type) {
+    if (type && renderingTypeDetailsIsUseful(type)) {
+        return context.typeDetails(type, false);
+    }
+}
+function highlightedPropertyDetails(context, highlighted) {
+    if (!highlighted?.size)
+        return;
+    return (JSX.createElement("ul", { class: "tsd-parameters" }, Array.from(highlighted.entries(), ([name, parts]) => {
+        return (JSX.createElement("li", { class: "tsd-parameter" },
+            JSX.createElement("h5", null,
+                JSX.createElement("span", null, name)),
+            context.displayParts(parts)));
+    })));
+}
+function highlightedDeclarationDetails(context, declaration, renderAnchors, highlightedProperties) {
+    return (JSX.createElement("ul", { class: "tsd-parameters" }, declaration
+        .getProperties()
+        ?.map((child) => highlightedProperties?.has(child.name) &&
+        renderChild(context, child, renderAnchors, highlightedProperties.get(child.name)))));
+}
+function declarationDetails(context, declaration, renderAnchors) {
+    return (JSX.createElement(JSX.Fragment, null,
+        context.commentSummary(declaration),
+        JSX.createElement("ul", { class: "tsd-parameters" },
+            declaration.signatures && (JSX.createElement("li", { class: "tsd-parameter-signature" },
+                JSX.createElement("ul", { class: classNames({ "tsd-signatures": true }, context.getReflectionClasses(declaration)) }, declaration.signatures.map((item) => (JSX.createElement(JSX.Fragment, null,
+                    JSX.createElement("li", { class: "tsd-signature", id: item.anchor }, context.memberSignatureTitle(item, {
+                        hideName: true,
+                    })),
+                    JSX.createElement("li", { class: "tsd-description" }, context.memberSignatureBody(item, {
+                        hideSources: true,
+                    })))))))),
+            declaration.indexSignatures?.map((index) => renderIndexSignature(context, index)),
+            declaration.getProperties()?.map((child) => renderChild(context, child, renderAnchors)))));
+}
+function renderChild(context, child, renderAnchors, highlight) {
+    if (child.signatures) {
+        return (JSX.createElement("li", { class: "tsd-parameter" },
+            JSX.createElement("h5", null,
+                !!child.flags.isRest && JSX.createElement("span", { class: "tsd-signature-symbol" }, "..."),
+                JSX.createElement("span", { class: getKindClass(child) }, child.name),
+                JSX.createElement("a", { id: child.anchor, class: "tsd-anchor" }),
+                JSX.createElement("span", { class: "tsd-signature-symbol" },
+                    !!child.flags.isOptional && "?",
+                    ":"),
+                "function"),
+            context.memberSignatures(child)));
+    }
+    function highlightOrComment(refl) {
+        if (highlight) {
+            return context.displayParts(highlight);
+        }
+        return (JSX.createElement(JSX.Fragment, null,
+            context.commentSummary(refl),
+            context.commentTags(refl)));
+    }
+    // standard type
+    if (child.type) {
+        return (JSX.createElement("li", { class: "tsd-parameter" },
+            JSX.createElement("h5", null,
+                context.reflectionFlags(child),
+                !!child.flags.isRest && JSX.createElement("span", { class: "tsd-signature-symbol" }, "..."),
+                JSX.createElement("span", { class: getKindClass(child) }, child.name),
+                JSX.createElement("a", { id: child.anchor, class: "tsd-anchor" }),
+                JSX.createElement("span", { class: "tsd-signature-symbol" },
+                    !!child.flags.isOptional && "?",
+                    ": "),
+                context.type(child.type)),
+            highlightOrComment(child),
+            child.getProperties().some(renderingChildIsUseful) && (JSX.createElement("ul", { class: "tsd-parameters" }, child.getProperties().map((c) => renderChild(context, c, renderAnchors))))));
+    }
+    // getter/setter
+    return (JSX.createElement(JSX.Fragment, null,
+        child.getSignature && (JSX.createElement("li", { class: "tsd-parameter" },
+            JSX.createElement("h5", null,
+                context.reflectionFlags(child.getSignature),
+                JSX.createElement("span", { class: "tsd-signature-keyword" }, "get "),
+                JSX.createElement("span", { class: getKindClass(child) }, child.name),
+                JSX.createElement("a", { id: child.anchor, class: "tsd-anchor" }),
+                JSX.createElement("span", { class: "tsd-signature-symbol" }, "(): "),
+                context.type(child.getSignature.type)),
+            highlightOrComment(child.getSignature))),
+        child.setSignature && (JSX.createElement("li", { class: "tsd-parameter" },
+            JSX.createElement("h5", null,
+                context.reflectionFlags(child.setSignature),
+                JSX.createElement("span", { class: "tsd-signature-keyword" }, "set "),
+                JSX.createElement("span", { class: getKindClass(child) }, child.name),
+                !child.getSignature && JSX.createElement("a", { id: child.anchor, class: "tsd-anchor" }),
+                JSX.createElement("span", { class: "tsd-signature-symbol" }, "("),
+                child.setSignature.parameters?.map((item) => (JSX.createElement(JSX.Fragment, null,
+                    item.name,
+                    JSX.createElement("span", { class: "tsd-signature-symbol" }, ": "),
+                    context.type(item.type)))),
+                JSX.createElement("span", { class: "tsd-signature-symbol" }, "): "),
+                context.type(child.setSignature.type)),
+            highlightOrComment(child.setSignature)))));
+}
+function renderIndexSignature(context, index) {
+    return (JSX.createElement("li", { class: "tsd-parameter-index-signature" },
+        JSX.createElement("h5", null,
+            index.flags.isReadonly && JSX.createElement("span", { class: "tsd-signature-keyword" }, "readonly "),
+            JSX.createElement("span", { class: "tsd-signature-symbol" }, "["),
+            index.parameters.map((item) => (JSX.createElement(JSX.Fragment, null,
+                JSX.createElement("span", { class: getKindClass(item) }, item.name),
+                ": ",
+                context.type(item.type)))),
+            JSX.createElement("span", { class: "tsd-signature-symbol" }, "]: "),
+            context.type(index.type)),
+        context.commentSummary(index),
+        context.commentTags(index),
+        context.typeDeclaration(index.type)));
+}
+function renderingChildIsUseful(refl) {
+    if (renderingThisChildIsUseful(refl)) {
+        return true;
+    }
+    return refl.getProperties().some(renderingThisChildIsUseful);
+}
+function renderingThisChildIsUseful(refl) {
+    if (refl.hasComment())
+        return true;
+    const declaration = refl.type?.type === "reflection" ? refl.type.declaration : refl;
+    if (declaration.hasComment())
+        return true;
+    return declaration.getAllSignatures().some((sig) => {
+        return sig.hasComment() || sig.parameters?.some((p) => p.hasComment());
+    });
+}

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

@@ -1,4 +1,4 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import type { TypeParameterReflection } from "../../../../models";
-import { JSX } from "../../../../utils";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
+import type { TypeParameterReflection } from "../../../../models/index.js";
+import { JSX } from "../../../../utils/index.js";
 export declare function typeParameters(context: DefaultThemeRenderContext, typeParameters: TypeParameterReflection[]): JSX.Element;

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

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typeParameters = typeParameters;
-const utils_1 = require("../../../../utils");
-function typeParameters(context, typeParameters) {
-    return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-        utils_1.JSX.createElement("section", { class: "tsd-panel" },
-            utils_1.JSX.createElement("h4", null, context.i18n.kind_plural_type_parameter()),
-            utils_1.JSX.createElement("ul", { class: "tsd-type-parameter-list" }, typeParameters.map((item) => (utils_1.JSX.createElement("li", null,
-                utils_1.JSX.createElement("span", null,
-                    utils_1.JSX.createElement("a", { id: item.anchor, class: "tsd-anchor" }),
-                    item.flags.isConst && utils_1.JSX.createElement("span", { class: "tsd-signature-keyword" }, "const "),
-                    item.varianceModifier && (utils_1.JSX.createElement("span", { class: "tsd-signature-keyword" },
+import { JSX } from "../../../../utils/index.js";
+export function typeParameters(context, typeParameters) {
+    return (JSX.createElement(JSX.Fragment, null,
+        JSX.createElement("section", { class: "tsd-panel" },
+            JSX.createElement("h4", null, context.i18n.kind_plural_type_parameter()),
+            JSX.createElement("ul", { class: "tsd-type-parameter-list" }, typeParameters.map((item) => (JSX.createElement("li", null,
+                JSX.createElement("span", null,
+                    JSX.createElement("a", { id: item.anchor, class: "tsd-anchor" }),
+                    item.flags.isConst && JSX.createElement("span", { class: "tsd-signature-keyword" }, "const "),
+                    item.varianceModifier && (JSX.createElement("span", { class: "tsd-signature-keyword" },
                         item.varianceModifier,
                         " ")),
-                    utils_1.JSX.createElement("span", { class: "tsd-kind-type-parameter" }, item.name),
-                    !!item.type && (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-                        utils_1.JSX.createElement("span", { class: "tsd-signature-keyword" }, " extends "),
+                    JSX.createElement("span", { class: "tsd-kind-type-parameter" }, item.name),
+                    !!item.type && (JSX.createElement(JSX.Fragment, null,
+                        JSX.createElement("span", { class: "tsd-signature-keyword" }, " extends "),
                         context.type(item.type))),
-                    !!item.default && (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
+                    !!item.default && (JSX.createElement(JSX.Fragment, null,
                         " = ",
                         context.type(item.default)))),
                 context.commentSummary(item),

package/dist/lib/output/themes/default/templates/document.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import type { DocumentReflection } from "../../../../models";
-import type { PageEvent } from "../../../events";
-import { JSX } from "../../../../utils";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
+import type { DocumentReflection } from "../../../../models/index.js";
+import type { PageEvent } from "../../../events.js";
+import { JSX } from "../../../../utils/index.js";
 export declare const documentTemplate: ({ markdown }: DefaultThemeRenderContext, props: PageEvent<DocumentReflection>) => JSX.Element;

package/dist/lib/output/themes/default/templates/document.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.documentTemplate = void 0;
-const utils_1 = require("../../../../utils");
-const documentTemplate = ({ markdown }, props) => (utils_1.JSX.createElement("div", { class: "tsd-panel tsd-typography" },
-    utils_1.JSX.createElement(utils_1.Raw, { html: markdown(props.model.content) })));
-exports.documentTemplate = documentTemplate;
+import { JSX, Raw } from "../../../../utils/index.js";
+export const documentTemplate = ({ markdown }, props) => (JSX.createElement("div", { class: "tsd-panel tsd-typography" },
+    JSX.createElement(Raw, { html: markdown(props.model.content) })));

package/dist/lib/output/themes/default/templates/hierarchy.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import type { PageEvent } from "../../../events";
-import { JSX } from "../../../../utils";
-import type { ProjectReflection } from "../../../../models";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
+import type { PageEvent } from "../../../events.js";
+import { JSX } from "../../../../utils/index.js";
+import type { ProjectReflection } from "../../../../models/index.js";
 export declare function hierarchyTemplate(context: DefaultThemeRenderContext, props: PageEvent<ProjectReflection>): JSX.Element;

package/dist/lib/output/themes/default/templates/hierarchy.js

@@ -1,30 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hierarchyTemplate = hierarchyTemplate;
-const utils_1 = require("../../../../utils");
-const lib_1 = require("../../lib");
-function fullHierarchy(context, root, seen = new Set()) {
-    if (seen.has(root))
-        return;
+import { JSX } from "../../../../utils/index.js";
+import { getHierarchyRoots } from "../../lib.js";
+function fullHierarchy(context, root, seen) {
+    if (seen.has(root)) {
+        return (JSX.createElement("li", { "data-refl": root.id },
+            JSX.createElement("a", { href: context.urlTo(root) },
+                context.icons[root.kind](),
+                root.name)));
+    }
     seen.add(root);
+    const children = [];
+    for (const child of [...(root.implementedBy || []), ...(root.extendedBy || [])]) {
+        if (child.reflection) {
+            children.push(fullHierarchy(context, child.reflection, seen));
+        }
+    }
     // Note: We don't use root.anchor for the anchor, because those are built on a per page basis.
     // And classes/interfaces get their own page, so all the anchors will be empty anyways.
     // Full name should be safe here, since this list only includes classes/interfaces.
-    return (utils_1.JSX.createElement("li", null,
-        utils_1.JSX.createElement("a", { id: root.getFullName(), class: "tsd-anchor" }),
-        utils_1.JSX.createElement("a", { href: context.urlTo(root) },
+    return (JSX.createElement("li", { "data-refl": root.id },
+        JSX.createElement("a", { id: root.getFullName(), class: "tsd-anchor" }),
+        JSX.createElement("a", { href: context.urlTo(root) },
             context.icons[root.kind](),
             root.name),
-        utils_1.JSX.createElement("ul", null,
-            root.implementedBy?.map((child) => {
-                return child.reflection && fullHierarchy(context, child.reflection, seen);
-            }),
-            root.extendedBy?.map((child) => {
-                return child.reflection && fullHierarchy(context, child.reflection, seen);
-            }))));
+        children.length && JSX.createElement("ul", null, children)));
 }
-function hierarchyTemplate(context, props) {
-    return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-        utils_1.JSX.createElement("h2", null, context.i18n.theme_class_hierarchy_title()),
-        (0, lib_1.getHierarchyRoots)(props.project).map((root) => (utils_1.JSX.createElement("ul", { class: "tsd-full-hierarchy" }, fullHierarchy(context, root))))));
+export function hierarchyTemplate(context, props) {
+    const seen = new Set();
+    return (JSX.createElement(JSX.Fragment, null,
+        JSX.createElement("h2", null, context.i18n.theme_hierarchy_summary()),
+        getHierarchyRoots(props.project).map((root) => (JSX.createElement("ul", { class: "tsd-full-hierarchy" }, fullHierarchy(context, root, seen))))));
 }

package/dist/lib/output/themes/default/templates/index.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import type { ProjectReflection } from "../../../../models";
-import type { PageEvent } from "../../../events";
-import { JSX } from "../../../../utils";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
+import type { ProjectReflection } from "../../../../models/index.js";
+import type { PageEvent } from "../../../events.js";
+import { JSX } from "../../../../utils/index.js";
 export declare const indexTemplate: ({ markdown }: DefaultThemeRenderContext, props: PageEvent<ProjectReflection>) => JSX.Element;

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.indexTemplate = void 0;
-const utils_1 = require("../../../../utils");
-const indexTemplate = ({ markdown }, props) => (utils_1.JSX.createElement("div", { class: "tsd-panel tsd-typography" },
-    utils_1.JSX.createElement(utils_1.Raw, { html: markdown(props.model.readme || []) })));
-exports.indexTemplate = indexTemplate;
+import { JSX, Raw } from "../../../../utils/index.js";
+export const indexTemplate = ({ markdown }, props) => (JSX.createElement("div", { class: "tsd-panel tsd-typography" },
+    JSX.createElement(Raw, { html: markdown(props.model.readme || []) })));

package/dist/lib/output/themes/default/templates/reflection.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext";
-import type { PageEvent } from "../../../events";
-import { type ContainerReflection } from "../../../../models";
-import { JSX } from "../../../../utils";
+import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
+import type { PageEvent } from "../../../events.js";
+import { type ContainerReflection } from "../../../../models/index.js";
+import { JSX } from "../../../../utils/index.js";
 export declare function reflectionTemplate(context: DefaultThemeRenderContext, props: PageEvent<ContainerReflection>): JSX.Element;

package/dist/lib/output/themes/default/templates/reflection.js

@@ -1,54 +1,52 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reflectionTemplate = reflectionTemplate;
-const lib_1 = require("../../lib");
-const models_1 = require("../../../../models");
-const utils_1 = require("../../../../utils");
-function reflectionTemplate(context, props) {
-    if (props.model.kindOf(models_1.ReflectionKind.TypeAlias | models_1.ReflectionKind.Variable) &&
-        props.model instanceof models_1.DeclarationReflection) {
+import { classNames, getKindClass, hasTypeParameters } from "../../lib.js";
+import { DeclarationReflection, ReflectionKind, } from "../../../../models/index.js";
+import { JSX } from "../../../../utils/index.js";
+export function reflectionTemplate(context, props) {
+    if (props.model.kindOf(ReflectionKind.TypeAlias | ReflectionKind.Variable) &&
+        props.model instanceof DeclarationReflection) {
         return context.memberDeclaration(props.model);
     }
-    return (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-        props.model.hasComment() && (utils_1.JSX.createElement("section", { class: "tsd-panel tsd-comment" },
+    if (props.model.kindOf(ReflectionKind.ExportContainer) &&
+        (props.model.isDeclaration() || props.model.isProject())) {
+        return context.moduleReflection(props.model);
+    }
+    return (JSX.createElement(JSX.Fragment, null,
+        props.model.hasComment() && (JSX.createElement("section", { class: "tsd-panel tsd-comment" },
             context.commentSummary(props.model),
             context.commentTags(props.model))),
-        props.model instanceof models_1.DeclarationReflection &&
-            props.model.kind === models_1.ReflectionKind.Module &&
-            props.model.readme?.length && (utils_1.JSX.createElement("section", { class: "tsd-panel tsd-typography" },
-            utils_1.JSX.createElement(utils_1.Raw, { html: context.markdown(props.model.readme) }))),
         context.reflectionPreview(props.model),
-        (0, lib_1.hasTypeParameters)(props.model) && utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
+        hasTypeParameters(props.model) && JSX.createElement(JSX.Fragment, null,
             " ",
             context.typeParameters(props.model.typeParameters),
             " "),
-        props.model instanceof models_1.DeclarationReflection && (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
+        props.model instanceof DeclarationReflection && (JSX.createElement(JSX.Fragment, null,
             context.hierarchy(props.model.typeHierarchy),
-            !!props.model.implementedTypes && (utils_1.JSX.createElement("section", { class: "tsd-panel" },
-                utils_1.JSX.createElement("h4", null, context.i18n.theme_implements()),
-                utils_1.JSX.createElement("ul", { class: "tsd-hierarchy" }, props.model.implementedTypes.map((item) => (utils_1.JSX.createElement("li", null, context.type(item))))))),
-            !!props.model.implementedBy && (utils_1.JSX.createElement("section", { class: "tsd-panel" },
-                utils_1.JSX.createElement("h4", null, context.i18n.theme_implemented_by()),
-                utils_1.JSX.createElement("ul", { class: "tsd-hierarchy" }, props.model.implementedBy.map((item) => (utils_1.JSX.createElement("li", null, context.type(item))))))),
-            !!props.model.signatures?.length && (utils_1.JSX.createElement("section", { class: "tsd-panel" }, context.memberSignatures(props.model))),
-            !!props.model.indexSignatures?.length && (utils_1.JSX.createElement("section", { class: (0, lib_1.classNames)({ "tsd-panel": true }, context.getReflectionClasses(props.model)) },
-                utils_1.JSX.createElement("h4", { class: "tsd-before-signature" }, context.i18n.theme_indexable()),
-                utils_1.JSX.createElement("ul", { class: "tsd-signatures" }, props.model.indexSignatures.map((index) => renderIndexSignature(context, index))))),
+            !!props.model.implementedTypes && (JSX.createElement("section", { class: "tsd-panel" },
+                JSX.createElement("h4", null, context.i18n.theme_implements()),
+                JSX.createElement("ul", { class: "tsd-hierarchy" }, props.model.implementedTypes.map((item) => (JSX.createElement("li", null, context.type(item))))))),
+            !!props.model.implementedBy && (JSX.createElement("section", { class: "tsd-panel" },
+                JSX.createElement("h4", null, context.i18n.theme_implemented_by()),
+                JSX.createElement("ul", { class: "tsd-hierarchy" }, props.model.implementedBy.map((item) => (JSX.createElement("li", null, context.type(item))))))),
+            !!props.model.signatures?.length && (JSX.createElement("section", { class: "tsd-panel" }, context.memberSignatures(props.model))),
+            !!props.model.indexSignatures?.length && (JSX.createElement("section", { class: classNames({ "tsd-panel": true }, context.getReflectionClasses(props.model)) },
+                JSX.createElement("h4", { class: "tsd-before-signature" }, context.i18n.theme_indexable()),
+                JSX.createElement("ul", { class: "tsd-signatures" }, props.model.indexSignatures.map((index) => renderIndexSignature(context, index))))),
             !props.model.signatures && context.memberSources(props.model))),
         !!props.model.childrenIncludingDocuments?.length && context.index(props.model),
         context.members(props.model)));
 }
 function renderIndexSignature(context, index) {
-    return (utils_1.JSX.createElement("li", { class: "tsd-index-signature" },
-        utils_1.JSX.createElement("div", { class: "tsd-signature" },
-            utils_1.JSX.createElement("span", { class: "tsd-signature-symbol" }, "["),
-            index.parameters.map((item) => (utils_1.JSX.createElement(utils_1.JSX.Fragment, null,
-                utils_1.JSX.createElement("span", { class: (0, lib_1.getKindClass)(item) }, item.name),
+    return (JSX.createElement("li", { class: "tsd-index-signature" },
+        JSX.createElement("div", { class: "tsd-signature" },
+            index.flags.isReadonly && JSX.createElement("span", { class: "tsd-signature-keyword" }, "readonly "),
+            JSX.createElement("span", { class: "tsd-signature-symbol" }, "["),
+            index.parameters.map((item) => (JSX.createElement(JSX.Fragment, null,
+                JSX.createElement("span", { class: getKindClass(item) }, item.name),
                 ": ",
                 context.type(item.type)))),
-            utils_1.JSX.createElement("span", { class: "tsd-signature-symbol" }, "]: "),
+            JSX.createElement("span", { class: "tsd-signature-symbol" }, "]: "),
             context.type(index.type)),
         context.commentSummary(index),
         context.commentTags(index),
-        index.type instanceof models_1.ReflectionType && context.parameter(index.type.declaration)));
+        context.typeDetailsIfUseful(index.type)));
 }

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

@@ -1,6 +1,6 @@
-import type { DefaultThemeRenderContext } from "..";
-import { DeclarationReflection, ProjectReflection, type Reflection, type TypeParameterReflection } from "../../models";
-import { JSX } from "../../utils";
+import type { DefaultThemeRenderContext } from "../index.js";
+import { type ContainerReflection, DeclarationReflection, ProjectReflection, type Reflection, type TypeParameterReflection } from "../../models/index.js";
+import { JSX } from "../../utils/index.js";
 export declare function stringify(data: unknown): string;
 export declare function getDisplayName(refl: Reflection): string;
 export declare function toStyleClass(str: string): string;
@@ -25,3 +25,17 @@ export declare function renderTypeParametersSignature(context: DefaultThemeRende
  */
 export declare function renderName(refl: Reflection): JSX.Element | (string | JSX.Element)[];
 export declare function getHierarchyRoots(project: ProjectReflection): DeclarationReflection[];
+export declare function getMemberSections(parent: ContainerReflection, childFilter?: (refl: Reflection) => boolean): {
+    title: string;
+    children: (DeclarationReflection | import("../../models/index.js").DocumentReflection)[];
+}[];
+/**
+ * Returns a (hopefully) globally unique path for the given reflection.
+ *
+ * This only works for exportable symbols, so e.g. methods are not affected by this.
+ *
+ * If the given reflection has a globally unique name already, then it will be returned as is. If the name is
+ * ambiguous (i.e. there are two classes with the same name in different namespaces), then the namespaces path of the
+ * reflection will be returned.
+ */
+export declare function getUniquePath(reflection: Reflection): Reflection[];