@ng-doc/builder 15.0.0-beta.8 → 15.0.0

package/templates/api/class.html.nunj

@@ -1,13 +1,14 @@
 {% extends "api/base.html.nunj" %}
 
 {% import "helpers/type.html.nunj" as typeMacro %}
+{% import "helpers/constructor.html.nunj" as constructorMacro %}
 {% import "helpers/methods.html.nunj" as methodsMacro %}
 {% import "helpers/properties.html.nunj" as propertiesMacro %}
-{% import "helpers/tag.html.nunj" as tagMacro %}
+{% import "helpers/accessors.html.nunj" as accessorsMacro %}
 {% import "helpers/modifier.html.nunj" as modifierMacro %}
 
 {% block modifier %}
-	{{ modifierMacro.render('Abstract') }}
+	{{ modifierMacro.render('abstract') if declaration.isAbstract() }}
 {% endblock %}
 
 {% block details %}
@@ -18,12 +19,12 @@
 		<div class="ng-doc-header-details">
 			{% if extends %}
 				<span class="ng-doc-header-details-label">Extends</span>
-				{{ tagMacro.render(typeMacro.render(extends.getType()), "class-extends") }}
+				{{ typeMacro.render(extends.getType()) }}
 			{%- endif %}
 			{% if implements.length %}
 				<span class="ng-doc-header-details-label">Implements</span>
 				{%- for i in implements -%}
-					{{ tagMacro.render(typeMacro.render(i.getType()), "class-implements") }}
+					{{ typeMacro.render(i.getType()) }}
 				{%- endfor %}
 			{%- endif %}
 		</div>
@@ -31,36 +32,65 @@
 {% endblock %}
 
 {% block overview %}
-	{%- set staticProperties = declaration.getProperties() | filterByStatic(true) | filterByScope("public") -%}
-	{%- set staticMethods = declaration.getMethods() | filterByStatic(true) | filterByScope("public") -%}
-	{%- set properties = declaration.getProperties() | filterByStatic(false) | filterByScope("public") -%}
-	{%- set methods = declaration.getMethods() | filterByStatic(false) | filterByScope("public") -%}
+	{%- set constructors = declaration.getConstructors() | filterByScope("public") -%}
+	{%- set allProperties = declaration | getClassProperties | filterByScope(["public", "protected"]) | filterUselessMembers | sortByNodesName -%}
+	{%- set allMethods = declaration | getClassMethods | filterByScope(["public", "protected"]) | filterUselessMembers | sortByNodesName -%}
+	{%- set allAccessors = declaration | getClassAccessors | filterByScope(["public", "protected"]) | filterUselessMembers | sortByNodesName -%}
+
+	{%- set staticProperties = allProperties | filterByStatic(true) -%}
+	{%- set staticAccessors = allAccessors | filterByStatic(true) -%}
+	{%- set staticMethods = allMethods | filterByStatic(true) -%}
+	{%- set properties = allProperties | filterByStatic(false) -%}
+	{%- set accessors = allAccessors | filterByStatic(false) -%}
+	{%- set getAccessors = declaration.getGetAccessors() | filterByStatic(false) -%}
+	{%- set methods = allMethods | filterByStatic(false) -%}
+
+	{% if constructors.length -%}
+		<section>
+			<h2>Constructor</h2>
+			{{ constructorMacro.render(constructors[0]) }}
+		</section>
+	{%- endif %}
 
 	{% if staticProperties.length -%}
 		<section>
 			<h2>Static Properties</h2>
-			{{ propertiesMacro.render(staticProperties) }}
+			{{ propertiesMacro.render(staticProperties, declaration) }}
 		</section>
 	{%- endif %}
 
 	{% if properties.length -%}
 		<section>
 			<h2>Properties</h2>
-			{{ propertiesMacro.render(properties) }}
+			{{ propertiesMacro.render(properties, declaration) }}
+		</section>
+	{%- endif %}
+
+	{% if staticAccessors.length -%}
+		<section>
+			<h2>Static Accessors</h2>
+			{{ accessorsMacro.render(staticAccessors, declaration) }}
+		</section>
+	{%- endif %}
+
+	{% if accessors.length -%}
+		<section>
+			<h2>Accessors</h2>
+			{{ accessorsMacro.render(accessors, declaration) }}
 		</section>
 	{%- endif %}
 
 	{% if staticMethods.length -%}
 		<section>
 			<h2>Static Methods</h2>
-			{{ methodsMacro.render(staticMethods) }}
+			{{ methodsMacro.render(staticMethods, declaration) }}
 		</section>
 	{%- endif %}
 
 	{% if methods.length -%}
 		<section>
 			<h2>Methods</h2>
-			{{ methodsMacro.render(methods) }}
+			{{ methodsMacro.render(methods, declaration) }}
 		</section>
 	{%- endif %}
 {% endblock %}

package/templates/api/function.html.nunj

@@ -8,7 +8,7 @@
 
 	<section>
 		<h2>Presentation</h2>
-		{{ codeMacro.render(declaration | methodPresentation, "typescript", false) }}
+		{{ codeMacro.render(declaration | functionPresentation, "typescript", false) }}
 	</section>
 
 	{% if parameters.length -%}

package/templates/api/interface.html.nunj

@@ -3,7 +3,7 @@
 {% import "helpers/type.html.nunj" as typeMacro %}
 {% import "helpers/methods.html.nunj" as methodsMacro %}
 {% import "helpers/properties.html.nunj" as propertiesMacro %}
-{% import "helpers/tag.html.nunj" as tagMacro %}
+{% import "helpers/accessors.html.nunj" as accessorsMacro %}
 
 {% block details %}
 	{%- set extends = declaration.getExtends() -%}
@@ -12,27 +12,35 @@
 		<div class="ng-doc-header-details">
 			<span class="ng-doc-header-details-label">Extends</span>
 			{%- for i in extends -%}
-				{{ tagMacro.render(typeMacro.render(i.getType()), "interface-extends") }}
+				{{ typeMacro.render(i.getType()) }}
 			{%- endfor %}
 		</div>
 	{% endif %}
 {% endblock %}
 
 {% block overview %}
-	{%- set properties = declaration.getProperties() -%}
-	{%- set methods = declaration.getMethods() -%}
+	{%- set properties = declaration | getInterfaceProperties | filterUselessMembers | sortByNodesName -%}
+	{%- set methods = declaration | getInterfaceMethods | filterUselessMembers | sortByNodesName -%}
+	{%- set accessors = declaration | getInterfaceAccessors | filterUselessMembers | sortByNodesName -%}
 
 	{% if properties.length -%}
 		<section>
 			<h2>Properties</h2>
-			{{ propertiesMacro.render(properties) }}
+			{{ propertiesMacro.render(properties, declaration) }}
+		</section>
+	{%- endif %}
+
+	{% if accessors.length -%}
+		<section>
+			<h2>Accessors</h2>
+			{{ accessorsMacro.render(accessors, declaration) }}
 		</section>
 	{%- endif %}
 
 	{% if methods.length -%}
 		<section>
 			<h2>Methods</h2>
-			{{ methodsMacro.render(methods) }}
+			{{ methodsMacro.render(methods, declaration) }}
 		</section>
 	{%- endif %}
 {% endblock %}

package/templates/api-page.module.ts.nunj

@@ -8,9 +8,9 @@ import pageContent from '!!raw-loader!{{ page.builtPagePath }}';
 @Component({
 	template: `<ng-doc-page></ng-doc-page>`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	providers: [{provide: NgDocRootPage, useExisting: {{ page.componentName }}}],
+	providers: [{provide: NgDocRootPage, useExisting: DynamicComponent}],
 })
-export class {{ page.componentName }} extends NgDocRootPage {
+export class DynamicComponent extends NgDocRootPage {
 	readonly pageContent: string = pageContent;
 	readonly demo: Record<string, Type<unknown>> | undefined = undefined;
 	readonly demoAssets: NgDocDemoAssets | undefined = undefined;
@@ -21,16 +21,17 @@ export class {{ page.componentName }} extends NgDocRootPage {
 }
 
 @NgModule({
-	declarations: [{{ page.componentName }}],
+	declarations: [DynamicComponent],
 	imports: [
 		CommonModule,
 		NgDocPageModule,
 		RouterModule.forChild([{
 			path: '',
-			component: {{ page.componentName }},
+			component: DynamicComponent,
+			title: '{{ page.title }}',
 		}]),
 	],
 	exports: [RouterModule]
 })
-export class {{ page.moduleName }} {
+export class DynamicModule {
 }

package/templates/api-scope.module.ts.nunj

@@ -14,7 +14,7 @@ import {RouterModule} from "@angular/router";
 					{%- for page in scope.children %}
 					{
 						path: '{{ page.route }}',
-						loadChildren: () => import('{{ page.moduleImport }}').then(m => m.{{ page.moduleName }})
+						loadChildren: () => import('{{ page.moduleImport }}').then(m => m.DynamicModule)
 					},
 					{%- endfor %}
 				]
@@ -23,5 +23,5 @@ import {RouterModule} from "@angular/router";
 	],
 	exports: [RouterModule]
 })
-export class {{ scope.moduleName }} {
+export class DynamicModule {
 }

package/templates/api.module.ts.nunj

@@ -2,7 +2,7 @@
 import {ChangeDetectionStrategy, Component, NgModule} from "@angular/core";
 import {RouterModule} from "@angular/router";
 import {CommonModule} from '@angular/common';
-import {NgDocApiListModule, NG_DOC_API_LIST_TOKEN} from '@ng-doc/app';
+import {NG_DOC_API_LIST_TOKEN, NgDocApiListModule} from '@ng-doc/app';
 import apiList from './ng-doc.api-list.json';
 
 @Component({
@@ -13,28 +13,28 @@ import apiList from './ng-doc.api-list.json';
 	}],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class {{ api.componentName }} {
+export class DynamicComponent {
 }
 
 @NgModule({
-	declarations: [{{ api.componentName }}],
+	declarations: [DynamicComponent],
 	imports: [
 		CommonModule,
 		NgDocApiListModule,
 		RouterModule.forChild([
 			{
 				path: '',
-				component: {{ api.componentName }},
+				component: DynamicComponent,
 			},
 			{%- for scope in api.children %}
 			{
 				path: '{{ scope.route }}',
-				loadChildren: () => import('{{ scope.moduleImport }}').then(m => m.{{ scope.moduleName }})
+				loadChildren: () => import('{{ scope.moduleImport }}').then(m => m.DynamicModule)
 			},
 			{%- endfor %}
 		]),
 	],
 	exports: [RouterModule]
 })
-export class {{ api.moduleName }} {
+export class DynamicModule {
 }

package/templates/category.module.ts.nunj

@@ -13,7 +13,7 @@ import {RouterModule} from "@angular/router";
 				{%- for child in category.children %}
 				{
 					path: '{{ child.route }}',
-					loadChildren: () => import('{{ child.moduleImport }}').then(m => m.{{ child.moduleName }})
+					loadChildren: () => import('{{ child.moduleImport }}').then(m => m.DynamicModule)
 				},
 				{%- endfor %}
 			]
@@ -22,5 +22,5 @@ import {RouterModule} from "@angular/router";
 	],
 	exports: [RouterModule]
 })
-export class {{ category.moduleName }} {
+export class DynamicModule {
 }

package/templates/code.html.nunj

@@ -0,0 +1,3 @@
+{% import "helpers/code.html.nunj" as codeMacro -%}
+
+{{ codeMacro.render(code, lang) }}

package/templates/component-assets.ts.nunj

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import {NgDocDemoAssets} from '@ng-doc/app';
 {%- for componentName, assets in componentsAssets %}
-	{%- for asset in assets %}
+	{%- for asset in assets | notEmptyAssets %}
 import {{ asset.name }} from '!!raw-loader!{{ asset.outputPath }}';
 	{%- endfor %}
 {%- endfor %}
@@ -9,7 +9,7 @@ import {{ asset.name }} from '!!raw-loader!{{ asset.outputPath }}';
 export const demoAssets: NgDocDemoAssets = {
 	{%- for componentName, assets in componentsAssets %}
 	{{ componentName }}: [
-		{%- for asset in assets %}
+		{%- for asset in assets | notEmptyAssets %}
 		{title: '{{ asset.title }}', codeType: '{{ asset.type }}', code: {{ asset.name }}},
 		{%- endfor %}
 	],

package/templates/helpers/accessor.html.nunj

@@ -0,0 +1,68 @@
+{% import "helpers/code.html.nunj" as codeMacro %}
+{% import "helpers/type.html.nunj" as typeMacro %}
+{% import "helpers/declaration-modifiers.html.nunj" as tagsMacro %}
+{% import "helpers/parameters.html.nunj" as parametersMacro %}
+{% import "helpers/decorators.html.nunj" as decoratorsMacro %}
+{% import "helpers/no-content.html.nunj" as noContentMacro %}
+{% import "helpers/modifier.html.nunj" as modifierMacro %}
+
+{% macro render(accessor, origin) %}
+	{% macro renderAccessor(accessor, type, origin) %}
+		{% set parameters = accessor.getParameters() %}
+		{% set accessorChain = accessor | getAccessorChain %}
+		{% set inheritedFrom = accessor | getInheritedParent(origin) %}
+		{% set overriddenMember = accessor | getOverriddenMember %}
+		{% set implementedMember = accessor | getImplementedMember %}
+		{% set docNode = accessorChain | firstNodeWithComment %}
+
+		<div class="ng-doc-table-wrapper">
+			<table class="ng-doc-accessor-table">
+				<thead>
+				<tr>
+					<th>
+						{{ decoratorsMacro.render(accessor.getDecorators()) if accessor.getDecorators }}
+						{{ tagsMacro.render(accessor, 'modifier') }}
+						<h3>{{ modifierMacro.render(type) }} {{ accessor.getName() }}</h3>
+						<div class="ng-doc-node-details">
+							{%- if inheritedFrom %}
+								inherited from <code>{{ inheritedFrom.getName() }}</code>
+							{%- elseif overriddenMember %}
+								overrides <code>{{ overriddenMember.getParent().getName() }}</code>
+							{%- elseif implementedMember %}
+								implements <code>{{ implementedMember.getParent().getName() }}</code>
+							{%- endif %}
+						</div>
+					</th>
+				</tr>
+				</thead>
+				<tbody>
+				<tr>
+					<td>
+						{% set description = docNode | extractDocs %}
+
+						{{ description if description else noContentMacro.render('No documentation has been provided.') }}
+					</td>
+				</tr>
+				<tr>
+					<td>
+						<h5 class="no-anchor">Presentation</h5>
+						{{ codeMacro.render(accessor | accessorPresentation, "typescript", false) }}
+					</td>
+				</tr>
+				<tr>
+					<td>
+						<h5 class="no-anchor">Type</h5>
+						<p>
+							{{ typeMacro.render(accessor.getType()) }}
+						</p>
+					</td>
+				</tr>
+				</tbody>
+			</table>
+		</div>
+	{% endmacro %}
+
+
+	{{ renderAccessor(accessor.get, "get", origin) if accessor.get }}
+	{{ renderAccessor(accessor.set, "set", origin) if accessor.set }}
+{% endmacro %}

package/templates/helpers/accessors.html.nunj

@@ -0,0 +1,7 @@
+{% import "helpers/accessor.html.nunj" as accessor %}
+
+{% macro render(accessors, originalParent) %}
+	{%- for a in accessors | groupAccessors %}
+		{{ accessor.render(a, originalParent) }}
+	{% endfor -%}
+{% endmacro %}

package/templates/helpers/code.html.nunj

@@ -1,3 +1,3 @@
 {% macro render(code, language = "typescript", copyButton = true) -%}
-	<pre><code lang="{{ language }}" class="language-{{ language }}">{{ code | escape }}</code></pre>
+	<pre><code lang="{{ language | lower }}" class="language-{{ language | lower }}">{{ code | escape }}</code></pre>
 {%- endmacro %}

package/templates/helpers/constructor.html.nunj

@@ -0,0 +1,34 @@
+{% import "helpers/code.html.nunj" as codeMacro %}
+{% import "helpers/parameters.html.nunj" as parametersMacro %}
+{% import "helpers/no-content.html.nunj" as noContentMacro %}
+
+{% macro render(constructor) %}
+	{% set parameters = constructor.getParameters() %}
+	<div class="ng-doc-table-wrapper">
+		<table class="ng-doc-method-table">
+			<tbody>
+			<tr>
+				<td>
+					{% set description = constructor | extractDocs %}
+
+					{{ description if description else noContentMacro.render('No documentation has been provided.') }}
+				</td>
+			</tr>
+			<tr>
+				<td>
+					<h5 class="no-anchor">Presentation</h5>
+					{{ codeMacro.render(constructor | constructorPresentation, "typescript", false) }}
+				</td>
+			</tr>
+			<tr>
+				<td>
+					{%- if parameters.length %}
+						<h5 class="no-anchor">Parameters</h5>
+						{{ parametersMacro.render(parameters, constructor) }}
+					{%- endif %}
+				</td>
+			</tr>
+			</tbody>
+		</table>
+	</div>
+{% endmacro %}

package/templates/helpers/declaration-modifiers.html.nunj

@@ -7,24 +7,25 @@
 	{% set isStatic = declaration.isStatic and declaration.isStatic() %}
 	{% set isAsync = declaration.isAsync and declaration.isAsync() %}
 	{% set isReadonly = declaration.isReadonly and declaration.isReadonly() %}
+	{% set tooltip = ["Abstract" if isAbstract, 'Static' if isStatic, 'Async' if isAsync, 'Readonly' if isReadonly] | noEmpty | join(', ') %}
 
 	{%- if type == 'badge' %}
 		{%- if isAbstract or isStatic or isAsync or isReadonly %}
-			<span class="ng-doc-badge-wrapper">
-				{{ badgeMacro.render("Abstract") if isAbstract }}
-				{{ badgeMacro.render("Static") if isStatic }}
-				{{ badgeMacro.render("Async") if isAsync }}
-				{{ badgeMacro.render("Readonly") if isReadonly }}
+			<span class="ng-doc-badge-wrapper" ngDocTooltip="{{ tooltip }}">
+				{{ badgeMacro.render("abstract") if isAbstract }}
+				{{ badgeMacro.render("static") if isStatic }}
+				{{ badgeMacro.render("async") if isAsync }}
+				{{ badgeMacro.render("readonly") if isReadonly }}
 			</span>
 		{%- endif %}
 
 	{%- elseif type == 'modifier' %}
 		{%- if isAbstract or isStatic or isAsync or isReadonly %}
 			<div class="ng-doc-modifiers-wrapper">
-				{{ modifierMacro.render("Abstract") if isAbstract }}
-				{{ modifierMacro.render("Static") if isStatic }}
-				{{ modifierMacro.render("Async") if isAsync }}
-				{{ modifierMacro.render("Readonly") if isReadonly }}
+				{{ modifierMacro.render("abstract") if isAbstract }}
+				{{ modifierMacro.render("static") if isStatic }}
+				{{ modifierMacro.render("async") if isAsync }}
+				{{ modifierMacro.render("readonly") if isReadonly }}
 			</div>
 		{%- endif %}
 	{%- else %}

package/templates/helpers/method.html.nunj

@@ -3,26 +3,42 @@
 {% import "helpers/declaration-modifiers.html.nunj" as tagsMacro %}
 {% import "helpers/parameters.html.nunj" as parametersMacro %}
 {% import "helpers/decorators.html.nunj" as decoratorsMacro %}
+{% import "helpers/no-content.html.nunj" as noContentMacro %}
 
-{% macro render(method) %}
+{% macro render(method, origin) %}
 	{% set parameters = method.getParameters() %}
+	{% set methodChain = method | getMethodChain %}
+	{% set inheritedFrom = method | getInheritedParent(origin) %}
+	{% set overriddenMember = method | getOverriddenMember %}
+	{% set implementedMember = method | getImplementedMember %}
+	{% set docNode = methodChain | firstNodeWithComment %}
+
 	<div class="ng-doc-table-wrapper">
 		<table class="ng-doc-method-table">
 			<thead>
 			<tr>
 				<th>
 					{{ decoratorsMacro.render(method.getDecorators()) if method.getDecorators }}
-					<h3>{{ method.getName() }}</h3>
 					{{ tagsMacro.render(method, 'modifier') }}
+					<h3>{{ method.getName() }}()</h3>
+					<div class="ng-doc-node-details">
+						{%- if inheritedFrom %}
+							inherited from <code>{{ inheritedFrom.getName() }}</code>
+						{%- elseif overriddenMember %}
+							overrides <code>{{ (overriddenMember | getMemberParent).getName() }}</code>
+						{%- elseif implementedMember %}
+							implements <code>{{ (implementedMember | getMemberParent).getName() }}</code>
+						{%- endif %}
+					</div>
 				</th>
 			</tr>
 			</thead>
 			<tbody>
 			<tr>
 				<td>
-					{% set description = method | extractDocs %}
+					{% set description = docNode | extractDocs %}
 
-					{{ description if description else 'No documentation has been provided.' }}
+					{{ description if description else noContentMacro.render('No documentation has been provided.') }}
 				</td>
 			</tr>
 			<tr>
@@ -35,7 +51,7 @@
 				<td>
 					{%- if parameters.length %}
 						<h5 class="no-anchor">Parameters</h5>
-						{{ parametersMacro.render(parameters, method) }}
+						{{ parametersMacro.render(parameters, docNode) }}
 					{%- endif %}
 					<h5 class="no-anchor">Returns</h5>
 					<p>

package/templates/helpers/methods.html.nunj

@@ -1,7 +1,7 @@
 {% import "helpers/method.html.nunj" as method %}
 
-{% macro render(methods) %}
+{% macro render(methods, originalParent) %}
 {%- for m in methods %}
-{{ method.render(m) }}
+{{ method.render(m, originalParent) }}
 {% endfor -%}
 {% endmacro %}

package/templates/helpers/no-content.html.nunj

@@ -0,0 +1,3 @@
+{%- macro render(content) -%}
+	<span class="ng-doc-no-content">{{ content }}</span>
+{%- endmacro -%}

package/templates/helpers/parameters.html.nunj

@@ -1,4 +1,6 @@
 {% import "helpers/type.html.nunj" as typeMacro %}
+{% import "helpers/declaration-modifiers.html.nunj" as tagsMacro %}
+{% import "helpers/decorators.html.nunj" as decoratorsMacro %}
 
 {% macro render(parameters, origin) %}
 	<div class="ng-doc-table-wrapper">
@@ -12,8 +14,26 @@
 			</thead>
 			<tbody>
 			{%- for param in parameters %}
+				{% set paramChain = param | getPropertyChain %}
+				{% set inheritedFrom = param | getInheritedParent(origin) %}
+				{% set overriddenMember = param | getOverriddenMember %}
+				{% set implementedMember = param | getImplementedMember %}
+				{% set docNode = paramChain | firstNodeWithComment %}
+
 				<tr>
-					<td>{{ param.getName() }}</td>
+					<td>
+						{{ decoratorsMacro.render(param.getDecorators(), true) if param.getDecorators }}
+						{{ tagsMacro.render(param, "badge") }}{{ param.getName() }}
+						<div class="ng-doc-node-details">
+							{%- if inheritedFrom %}
+								inherited from <code>{{ inheritedFrom.getName() }}</code>
+							{%- elseif overriddenMember %}
+								overrides <code>{{ (overriddenMember | getMemberParent).getName() }}</code>
+							{%- elseif implementedMember %}
+								implements <code>{{ (implementedMember | getMemberParent).getName() }}</code>
+							{%- endif %}
+						</div>
+					</td>
 					<td>{{ typeMacro.render(param.getType()) }}</td>
 					<td>{{ origin | extractParameterDocs(param.getName()) }}</td>
 				</tr>

package/templates/helpers/properties.html.nunj

@@ -2,7 +2,7 @@
 {% import "helpers/declaration-modifiers.html.nunj" as tagsMacro %}
 {% import "helpers/decorators.html.nunj" as decoratorsMacro %}
 
-{% macro render(properties) %}
+{% macro render(properties, origin) %}
 	<div class="ng-doc-table-wrapper">
 		<table class="ng-doc-properties-table">
 			<thead>
@@ -14,13 +14,28 @@
 			</thead>
 			<tbody>
 			{%- for property in properties %}
+				{% set propertyChain = property | getPropertyChain %}
+				{% set inheritedFrom = property | getInheritedParent(origin) %}
+				{% set overriddenMember = property | getOverriddenMember %}
+				{% set implementedMember = property | getImplementedMember %}
+				{% set docNode = propertyChain | firstNodeWithComment %}
+
 				<tr>
 					<td>
 						{{ decoratorsMacro.render(property.getDecorators(), true) if property.getDecorators }}
 						{{ tagsMacro.render(property, "badge") }}{{ property.getName() }}
+						<div class="ng-doc-node-details">
+							{%- if inheritedFrom %}
+								inherited from <code>{{ inheritedFrom.getName() }}</code>
+							{%- elseif overriddenMember %}
+								overrides <code>{{ (overriddenMember | getMemberParent).getName() }}</code>
+							{%- elseif implementedMember %}
+								implements <code>{{ (implementedMember | getMemberParent).getName() }}</code>
+							{%- endif %}
+						</div>
 					</td>
 					<td>{{ typeMacro.render(property.getType()) }}</td>
-					<td>{{ property | extractDocs }}</td>
+					<td>{{ docNode | extractDocs }}</td>
 				</tr>
 			{%- endfor %}
 			</tbody>

package/templates/page.module.ts.nunj

@@ -3,11 +3,10 @@ import {Component, NgModule, Type, ChangeDetectionStrategy} from '@angular/core'
 import {RouterModule} from '@angular/router';
 import {CommonModule} from '@angular/common';
 import {NgDocPageModule, NgDocRootPage, NgDocDemoAssets} from '@ng-doc/app';
-import {NgDocPlayground} from '@ng-doc/builder';
 import pageContent from '!!raw-loader!{{ page.builtPagePath }}';
-{%- if page.pageDependenciesImport %}
+{%- if page.pageDependencies %}
 // noinspection ES6UnusedImports
-import pageDependencies from '{{ page.pageDependenciesImport }}';
+import pageDependencies from '{{ page.pageDependencies.importPath }}';
 {%- endif %}
 {%- if page.componentsAssets %}
 // noinspection ES6UnusedImports
@@ -18,11 +17,11 @@ import demoAssets from '{{ page.componentsAssets }}';
 @Component({
 	template: `<ng-doc-page></ng-doc-page>`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	providers: [{provide: NgDocRootPage, useExisting: {{ page.componentName }}}],
+	providers: [{provide: NgDocRootPage, useExisting: DynamicComponent}],
 })
-export class {{ page.componentName }} extends NgDocRootPage {
+export class DynamicComponent extends NgDocRootPage {
 	readonly pageContent: string = pageContent;
-	{%- if page.pageDependenciesFile %}
+	{%- if page.pageDependencies %}
 	readonly demo: Record<string, Type<unknown>> | undefined = pageDependencies.demo;
 	readonly module: Type<unknown> | undefined = pageDependencies.module;
 	{%- endif %}
@@ -36,20 +35,21 @@ export class {{ page.componentName }} extends NgDocRootPage {
 }
 
 @NgModule({
-	declarations: [{{ page.componentName }}],
+	declarations: [DynamicComponent],
 	imports: [
 		CommonModule,
 		NgDocPageModule,
-		{%- if page.pageDependenciesFile %}
+		{%- if page.pageDependencies %}
 		pageDependencies.module,
 		{%- endif %}
 		RouterModule.forChild([{
 			path: '',
-			component: {{ page.componentName }},
+			component: DynamicComponent,
+			title: '{{ page.title }}',
 		}]),
 	],
 	exports: [RouterModule]
 })
-export class {{ page.moduleName }} {
+export class DynamicModule {
 }