@ng-doc/app 15.2.0 → 15.3.2

package/fesm2015/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 \"@angular/common\";\nimport * as i3 from \"@ng-doc/app/processors\";\nimport * as i4 from \"@ng-doc/app/components/toc\";\nimport * as i5 from \"@ng-doc/ui-kit\";\nimport * as i6 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<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\\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: \"pipe\", type: i6.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\\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\"] }]\n        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUFxQixRQUF1QjtRQUF2QixhQUFRLEdBQVIsUUFBUSxDQUFlO0lBQUcsQ0FBQzs7K0dBRHBDLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1EQ1QvQix1Z0NBdUNBOzJGRDlCYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cbjwvYXJ0aWNsZT5cblxuPG5nLXRlbXBsYXRlXG5cdFtuZ0RvY01lZGlhUXVlcnldPVwiW21lZGlhUXVlcnkuYnJlYWtwb2ludHMuTGFyZ2UsIG1lZGlhUXVlcnkuYnJlYWtwb2ludHMuWExhcmdlXVwiXG5cdCNtZWRpYVF1ZXJ5PVwibmdEb2NNZWRpYVF1ZXJ5XCJcbj5cblx0PG5nLWRvYy10b2MgW3BhZ2VDb250YWluZXJdPVwicGFnZUNvbnRhaW5lclwiPjwvbmctZG9jLXRvYz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=","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 { NgDocButtonIconModule, NgDocIconModule, NgDocMediaQueryModule, 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: [CommonModule,\n        NgDocDemoProcessorModule,\n        NgDocCodeProcessorModule,\n        NgDocBlockquoteProcessorModule,\n        NgDocSanitizeHtmlModule,\n        NgDocIconProcessorModule,\n        NgDocPageMapModule,\n        NgDocMediaQueryModule,\n        NgDocTooltipProcessorModule,\n        NgDocButtonIconModule,\n        NgDocIconModule,\n        NgDocTooltipModule], 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,\n        NgDocButtonIconModule,\n        NgDocIconModule,\n        NgDocTooltipModule] });\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                        NgDocButtonIconModule,\n                        NgDocIconModule,\n                        NgDocTooltipModule,\n                    ],\n                    exports: [NgDocPageComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDM0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUMscUJBQXFCLEVBQUUsZUFBZSxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFakgsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBb0JwRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQWpCWixrQkFBa0IsYUFFaEMsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0IsYUFFVCxrQkFBa0I7NkdBRWhCLGVBQWUsWUFmMUIsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7MkZBSVAsZUFBZTtrQkFsQjNCLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qiw4QkFBOEI7d0JBQzlCLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3dCQUN4QixrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsMkJBQTJCO3dCQUMzQixxQkFBcUI7d0JBQ3JCLGVBQWU7d0JBQ2Ysa0JBQWtCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1BhZ2VNYXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvdG9jJztcbmltcG9ydCB7TmdEb2NTYW5pdGl6ZUh0bWxNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL3BpcGVzL3Nhbml0aXplLWh0bWwnO1xuaW1wb3J0IHtcblx0TmdEb2NCbG9ja3F1b3RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0NvZGVQcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jRGVtb1Byb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NJY29uUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtOZ0RvY0J1dHRvbkljb25Nb2R1bGUsIE5nRG9jSWNvbk1vZHVsZSwgTmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLCBOZ0RvY1Rvb2x0aXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY1BhZ2VDb21wb25lbnR9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1BhZ2VDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jRGVtb1Byb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0NvZGVQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCbG9ja3F1b3RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jU2FuaXRpemVIdG1sTW9kdWxlLFxuXHRcdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1BhZ2VNYXBNb2R1bGUsXG5cdFx0TmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcFByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jUGFnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGFnZU1vZHVsZSB7fVxuIl19","/**\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 } 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 \"@angular/common\";\nimport * as i3 from \"@ng-doc/app/processors\";\nimport * as i4 from \"@ng-doc/app/components/toc\";\nimport * as i5 from \"@ng-doc/ui-kit\";\nimport * as i6 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<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 });\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</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\"] }]\n        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUFxQixRQUF1QjtRQUF2QixhQUFRLEdBQVIsUUFBUSxDQUFlO0lBQUcsQ0FBQzs7K0dBRHBDLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1EQ1QvQixxaUNBd0NBOzJGRC9CYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdG5nRG9jUGxheWdyb3VuZFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cbjwvYXJ0aWNsZT5cblxuPG5nLXRlbXBsYXRlXG5cdFtuZ0RvY01lZGlhUXVlcnldPVwiW21lZGlhUXVlcnkuYnJlYWtwb2ludHMuTGFyZ2UsIG1lZGlhUXVlcnkuYnJlYWtwb2ludHMuWExhcmdlXVwiXG5cdCNtZWRpYVF1ZXJ5PVwibmdEb2NNZWRpYVF1ZXJ5XCJcbj5cblx0PG5nLWRvYy10b2MgW3BhZ2VDb250YWluZXJdPVwicGFnZUNvbnRhaW5lclwiPjwvbmctZG9jLXRvYz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=","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, NgDocPlaygroundProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';\nimport { NgDocBooleanControlModule, NgDocNumberControlModule, NgDocStringControlModule, NgDocTypeAliasControlModule } from '@ng-doc/app/type-controls';\nimport { NgDocButtonIconModule, NgDocIconModule, NgDocMediaQueryModule, 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: [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        /* TypeControls */\n        NgDocBooleanControlModule,\n        NgDocNumberControlModule,\n        NgDocStringControlModule,\n        NgDocTypeAliasControlModule], 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,\n        NgDocButtonIconModule,\n        NgDocIconModule,\n        NgDocTooltipModule,\n        NgDocPlaygroundProcessorModule,\n        /* TypeControls */\n        NgDocBooleanControlModule,\n        NgDocNumberControlModule,\n        NgDocStringControlModule,\n        NgDocTypeAliasControlModule] });\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                        NgDocButtonIconModule,\n                        NgDocIconModule,\n                        NgDocTooltipModule,\n                        NgDocPlaygroundProcessorModule,\n                        /* TypeControls */\n                        NgDocBooleanControlModule,\n                        NgDocNumberControlModule,\n                        NgDocStringControlModule,\n                        NgDocTypeAliasControlModule,\n                    ],\n                    exports: [NgDocPageComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUFFLDhCQUE4QixFQUN4RCwyQkFBMkIsR0FDM0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQ04seUJBQXlCLEVBQ3pCLHdCQUF3QixFQUN4Qix3QkFBd0IsRUFDeEIsMkJBQTJCLEVBQzNCLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRWpILE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDOztBQTJCcEQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkF4Qlosa0JBQWtCLGFBRWhDLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDhCQUE4QjtRQUU5QixrQkFBa0I7UUFDbEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsMkJBQTJCLGFBRWxCLGtCQUFrQjs2R0FFaEIsZUFBZSxZQXRCMUIsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsOEJBQThCO1FBRTlCLGtCQUFrQjtRQUNsQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QiwyQkFBMkI7MkZBSWhCLGVBQWU7a0JBekIzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsOEJBQThCO3dCQUM5Qix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLDJCQUEyQjt3QkFDM0IscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsOEJBQThCO3dCQUU5QixrQkFBa0I7d0JBQ2xCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDJCQUEyQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NQYWdlTWFwTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3RvYyc7XG5pbXBvcnQge05nRG9jU2FuaXRpemVIdG1sTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcy9zYW5pdGl6ZS1odG1sJztcbmltcG9ydCB7XG5cdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSwgTmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtcblx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0TmdEb2NOdW1iZXJDb250cm9sTW9kdWxlLFxuXHROZ0RvY1N0cmluZ0NvbnRyb2xNb2R1bGUsXG5cdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZVxufSBmcm9tICdAbmctZG9jL2FwcC90eXBlLWNvbnRyb2xzJztcbmltcG9ydCB7TmdEb2NCdXR0b25JY29uTW9kdWxlLCBOZ0RvY0ljb25Nb2R1bGUsIE5nRG9jTWVkaWFRdWVyeU1vZHVsZSwgTmdEb2NUb29sdGlwTW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbmltcG9ydCB7TmdEb2NQYWdlQ29tcG9uZW50fSBmcm9tICcuL3BhZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcblx0aW1wb3J0czogW1xuXHRcdENvbW1vbk1vZHVsZSxcblx0XHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1Nhbml0aXplSHRtbE1vZHVsZSxcblx0XHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NQYWdlTWFwTW9kdWxlLFxuXHRcdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCdXR0b25JY29uTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXG5cdFx0LyogVHlwZUNvbnRyb2xzICovXG5cdFx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0XHROZ0RvY051bWJlckNvbnRyb2xNb2R1bGUsXG5cdFx0TmdEb2NTdHJpbmdDb250cm9sTW9kdWxlLFxuXHRcdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jUGFnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGFnZU1vZHVsZSB7fVxuIl19","/**\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/fesm2015/ng-doc-app-components-playground.mjs

@@ -1,24 +1,274 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { objectKeys, extractValue } from '@ng-doc/core';
-import * as i1 from '@ng-doc/app/classes';
-import * as i2 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/common';
+import { Directive, isDevMode, ViewContainerRef, Component, ChangeDetectionStrategy, Input, ViewChild, HostBinding, EventEmitter, Output, ChangeDetectorRef, Injector, NgModule } from '@angular/core';
+import { extractValueOrThrow, buildPlaygroundDemoTemplate, objectKeys, extractValue } from '@ng-doc/core';
+import * as i1$1 from '@ng-doc/app/classes/root-page';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+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 { formatHtml } from '@ng-doc/app/helpers/format-html';
+import { getPlaygroundDemoToken } from '@ng-doc/app/helpers/provide-playground-demo';
+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 }) {
+        var _a, _b, _c, _d, _e, _f;
+        if (property && this.property) {
+            (_a = this.propertyControl) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.propertyControl = undefined;
+            const type = isPlaygroundProperty(this.property) ? this.property.type : 'boolean';
+            const typeControl = (_b = this.getControlForType(type)) !== null && _b !== void 0 ? _b : 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((_c = this.control) === null || _c === void 0 ? void 0 : _c.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) {
+            (_d = this.control) === null || _d === void 0 ? void 0 : _d.registerOnChange((value) => { var _a, _b; return (_b = (_a = this.propertyControl) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.writeValue(value); });
+            (_e = this.propertyControl) === null || _e === void 0 ? void 0 : _e.instance.registerOnChange((value) => { var _a; return (_a = this.control) === null || _a === void 0 ? void 0 : _a.setValue(value); });
+            (_f = this.propertyControl) === null || _f === void 0 ? void 0 : _f.instance.registerOnTouched(() => { var _a; return (_a = this.control) === null || _a === void 0 ? void 0 : _a.markAsTouched(); });
+        }
+    }
+    get hasPropertyControl() {
+        return !!this.propertyControl;
+    }
+    get tooltipContent() {
+        var _a;
+        return this.property && isPlaygroundProperty(this.property) ? (_a = this.property.description) !== null && _a !== void 0 ? _a : '' : '';
+    }
+    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 (_a) {
+                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 [ngDocTooltip]=\"tooltipContent\" [canOpen]=\"!!tooltipContent\"\n\t\t\t  [positions]=\"['left-center', 'top-right', 'bottom-right']\">{{name}}</span>\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 [ngDocTooltip]=\"tooltipContent\" [canOpen]=\"!!tooltipContent\"\n\t\t\t  [positions]=\"['left-center', 'top-right', 'bottom-right']\">{{name}}</span>\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) {
+        var _a;
+        return (_a = this.form.get(controlType)) === null || _a === void 0 ? void 0 : _a.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]", inputs: ["size", "color"] }, { 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 }) {
+        var _a;
+        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();
+            (_a = this.form) === null || _a === void 0 ? void 0 : _a.valueChanges.pipe(takeUntil(this.unsubscribe$), untilDestroyed(this)).subscribe((data) => this.updateDemo(data));
+        }
+    }
+    updateDemo(data) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (this.recreateDemo || !this.demoRef) {
+            this.renderDemo();
+        }
+        if (data) {
+            Object.assign((_b = (_a = this.demoRef) === null || _a === void 0 ? void 0 : _a.instance.playground) !== null && _b !== void 0 ? _b : {}, data.properties);
+            Object.assign((_d = (_c = this.demoRef) === null || _c === void 0 ? void 0 : _c.instance.content) !== null && _d !== void 0 ? _d : {}, data.content);
+            (_h = (_g = (_f = (_e = this.demoRef) === null || _e === void 0 ? void 0 : _e.instance) === null || _f === void 0 ? void 0 : _f.viewContainerRef) === null || _g === void 0 ? void 0 : _g.injector.get(ChangeDetectorRef)) === null || _h === void 0 ? void 0 : _h.markForCheck();
+        }
+        this.updateCodeView();
+    }
+    renderDemo() {
+        var _a, _b, _c;
+        if (this.playgroundDemo) {
+            (_a = this.demoRef) === null || _a === void 0 ? void 0 : _a.destroy();
+            if (this.playgroundDemo) {
+                this.demoRef = (_b = this.demoOutlet) === null || _b === void 0 ? void 0 : _b.createComponent(this.playgroundDemo);
+            }
+            (_c = this.demoRef) === null || _c === void 0 ? void 0 : _c.changeDetectorRef.markForCheck();
+        }
+    }
+    updateCodeView() {
+        var _a, _b;
+        const template = buildPlaygroundDemoTemplate((_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.template) !== null && _b !== void 0 ? _b : '', this.selector, this.getActiveContent(), this.getActiveInputs());
+        this.code = formatHtml(template);
+    }
+    getActiveContent() {
+        var _a, _b;
+        const formData = (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.controls.content.value) !== null && _b !== void 0 ? _b : {};
+        return objectKeys(formData).reduce((result, key) => {
+            var _a, _b, _c;
+            result[key] = formData[key] ? (_c = (_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b[key].template) !== null && _c !== void 0 ? _c : '' : '';
+            return result;
+        }, {});
+    }
+    getActiveInputs() {
+        var _a, _b;
+        const formData = (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.controls.properties.value) !== null && _b !== void 0 ? _b : {};
+        return objectKeys(formData).reduce((result, key) => {
+            var _a, _b;
+            const property = (_a = this.properties) === null || _a === void 0 ? void 0 : _a[key];
+            if (property) {
+                const value = formData[key];
+                const isString = typeof value === 'string';
+                const inputValue = isString ? `'${value}'` : `${JSON.stringify(value)}`;
+                if (((_b = property.default) !== null && _b !== void 0 ? _b : '') !== 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"] }, { 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 +279,8 @@ class NgDocPlaygroundComponent {
         });
     }
     get configuration() {
-        return this.id && this.rootPage.playground ? this.rootPage.playground[this.id] : undefined;
+        var _a, _b;
+        return (_b = (_a = this.rootPage.dependencies) === null || _a === void 0 ? void 0 : _a.playgrounds) === null || _b === void 0 ? void 0 : _b[this.id];
     }
     getPropertiesFormValues() {
         var _a;
@@ -43,13 +294,14 @@ class NgDocPlaygroundComponent {
     }
     getContentFormValues() {
         var _a, _b;
-        return objectKeys((_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.dynamicContent) !== null && _b !== void 0 ? _b : {}).reduce((controls, key) => {
+        return objectKeys((_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : {}).reduce((controls, key) => {
             var _a;
-            if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.dynamicContent) {
+            if ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.content) {
                 controls[key] = false;
             }
             return controls;
         }, {});
+        return {};
     }
     resetForm() {
         var _a;
@@ -59,38 +311,62 @@ 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],
+                    exports: [NgDocPlaygroundComponent, NgDocPlaygroundPropertyComponent, NgDocPlaygroundPropertiesComponent, NgDocPlaygroundDemoComponent],
                 }]
         }] });
 
@@ -98,5 +374,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