@ng-doc/app 15.0.0-beta.33 → 15.0.0-beta.34

package/fesm2020/ng-doc-app-components-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-page.mjs","sources":["../esm2020/components/page/page.component.mjs","../esm2020/components/page/page.module.mjs","../esm2020/components/page/ng-doc-app-components-page.mjs"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@ng-doc/app/classes/root-page\";\nimport * as i2 from \"@ng-doc/app/processors\";\nimport * as i3 from \"@ng-doc/app/components/toc\";\nimport * as i4 from \"@ng-doc/ui-kit\";\nimport * as i5 from \"@ng-doc/app/pipes/sanitize-html\";\nexport class NgDocPageComponent {\n    constructor(rootPage) {\n        this.rootPage = rootPage;\n    }\n}\nNgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });\nNgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"15.0.3\", type: NgDocPageComponent, selector: \"ng-doc-page\", ngImport: i0, template: \"<article\\n\\t[innerHTML]=\\\"rootPage.pageContent | ngDocSanitizeHtml\\\"\\n\\tngDocBlockquoteProcessor\\n\\tngDocDemoProcessor\\n\\tngDocCodeProcessor\\n\\tngDocIconProcessor\\n\\tngDocTooltipProcessor\\n\\t#pageContainer\\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{width:100%;overflow:hidden}: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.NgDocDemoProcessorDirective, selector: \"[ngDocDemoProcessor]\" }, { kind: \"directive\", type: i2.NgDocCodeProcessorDirective, selector: \"[ngDocCodeProcessor]\" }, { kind: \"directive\", type: i2.NgDocBlockquoteProcessorDirective, selector: \"[ngDocBlockquoteProcessor]\" }, { kind: \"directive\", type: i2.NgDocIconProcessorDirective, selector: \"[ngDocIconProcessor]\" }, { kind: \"component\", type: i3.NgDocTocComponent, selector: \"ng-doc-toc\", inputs: [\"pageContainer\"] }, { kind: \"directive\", type: i4.NgDocMediaQueryDirective, selector: \"[ngDocMediaQuery]\", inputs: [\"ngDocMediaQuery\"], exportAs: [\"ngDocMediaQuery\"] }, { kind: \"directive\", type: i2.NgDocTooltipProcessorDirective, selector: \"[ngDocTooltipProcessor]\" }, { kind: \"pipe\", type: i5.NgDocSanitizeHtmlPipe, name: \"ngDocSanitizeHtml\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: \"<article\\n\\t[innerHTML]=\\\"rootPage.pageContent | ngDocSanitizeHtml\\\"\\n\\tngDocBlockquoteProcessor\\n\\tngDocDemoProcessor\\n\\tngDocCodeProcessor\\n\\tngDocIconProcessor\\n\\tngDocTooltipProcessor\\n\\t#pageContainer\\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{width:100%;overflow:hidden}: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\"] }]\n        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7OztBQVE1RCxNQUFNLE9BQU8sa0JBQWtCO0lBQzlCLFlBQXFCLFFBQXVCO1FBQXZCLGFBQVEsR0FBUixRQUFRLENBQWU7SUFBRyxDQUFDOzsrR0FEcEMsa0JBQWtCO21HQUFsQixrQkFBa0IsbURDVC9CLDBiQWdCQTsyRkRQYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG59XG4iLCI8YXJ0aWNsZVxuXHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRuZ0RvY0Jsb2NrcXVvdGVQcm9jZXNzb3Jcblx0bmdEb2NEZW1vUHJvY2Vzc29yXG5cdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRuZ0RvY0ljb25Qcm9jZXNzb3Jcblx0bmdEb2NUb29sdGlwUHJvY2Vzc29yXG5cdCNwYWdlQ29udGFpbmVyXG4+PC9hcnRpY2xlPlxuXG48bmctdGVtcGxhdGVcblx0W25nRG9jTWVkaWFRdWVyeV09XCJbbWVkaWFRdWVyeS5icmVha3BvaW50cy5MYXJnZSwgbWVkaWFRdWVyeS5icmVha3BvaW50cy5YTGFyZ2VdXCJcblx0I21lZGlhUXVlcnk9XCJuZ0RvY01lZGlhUXVlcnlcIlxuPlxuXHQ8bmctZG9jLXRvYyBbcGFnZUNvbnRhaW5lcl09XCJwYWdlQ29udGFpbmVyXCI+PC9uZy1kb2MtdG9jPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NgDocPageMapModule } from '@ng-doc/app/components/toc';\nimport { NgDocSanitizeHtmlModule } from '@ng-doc/app/pipes/sanitize-html';\nimport { NgDocBlockquoteProcessorModule, NgDocCodeProcessorModule, NgDocDemoProcessorModule, NgDocIconProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';\nimport { NgDocMediaQueryModule } from '@ng-doc/ui-kit';\nimport { NgDocPageComponent } from './page.component';\nimport * as i0 from \"@angular/core\";\nexport class NgDocPageModule {\n}\nNgDocPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nNgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [CommonModule,\n        NgDocDemoProcessorModule,\n        NgDocCodeProcessorModule,\n        NgDocBlockquoteProcessorModule,\n        NgDocSanitizeHtmlModule,\n        NgDocIconProcessorModule,\n        NgDocPageMapModule,\n        NgDocMediaQueryModule,\n        NgDocTooltipProcessorModule], exports: [NgDocPageComponent] });\nNgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, imports: [CommonModule,\n        NgDocDemoProcessorModule,\n        NgDocCodeProcessorModule,\n        NgDocBlockquoteProcessorModule,\n        NgDocSanitizeHtmlModule,\n        NgDocIconProcessorModule,\n        NgDocPageMapModule,\n        NgDocMediaQueryModule,\n        NgDocTooltipProcessorModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    declarations: [NgDocPageComponent],\n                    imports: [\n                        CommonModule,\n                        NgDocDemoProcessorModule,\n                        NgDocCodeProcessorModule,\n                        NgDocBlockquoteProcessorModule,\n                        NgDocSanitizeHtmlModule,\n                        NgDocIconProcessorModule,\n                        NgDocPageMapModule,\n                        NgDocMediaQueryModule,\n                        NgDocTooltipProcessorModule,\n                    ],\n                    exports: [NgDocPageComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDM0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7QUFpQnBELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBZFosa0JBQWtCLGFBRWhDLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCLGFBRWxCLGtCQUFrQjs2R0FFaEIsZUFBZSxZQVoxQixZQUFZO1FBQ1osd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4Qiw4QkFBOEI7UUFDOUIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIscUJBQXFCO1FBQ3JCLDJCQUEyQjsyRkFJaEIsZUFBZTtrQkFmM0IsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFO3dCQUNSLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQiwyQkFBMkI7cUJBQzNCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jUGFnZU1hcE1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90b2MnO1xuaW1wb3J0IHtOZ0RvY1Nhbml0aXplSHRtbE1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvcGlwZXMvc2FuaXRpemUtaHRtbCc7XG5pbXBvcnQge1xuXHROZ0RvY0Jsb2NrcXVvdGVQcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jQ29kZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NEZW1vUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jVG9vbHRpcFByb2Nlc3Nvck1vZHVsZSxcbn0gZnJvbSAnQG5nLWRvYy9hcHAvcHJvY2Vzc29ycyc7XG5pbXBvcnQge05nRG9jTWVkaWFRdWVyeU1vZHVsZX0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuXG5pbXBvcnQge05nRG9jUGFnZUNvbXBvbmVudH0gZnJvbSAnLi9wYWdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG5cdGRlY2xhcmF0aW9uczogW05nRG9jUGFnZUNvbXBvbmVudF0sXG5cdGltcG9ydHM6IFtcblx0XHRDb21tb25Nb2R1bGUsXG5cdFx0TmdEb2NEZW1vUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jQ29kZVByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0Jsb2NrcXVvdGVQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NTYW5pdGl6ZUh0bWxNb2R1bGUsXG5cdFx0TmdEb2NJY29uUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jUGFnZU1hcE1vZHVsZSxcblx0XHROZ0RvY01lZGlhUXVlcnlNb2R1bGUsXG5cdFx0TmdEb2NUb29sdGlwUHJvY2Vzc29yTW9kdWxlLFxuXHRdLFxuXHRleHBvcnRzOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLXBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvbmctZG9jLWFwcC1jb21wb25lbnRzLXBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-components-page.mjs","sources":["../esm2020/components/page/page.component.mjs","../esm2020/components/page/page.module.mjs","../esm2020/components/page/ng-doc-app-components-page.mjs"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/router\";\nimport * as i2 from \"@ng-doc/app/classes/root-page\";\nimport * as i3 from \"@angular/common\";\nimport * as i4 from \"@ng-doc/app/processors\";\nimport * as i5 from \"@ng-doc/app/components/toc\";\nimport * as i6 from \"@ng-doc/ui-kit\";\nimport * as i7 from \"@ng-doc/app/pipes/sanitize-html\";\nexport class NgDocPageComponent {\n    constructor(context, router, rootPage) {\n        this.context = context;\n        this.router = router;\n        this.rootPage = rootPage;\n        const flatPages = this.flatPages(this.context.navigation);\n        this.prevPage = flatPages[flatPages.findIndex((item) => this.url === item.route) - 1];\n        this.nextPage = flatPages[flatPages.findIndex((item) => this.url === item.route) + 1];\n    }\n    flatPages(items) {\n        return items\n            .map((item) => [item.children?.length ? this.flatPages(item.children) : item])\n            .flat(2);\n    }\n    get url() {\n        const urlTree = this.router.parseUrl(this.router.url);\n        urlTree.queryParams = {};\n        urlTree.fragment = null;\n        return urlTree.toString();\n    }\n}\nNgDocPageComponent.ɵ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 });\nNgDocPageComponent.ɵ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 class=\\\"ng-doc-prev-page\\\" 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 class=\\\"ng-doc-next-page\\\" 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.ng-doc-next-page{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 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageComponent, decorators: [{\n            type: Component,\n            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 class=\\\"ng-doc-prev-page\\\" 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 class=\\\"ng-doc-next-page\\\" 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.ng-doc-next-page{margin-left:auto}\\n\"] }]\n        }], ctorParameters: function () { return [{ type: undefined, decorators: [{\n                    type: Inject,\n                    args: [NG_DOC_CONTEXT]\n                }] }, { type: i1.Router }, { type: i2.NgDocRootPage }]; } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQUMsTUFBTSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBRTVELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7O0FBUWxELE1BQU0sT0FBTyxrQkFBa0I7SUFHOUIsWUFFa0IsT0FBcUIsRUFDckIsTUFBYyxFQUN0QixRQUF1QjtRQUZmLFlBQU8sR0FBUCxPQUFPLENBQWM7UUFDckIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFlO1FBRWhDLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUUxRCxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBcUIsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDdkcsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQXFCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3hHLENBQUM7SUFFTyxTQUFTLENBQUMsS0FBd0I7UUFDekMsT0FBTyxLQUFLO2FBQ1YsR0FBRyxDQUFDLENBQUMsSUFBcUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzlGLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxJQUFZLEdBQUc7UUFDZCxNQUFNLE9BQU8sR0FBWSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRS9ELE9BQU8sQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBRXhCLE9BQU8sT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7OytHQTVCVyxrQkFBa0Isa0JBSXJCLGNBQWM7bUdBSlgsa0JBQWtCLG1EQ1ovQiw2b0RBdURBOzJGRDNDYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzswQkFNN0MsTUFBTTsyQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtSb3V0ZXIsIFVybFRyZWV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge05nRG9jUm9vdFBhZ2V9IGZyb20gJ0BuZy1kb2MvYXBwL2NsYXNzZXMvcm9vdC1wYWdlJztcbmltcG9ydCB7TmdEb2NDb250ZXh0LCBOZ0RvY05hdmlnYXRpb259IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOR19ET0NfQ09OVEVYVH0gZnJvbSAnQG5nLWRvYy9hcHAvdG9rZW5zJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLXBhZ2UnLFxuXHR0ZW1wbGF0ZVVybDogJy4vcGFnZS5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3BhZ2UuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGFnZUNvbXBvbmVudCB7XG5cdHJlYWRvbmx5IHByZXZQYWdlPzogTmdEb2NOYXZpZ2F0aW9uO1xuXHRyZWFkb25seSBuZXh0UGFnZT86IE5nRG9jTmF2aWdhdGlvbjtcblx0Y29uc3RydWN0b3IoXG5cdFx0QEluamVjdChOR19ET0NfQ09OVEVYVClcblx0XHRwcml2YXRlIHJlYWRvbmx5IGNvbnRleHQ6IE5nRG9jQ29udGV4dCxcblx0XHRwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyLFxuXHRcdHJlYWRvbmx5IHJvb3RQYWdlOiBOZ0RvY1Jvb3RQYWdlLFxuXHQpIHtcblx0XHRjb25zdCBmbGF0UGFnZXMgPSB0aGlzLmZsYXRQYWdlcyh0aGlzLmNvbnRleHQubmF2aWdhdGlvbik7XG5cblx0XHR0aGlzLnByZXZQYWdlID0gZmxhdFBhZ2VzW2ZsYXRQYWdlcy5maW5kSW5kZXgoKGl0ZW06IE5nRG9jTmF2aWdhdGlvbikgPT4gdGhpcy51cmwgPT09IGl0ZW0ucm91dGUpIC0gMV07XG5cdFx0dGhpcy5uZXh0UGFnZSA9IGZsYXRQYWdlc1tmbGF0UGFnZXMuZmluZEluZGV4KChpdGVtOiBOZ0RvY05hdmlnYXRpb24pID0+IHRoaXMudXJsID09PSBpdGVtLnJvdXRlKSArIDFdO1xuXHR9XG5cblx0cHJpdmF0ZSBmbGF0UGFnZXMoaXRlbXM6IE5nRG9jTmF2aWdhdGlvbltdKTogTmdEb2NOYXZpZ2F0aW9uW10ge1xuXHRcdHJldHVybiBpdGVtc1xuXHRcdFx0Lm1hcCgoaXRlbTogTmdEb2NOYXZpZ2F0aW9uKSA9PiBbaXRlbS5jaGlsZHJlbj8ubGVuZ3RoID8gdGhpcy5mbGF0UGFnZXMoaXRlbS5jaGlsZHJlbikgOiBpdGVtXSlcblx0XHRcdC5mbGF0KDIpO1xuXHR9XG5cblx0cHJpdmF0ZSBnZXQgdXJsKCk6IHN0cmluZyB7XG5cdFx0Y29uc3QgdXJsVHJlZTogVXJsVHJlZSA9IHRoaXMucm91dGVyLnBhcnNlVXJsKHRoaXMucm91dGVyLnVybCk7XG5cblx0XHR1cmxUcmVlLnF1ZXJ5UGFyYW1zID0ge307XG5cdFx0dXJsVHJlZS5mcmFnbWVudCA9IG51bGw7XG5cblx0XHRyZXR1cm4gdXJsVHJlZS50b1N0cmluZygpO1xuXHR9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdG5nRG9jUGxheWdyb3VuZFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cblxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLW5hdmlnYXRpb24tY29udHJvbHNcIiAqbmdJZj1cInJvb3RQYWdlLnBhZ2VUeXBlID09PSAnZ3VpZGUnXCI+XG5cdFx0PGEgY2xhc3M9XCJuZy1kb2MtcHJldi1wYWdlXCIgbmctZG9jLWJ1dHRvbi10ZXh0ICpuZ0lmPVwicHJldlBhZ2VcIiBbcm91dGVyTGlua109XCJwcmV2UGFnZS5yb3V0ZVwiPlxuXHRcdFx0PHNwYW4gbmctZG9jLXRleHQ+XG5cdFx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiYXJyb3ctbGVmdFwiIG5nRG9jVGV4dExlZnQ+PC9uZy1kb2MtaWNvbj5cblx0XHRcdFx0e3sgcHJldlBhZ2UudGl0bGUgfX1cblx0XHRcdDwvc3Bhbj5cblx0XHQ8L2E+XG5cdFx0PGEgY2xhc3M9XCJuZy1kb2MtbmV4dC1wYWdlXCIgbmctZG9jLWJ1dHRvbi10ZXh0ICpuZ0lmPVwibmV4dFBhZ2VcIiBbcm91dGVyTGlua109XCJuZXh0UGFnZS5yb3V0ZVwiPlxuXHRcdFx0PHNwYW4gbmctZG9jLXRleHQ+XG5cdFx0XHRcdHt7IG5leHRQYWdlLnRpdGxlIH19XG5cdFx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiYXJyb3ctcmlnaHRcIiBuZ0RvY1RleHRSaWdodD48L25nLWRvYy1pY29uPlxuXHRcdFx0PC9zcGFuPlxuXHRcdDwvYT5cblx0PC9kaXY+XG48L2FydGljbGU+XG5cbjxuZy10ZW1wbGF0ZVxuXHRbbmdEb2NNZWRpYVF1ZXJ5XT1cIlttZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLkxhcmdlLCBtZWRpYVF1ZXJ5LmJyZWFrcG9pbnRzLlhMYXJnZV1cIlxuXHQjbWVkaWFRdWVyeT1cIm5nRG9jTWVkaWFRdWVyeVwiXG4+XG5cdDxuZy1kb2MtdG9jIFtwYWdlQ29udGFpbmVyXT1cInBhZ2VDb250YWluZXJcIj48L25nLWRvYy10b2M+XG48L25nLXRlbXBsYXRlPlxuIl19","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { NgDocPageMapModule } from '@ng-doc/app/components/toc';\nimport { NgDocSanitizeHtmlModule } from '@ng-doc/app/pipes/sanitize-html';\nimport { NgDocBlockquoteProcessorModule, NgDocCodeProcessorModule, NgDocDemoProcessorModule, NgDocIconProcessorModule, NgDocPlaygroundProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';\nimport { NgDocBooleanControlModule, NgDocNumberControlModule, NgDocStringControlModule, NgDocTypeAliasControlModule, } from '@ng-doc/app/type-controls';\nimport { NgDocButtonIconModule, NgDocButtonModule, NgDocIconModule, NgDocMediaQueryModule, NgDocTextModule, NgDocTooltipModule, } from '@ng-doc/ui-kit';\nimport { NgDocPageComponent } from './page.component';\nimport * as i0 from \"@angular/core\";\nexport class NgDocPageModule {\n}\nNgDocPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nNgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, declarations: [NgDocPageComponent], imports: [\n        /* TypeControls */\n        NgDocBooleanControlModule,\n        NgDocNumberControlModule,\n        NgDocStringControlModule,\n        NgDocTypeAliasControlModule,\n        CommonModule,\n        NgDocDemoProcessorModule,\n        NgDocCodeProcessorModule,\n        NgDocBlockquoteProcessorModule,\n        NgDocSanitizeHtmlModule,\n        NgDocIconProcessorModule,\n        NgDocPageMapModule,\n        NgDocMediaQueryModule,\n        NgDocTooltipProcessorModule,\n        NgDocButtonIconModule,\n        NgDocIconModule,\n        NgDocTooltipModule,\n        NgDocPlaygroundProcessorModule,\n        RouterLink,\n        NgDocButtonModule,\n        NgDocTextModule], exports: [NgDocPageComponent] });\nNgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, imports: [\n        /* TypeControls */\n        NgDocBooleanControlModule,\n        NgDocNumberControlModule,\n        NgDocStringControlModule,\n        NgDocTypeAliasControlModule,\n        CommonModule,\n        NgDocDemoProcessorModule,\n        NgDocCodeProcessorModule,\n        NgDocBlockquoteProcessorModule,\n        NgDocSanitizeHtmlModule,\n        NgDocIconProcessorModule,\n        NgDocPageMapModule,\n        NgDocMediaQueryModule,\n        NgDocTooltipProcessorModule,\n        NgDocButtonIconModule,\n        NgDocIconModule,\n        NgDocTooltipModule,\n        NgDocPlaygroundProcessorModule,\n        NgDocButtonModule,\n        NgDocTextModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"15.0.3\", ngImport: i0, type: NgDocPageModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    declarations: [NgDocPageComponent],\n                    imports: [\n                        /* TypeControls */\n                        NgDocBooleanControlModule,\n                        NgDocNumberControlModule,\n                        NgDocStringControlModule,\n                        NgDocTypeAliasControlModule,\n                        CommonModule,\n                        NgDocDemoProcessorModule,\n                        NgDocCodeProcessorModule,\n                        NgDocBlockquoteProcessorModule,\n                        NgDocSanitizeHtmlModule,\n                        NgDocIconProcessorModule,\n                        NgDocPageMapModule,\n                        NgDocMediaQueryModule,\n                        NgDocTooltipProcessorModule,\n                        NgDocButtonIconModule,\n                        NgDocIconModule,\n                        NgDocTooltipModule,\n                        NgDocPlaygroundProcessorModule,\n                        RouterLink,\n                        NgDocButtonModule,\n                        NgDocTextModule,\n                    ],\n                    exports: [NgDocPageComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQzlELE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFDTiw4QkFBOEIsRUFDOUIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4Qix3QkFBd0IsRUFDeEIsOEJBQThCLEVBQzlCLDJCQUEyQixHQUMzQixNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFDTix5QkFBeUIsRUFDekIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDM0IsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQ04scUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YscUJBQXFCLEVBQ3JCLGVBQWUsRUFDZixrQkFBa0IsR0FDbEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7QUE4QnBELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBM0JaLGtCQUFrQjtRQUVoQyxrQkFBa0I7UUFDbEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsMkJBQTJCO1FBRTNCLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDhCQUE4QjtRQUM5QixVQUFVO1FBQ1YsaUJBQWlCO1FBQ2pCLGVBQWUsYUFFTixrQkFBa0I7NkdBRWhCLGVBQWU7UUF6QjFCLGtCQUFrQjtRQUNsQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QiwyQkFBMkI7UUFFM0IsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsOEJBQThCO1FBRTlCLGlCQUFpQjtRQUNqQixlQUFlOzJGQUlKLGVBQWU7a0JBNUIzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1Isa0JBQWtCO3dCQUNsQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBRTNCLFlBQVk7d0JBQ1osd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDhCQUE4Qjt3QkFDOUIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLDhCQUE4Qjt3QkFDOUIsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLGVBQWU7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Um91dGVyTGlua30gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7TmdEb2NQYWdlTWFwTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3RvYyc7XG5pbXBvcnQge05nRG9jU2FuaXRpemVIdG1sTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcy9zYW5pdGl6ZS1odG1sJztcbmltcG9ydCB7XG5cdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtcblx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0TmdEb2NOdW1iZXJDb250cm9sTW9kdWxlLFxuXHROZ0RvY1N0cmluZ0NvbnRyb2xNb2R1bGUsXG5cdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcbn0gZnJvbSAnQG5nLWRvYy9hcHAvdHlwZS1jb250cm9scyc7XG5pbXBvcnQge1xuXHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdE5nRG9jQnV0dG9uTW9kdWxlLFxuXHROZ0RvY0ljb25Nb2R1bGUsXG5cdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0TmdEb2NUZXh0TW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY1BhZ2VDb21wb25lbnR9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1BhZ2VDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0LyogVHlwZUNvbnRyb2xzICovXG5cdFx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0XHROZ0RvY051bWJlckNvbnRyb2xNb2R1bGUsXG5cdFx0TmdEb2NTdHJpbmdDb250cm9sTW9kdWxlLFxuXHRcdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcblxuXHRcdENvbW1vbk1vZHVsZSxcblx0XHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1Nhbml0aXplSHRtbE1vZHVsZSxcblx0XHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NQYWdlTWFwTW9kdWxlLFxuXHRcdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCdXR0b25JY29uTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHRcdFJvdXRlckxpbmssXG5cdFx0TmdEb2NCdXR0b25Nb2R1bGUsXG5cdFx0TmdEb2NUZXh0TW9kdWxlLFxuXHRdLFxuXHRleHBvcnRzOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLXBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvbmctZG9jLWFwcC1jb21wb25lbnRzLXBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2020/ng-doc-app-components-playground.mjs

@@ -1,24 +1,268 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@ng-doc/app/classes';
-import { objectKeys, extractValue } from '@ng-doc/core';
-import * as i3 from '@angular/common';
+import { Directive, isDevMode, ViewContainerRef, Component, ChangeDetectionStrategy, Input, ViewChild, HostBinding, EventEmitter, Output, ChangeDetectorRef, Injector, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i1$1 from '@ng-doc/app/classes/root-page';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { extractValueOrThrow, extractValue } from '@ng-doc/core/helpers/extract-value';
+import { objectKeys } from '@ng-doc/core/helpers/object-keys';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@ng-doc/app/components/playground-demo';
-import { NgDocPlaygroundDemoModule } from '@ng-doc/app/components/playground-demo';
-import * as i5 from '@ng-doc/app/components/playground-properties';
-import { NgDocPlaygroundPropertiesModule } from '@ng-doc/app/components/playground-properties';
-import * as i6 from '@ng-doc/ui-kit';
-import { NgDocAsArrayModule } from '@ng-doc/ui-kit';
+import * as i1 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
+import { pluck, takeUntil } from 'rxjs/operators';
+import * as i4 from '@ng-doc/ui-kit';
+import { NgDocLabelModule, NgDocTooltipModule, NgDocAsArrayModule, NgDocButtonIconModule, NgDocIconModule, NgDocTextModule, NgDocCheckboxModule, NgDocButtonModule } from '@ng-doc/ui-kit';
+import { isPlaygroundProperty } from '@ng-doc/app/helpers/is-playground-property';
+import { getTokenForType } from '@ng-doc/app/helpers/provide-type-control';
+import { __decorate, __metadata } from 'tslib';
+import { getPlaygroundDemoToken } from '@ng-doc/app/helpers/provide-playground-demo';
+import { buildPlaygroundDemoTemplate } from '@ng-doc/core/helpers/build-playground-demo-template';
+import { formatHtml } from '@ng-doc/core/helpers/format-html';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { of, Subject } from 'rxjs';
+import * as i2$1 from '@ng-doc/app/components/demo-displayer';
+import { NgDocDemoDisplayerModule } from '@ng-doc/app/components/demo-displayer';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+/**
+ * Base class for playgrounds components.
+ */
+class NgDocBasePlayground {
+    constructor() {
+        this.data = {};
+        this.content = {};
+    }
+}
+NgDocBasePlayground.selector = 'unknown';
+NgDocBasePlayground.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocBasePlayground, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgDocBasePlayground.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: NgDocBasePlayground, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocBasePlayground, decorators: [{
+            type: Directive
+        }] });
+
+class NgDocPlaygroundPropertyComponent {
+    constructor(injector) {
+        this.injector = injector;
+        this.name = '';
+    }
+    ngOnChanges({ property, control }) {
+        if (property && this.property) {
+            this.propertyControl?.destroy();
+            this.propertyControl = undefined;
+            const type = isPlaygroundProperty(this.property) ? this.property.type : 'boolean';
+            const typeControl = this.getControlForType(type) ??
+                this.getControlForTypeAlias(isPlaygroundProperty(this.property) ? this.property.options : undefined);
+            if (typeControl && this.propertyOutlet) {
+                this.propertyControl = this.propertyOutlet.createComponent(typeControl.control);
+                this.propertyControl.instance.name = this.name;
+                this.propertyControl.instance.description = this.tooltipContent;
+                this.propertyControl.instance.options = isPlaygroundProperty(this.property)
+                    ? this.property.options
+                    : undefined;
+                this.propertyControl.instance.default = isPlaygroundProperty(this.property)
+                    ? this.property.default
+                    : undefined;
+                this.propertyControl.instance.writeValue(this.control?.value);
+                this.option = typeControl.options;
+            }
+            else if (isDevMode()) {
+                console.warn(`NgDocPlayground didn't find the control for the @Input "${this.name}", the type "${type}" was not recognized'`);
+            }
+        }
+        if (control) {
+            this.control?.registerOnChange((value) => this.propertyControl?.instance?.writeValue(value));
+            this.propertyControl?.instance.registerOnChange((value) => this.control?.setValue(value));
+            this.propertyControl?.instance.registerOnTouched(() => this.control?.markAsTouched());
+        }
+    }
+    get hasPropertyControl() {
+        return !!this.propertyControl;
+    }
+    get tooltipContent() {
+        return this.property && isPlaygroundProperty(this.property) ? this.property.description ?? '' : '';
+    }
+    getControlForType(type) {
+        const token = getTokenForType(type);
+        return token ? this.injector.get(token) : undefined;
+    }
+    getControlForTypeAlias(options) {
+        if (options && options.length) {
+            let optionsIsValid = true;
+            try {
+                // checking that all values are extractable
+                options.forEach((item) => extractValueOrThrow(item));
+            }
+            catch {
+                optionsIsValid = false;
+            }
+            if (optionsIsValid) {
+                const token = getTokenForType('NgDocTypeAlias');
+                return token ? this.injector.get(token) : undefined;
+            }
+        }
+        return undefined;
+    }
+}
+NgDocPlaygroundPropertyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundPropertyComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+NgDocPlaygroundPropertyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundPropertyComponent, selector: "ng-doc-playground-property", inputs: { name: "name", property: "property", control: "control" }, host: { properties: { "attr.data-has-property-control": "this.hasPropertyControl" } }, viewQueries: [{ propertyName: "propertyOutlet", first: true, predicate: ["propertyOutlet"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<label [ng-doc-label]=\"option?.hideLabel ? '' : labelContent\">\n\t<ng-template #labelContent>\n\t\t<span\n\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t[canOpen]=\"!!tooltipContent\"\n\t\t\t[positions]=\"['left-center', 'top-right', 'bottom-right']\"\n\t\t\t>{{ name }}</span\n\t\t>\n\t</ng-template>\n\t<ng-container #propertyOutlet></ng-container>\n</label>\n", styles: [":host{display:block}:host[data-has-property-control=false]{display:none}\n"], dependencies: [{ kind: "component", type: i4.NgDocLabelComponent, selector: "label[ng-doc-label]", inputs: ["ng-doc-label", "align"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundPropertyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-playground-property', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [ng-doc-label]=\"option?.hideLabel ? '' : labelContent\">\n\t<ng-template #labelContent>\n\t\t<span\n\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t[canOpen]=\"!!tooltipContent\"\n\t\t\t[positions]=\"['left-center', 'top-right', 'bottom-right']\"\n\t\t\t>{{ name }}</span\n\t\t>\n\t</ng-template>\n\t<ng-container #propertyOutlet></ng-container>\n</label>\n", styles: [":host{display:block}:host[data-has-property-control=false]{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { name: [{
+                type: Input
+            }], property: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], propertyOutlet: [{
+                type: ViewChild,
+                args: ['propertyOutlet', { read: ViewContainerRef, static: true }]
+            }], hasPropertyControl: [{
+                type: HostBinding,
+                args: ['attr.data-has-property-control']
+            }] } });
+
+class NgDocPlaygroundPropertiesComponent {
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+        this.recreateDemo = false;
+        this.recreateDemoChange = new EventEmitter();
+        this.resetForm = new EventEmitter();
+        this.breakpoints = [Breakpoints.XSmall];
+        this.observer = this.breakpointObserver.observe(this.breakpoints).pipe(pluck('matches'));
+    }
+    getFormControl(controlType, key) {
+        return this.form.get(controlType)?.get(key);
+    }
+}
+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], 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: 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"] }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { form: [{
+                type: Input
+            }], properties: [{
+                type: Input
+            }], dynamicContent: [{
+                type: Input
+            }], recreateDemo: [{
+                type: Input
+            }], recreateDemoChange: [{
+                type: Output
+            }], resetForm: [{
+                type: Output
+            }] } });
+
+let NgDocPlaygroundDemoComponent = class NgDocPlaygroundDemoComponent {
+    constructor(rootPage, injector) {
+        this.rootPage = rootPage;
+        this.injector = injector;
+        this.id = '';
+        this.selector = '';
+        this.recreateDemo = false;
+        this.code = of('');
+        this.unsubscribe$ = new Subject();
+    }
+    ngOnChanges({ form, id }) {
+        if (form && id) {
+            this.unsubscribe$.next();
+            const demoInjector = getPlaygroundDemoToken(this.id);
+            if (demoInjector) {
+                const demos = this.injector.get(demoInjector, []);
+                this.playgroundDemo = demos.find((demo) => demo.selector === this.selector);
+            }
+            this.updateDemo();
+            this.form?.valueChanges
+                .pipe(takeUntil(this.unsubscribe$), untilDestroyed(this))
+                .subscribe((data) => this.updateDemo(data));
+        }
+    }
+    updateDemo(data) {
+        if (this.recreateDemo || !this.demoRef) {
+            this.renderDemo();
+        }
+        if (data) {
+            Object.assign(this.demoRef?.instance.playground ?? {}, data.properties);
+            Object.assign(this.demoRef?.instance.content ?? {}, data.content);
+            this.demoRef?.instance?.viewContainerRef?.injector.get(ChangeDetectorRef)?.markForCheck();
+        }
+        this.updateCodeView();
+    }
+    renderDemo() {
+        if (this.playgroundDemo) {
+            this.demoRef?.destroy();
+            if (this.playgroundDemo) {
+                this.demoRef = this.demoOutlet?.createComponent(this.playgroundDemo);
+            }
+            this.demoRef?.changeDetectorRef.markForCheck();
+        }
+    }
+    updateCodeView() {
+        const template = buildPlaygroundDemoTemplate(this.configuration?.template ?? '', this.selector, this.getActiveContent(), this.getActiveInputs());
+        this.code = formatHtml(template);
+    }
+    getActiveContent() {
+        const formData = this.form?.controls.content.value ?? {};
+        return objectKeys(formData).reduce((result, key) => {
+            result[key] = formData[key] ? this.configuration?.content?.[key].template ?? '' : '';
+            return result;
+        }, {});
+    }
+    getActiveInputs() {
+        const formData = this.form?.controls.properties.value ?? {};
+        return objectKeys(formData).reduce((result, key) => {
+            const property = this.properties?.[key];
+            if (property) {
+                const value = formData[key];
+                const isString = typeof value === 'string';
+                const inputValue = isString ? `'${value}'` : `${JSON.stringify(value)}`;
+                if ((property.default ?? '') !== inputValue) {
+                    result[property.name] = inputValue;
+                }
+            }
+            return result;
+        }, {});
+    }
+    ngOnDestroy() {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    }
+};
+NgDocPlaygroundDemoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundDemoComponent, deps: [{ token: i1$1.NgDocRootPage }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+NgDocPlaygroundDemoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundDemoComponent, selector: "ng-doc-playground-demo", inputs: { id: "id", selector: "selector", configuration: "configuration", properties: "properties", recreateDemo: "recreateDemo", form: "form" }, viewQueries: [{ propertyName: "demoOutlet", first: true, predicate: ["demoOutlet"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-doc-demo-displayer [code]=\"(code | async) ?? ''\" [border]=\"false\" language=\"html\">\n\t<ng-container #demoOutlet></ng-container>\n</ng-doc-demo-displayer>\n", styles: [":host{display:block;border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius);overflow:hidden}:host:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}:host:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}\n"], dependencies: [{ kind: "component", type: i2$1.NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: ["codeContent", "code", "language", "container", "border", "expanded"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPlaygroundDemoComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [NgDocRootPage, Injector])
+], NgDocPlaygroundDemoComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundDemoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-playground-demo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-demo-displayer [code]=\"(code | async) ?? ''\" [border]=\"false\" language=\"html\">\n\t<ng-container #demoOutlet></ng-container>\n</ng-doc-demo-displayer>\n", styles: [":host{display:block;border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius);overflow:hidden}:host:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}:host:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.NgDocRootPage }, { type: i0.Injector }]; }, propDecorators: { id: [{
+                type: Input
+            }], selector: [{
+                type: Input
+            }], configuration: [{
+                type: Input
+            }], properties: [{
+                type: Input
+            }], recreateDemo: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], demoOutlet: [{
+                type: ViewChild,
+                args: ['demoOutlet', { static: true, read: ViewContainerRef }]
+            }] } });
 
 class NgDocPlaygroundComponent {
     constructor(rootPage, formBuilder) {
         this.rootPage = rootPage;
         this.formBuilder = formBuilder;
+        this.id = '';
         this.selectors = [];
-        this.reinitializeDemo = false;
+        this.recreateDemo = false;
     }
     ngOnInit() {
         const propertiesForm = this.formBuilder.group(this.getPropertiesFormValues());
@@ -29,7 +273,7 @@ class NgDocPlaygroundComponent {
         });
     }
     get configuration() {
-        return this.id && this.rootPage.playground ? this.rootPage.playground[this.id] : undefined;
+        return this.rootPage.dependencies?.playgrounds?.[this.id];
     }
     getPropertiesFormValues() {
         return objectKeys(this.properties ?? {}).reduce((controls, key) => {
@@ -40,12 +284,13 @@ class NgDocPlaygroundComponent {
         }, {});
     }
     getContentFormValues() {
-        return objectKeys(this.configuration?.dynamicContent ?? {}).reduce((controls, key) => {
-            if (this.configuration?.dynamicContent) {
+        return objectKeys(this.configuration?.content ?? {}).reduce((controls, key) => {
+            if (this.configuration?.content) {
                 controls[key] = false;
             }
             return controls;
         }, {});
+        return {};
     }
     resetForm() {
         this.formGroup?.reset({
@@ -54,38 +299,78 @@ class NgDocPlaygroundComponent {
         });
     }
 }
-NgDocPlaygroundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundComponent, deps: [{ token: i1.NgDocRootPage }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-NgDocPlaygroundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundComponent, selector: "ng-doc-playground", ngImport: i0, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties [form]=\"formGroup\" [properties]=\"properties\"\n\t\t\t\t\t\t\t\t  [dynamicContent]=\"configuration.dynamicContent\"\n\t\t\t\t\t\t\t\t  [(reinitializeDemo)]=\"reinitializeDemo\"\n\t\t\t\t\t\t\t\t  (resetForm)=\"resetForm()\">\n\t\t<ng-doc-playground-demo *ngFor=\"let selector of (configuration.selectors ?? selectors) | asArray\"\n\t\t\t\t\t\t\t\t[target]=\"configuration.target\"\n\t\t\t\t\t\t\t\t[selector]=\"selector\"\n\t\t\t\t\t\t\t\t[template]=\"configuration.template\"\n\t\t\t\t\t\t\t\t[properties]=\"properties\"\n\t\t\t\t\t\t\t\t[data]=\"configuration.data\"\n\t\t\t\t\t\t\t\t[dynamicContent]=\"configuration.dynamicContent\"\n\t\t\t\t\t\t\t\t[reinitializeDemo]=\"reinitializeDemo\"\n\t\t\t\t\t\t\t\t[form]=\"formGroup\">\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.NgDocPlaygroundDemoComponent, selector: "ng-doc-playground-demo", inputs: ["target", "selector", "template", "properties", "dynamicContent", "data", "reinitializeDemo", "form"] }, { kind: "component", type: i5.NgDocPlaygroundPropertiesComponent, selector: "ng-doc-playground-properties", inputs: ["form", "properties", "dynamicContent", "reinitializeDemo"], outputs: ["reinitializeDemoChange", "resetForm"] }, { kind: "pipe", type: i6.NgDocAsArrayPipe, name: "asArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPlaygroundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundComponent, deps: [{ token: i1$1.NgDocRootPage }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+NgDocPlaygroundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPlaygroundComponent, selector: "ng-doc-playground", ngImport: i0, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties\n\t\t[form]=\"formGroup\"\n\t\t[properties]=\"properties\"\n\t\t[dynamicContent]=\"configuration.content\"\n\t\t[(recreateDemo)]=\"recreateDemo\"\n\t\t(resetForm)=\"resetForm()\"\n\t>\n\t\t<ng-doc-playground-demo\n\t\t\t*ngFor=\"let selector of configuration.selectors ?? selectors | asArray\"\n\t\t\t[id]=\"id\"\n\t\t\t[selector]=\"selector\"\n\t\t\t[properties]=\"properties\"\n\t\t\t[configuration]=\"configuration\"\n\t\t\t[recreateDemo]=\"recreateDemo\"\n\t\t\t[form]=\"formGroup\"\n\t\t>\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\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: "component", type: NgDocPlaygroundPropertiesComponent, selector: "ng-doc-playground-properties", inputs: ["form", "properties", "dynamicContent", "recreateDemo"], outputs: ["recreateDemoChange", "resetForm"] }, { kind: "component", type: NgDocPlaygroundDemoComponent, selector: "ng-doc-playground-demo", inputs: ["id", "selector", "configuration", "properties", "recreateDemo", "form"] }, { kind: "pipe", type: i4.NgDocAsArrayPipe, name: "asArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-playground', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties [form]=\"formGroup\" [properties]=\"properties\"\n\t\t\t\t\t\t\t\t  [dynamicContent]=\"configuration.dynamicContent\"\n\t\t\t\t\t\t\t\t  [(reinitializeDemo)]=\"reinitializeDemo\"\n\t\t\t\t\t\t\t\t  (resetForm)=\"resetForm()\">\n\t\t<ng-doc-playground-demo *ngFor=\"let selector of (configuration.selectors ?? selectors) | asArray\"\n\t\t\t\t\t\t\t\t[target]=\"configuration.target\"\n\t\t\t\t\t\t\t\t[selector]=\"selector\"\n\t\t\t\t\t\t\t\t[template]=\"configuration.template\"\n\t\t\t\t\t\t\t\t[properties]=\"properties\"\n\t\t\t\t\t\t\t\t[data]=\"configuration.data\"\n\t\t\t\t\t\t\t\t[dynamicContent]=\"configuration.dynamicContent\"\n\t\t\t\t\t\t\t\t[reinitializeDemo]=\"reinitializeDemo\"\n\t\t\t\t\t\t\t\t[form]=\"formGroup\">\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }, { type: i2.FormBuilder }]; } });
+            args: [{ selector: 'ng-doc-playground', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"configuration\">\n\t<ng-doc-playground-properties\n\t\t[form]=\"formGroup\"\n\t\t[properties]=\"properties\"\n\t\t[dynamicContent]=\"configuration.content\"\n\t\t[(recreateDemo)]=\"recreateDemo\"\n\t\t(resetForm)=\"resetForm()\"\n\t>\n\t\t<ng-doc-playground-demo\n\t\t\t*ngFor=\"let selector of configuration.selectors ?? selectors | asArray\"\n\t\t\t[id]=\"id\"\n\t\t\t[selector]=\"selector\"\n\t\t\t[properties]=\"properties\"\n\t\t\t[configuration]=\"configuration\"\n\t\t\t[recreateDemo]=\"recreateDemo\"\n\t\t\t[form]=\"formGroup\"\n\t\t>\n\t\t</ng-doc-playground-demo>\n\t</ng-doc-playground-properties>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.NgDocRootPage }, { type: i3.FormBuilder }]; } });
 
 class NgDocPlaygroundModule {
 }
 NgDocPlaygroundModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgDocPlaygroundModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundModule, declarations: [NgDocPlaygroundComponent], imports: [CommonModule,
+NgDocPlaygroundModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundModule, declarations: [NgDocPlaygroundComponent,
+        NgDocPlaygroundPropertyComponent,
+        NgDocPlaygroundPropertiesComponent,
+        NgDocPlaygroundDemoComponent], imports: [CommonModule,
         ReactiveFormsModule,
+        NgDocLabelModule,
+        NgDocTooltipModule,
+        PolymorpheusModule,
         NgDocAsArrayModule,
-        NgDocPlaygroundDemoModule,
-        NgDocPlaygroundPropertiesModule], exports: [NgDocPlaygroundComponent] });
+        NgDocButtonIconModule,
+        NgDocIconModule,
+        NgDocTextModule,
+        NgDocCheckboxModule,
+        FormsModule,
+        NgDocButtonModule,
+        NgDocDemoDisplayerModule], exports: [NgDocPlaygroundComponent,
+        NgDocPlaygroundPropertyComponent,
+        NgDocPlaygroundPropertiesComponent,
+        NgDocPlaygroundDemoComponent] });
 NgDocPlaygroundModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundModule, imports: [CommonModule,
         ReactiveFormsModule,
+        NgDocLabelModule,
+        NgDocTooltipModule,
+        PolymorpheusModule,
         NgDocAsArrayModule,
-        NgDocPlaygroundDemoModule,
-        NgDocPlaygroundPropertiesModule] });
+        NgDocButtonIconModule,
+        NgDocIconModule,
+        NgDocTextModule,
+        NgDocCheckboxModule,
+        FormsModule,
+        NgDocButtonModule,
+        NgDocDemoDisplayerModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPlaygroundModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NgDocPlaygroundComponent],
+                    declarations: [
+                        NgDocPlaygroundComponent,
+                        NgDocPlaygroundPropertyComponent,
+                        NgDocPlaygroundPropertiesComponent,
+                        NgDocPlaygroundDemoComponent,
+                    ],
                     imports: [
                         CommonModule,
                         ReactiveFormsModule,
+                        NgDocLabelModule,
+                        NgDocTooltipModule,
+                        PolymorpheusModule,
                         NgDocAsArrayModule,
-                        NgDocPlaygroundDemoModule,
-                        NgDocPlaygroundPropertiesModule,
+                        NgDocButtonIconModule,
+                        NgDocIconModule,
+                        NgDocTextModule,
+                        NgDocCheckboxModule,
+                        FormsModule,
+                        NgDocButtonModule,
+                        NgDocDemoDisplayerModule,
+                    ],
+                    exports: [
+                        NgDocPlaygroundComponent,
+                        NgDocPlaygroundPropertyComponent,
+                        NgDocPlaygroundPropertiesComponent,
+                        NgDocPlaygroundDemoComponent,
                     ],
-                    exports: [NgDocPlaygroundComponent],
                 }]
         }] });
 
@@ -93,5 +378,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgDocPlaygroundComponent, NgDocPlaygroundModule };
+export { NgDocBasePlayground, NgDocPlaygroundComponent, NgDocPlaygroundDemoComponent, NgDocPlaygroundModule, NgDocPlaygroundPropertiesComponent, NgDocPlaygroundPropertyComponent };
 //# sourceMappingURL=ng-doc-app-components-playground.mjs.map