@ng-doc/app 15.4.1 → 15.5.1

package/assets/themes/ng-doc-dark-purple.css

@@ -104,6 +104,7 @@ code.hljs {
   --ng-doc-shadow-color: rgb(var(--ng-doc-grey-rgb));
   --ng-doc-code-background: #281f2e;
   --ng-doc-link-color: var(--ng-doc-pink-120);
+  --ng-doc-link-color-rgb: var(--ng-doc-pink-rgb);
 }
 
 pre code.hljs {

package/assets/themes/ng-doc-night.css

@@ -14,4 +14,5 @@
   --ng-doc-text: var(--ng-doc-white);
   --ng-doc-shadow-color: rgb(var(--ng-doc-grey-rgb));
   --ng-doc-link-color: var(--ng-doc-light-blue-100);
+  --ng-doc-link-color-rgb: var(--ng-doc-light-blue-rgb);
 }

package/classes/root-page/root-page.d.ts

@@ -1,9 +1,11 @@
 import { NgDocDemoAssets } from '@ng-doc/app/interfaces';
+import { NgDocPageType } from '@ng-doc/core';
 import { NgDocDependencies } from '@ng-doc/core/interfaces';
 /**
  * Base class for NgDoc page
  */
 export declare abstract class NgDocRootPage {
+    abstract readonly pageType: NgDocPageType;
     /**
      * Html content of the page
      */

package/components/page/page.component.d.ts

@@ -1,8 +1,15 @@
+import { Router } from '@angular/router';
 import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { NgDocContext, NgDocNavigation } from '@ng-doc/app/interfaces';
 import * as i0 from "@angular/core";
 export declare class NgDocPageComponent {
+    private readonly context;
+    private readonly router;
     readonly rootPage: NgDocRootPage;
-    constructor(rootPage: NgDocRootPage);
+    readonly prevPage?: NgDocNavigation;
+    readonly nextPage?: NgDocNavigation;
+    constructor(context: NgDocContext, router: Router, rootPage: NgDocRootPage);
+    private flatPages;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgDocPageComponent, "ng-doc-page", never, {}, {}, never, never, false, never>;
 }

package/components/page/page.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./page.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@ng-doc/app/processors";
-import * as i4 from "@ng-doc/app/pipes/sanitize-html";
-import * as i5 from "@ng-doc/app/components/toc";
-import * as i6 from "@ng-doc/ui-kit";
-import * as i7 from "@ng-doc/app/type-controls";
+import * as i2 from "@ng-doc/app/type-controls";
+import * as i3 from "@angular/common";
+import * as i4 from "@ng-doc/app/processors";
+import * as i5 from "@ng-doc/app/pipes/sanitize-html";
+import * as i6 from "@ng-doc/app/components/toc";
+import * as i7 from "@ng-doc/ui-kit";
+import * as i8 from "@angular/router";
 export declare class NgDocPageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgDocPageModule, [typeof i1.NgDocPageComponent], [typeof i2.CommonModule, typeof i3.NgDocDemoProcessorModule, typeof i3.NgDocCodeProcessorModule, typeof i3.NgDocBlockquoteProcessorModule, typeof i4.NgDocSanitizeHtmlModule, typeof i3.NgDocIconProcessorModule, typeof i5.NgDocPageMapModule, typeof i6.NgDocMediaQueryModule, typeof i3.NgDocTooltipProcessorModule, typeof i6.NgDocButtonIconModule, typeof i6.NgDocIconModule, typeof i6.NgDocTooltipModule, typeof i3.NgDocPlaygroundProcessorModule, typeof i7.NgDocBooleanControlModule, typeof i7.NgDocNumberControlModule, typeof i7.NgDocStringControlModule, typeof i7.NgDocTypeAliasControlModule], [typeof i1.NgDocPageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgDocPageModule, [typeof i1.NgDocPageComponent], [typeof i2.NgDocBooleanControlModule, typeof i2.NgDocNumberControlModule, typeof i2.NgDocStringControlModule, typeof i2.NgDocTypeAliasControlModule, typeof i3.CommonModule, typeof i4.NgDocDemoProcessorModule, typeof i4.NgDocCodeProcessorModule, typeof i4.NgDocBlockquoteProcessorModule, typeof i5.NgDocSanitizeHtmlModule, typeof i4.NgDocIconProcessorModule, typeof i6.NgDocPageMapModule, typeof i7.NgDocMediaQueryModule, typeof i4.NgDocTooltipProcessorModule, typeof i7.NgDocButtonIconModule, typeof i7.NgDocIconModule, typeof i7.NgDocTooltipModule, typeof i4.NgDocPlaygroundProcessorModule, typeof i8.RouterLink, typeof i7.NgDocButtonModule, typeof i7.NgDocTextModule], [typeof i1.NgDocPageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgDocPageModule>;
 }

package/esm2020/classes/root-page/root-page.mjs

@@ -3,4 +3,4 @@
  */
 export class NgDocRootPage {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY2xhc3Nlcy9yb290LXBhZ2Uvcm9vdC1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBOztHQUVHO0FBQ0gsTUFBTSxPQUFnQixhQUFhO0NBeUJsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdEb2NEZW1vQXNzZXRzfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7TmdEb2NEZXBlbmRlbmNpZXN9IGZyb20gJ0BuZy1kb2MvY29yZS9pbnRlcmZhY2VzJztcblxuLyoqXG4gKiBCYXNlIGNsYXNzIGZvciBOZ0RvYyBwYWdlXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ0RvY1Jvb3RQYWdlIHtcblx0LyoqXG5cdCAqIEh0bWwgY29udGVudCBvZiB0aGUgcGFnZVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgcGFnZUNvbnRlbnQ6IHN0cmluZztcblxuXHQvKipcblx0ICogRWRpdCBVUkwgdGhhdCBjYW4gYmUgdXNlZCB0byBlZGl0IHRoZSBwYWdlIHNvdXJjZSBmaWxlIGluIHRoZSByZXBvc2l0b3J5XG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBlZGl0U291cmNlRmlsZVVybD86IHN0cmluZztcblxuXHQvKipcblx0ICogVmlldyBVUkwgdGhhdCBjYW4gYmUgdXNlZCB0byB2aWV3IHRoZSBwYWdlIHNvdXJjZSBmaWxlIGluIHRoZSByZXBvc2l0b3J5XG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSB2aWV3U291cmNlRmlsZVVybD86IHN0cmluZztcblxuXHQvKipcblx0ICogVGhlIHBhZ2UgZGVwZW5kZW5jaWVzIGZpbGVcblx0ICovXG5cdGFic3RyYWN0IHJlYWRvbmx5IGRlcGVuZGVuY2llcz86IE5nRG9jRGVwZW5kZW5jaWVzO1xuXG5cdC8qKlxuXHQgKiBUaGUgcGFnZSBkZW1vIGFzc2V0cyB0aGF0IGhhdmUgY29kZSBleGFtcGxlcyBvZiB0aGUgZGVtbyBjb21wb25lbnRzXG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBkZW1vQXNzZXRzPzogTmdEb2NEZW1vQXNzZXRzO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY2xhc3Nlcy9yb290LXBhZ2Uvcm9vdC1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBOztHQUVHO0FBQ0gsTUFBTSxPQUFnQixhQUFhO0NBMEJsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdEb2NEZW1vQXNzZXRzfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7TmdEb2NQYWdlVHlwZX0gZnJvbSAnQG5nLWRvYy9jb3JlJztcbmltcG9ydCB7TmdEb2NEZXBlbmRlbmNpZXN9IGZyb20gJ0BuZy1kb2MvY29yZS9pbnRlcmZhY2VzJztcblxuLyoqXG4gKiBCYXNlIGNsYXNzIGZvciBOZ0RvYyBwYWdlXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ0RvY1Jvb3RQYWdlIHtcblx0YWJzdHJhY3QgcmVhZG9ubHkgcGFnZVR5cGU6IE5nRG9jUGFnZVR5cGU7XG5cdC8qKlxuXHQgKiBIdG1sIGNvbnRlbnQgb2YgdGhlIHBhZ2Vcblx0ICovXG5cdGFic3RyYWN0IHJlYWRvbmx5IHBhZ2VDb250ZW50OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIEVkaXQgVVJMIHRoYXQgY2FuIGJlIHVzZWQgdG8gZWRpdCB0aGUgcGFnZSBzb3VyY2UgZmlsZSBpbiB0aGUgcmVwb3NpdG9yeVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgZWRpdFNvdXJjZUZpbGVVcmw/OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIFZpZXcgVVJMIHRoYXQgY2FuIGJlIHVzZWQgdG8gdmlldyB0aGUgcGFnZSBzb3VyY2UgZmlsZSBpbiB0aGUgcmVwb3NpdG9yeVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgdmlld1NvdXJjZUZpbGVVcmw/OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIFRoZSBwYWdlIGRlcGVuZGVuY2llcyBmaWxlXG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBkZXBlbmRlbmNpZXM/OiBOZ0RvY0RlcGVuZGVuY2llcztcblxuXHQvKipcblx0ICogVGhlIHBhZ2UgZGVtbyBhc3NldHMgdGhhdCBoYXZlIGNvZGUgZXhhbXBsZXMgb2YgdGhlIGRlbW8gY29tcG9uZW50c1xuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgZGVtb0Fzc2V0cz86IE5nRG9jRGVtb0Fzc2V0cztcbn1cbiJdfQ==

package/esm2020/components/page/page.component.mjs

@@ -1,22 +1,39 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
+import { Router } from '@angular/router';
 import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';
 import * as i0 from "@angular/core";
-import * as i1 from "@ng-doc/app/classes/root-page";
-import * as i2 from "@angular/common";
-import * as i3 from "@ng-doc/app/processors";
-import * as i4 from "@ng-doc/app/components/toc";
-import * as i5 from "@ng-doc/ui-kit";
-import * as i6 from "@ng-doc/app/pipes/sanitize-html";
+import * as i1 from "@angular/router";
+import * as i2 from "@ng-doc/app/classes/root-page";
+import * as i3 from "@angular/common";
+import * as i4 from "@ng-doc/app/processors";
+import * as i5 from "@ng-doc/app/components/toc";
+import * as i6 from "@ng-doc/ui-kit";
+import * as i7 from "@ng-doc/app/pipes/sanitize-html";
 export class NgDocPageComponent {
-    constructor(rootPage) {
+    constructor(context, router, rootPage) {
+        this.context = context;
+        this.router = router;
         this.rootPage = rootPage;
-        console.log(this.rootPage);
+        const flatPages = this.flatPages(this.context.navigation);
+        this.prevPage =
+            flatPages[flatPages.findIndex((item) => this.router.url.includes(item.route ?? '', 0)) - 1];
+        this.nextPage =
+            flatPages[flatPages.findIndex((item) => this.router.url.includes(item.route ?? '', 0)) + 1];
+    }
+    flatPages(items) {
+        return items
+            .map((item) => [item.children?.length ? this.flatPages(item.children) : item])
+            .flat(2);
     }
 }
-NgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });
-NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgDocDemoProcessorDirective, selector: "[ngDocDemoProcessor]" }, { kind: "directive", type: i3.NgDocCodeProcessorDirective, selector: "[ngDocCodeProcessor]" }, { kind: "directive", type: i3.NgDocBlockquoteProcessorDirective, selector: "[ngDocBlockquoteProcessor]" }, { kind: "directive", type: i3.NgDocIconProcessorDirective, selector: "[ngDocIconProcessor]" }, { kind: "component", type: i4.NgDocTocComponent, selector: "ng-doc-toc", inputs: ["pageContainer"] }, { kind: "directive", type: i5.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i3.NgDocTooltipProcessorDirective, selector: "[ngDocTooltipProcessor]" }, { kind: "component", type: i5.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i5.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i5.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i3.NgDocPlaygroundProcessorDirective, selector: "[ngDocPlaygroundProcessor]" }, { kind: "pipe", type: i6.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, deps: [{ token: NG_DOC_CONTEXT }, { token: i1.Router }, { token: i2.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });
+NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n\n\t<div class=\"ng-doc-navigation-controls\" *ngIf=\"rootPage.pageType === 'guide'\">\n\t\t<a ng-doc-button-text *ngIf=\"prevPage\" [routerLink]=\"prevPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t<ng-doc-icon icon=\"arrow-left\" ngDocTextLeft></ng-doc-icon>\n\t\t\t\t{{ prevPage.title }}\n\t\t\t</span>\n\t\t</a>\n\t\t<a ng-doc-button-text *ngIf=\"nextPage\" [routerLink]=\"nextPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t{{ nextPage.title }}\n\t\t\t\t<ng-doc-icon icon=\"arrow-right\" ngDocTextRight></ng-doc-icon>\n\t\t\t</span>\n\t\t</a>\n\t</div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}:host .ng-doc-navigation-controls{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 12);border-top:1px solid var(--ng-doc-base-2);padding-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-navigation-controls a{--ng-doc-button-hover-background: var(--ng-doc-base-1);--ng-doc-button-active-background: var(--ng-doc-base-2);--ng-doc-text: var(--ng-doc-base-10);--ng-doc-icon-color: var(--ng-doc-text)}:host .ng-doc-navigation-controls a:last-child:not(:first-child){margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgDocDemoProcessorDirective, selector: "[ngDocDemoProcessor]" }, { kind: "directive", type: i4.NgDocCodeProcessorDirective, selector: "[ngDocCodeProcessor]" }, { kind: "directive", type: i4.NgDocBlockquoteProcessorDirective, selector: "[ngDocBlockquoteProcessor]" }, { kind: "directive", type: i4.NgDocIconProcessorDirective, selector: "[ngDocIconProcessor]" }, { kind: "component", type: i5.NgDocTocComponent, selector: "ng-doc-toc", inputs: ["pageContainer"] }, { kind: "directive", type: i6.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i4.NgDocTooltipProcessorDirective, selector: "[ngDocTooltipProcessor]" }, { kind: "component", type: i6.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i6.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i6.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i4.NgDocPlaygroundProcessorDirective, selector: "[ngDocPlaygroundProcessor]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: ["size", "color", "rounded"] }, { kind: "component", type: i6.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: i6.NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: i6.NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "pipe", type: i7.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUFxQixRQUF1QjtRQUF2QixhQUFRLEdBQVIsUUFBUSxDQUFlO1FBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7OytHQUhXLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1EQ1QvQixxaUNBd0NBOzJGRC9CYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHtcblx0XHRjb25zb2xlLmxvZyh0aGlzLnJvb3RQYWdlKTtcblx0fVxufVxuIiwiPGFydGljbGU+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtcGFnZS1jb250cm9sc1wiPlxuXHRcdDxhXG5cdFx0XHRuZy1kb2MtYnV0dG9uLWljb25cblx0XHRcdCpuZ0lmPVwicm9vdFBhZ2UuZWRpdFNvdXJjZUZpbGVVcmxcIlxuXHRcdFx0W2hyZWZdPVwicm9vdFBhZ2UuZWRpdFNvdXJjZUZpbGVVcmxcIlxuXHRcdFx0dGFyZ2V0PVwiX2JsYW5rXCJcblx0XHRcdG5nRG9jVG9vbHRpcD1cIlN1Z2dlc3QgRWRpdHNcIlxuXHRcdD5cblx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiZWRpdC0yXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS52aWV3U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS52aWV3U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiVmlldyBTb3VyY2VcIlxuXHRcdD5cblx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiY29kZVwiPjwvbmctZG9jLWljb24+XG5cdFx0PC9hPlxuXHQ8L2Rpdj5cblxuXHQ8ZGl2XG5cdFx0W2lubmVySFRNTF09XCJyb290UGFnZS5wYWdlQ29udGVudCB8IG5nRG9jU2FuaXRpemVIdG1sXCJcblx0XHRuZ0RvY0Jsb2NrcXVvdGVQcm9jZXNzb3Jcblx0XHRuZ0RvY0RlbW9Qcm9jZXNzb3Jcblx0XHRuZ0RvY0NvZGVQcm9jZXNzb3Jcblx0XHRuZ0RvY0ljb25Qcm9jZXNzb3Jcblx0XHRuZ0RvY1Rvb2x0aXBQcm9jZXNzb3Jcblx0XHRuZ0RvY1BsYXlncm91bmRQcm9jZXNzb3Jcblx0XHQjcGFnZUNvbnRhaW5lclxuXHQ+PC9kaXY+XG48L2FydGljbGU+XG5cbjxuZy10ZW1wbGF0ZVxuXHRbbmdEb2NNZWRpYVF1ZXJ5XT1cIlttZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLkxhcmdlLCBtZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLlhMYXJnZV1cIlxuXHQjbWVkaWFRdWVyeT1cIm5nRG9jTWVkaWFRdWVyeVwiXG4+XG5cdDxuZy1kb2MtdG9jIFtwYWdlQ29udGFpbmVyXT1cInBhZ2VDb250YWluZXJcIj48L25nLWRvYy10b2M+XG48L25nLXRlbXBsYXRlPlxuIl19
+            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n\n\t<div class=\"ng-doc-navigation-controls\" *ngIf=\"rootPage.pageType === 'guide'\">\n\t\t<a ng-doc-button-text *ngIf=\"prevPage\" [routerLink]=\"prevPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t<ng-doc-icon icon=\"arrow-left\" ngDocTextLeft></ng-doc-icon>\n\t\t\t\t{{ prevPage.title }}\n\t\t\t</span>\n\t\t</a>\n\t\t<a ng-doc-button-text *ngIf=\"nextPage\" [routerLink]=\"nextPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t{{ nextPage.title }}\n\t\t\t\t<ng-doc-icon icon=\"arrow-right\" ngDocTextRight></ng-doc-icon>\n\t\t\t</span>\n\t\t</a>\n\t</div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}:host .ng-doc-navigation-controls{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 12);border-top:1px solid var(--ng-doc-base-2);padding-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-navigation-controls a{--ng-doc-button-hover-background: var(--ng-doc-base-1);--ng-doc-button-active-background: var(--ng-doc-base-2);--ng-doc-text: var(--ng-doc-base-10);--ng-doc-icon-color: var(--ng-doc-text)}:host .ng-doc-navigation-controls a:last-child:not(:first-child){margin-left:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_DOC_CONTEXT]
+                }] }, { type: i1.Router }, { type: i2.NgDocRootPage }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQWlCLE1BQU0sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUU1RCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7OztBQVFsRCxNQUFNLE9BQU8sa0JBQWtCO0lBRzlCLFlBRWtCLE9BQXFCLEVBQ3JCLE1BQWMsRUFDdEIsUUFBdUI7UUFGZixZQUFPLEdBQVAsT0FBTyxDQUFjO1FBQ3JCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDdEIsYUFBUSxHQUFSLFFBQVEsQ0FBZTtRQUVoQyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFMUQsSUFBSSxDQUFDLFFBQVE7WUFDWixTQUFTLENBQ1IsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQXFCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FDakcsQ0FBQztRQUNILElBQUksQ0FBQyxRQUFRO1lBQ1osU0FBUyxDQUNSLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFxQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQ2pHLENBQUM7SUFDSixDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQXdCO1FBQ3pDLE9BQU8sS0FBSzthQUNWLEdBQUcsQ0FBQyxDQUFDLElBQXFCLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUM5RixJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOzsrR0F6Qlcsa0JBQWtCLGtCQUlyQixjQUFjO21HQUpYLGtCQUFrQixtRENaL0IsdWxEQXVEQTsyRkQzQ2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNDLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTTs7MEJBTTdDLE1BQU07MkJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWN0aXZhdGVkUm91dGUsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuaW1wb3J0IHtOZ0RvY0NvbnRleHQsIE5nRG9jTmF2aWdhdGlvbn0gZnJvbSAnQG5nLWRvYy9hcHAvaW50ZXJmYWNlcyc7XG5pbXBvcnQge05HX0RPQ19DT05URVhUfSBmcm9tICdAbmctZG9jL2FwcC90b2tlbnMnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0cmVhZG9ubHkgcHJldlBhZ2U/OiBOZ0RvY05hdmlnYXRpb247XG5cdHJlYWRvbmx5IG5leHRQYWdlPzogTmdEb2NOYXZpZ2F0aW9uO1xuXHRjb25zdHJ1Y3Rvcihcblx0XHRASW5qZWN0KE5HX0RPQ19DT05URVhUKVxuXHRcdHByaXZhdGUgcmVhZG9ubHkgY29udGV4dDogTmdEb2NDb250ZXh0LFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIsXG5cdFx0cmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UsXG5cdCkge1xuXHRcdGNvbnN0IGZsYXRQYWdlcyA9IHRoaXMuZmxhdFBhZ2VzKHRoaXMuY29udGV4dC5uYXZpZ2F0aW9uKTtcblxuXHRcdHRoaXMucHJldlBhZ2UgPVxuXHRcdFx0ZmxhdFBhZ2VzW1xuXHRcdFx0XHRmbGF0UGFnZXMuZmluZEluZGV4KChpdGVtOiBOZ0RvY05hdmlnYXRpb24pID0+IHRoaXMucm91dGVyLnVybC5pbmNsdWRlcyhpdGVtLnJvdXRlID8/ICcnLCAwKSkgLSAxXG5cdFx0XHRdO1xuXHRcdHRoaXMubmV4dFBhZ2UgPVxuXHRcdFx0ZmxhdFBhZ2VzW1xuXHRcdFx0XHRmbGF0UGFnZXMuZmluZEluZGV4KChpdGVtOiBOZ0RvY05hdmlnYXRpb24pID0+IHRoaXMucm91dGVyLnVybC5pbmNsdWRlcyhpdGVtLnJvdXRlID8/ICcnLCAwKSkgKyAxXG5cdFx0XHRdO1xuXHR9XG5cblx0cHJpdmF0ZSBmbGF0UGFnZXMoaXRlbXM6IE5nRG9jTmF2aWdhdGlvbltdKTogTmdEb2NOYXZpZ2F0aW9uW10ge1xuXHRcdHJldHVybiBpdGVtc1xuXHRcdFx0Lm1hcCgoaXRlbTogTmdEb2NOYXZpZ2F0aW9uKSA9PiBbaXRlbS5jaGlsZHJlbj8ubGVuZ3RoID8gdGhpcy5mbGF0UGFnZXMoaXRlbS5jaGlsZHJlbikgOiBpdGVtXSlcblx0XHRcdC5mbGF0KDIpO1xuXHR9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdG5nRG9jUGxheWdyb3VuZFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cblxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLW5hdmlnYXRpb24tY29udHJvbHNcIiAqbmdJZj1cInJvb3RQYWdlLnBhZ2VUeXBlID09PSAnZ3VpZGUnXCI+XG5cdFx0PGEgbmctZG9jLWJ1dHRvbi10ZXh0ICpuZ0lmPVwicHJldlBhZ2VcIiBbcm91dGVyTGlua109XCJwcmV2UGFnZS5yb3V0ZVwiPlxuXHRcdFx0PHNwYW4gbmctZG9jLXRleHQ+XG5cdFx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiYXJyb3ctbGVmdFwiIG5nRG9jVGV4dExlZnQ+PC9uZy1kb2MtaWNvbj5cblx0XHRcdFx0e3sgcHJldlBhZ2UudGl0bGUgfX1cblx0XHRcdDwvc3Bhbj5cblx0XHQ8L2E+XG5cdFx0PGEgbmctZG9jLWJ1dHRvbi10ZXh0ICpuZ0lmPVwibmV4dFBhZ2VcIiBbcm91dGVyTGlua109XCJuZXh0UGFnZS5yb3V0ZVwiPlxuXHRcdFx0PHNwYW4gbmctZG9jLXRleHQ+XG5cdFx0XHRcdHt7IG5leHRQYWdlLnRpdGxlIH19XG5cdFx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiYXJyb3ctcmlnaHRcIiBuZ0RvY1RleHRSaWdodD48L25nLWRvYy1pY29uPlxuXHRcdFx0PC9zcGFuPlxuXHRcdDwvYT5cblx0PC9kaXY+XG48L2FydGljbGU+XG5cbjxuZy10ZW1wbGF0ZVxuXHRbbmdEb2NNZWRpYVF1ZXJ5XT1cIlttZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLkxhcmdlLCBtZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLlhMYXJnZV1cIlxuXHQjbWVkaWFRdWVyeT1cIm5nRG9jTWVkaWFRdWVyeVwiXG4+XG5cdDxuZy1kb2MtdG9jIFtwYWdlQ29udGFpbmVyXT1cInBhZ2VDb250YWluZXJcIj48L25nLWRvYy10b2M+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/components/page/page.module.mjs

@@ -1,16 +1,23 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import { NgDocPageMapModule } from '@ng-doc/app/components/toc';
 import { NgDocSanitizeHtmlModule } from '@ng-doc/app/pipes/sanitize-html';
 import { NgDocBlockquoteProcessorModule, NgDocCodeProcessorModule, NgDocDemoProcessorModule, NgDocIconProcessorModule, NgDocPlaygroundProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';
 import { NgDocBooleanControlModule, NgDocNumberControlModule, NgDocStringControlModule, NgDocTypeAliasControlModule, } from '@ng-doc/app/type-controls';
-import { NgDocButtonIconModule, NgDocIconModule, NgDocMediaQueryModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
+import { NgDocButtonIconModule, NgDocButtonModule, NgDocIconModule, NgDocMediaQueryModule, NgDocTextModule, NgDocTooltipModule, } from '@ng-doc/ui-kit';
 import { NgDocPageComponent } from './page.component';
 import * as i0 from "@angular/core";
 export class NgDocPageModule {
 }
 NgDocPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [CommonModule,
+NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [
+        /* TypeControls */
+        NgDocBooleanControlModule,
+        NgDocNumberControlModule,
+        NgDocStringControlModule,
+        NgDocTypeAliasControlModule,
+        CommonModule,
         NgDocDemoProcessorModule,
         NgDocCodeProcessorModule,
         NgDocBlockquoteProcessorModule,
@@ -23,12 +30,16 @@ NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         NgDocIconModule,
         NgDocTooltipModule,
         NgDocPlaygroundProcessorModule,
+        RouterLink,
+        NgDocButtonModule,
+        NgDocTextModule], exports: [NgDocPageComponent] });
+NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, imports: [
         /* TypeControls */
         NgDocBooleanControlModule,
         NgDocNumberControlModule,
         NgDocStringControlModule,
-        NgDocTypeAliasControlModule], exports: [NgDocPageComponent] });
-NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, imports: [CommonModule,
+        NgDocTypeAliasControlModule,
+        CommonModule,
         NgDocDemoProcessorModule,
         NgDocCodeProcessorModule,
         NgDocBlockquoteProcessorModule,
@@ -41,16 +52,18 @@ NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         NgDocIconModule,
         NgDocTooltipModule,
         NgDocPlaygroundProcessorModule,
-        /* TypeControls */
-        NgDocBooleanControlModule,
-        NgDocNumberControlModule,
-        NgDocStringControlModule,
-        NgDocTypeAliasControlModule] });
+        NgDocButtonModule,
+        NgDocTextModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgDocPageComponent],
                     imports: [
+                        /* TypeControls */
+                        NgDocBooleanControlModule,
+                        NgDocNumberControlModule,
+                        NgDocStringControlModule,
+                        NgDocTypeAliasControlModule,
                         CommonModule,
                         NgDocDemoProcessorModule,
                         NgDocCodeProcessorModule,
@@ -64,13 +77,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                         NgDocIconModule,
                         NgDocTooltipModule,
                         NgDocPlaygroundProcessorModule,
-                        /* TypeControls */
-                        NgDocBooleanControlModule,
-                        NgDocNumberControlModule,
-                        NgDocStringControlModule,
-                        NgDocTypeAliasControlModule,
+                        RouterLink,
+                        NgDocButtonModule,
+                        NgDocTextModule,
                     ],
                     exports: [NgDocPageComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4Qiw4QkFBOEIsRUFDOUIsMkJBQTJCLEdBQzNCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUNOLHlCQUF5QixFQUN6Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLDJCQUEyQixHQUMzQixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxlQUFlLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqSCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7QUEyQnBELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBeEJaLGtCQUFrQixhQUVoQyxZQUFZO1FBQ1osd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4Qiw4QkFBOEI7UUFDOUIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIscUJBQXFCO1FBQ3JCLDJCQUEyQjtRQUMzQixxQkFBcUI7UUFDckIsZUFBZTtRQUNmLGtCQUFrQjtRQUNsQiw4QkFBOEI7UUFFOUIsa0JBQWtCO1FBQ2xCLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDJCQUEyQixhQUVsQixrQkFBa0I7NkdBRWhCLGVBQWUsWUF0QjFCLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDhCQUE4QjtRQUU5QixrQkFBa0I7UUFDbEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsMkJBQTJCOzJGQUloQixlQUFlO2tCQXpCM0IsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFO3dCQUNSLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLDhCQUE4Qjt3QkFFOUIsa0JBQWtCO3dCQUNsQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7cUJBQzNCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jUGFnZU1hcE1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90b2MnO1xuaW1wb3J0IHtOZ0RvY1Nhbml0aXplSHRtbE1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvcGlwZXMvc2FuaXRpemUtaHRtbCc7XG5pbXBvcnQge1xuXHROZ0RvY0Jsb2NrcXVvdGVQcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jQ29kZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NEZW1vUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jUGxheWdyb3VuZFByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NUb29sdGlwUHJvY2Vzc29yTW9kdWxlLFxufSBmcm9tICdAbmctZG9jL2FwcC9wcm9jZXNzb3JzJztcbmltcG9ydCB7XG5cdE5nRG9jQm9vbGVhbkNvbnRyb2xNb2R1bGUsXG5cdE5nRG9jTnVtYmVyQ29udHJvbE1vZHVsZSxcblx0TmdEb2NTdHJpbmdDb250cm9sTW9kdWxlLFxuXHROZ0RvY1R5cGVBbGlhc0NvbnRyb2xNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3R5cGUtY29udHJvbHMnO1xuaW1wb3J0IHtOZ0RvY0J1dHRvbkljb25Nb2R1bGUsIE5nRG9jSWNvbk1vZHVsZSwgTmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLCBOZ0RvY1Rvb2x0aXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY1BhZ2VDb21wb25lbnR9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1BhZ2VDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jRGVtb1Byb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0NvZGVQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCbG9ja3F1b3RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jU2FuaXRpemVIdG1sTW9kdWxlLFxuXHRcdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1BhZ2VNYXBNb2R1bGUsXG5cdFx0TmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcFByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XHROZ0RvY1BsYXlncm91bmRQcm9jZXNzb3JNb2R1bGUsXG5cblx0XHQvKiBUeXBlQ29udHJvbHMgKi9cblx0XHROZ0RvY0Jvb2xlYW5Db250cm9sTW9kdWxlLFxuXHRcdE5nRG9jTnVtYmVyQ29udHJvbE1vZHVsZSxcblx0XHROZ0RvY1N0cmluZ0NvbnRyb2xNb2R1bGUsXG5cdFx0TmdEb2NUeXBlQWxpYXNDb250cm9sTW9kdWxlLFxuXHRdLFxuXHRleHBvcnRzOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQzlELE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFDTiw4QkFBOEIsRUFDOUIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4Qix3QkFBd0IsRUFDeEIsOEJBQThCLEVBQzlCLDJCQUEyQixHQUMzQixNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFDTix5QkFBeUIsRUFDekIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDM0IsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQ04scUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YscUJBQXFCLEVBQ3JCLGVBQWUsRUFDZixrQkFBa0IsR0FDbEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7QUE4QnBELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBM0JaLGtCQUFrQjtRQUVoQyxrQkFBa0I7UUFDbEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsMkJBQTJCO1FBRTNCLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDhCQUE4QjtRQUM5QixVQUFVO1FBQ1YsaUJBQWlCO1FBQ2pCLGVBQWUsYUFFTixrQkFBa0I7NkdBRWhCLGVBQWU7UUF6QjFCLGtCQUFrQjtRQUNsQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QiwyQkFBMkI7UUFFM0IsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsOEJBQThCO1FBRTlCLGlCQUFpQjtRQUNqQixlQUFlOzJGQUlKLGVBQWU7a0JBNUIzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1Isa0JBQWtCO3dCQUNsQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBRTNCLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLDhCQUE4Qjt3QkFDOUIsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLGVBQWU7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Um91dGVyTGlua30gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7TmdEb2NQYWdlTWFwTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3RvYyc7XG5pbXBvcnQge05nRG9jU2FuaXRpemVIdG1sTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcy9zYW5pdGl6ZS1odG1sJztcbmltcG9ydCB7XG5cdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtcblx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0TmdEb2NOdW1iZXJDb250cm9sTW9kdWxlLFxuXHROZ0RvY1N0cmluZ0NvbnRyb2xNb2R1bGUsXG5cdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcbn0gZnJvbSAnQG5nLWRvYy9hcHAvdHlwZS1jb250cm9scyc7XG5pbXBvcnQge1xuXHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdE5nRG9jQnV0dG9uTW9kdWxlLFxuXHROZ0RvY0ljb25Nb2R1bGUsXG5cdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0TmdEb2NUZXh0TW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY1BhZ2VDb21wb25lbnR9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1BhZ2VDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0LyogVHlwZUNvbnRyb2xzICovXG5cdFx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0XHROZ0RvY051bWJlckNvbnRyb2xNb2R1bGUsXG5cdFx0TmdEb2NTdHJpbmdDb250cm9sTW9kdWxlLFxuXHRcdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcblxuXHRcdENvbW1vbk1vZHVsZSxcblx0XHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1Nhbml0aXplSHRtbE1vZHVsZSxcblx0XHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NQYWdlTWFwTW9kdWxlLFxuXHRcdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCdXR0b25JY29uTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHRcdFJvdXRlckxpbmssXG5cdFx0TmdEb2NCdXR0b25Nb2R1bGUsXG5cdFx0TmdEb2NUZXh0TW9kdWxlLFxuXHRdLFxuXHRleHBvcnRzOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlTW9kdWxlIHt9XG4iXX0=

package/esm2020/components/playground/playground-properties/playground-properties.component.mjs

@@ -22,7 +22,7 @@ export class NgDocPlaygroundPropertiesComponent {
     }
 }
 NgDocPlaygroundPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundPropertiesComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-NgDocPlaygroundPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundPropertiesComponent, selector: "ng-doc-playground-properties", inputs: { form: "form", properties: "properties", dynamicContent: "dynamicContent", recreateDemo: "recreateDemo" }, outputs: { recreateDemoChange: "recreateDemoChange", resetForm: "resetForm" }, ngImport: i0, template: "<div class=\"ng-doc-playground-properties-wrapper\" [class.vertical]=\"observer | async\">\n\t<div class=\"ng-doc-playground-demos\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"ng-doc-playground-properties\">\n\t\t<div class=\"ng-doc-playground-header\">\n\t\t\t<h4 ng-doc-text>Playground</h4>\n\t\t\t<button ng-doc-button color=\"red\" (click)=\"resetForm.emit()\">Reset</button>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-setting\">\n\t\t\t<ng-doc-checkbox [(ngModel)]=\"recreateDemo\" (ngModelChange)=\"recreateDemoChange.emit($event)\">\n\t\t\t\t<span\n\t\t\t\t\tng-doc-text\n\t\t\t\t\t[ngDocTooltip]=\"'Recreates demo everytime\\none of the input has changed'\"\n\t\t\t\t\t[positions]=\"['bottom-right', 'left-center']\"\n\t\t\t\t>\n\t\t\t\t\tRecreate\n\t\t\t\t\t<ng-doc-icon icon=\"info\" ngDocTextRight></ng-doc-icon>\n\t\t\t\t</span>\n\t\t\t</ng-doc-checkbox>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-divider\"></div>\n\t\t<ng-container *ngIf=\"(properties | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Settings</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let property of properties | keyvalue\"\n\t\t\t\t[name]=\"property.value.name\"\n\t\t\t\t[property]=\"property.value\"\n\t\t\t\t[control]=\"getFormControl('properties', property.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\n\t\t<ng-container *ngIf=\"(dynamicContent | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Content</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let content of dynamicContent | keyvalue\"\n\t\t\t\t[name]=\"content.value.label\"\n\t\t\t\t[property]=\"content.value\"\n\t\t\t\t[control]=\"getFormControl('content', content.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\t</div>\n</div>\n", styles: [":host .ng-doc-playground-properties-wrapper{position:relative;display:flex}:host .ng-doc-playground-properties-wrapper.vertical{flex-direction:column}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-demos{margin-right:0;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-properties{width:100%}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-demos{display:flex;flex-direction:column;width:100%;overflow:hidden;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties{flex-shrink:0;width:300px;padding:calc(var(--ng-doc-base-gutter) * 2) calc(var(--ng-doc-base-gutter) * 3);background-color:var(--ng-doc-base-1);border-radius:var(--ng-doc-base-gutter)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties ng-doc-playground-property:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-controls{display:flex;justify-content:flex-end}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header h4{margin:0}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-setting{display:flex;flex-direction:column}:host .ng-doc-playground-properties-wrapper .ng-doc-title{margin-top:0;margin-bottom:calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2)}:host .ng-doc-playground-divider{margin:calc(var(--ng-doc-base-gutter) * 2) 0;height:1px;background-color:var(--ng-doc-base-2)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: i4.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "component", type: i4.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: i4.NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "component", type: i4.NgDocCheckboxComponent, selector: "ng-doc-checkbox", inputs: ["color"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button]", inputs: ["size", "color"] }, { kind: "component", type: i5.NgDocPlaygroundPropertyComponent, selector: "ng-doc-playground-property", inputs: ["name", "property", "control"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPlaygroundPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundPropertiesComponent, selector: "ng-doc-playground-properties", inputs: { form: "form", properties: "properties", dynamicContent: "dynamicContent", recreateDemo: "recreateDemo" }, outputs: { recreateDemoChange: "recreateDemoChange", resetForm: "resetForm" }, ngImport: i0, template: "<div class=\"ng-doc-playground-properties-wrapper\" [class.vertical]=\"observer | async\">\n\t<div class=\"ng-doc-playground-demos\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"ng-doc-playground-properties\">\n\t\t<div class=\"ng-doc-playground-header\">\n\t\t\t<h4 ng-doc-text>Playground</h4>\n\t\t\t<button ng-doc-button color=\"red\" (click)=\"resetForm.emit()\">Reset</button>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-setting\">\n\t\t\t<ng-doc-checkbox [(ngModel)]=\"recreateDemo\" (ngModelChange)=\"recreateDemoChange.emit($event)\">\n\t\t\t\t<span\n\t\t\t\t\tng-doc-text\n\t\t\t\t\t[ngDocTooltip]=\"'Recreates demo everytime\\none of the input has changed'\"\n\t\t\t\t\t[positions]=\"['bottom-right', 'left-center']\"\n\t\t\t\t>\n\t\t\t\t\tRecreate\n\t\t\t\t\t<ng-doc-icon icon=\"info\" ngDocTextRight></ng-doc-icon>\n\t\t\t\t</span>\n\t\t\t</ng-doc-checkbox>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-divider\"></div>\n\t\t<ng-container *ngIf=\"(properties | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Settings</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let property of properties | keyvalue\"\n\t\t\t\t[name]=\"property.value.name\"\n\t\t\t\t[property]=\"property.value\"\n\t\t\t\t[control]=\"getFormControl('properties', property.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\n\t\t<ng-container *ngIf=\"(dynamicContent | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Content</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let content of dynamicContent | keyvalue\"\n\t\t\t\t[name]=\"content.value.label\"\n\t\t\t\t[property]=\"content.value\"\n\t\t\t\t[control]=\"getFormControl('content', content.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\t</div>\n</div>\n", styles: [":host .ng-doc-playground-properties-wrapper{position:relative;display:flex}:host .ng-doc-playground-properties-wrapper.vertical{flex-direction:column}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-demos{margin-right:0;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-properties{width:100%}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-demos{display:flex;flex-direction:column;width:100%;overflow:hidden;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties{flex-shrink:0;width:300px;padding:calc(var(--ng-doc-base-gutter) * 2) calc(var(--ng-doc-base-gutter) * 3);background-color:var(--ng-doc-base-1);border-radius:var(--ng-doc-base-gutter)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties ng-doc-playground-property:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-controls{display:flex;justify-content:flex-end}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header h4{margin:0}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-setting{display:flex;flex-direction:column}:host .ng-doc-playground-properties-wrapper .ng-doc-title{margin-top:0;margin-bottom:calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2)}:host .ng-doc-playground-divider{margin:calc(var(--ng-doc-base-gutter) * 2) 0;height:1px;background-color:var(--ng-doc-base-2)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: i4.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "component", type: i4.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: i4.NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "component", type: i4.NgDocCheckboxComponent, selector: "ng-doc-checkbox", inputs: ["color"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: ["size", "color", "rounded"] }, { kind: "component", type: i5.NgDocPlaygroundPropertyComponent, selector: "ng-doc-playground-property", inputs: ["name", "property", "control"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundPropertiesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-playground-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-playground-properties-wrapper\" [class.vertical]=\"observer | async\">\n\t<div class=\"ng-doc-playground-demos\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"ng-doc-playground-properties\">\n\t\t<div class=\"ng-doc-playground-header\">\n\t\t\t<h4 ng-doc-text>Playground</h4>\n\t\t\t<button ng-doc-button color=\"red\" (click)=\"resetForm.emit()\">Reset</button>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-setting\">\n\t\t\t<ng-doc-checkbox [(ngModel)]=\"recreateDemo\" (ngModelChange)=\"recreateDemoChange.emit($event)\">\n\t\t\t\t<span\n\t\t\t\t\tng-doc-text\n\t\t\t\t\t[ngDocTooltip]=\"'Recreates demo everytime\\none of the input has changed'\"\n\t\t\t\t\t[positions]=\"['bottom-right', 'left-center']\"\n\t\t\t\t>\n\t\t\t\t\tRecreate\n\t\t\t\t\t<ng-doc-icon icon=\"info\" ngDocTextRight></ng-doc-icon>\n\t\t\t\t</span>\n\t\t\t</ng-doc-checkbox>\n\t\t</div>\n\t\t<div class=\"ng-doc-playground-divider\"></div>\n\t\t<ng-container *ngIf=\"(properties | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Settings</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let property of properties | keyvalue\"\n\t\t\t\t[name]=\"property.value.name\"\n\t\t\t\t[property]=\"property.value\"\n\t\t\t\t[control]=\"getFormControl('properties', property.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\n\t\t<ng-container *ngIf=\"(dynamicContent | keyvalue)?.length\">\n\t\t\t<h5 class=\"ng-doc-title\" ng-doc-text>Content</h5>\n\t\t\t<ng-doc-playground-property\n\t\t\t\t*ngFor=\"let content of dynamicContent | keyvalue\"\n\t\t\t\t[name]=\"content.value.label\"\n\t\t\t\t[property]=\"content.value\"\n\t\t\t\t[control]=\"getFormControl('content', content.key)\"\n\t\t\t>\n\t\t\t</ng-doc-playground-property>\n\t\t</ng-container>\n\t</div>\n</div>\n", styles: [":host .ng-doc-playground-properties-wrapper{position:relative;display:flex}:host .ng-doc-playground-properties-wrapper.vertical{flex-direction:column}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-demos{margin-right:0;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper.vertical .ng-doc-playground-properties{width:100%}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-demos{display:flex;flex-direction:column;width:100%;overflow:hidden;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties{flex-shrink:0;width:300px;padding:calc(var(--ng-doc-base-gutter) * 2) calc(var(--ng-doc-base-gutter) * 3);background-color:var(--ng-doc-base-1);border-radius:var(--ng-doc-base-gutter)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties ng-doc-playground-property:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-controls{display:flex;justify-content:flex-end}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-header h4{margin:0}:host .ng-doc-playground-properties-wrapper .ng-doc-playground-properties .ng-doc-playground-setting{display:flex;flex-direction:column}:host .ng-doc-playground-properties-wrapper .ng-doc-title{margin-top:0;margin-bottom:calc(var(--ng-doc-base-gutter) + var(--ng-doc-base-gutter) / 2)}:host .ng-doc-playground-divider{margin:calc(var(--ng-doc-base-gutter) * 2) 0;height:1px;background-color:var(--ng-doc-base-2)}\n"] }]

package/esm2020/components/sidebar/sidebar.component.mjs

@@ -1,6 +1,5 @@
 import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
 import { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';
-import { isPresent } from '@ng-doc/core/helpers/is-present';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./sidebar-category/sidebar-category.component";
@@ -16,18 +15,7 @@ export class NgDocSidebarComponent {
      * @returns {NgDocNavigation} - something
      */
     getNavigation(nav) {
-        return (nav ? nav.children ?? [] : this.context.navigation).sort((a, b) => {
-            if (isPresent(a.order) && isPresent(b.order)) {
-                return a.order - b.order;
-            }
-            if (isPresent(a.order)) {
-                return -1;
-            }
-            if (isPresent(b.order)) {
-                return 1;
-            }
-            return a.title.localeCompare(b.title);
-        });
+        return nav ? nav.children ?? [] : this.context.navigation;
     }
 }
 NgDocSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocSidebarComponent, deps: [{ token: NG_DOC_CONTEXT }], target: i0.ɵɵFactoryTarget.Component });
@@ -39,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                     type: Inject,
                     args: [NG_DOC_CONTEXT]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV6RSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQVExRCxNQUFNLE9BQU8scUJBQXFCO0lBQ2pDLFlBRVUsT0FBcUI7UUFBckIsWUFBTyxHQUFQLE9BQU8sQ0FBYztJQUM1QixDQUFDO0lBRUo7Ozs7O09BS0c7SUFDSCxhQUFhLENBQUMsR0FBcUI7UUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBa0IsRUFBRSxDQUFrQixFQUFFLEVBQUU7WUFDM0csSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQzdDLE9BQU8sQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO2FBQ3pCO1lBQ0QsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUN2QixPQUFPLENBQUMsQ0FBQyxDQUFDO2FBQ1Y7WUFDRCxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3ZCLE9BQU8sQ0FBQyxDQUFDO2FBQ1Q7WUFDRCxPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7O2tIQXpCVyxxQkFBcUIsa0JBRXhCLGNBQWM7c0dBRlgscUJBQXFCLHNEQ1hsQyxpbUNBOEJBOzJGRG5CYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0MsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07OzBCQUk3QyxNQUFNOzJCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ29udGV4dCwgTmdEb2NOYXZpZ2F0aW9ufSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7TkdfRE9DX0NPTlRFWFR9IGZyb20gJ0BuZy1kb2MvYXBwL3Rva2Vucyc7XG5pbXBvcnQge2lzUHJlc2VudH0gZnJvbSAnQG5nLWRvYy9jb3JlL2hlbHBlcnMvaXMtcHJlc2VudCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25nLWRvYy1zaWRlYmFyJyxcblx0dGVtcGxhdGVVcmw6ICcuL3NpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zaWRlYmFyLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1NpZGViYXJDb21wb25lbnQge1xuXHRjb25zdHJ1Y3Rvcihcblx0XHRASW5qZWN0KE5HX0RPQ19DT05URVhUKVxuXHRcdHJlYWRvbmx5IGNvbnRleHQ6IE5nRG9jQ29udGV4dCxcblx0KSB7fVxuXG5cdC8qKlxuXHQgKiBEZXNjcmlwdGlvblxuXHQgKlxuXHQgKiBAcGFyYW0ge05nRG9jTmF2aWdhdGlvbn0gbmF2ICAtIHNvbWUgcGFyYW0sIHRoYXQgY2FuIHJldHVybiBgVGhpc0NvZGVgIGFuZCBzb21ldGhpbiBlbHNlXG5cdCAqIEByZXR1cm5zIHtOZ0RvY05hdmlnYXRpb259IC0gc29tZXRoaW5nXG5cdCAqL1xuXHRnZXROYXZpZ2F0aW9uKG5hdj86IE5nRG9jTmF2aWdhdGlvbik6IE5nRG9jTmF2aWdhdGlvbltdIHtcblx0XHRyZXR1cm4gKG5hdiA/IG5hdi5jaGlsZHJlbiA/PyBbXSA6IHRoaXMuY29udGV4dC5uYXZpZ2F0aW9uKS5zb3J0KChhOiBOZ0RvY05hdmlnYXRpb24sIGI6IE5nRG9jTmF2aWdhdGlvbikgPT4ge1xuXHRcdFx0aWYgKGlzUHJlc2VudChhLm9yZGVyKSAmJiBpc1ByZXNlbnQoYi5vcmRlcikpIHtcblx0XHRcdFx0cmV0dXJuIGEub3JkZXIgLSBiLm9yZGVyO1xuXHRcdFx0fVxuXHRcdFx0aWYgKGlzUHJlc2VudChhLm9yZGVyKSkge1xuXHRcdFx0XHRyZXR1cm4gLTE7XG5cdFx0XHR9XG5cdFx0XHRpZiAoaXNQcmVzZW50KGIub3JkZXIpKSB7XG5cdFx0XHRcdHJldHVybiAxO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIGEudGl0bGUubG9jYWxlQ29tcGFyZShiLnRpdGxlKTtcblx0XHR9KTtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1zaWRlLWJhci13cmFwcGVyXCI+XG5cdDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ2V0TmF2aWdhdGlvbigpXCI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNpZGViYXJUZW1wbGF0ZTsgY29udGV4dDoge2l0ZW06IHRoaXMuaXRlbSwgcm9vdDogdHJ1ZX1cIj48L25nLWNvbnRhaW5lcj5cblx0PC9uZy1jb250YWluZXI+XG5cblx0PG5nLXRlbXBsYXRlIGxldC1pdGVtPVwiaXRlbVwiIGxldC1yb290PVwicm9vdFwiICNzaWRlYmFyVGVtcGxhdGU+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uY2hpbGRyZW4/Lmxlbmd0aDsgZWxzZSBpdGVtVGVtcGxhdGVcIj5cblx0XHRcdDxuZy1kb2Mtc2lkZWJhci1jYXRlZ29yeVxuXHRcdFx0XHRbY2F0ZWdvcnldPVwiaXRlbVwiXG5cdFx0XHRcdFtleHBhbmRhYmxlXT1cIiEhaXRlbT8uZXhwYW5kYWJsZVwiXG5cdFx0XHRcdFtleHBhbmRlZF09XCIhIWl0ZW0/LmV4cGFuZGVkIHx8ICFpdGVtPy5leHBhbmRhYmxlXCJcblx0XHRcdFx0W2lzUm9vdF09XCIhIXJvb3RcIlxuXHRcdFx0XHRbY29udGVudF09XCJjYXRlZ29yeUNvbnRlbnRcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI2NhdGVnb3J5Q29udGVudD5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBnZXROYXZpZ2F0aW9uKGl0ZW0pXCI+XG5cdFx0XHRcdFx0XHQ8bmctY29udGFpbmVyXG5cdFx0XHRcdFx0XHRcdCpuZ1RlbXBsYXRlT3V0bGV0PVwic2lkZWJhclRlbXBsYXRlOyBjb250ZXh0OiB7aXRlbTogY2hpbGQsIHJvb3Q6IGZhbHNlfVwiPjwvbmctY29udGFpbmVyPlxuXHRcdFx0XHRcdDwvbmctY29udGFpbmVyPlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0PC9uZy1kb2Mtc2lkZWJhci1jYXRlZ29yeT5cblx0XHQ8L25nLWNvbnRhaW5lcj5cblxuXHRcdDxuZy10ZW1wbGF0ZSAjaXRlbVRlbXBsYXRlPlxuXHRcdFx0PG5nLWRvYy1zaWRlYmFyLWl0ZW0gW2l0ZW1dPVwiaXRlbVwiPjwvbmctZG9jLXNpZGViYXItaXRlbT5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHQ8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG5cblxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV6RSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBU2xELE1BQU0sT0FBTyxxQkFBcUI7SUFDakMsWUFFVSxPQUFxQjtRQUFyQixZQUFPLEdBQVAsT0FBTyxDQUFjO0lBQzVCLENBQUM7SUFFSjs7Ozs7T0FLRztJQUNILGFBQWEsQ0FBQyxHQUFxQjtRQUNsQyxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO0lBQzNELENBQUM7O2tIQWRXLHFCQUFxQixrQkFFeEIsY0FBYztzR0FGWCxxQkFBcUIsc0RDWGxDLGltQ0E4QkE7MkZEbkJhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDQyxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTs7MEJBSTdDLE1BQU07MkJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NDb250ZXh0LCBOZ0RvY05hdmlnYXRpb259IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOR19ET0NfQ09OVEVYVH0gZnJvbSAnQG5nLWRvYy9hcHAvdG9rZW5zJztcbmltcG9ydCB7aXNQcmVzZW50fSBmcm9tICdAbmctZG9jL2NvcmUvaGVscGVycy9pcy1wcmVzZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLXNpZGViYXInLFxuXHR0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3NpZGViYXIuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jU2lkZWJhckNvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKFxuXHRcdEBJbmplY3QoTkdfRE9DX0NPTlRFWFQpXG5cdFx0cmVhZG9ubHkgY29udGV4dDogTmdEb2NDb250ZXh0LFxuXHQpIHt9XG5cblx0LyoqXG5cdCAqIERlc2NyaXB0aW9uXG5cdCAqXG5cdCAqIEBwYXJhbSB7TmdEb2NOYXZpZ2F0aW9ufSBuYXYgIC0gc29tZSBwYXJhbSwgdGhhdCBjYW4gcmV0dXJuIGBUaGlzQ29kZWAgYW5kIHNvbWV0aGluIGVsc2Vcblx0ICogQHJldHVybnMge05nRG9jTmF2aWdhdGlvbn0gLSBzb21ldGhpbmdcblx0ICovXG5cdGdldE5hdmlnYXRpb24obmF2PzogTmdEb2NOYXZpZ2F0aW9uKTogTmdEb2NOYXZpZ2F0aW9uW10ge1xuXHRcdHJldHVybiBuYXYgPyBuYXYuY2hpbGRyZW4gPz8gW10gOiB0aGlzLmNvbnRleHQubmF2aWdhdGlvbjtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1zaWRlLWJhci13cmFwcGVyXCI+XG5cdDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ2V0TmF2aWdhdGlvbigpXCI+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNpZGViYXJUZW1wbGF0ZTsgY29udGV4dDoge2l0ZW06IHRoaXMuaXRlbSwgcm9vdDogdHJ1ZX1cIj48L25nLWNvbnRhaW5lcj5cblx0PC9uZy1jb250YWluZXI+XG5cblx0PG5nLXRlbXBsYXRlIGxldC1pdGVtPVwiaXRlbVwiIGxldC1yb290PVwicm9vdFwiICNzaWRlYmFyVGVtcGxhdGU+XG5cdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uY2hpbGRyZW4/Lmxlbmd0aDsgZWxzZSBpdGVtVGVtcGxhdGVcIj5cblx0XHRcdDxuZy1kb2Mtc2lkZWJhci1jYXRlZ29yeVxuXHRcdFx0XHRbY2F0ZWdvcnldPVwiaXRlbVwiXG5cdFx0XHRcdFtleHBhbmRhYmxlXT1cIiEhaXRlbT8uZXhwYW5kYWJsZVwiXG5cdFx0XHRcdFtleHBhbmRlZF09XCIhIWl0ZW0/LmV4cGFuZGVkIHx8ICFpdGVtPy5leHBhbmRhYmxlXCJcblx0XHRcdFx0W2lzUm9vdF09XCIhIXJvb3RcIlxuXHRcdFx0XHRbY29udGVudF09XCJjYXRlZ29yeUNvbnRlbnRcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI2NhdGVnb3J5Q29udGVudD5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBnZXROYXZpZ2F0aW9uKGl0ZW0pXCI+XG5cdFx0XHRcdFx0XHQ8bmctY29udGFpbmVyXG5cdFx0XHRcdFx0XHRcdCpuZ1RlbXBsYXRlT3V0bGV0PVwic2lkZWJhclRlbXBsYXRlOyBjb250ZXh0OiB7aXRlbTogY2hpbGQsIHJvb3Q6IGZhbHNlfVwiPjwvbmctY29udGFpbmVyPlxuXHRcdFx0XHRcdDwvbmctY29udGFpbmVyPlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0PC9uZy1kb2Mtc2lkZWJhci1jYXRlZ29yeT5cblx0XHQ8L25nLWNvbnRhaW5lcj5cblxuXHRcdDxuZy10ZW1wbGF0ZSAjaXRlbVRlbXBsYXRlPlxuXHRcdFx0PG5nLWRvYy1zaWRlYmFyLWl0ZW0gW2l0ZW1dPVwiaXRlbVwiPjwvbmctZG9jLXNpZGViYXItaXRlbT5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHQ8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG5cblxuIl19

package/fesm2015/ng-doc-app-classes-root-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-classes-root-page.mjs","sources":["../esm2020/classes/root-page/root-page.mjs","../esm2020/classes/root-page/ng-doc-app-classes-root-page.mjs"],"sourcesContent":["/**\n * Base class for NgDoc page\n */\nexport class NgDocRootPage {\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY2xhc3Nlcy9yb290LXBhZ2Uvcm9vdC1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBOztHQUVHO0FBQ0gsTUFBTSxPQUFnQixhQUFhO0NBeUJsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdEb2NEZW1vQXNzZXRzfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7TmdEb2NEZXBlbmRlbmNpZXN9IGZyb20gJ0BuZy1kb2MvY29yZS9pbnRlcmZhY2VzJztcblxuLyoqXG4gKiBCYXNlIGNsYXNzIGZvciBOZ0RvYyBwYWdlXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ0RvY1Jvb3RQYWdlIHtcblx0LyoqXG5cdCAqIEh0bWwgY29udGVudCBvZiB0aGUgcGFnZVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgcGFnZUNvbnRlbnQ6IHN0cmluZztcblxuXHQvKipcblx0ICogRWRpdCBVUkwgdGhhdCBjYW4gYmUgdXNlZCB0byBlZGl0IHRoZSBwYWdlIHNvdXJjZSBmaWxlIGluIHRoZSByZXBvc2l0b3J5XG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBlZGl0U291cmNlRmlsZVVybD86IHN0cmluZztcblxuXHQvKipcblx0ICogVmlldyBVUkwgdGhhdCBjYW4gYmUgdXNlZCB0byB2aWV3IHRoZSBwYWdlIHNvdXJjZSBmaWxlIGluIHRoZSByZXBvc2l0b3J5XG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSB2aWV3U291cmNlRmlsZVVybD86IHN0cmluZztcblxuXHQvKipcblx0ICogVGhlIHBhZ2UgZGVwZW5kZW5jaWVzIGZpbGVcblx0ICovXG5cdGFic3RyYWN0IHJlYWRvbmx5IGRlcGVuZGVuY2llcz86IE5nRG9jRGVwZW5kZW5jaWVzO1xuXG5cdC8qKlxuXHQgKiBUaGUgcGFnZSBkZW1vIGFzc2V0cyB0aGF0IGhhdmUgY29kZSBleGFtcGxlcyBvZiB0aGUgZGVtbyBjb21wb25lbnRzXG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBkZW1vQXNzZXRzPzogTmdEb2NEZW1vQXNzZXRzO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jbGFzc2VzLXJvb3QtcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NsYXNzZXMvcm9vdC1wYWdlL25nLWRvYy1hcHAtY2xhc3Nlcy1yb290LXBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"AAAA;;AAEG;MACU,aAAa,CAAA;AACzB;;ACJD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-classes-root-page.mjs","sources":["../esm2020/classes/root-page/root-page.mjs","../esm2020/classes/root-page/ng-doc-app-classes-root-page.mjs"],"sourcesContent":["/**\n * Base class for NgDoc page\n */\nexport class NgDocRootPage {\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY2xhc3Nlcy9yb290LXBhZ2Uvcm9vdC1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBOztHQUVHO0FBQ0gsTUFBTSxPQUFnQixhQUFhO0NBMEJsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdEb2NEZW1vQXNzZXRzfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7TmdEb2NQYWdlVHlwZX0gZnJvbSAnQG5nLWRvYy9jb3JlJztcbmltcG9ydCB7TmdEb2NEZXBlbmRlbmNpZXN9IGZyb20gJ0BuZy1kb2MvY29yZS9pbnRlcmZhY2VzJztcblxuLyoqXG4gKiBCYXNlIGNsYXNzIGZvciBOZ0RvYyBwYWdlXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBOZ0RvY1Jvb3RQYWdlIHtcblx0YWJzdHJhY3QgcmVhZG9ubHkgcGFnZVR5cGU6IE5nRG9jUGFnZVR5cGU7XG5cdC8qKlxuXHQgKiBIdG1sIGNvbnRlbnQgb2YgdGhlIHBhZ2Vcblx0ICovXG5cdGFic3RyYWN0IHJlYWRvbmx5IHBhZ2VDb250ZW50OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIEVkaXQgVVJMIHRoYXQgY2FuIGJlIHVzZWQgdG8gZWRpdCB0aGUgcGFnZSBzb3VyY2UgZmlsZSBpbiB0aGUgcmVwb3NpdG9yeVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgZWRpdFNvdXJjZUZpbGVVcmw/OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIFZpZXcgVVJMIHRoYXQgY2FuIGJlIHVzZWQgdG8gdmlldyB0aGUgcGFnZSBzb3VyY2UgZmlsZSBpbiB0aGUgcmVwb3NpdG9yeVxuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgdmlld1NvdXJjZUZpbGVVcmw/OiBzdHJpbmc7XG5cblx0LyoqXG5cdCAqIFRoZSBwYWdlIGRlcGVuZGVuY2llcyBmaWxlXG5cdCAqL1xuXHRhYnN0cmFjdCByZWFkb25seSBkZXBlbmRlbmNpZXM/OiBOZ0RvY0RlcGVuZGVuY2llcztcblxuXHQvKipcblx0ICogVGhlIHBhZ2UgZGVtbyBhc3NldHMgdGhhdCBoYXZlIGNvZGUgZXhhbXBsZXMgb2YgdGhlIGRlbW8gY29tcG9uZW50c1xuXHQgKi9cblx0YWJzdHJhY3QgcmVhZG9ubHkgZGVtb0Fzc2V0cz86IE5nRG9jRGVtb0Fzc2V0cztcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jbGFzc2VzLXJvb3QtcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NsYXNzZXMvcm9vdC1wYWdlL25nLWRvYy1hcHAtY2xhc3Nlcy1yb290LXBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"AAAA;;AAEG;MACU,aAAa,CAAA;AACzB;;ACJD;;AAEG;;;;"}

package/fesm2015/ng-doc-app-components-page.mjs

@@ -1,35 +1,60 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@ng-doc/app/classes/root-page';
-import * as i2 from '@angular/common';
+import { Component, ChangeDetectionStrategy, Inject, NgModule } from '@angular/core';
+import { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';
+import * as i1 from '@angular/router';
+import { RouterLink } from '@angular/router';
+import * as i2 from '@ng-doc/app/classes/root-page';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@ng-doc/app/processors';
+import * as i4 from '@ng-doc/app/processors';
 import { NgDocDemoProcessorModule, NgDocCodeProcessorModule, NgDocBlockquoteProcessorModule, NgDocIconProcessorModule, NgDocTooltipProcessorModule, NgDocPlaygroundProcessorModule } from '@ng-doc/app/processors';
-import * as i4 from '@ng-doc/app/components/toc';
+import * as i5 from '@ng-doc/app/components/toc';
 import { NgDocPageMapModule } from '@ng-doc/app/components/toc';
-import * as i5 from '@ng-doc/ui-kit';
-import { NgDocMediaQueryModule, NgDocButtonIconModule, NgDocIconModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
-import * as i6 from '@ng-doc/app/pipes/sanitize-html';
+import * as i6 from '@ng-doc/ui-kit';
+import { NgDocMediaQueryModule, NgDocButtonIconModule, NgDocIconModule, NgDocTooltipModule, NgDocButtonModule, NgDocTextModule } from '@ng-doc/ui-kit';
+import * as i7 from '@ng-doc/app/pipes/sanitize-html';
 import { NgDocSanitizeHtmlModule } from '@ng-doc/app/pipes/sanitize-html';
 import { NgDocBooleanControlModule, NgDocNumberControlModule, NgDocStringControlModule, NgDocTypeAliasControlModule } from '@ng-doc/app/type-controls';
 
 class NgDocPageComponent {
-    constructor(rootPage) {
+    constructor(context, router, rootPage) {
+        this.context = context;
+        this.router = router;
         this.rootPage = rootPage;
-        console.log(this.rootPage);
+        const flatPages = this.flatPages(this.context.navigation);
+        this.prevPage =
+            flatPages[flatPages.findIndex((item) => { var _a; return this.router.url.includes((_a = item.route) !== null && _a !== void 0 ? _a : '', 0); }) - 1];
+        this.nextPage =
+            flatPages[flatPages.findIndex((item) => { var _a; return this.router.url.includes((_a = item.route) !== null && _a !== void 0 ? _a : '', 0); }) + 1];
+    }
+    flatPages(items) {
+        return items
+            .map((item) => { var _a; return [((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) ? this.flatPages(item.children) : item]; })
+            .flat(2);
     }
 }
-NgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });
-NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgDocDemoProcessorDirective, selector: "[ngDocDemoProcessor]" }, { kind: "directive", type: i3.NgDocCodeProcessorDirective, selector: "[ngDocCodeProcessor]" }, { kind: "directive", type: i3.NgDocBlockquoteProcessorDirective, selector: "[ngDocBlockquoteProcessor]" }, { kind: "directive", type: i3.NgDocIconProcessorDirective, selector: "[ngDocIconProcessor]" }, { kind: "component", type: i4.NgDocTocComponent, selector: "ng-doc-toc", inputs: ["pageContainer"] }, { kind: "directive", type: i5.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i3.NgDocTooltipProcessorDirective, selector: "[ngDocTooltipProcessor]" }, { kind: "component", type: i5.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i5.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i5.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i3.NgDocPlaygroundProcessorDirective, selector: "[ngDocPlaygroundProcessor]" }, { kind: "pipe", type: i6.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, deps: [{ token: NG_DOC_CONTEXT }, { token: i1.Router }, { token: i2.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });
+NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n\n\t<div class=\"ng-doc-navigation-controls\" *ngIf=\"rootPage.pageType === 'guide'\">\n\t\t<a ng-doc-button-text *ngIf=\"prevPage\" [routerLink]=\"prevPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t<ng-doc-icon icon=\"arrow-left\" ngDocTextLeft></ng-doc-icon>\n\t\t\t\t{{ prevPage.title }}\n\t\t\t</span>\n\t\t</a>\n\t\t<a ng-doc-button-text *ngIf=\"nextPage\" [routerLink]=\"nextPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t{{ nextPage.title }}\n\t\t\t\t<ng-doc-icon icon=\"arrow-right\" ngDocTextRight></ng-doc-icon>\n\t\t\t</span>\n\t\t</a>\n\t</div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}:host .ng-doc-navigation-controls{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 12);border-top:1px solid var(--ng-doc-base-2);padding-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-navigation-controls a{--ng-doc-button-hover-background: var(--ng-doc-base-1);--ng-doc-button-active-background: var(--ng-doc-base-2);--ng-doc-text: var(--ng-doc-base-10);--ng-doc-icon-color: var(--ng-doc-text)}:host .ng-doc-navigation-controls a:last-child:not(:first-child){margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgDocDemoProcessorDirective, selector: "[ngDocDemoProcessor]" }, { kind: "directive", type: i4.NgDocCodeProcessorDirective, selector: "[ngDocCodeProcessor]" }, { kind: "directive", type: i4.NgDocBlockquoteProcessorDirective, selector: "[ngDocBlockquoteProcessor]" }, { kind: "directive", type: i4.NgDocIconProcessorDirective, selector: "[ngDocIconProcessor]" }, { kind: "component", type: i5.NgDocTocComponent, selector: "ng-doc-toc", inputs: ["pageContainer"] }, { kind: "directive", type: i6.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i4.NgDocTooltipProcessorDirective, selector: "[ngDocTooltipProcessor]" }, { kind: "component", type: i6.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i6.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i6.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i4.NgDocPlaygroundProcessorDirective, selector: "[ngDocPlaygroundProcessor]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.NgDocButtonComponent, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: ["size", "color", "rounded"] }, { kind: "component", type: i6.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: i6.NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: i6.NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "pipe", type: i7.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });
+            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n\n\t<div class=\"ng-doc-navigation-controls\" *ngIf=\"rootPage.pageType === 'guide'\">\n\t\t<a ng-doc-button-text *ngIf=\"prevPage\" [routerLink]=\"prevPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t<ng-doc-icon icon=\"arrow-left\" ngDocTextLeft></ng-doc-icon>\n\t\t\t\t{{ prevPage.title }}\n\t\t\t</span>\n\t\t</a>\n\t\t<a ng-doc-button-text *ngIf=\"nextPage\" [routerLink]=\"nextPage.route\">\n\t\t\t<span ng-doc-text>\n\t\t\t\t{{ nextPage.title }}\n\t\t\t\t<ng-doc-icon icon=\"arrow-right\" ngDocTextRight></ng-doc-icon>\n\t\t\t</span>\n\t\t</a>\n\t</div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}:host .ng-doc-navigation-controls{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 12);border-top:1px solid var(--ng-doc-base-2);padding-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-navigation-controls a{--ng-doc-button-hover-background: var(--ng-doc-base-1);--ng-doc-button-active-background: var(--ng-doc-base-2);--ng-doc-text: var(--ng-doc-base-10);--ng-doc-icon-color: var(--ng-doc-text)}:host .ng-doc-navigation-controls a:last-child:not(:first-child){margin-left:auto}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [NG_DOC_CONTEXT]
+                    }] }, { type: i1.Router }, { type: i2.NgDocRootPage }];
+    } });
 
 class NgDocPageModule {
 }
 NgDocPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [CommonModule,
+NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [
+        /* TypeControls */
+        NgDocBooleanControlModule,
+        NgDocNumberControlModule,
+        NgDocStringControlModule,
+        NgDocTypeAliasControlModule,
+        CommonModule,
         NgDocDemoProcessorModule,
         NgDocCodeProcessorModule,
         NgDocBlockquoteProcessorModule,
@@ -42,12 +67,17 @@ NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         NgDocIconModule,
         NgDocTooltipModule,
         NgDocPlaygroundProcessorModule,
+        RouterLink,
+        NgDocButtonModule,
+        NgDocTextModule
+    ], exports: [NgDocPageComponent] });
+NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, imports: [
         /* TypeControls */
         NgDocBooleanControlModule,
         NgDocNumberControlModule,
         NgDocStringControlModule,
-        NgDocTypeAliasControlModule], exports: [NgDocPageComponent] });
-NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, imports: [CommonModule,
+        NgDocTypeAliasControlModule,
+        CommonModule,
         NgDocDemoProcessorModule,
         NgDocCodeProcessorModule,
         NgDocBlockquoteProcessorModule,
@@ -60,16 +90,19 @@ NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         NgDocIconModule,
         NgDocTooltipModule,
         NgDocPlaygroundProcessorModule,
-        /* TypeControls */
-        NgDocBooleanControlModule,
-        NgDocNumberControlModule,
-        NgDocStringControlModule,
-        NgDocTypeAliasControlModule] });
+        NgDocButtonModule,
+        NgDocTextModule
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgDocPageComponent],
                     imports: [
+                        /* TypeControls */
+                        NgDocBooleanControlModule,
+                        NgDocNumberControlModule,
+                        NgDocStringControlModule,
+                        NgDocTypeAliasControlModule,
                         CommonModule,
                         NgDocDemoProcessorModule,
                         NgDocCodeProcessorModule,
@@ -83,11 +116,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                         NgDocIconModule,
                         NgDocTooltipModule,
                         NgDocPlaygroundProcessorModule,
-                        /* TypeControls */
-                        NgDocBooleanControlModule,
-                        NgDocNumberControlModule,
-                        NgDocStringControlModule,
-                        NgDocTypeAliasControlModule,
+                        RouterLink,
+                        NgDocButtonModule,
+                        NgDocTextModule,
                     ],
                     exports: [NgDocPageComponent],
                 }]