@ng-doc/app 15.1.1 → 15.3.1

package/esm2020/components/demo-displayer/demo-displayer.component.mjs

@@ -6,6 +6,7 @@ import * as i1 from "@ng-doc/ui-kit";
 import * as i2 from "@angular/cdk/clipboard";
 import * as i3 from "@angular/common";
 import * as i4 from "@ng-doc/app/components/code";
+import * as i5 from "@ng-doc/app/directives";
 export class NgDocDemoDisplayerComponent {
     constructor(notifyService, clipboard) {
         this.notifyService = notifyService;
@@ -23,10 +24,10 @@ export class NgDocDemoDisplayerComponent {
     }
 }
 NgDocDemoDisplayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, deps: [{ token: i1.NgDocNotifyService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
-NgDocDemoDisplayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: { codeContent: "codeContent", code: "code", language: "language", container: "container", border: "border" }, host: { properties: { "attr.data-ng-doc-border": "this.border" } }, ngImport: i0, template: "<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n\t<div class=\"ng-doc-demo-container\">\n\t\t<div class=\"ng-doc-demo\">\n\t\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t</div>\n\t\t<div class=\"ng-doc-demo-controls\">\n\t\t\t<button\n\t\t\t\tclass=\"ng-doc-copy-button\"\n\t\t\t\t*ngIf=\"!codeContent\"\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"copyCode()\"\n\t\t\t\tngDocTooltip=\"Copy code\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"expanded = !expanded\"\n\t\t\t\t[toggled]=\"expanded\"\n\t\t\t\t[ngDocTooltip]=\"(expanded ? 'Hide' : 'Show') + ' code'\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t<ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n\t\t<ng-template #expanderContent>\n\t\t\t<ng-doc-code [html]=\"code\" [copyButton]=\"false\" [standalone]=\"false\"></ng-doc-code>\n\t\t</ng-template>\n\t</ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host[data-ng-doc-border=true]{border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius)}:host .ng-doc-demo-wrapper{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo-controls{flex-shrink:0;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "from"] }, { kind: "component", type: i4.NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "standalone"] }, { kind: "component", type: i1.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i1.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i1.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 });
+NgDocDemoDisplayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: { codeContent: "codeContent", code: "code", language: "language", container: "container", border: "border" }, host: { properties: { "attr.data-ng-doc-border": "this.border" } }, ngImport: i0, template: "<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n\t<div class=\"ng-doc-demo-container\">\n\t\t<div class=\"ng-doc-demo\">\n\t\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t</div>\n\t\t<div class=\"ng-doc-demo-controls\">\n\t\t\t<button\n\t\t\t\tclass=\"ng-doc-copy-button\"\n\t\t\t\t*ngIf=\"!codeContent\"\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"copyCode()\"\n\t\t\t\tngDocTooltip=\"Copy code\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"expanded = !expanded\"\n\t\t\t\t[toggled]=\"expanded\"\n\t\t\t\t[ngDocTooltip]=\"(expanded ? 'Hide' : 'Show') + ' code'\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t<ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n\t\t<ng-template #expanderContent>\n\t\t\t<ng-doc-code [copyButton]=\"false\" [standalone]=\"false\">\n\t\t\t\t<pre>\n\t\t\t\t\t<code [ngDocCodeHighlighter]=\"code\" [language]=\"'html'\"></code>\n\t\t\t\t</pre>\n\t\t\t</ng-doc-code>\n\t\t</ng-template>\n\t</ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host[data-ng-doc-border=true]{border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius)}:host .ng-doc-demo-wrapper{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container{display:flex;justify-content:flex-start;width:100%;padding:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo-controls{flex-shrink:0;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "from"] }, { kind: "component", type: i4.NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "standalone"] }, { kind: "component", type: i1.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i1.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i1.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: i5.NgDocCodeHighlighterDirective, selector: "code[ngDocCodeHighlighter]", inputs: ["ngDocCodeHighlighter", "html", "language"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-demo-displayer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n\t<div class=\"ng-doc-demo-container\">\n\t\t<div class=\"ng-doc-demo\">\n\t\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t</div>\n\t\t<div class=\"ng-doc-demo-controls\">\n\t\t\t<button\n\t\t\t\tclass=\"ng-doc-copy-button\"\n\t\t\t\t*ngIf=\"!codeContent\"\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"copyCode()\"\n\t\t\t\tngDocTooltip=\"Copy code\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"expanded = !expanded\"\n\t\t\t\t[toggled]=\"expanded\"\n\t\t\t\t[ngDocTooltip]=\"(expanded ? 'Hide' : 'Show') + ' code'\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t<ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n\t\t<ng-template #expanderContent>\n\t\t\t<ng-doc-code [html]=\"code\" [copyButton]=\"false\" [standalone]=\"false\"></ng-doc-code>\n\t\t</ng-template>\n\t</ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host[data-ng-doc-border=true]{border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius)}:host .ng-doc-demo-wrapper{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo-controls{flex-shrink:0;margin-left:auto}\n"] }]
+            args: [{ selector: 'ng-doc-demo-displayer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n\t<div class=\"ng-doc-demo-container\">\n\t\t<div class=\"ng-doc-demo\">\n\t\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t</div>\n\t\t<div class=\"ng-doc-demo-controls\">\n\t\t\t<button\n\t\t\t\tclass=\"ng-doc-copy-button\"\n\t\t\t\t*ngIf=\"!codeContent\"\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"copyCode()\"\n\t\t\t\tngDocTooltip=\"Copy code\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tng-doc-button-icon\n\t\t\t\t(click)=\"expanded = !expanded\"\n\t\t\t\t[toggled]=\"expanded\"\n\t\t\t\t[ngDocTooltip]=\"(expanded ? 'Hide' : 'Show') + ' code'\"\n\t\t\t>\n\t\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t<ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n\t\t<ng-template #expanderContent>\n\t\t\t<ng-doc-code [copyButton]=\"false\" [standalone]=\"false\">\n\t\t\t\t<pre>\n\t\t\t\t\t<code [ngDocCodeHighlighter]=\"code\" [language]=\"'html'\"></code>\n\t\t\t\t</pre>\n\t\t\t</ng-doc-code>\n\t\t</ng-template>\n\t</ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0}:host[data-ng-doc-border=true]{border:var(--ng-doc-demo-displayer-border);border-radius:var(--ng-doc-demo-displayer-border-radius)}:host .ng-doc-demo-wrapper{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container{display:flex;justify-content:flex-start;width:100%;padding:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo-controls{flex-shrink:0;margin-left:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NgDocNotifyService }, { type: i2.Clipboard }]; }, propDecorators: { codeContent: [{
                 type: Input
             }], code: [{
@@ -41,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                 type: HostBinding,
                 args: ['attr.data-ng-doc-border']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tZGlzcGxheWVyL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFlLGtCQUFrQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMkJBQTJCO0lBbUJ2QyxZQUE2QixhQUFpQyxFQUFtQixTQUFvQjtRQUF4RSxrQkFBYSxHQUFiLGFBQWEsQ0FBb0I7UUFBbUIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQWpCckcsZ0JBQVcsR0FBaUIsRUFBRSxDQUFDO1FBRy9CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFHbEIsYUFBUSxHQUFXLFlBQVksQ0FBQztRQUdoQyxjQUFTLEdBQVksSUFBSSxDQUFDO1FBSTFCLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFFdkIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUU4RSxDQUFDO0lBRXpHLFFBQVE7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7d0hBeEJXLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHVQQ1Z4Qyw2cENBbUNBOzJGRHpCYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0MsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNO2lJQUkvQyxXQUFXO3NCQURWLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBS04sTUFBTTtzQkFGTCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2xpcGJvYXJkfSBmcm9tICdAYW5ndWxhci9jZGsvY2xpcGJvYXJkJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NDb250ZW50LCBOZ0RvY05vdGlmeVNlcnZpY2V9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWRlbW8tZGlzcGxheWVyJyxcblx0dGVtcGxhdGVVcmw6ICcuL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cdGNvZGVDb250ZW50OiBOZ0RvY0NvbnRlbnQgPSAnJztcblxuXHRASW5wdXQoKVxuXHRjb2RlOiBzdHJpbmcgPSAnJztcblxuXHRASW5wdXQoKVxuXHRsYW5ndWFnZTogc3RyaW5nID0gJ3R5cGVzY3JpcHQnO1xuXG5cdEBJbnB1dCgpXG5cdGNvbnRhaW5lcjogYm9vbGVhbiA9IHRydWU7XG5cblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLWJvcmRlcicpXG5cdGJvcmRlcjogYm9vbGVhbiA9IHRydWU7XG5cblx0ZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IG5vdGlmeVNlcnZpY2U6IE5nRG9jTm90aWZ5U2VydmljZSwgcHJpdmF0ZSByZWFkb25seSBjbGlwYm9hcmQ6IENsaXBib2FyZCkge31cblxuXHRjb3B5Q29kZSgpOiB2b2lkIHtcblx0XHR0aGlzLmNsaXBib2FyZC5jb3B5KHRoaXMuY29kZSk7XG5cdFx0dGhpcy5ub3RpZnlTZXJ2aWNlLm5vdGlmeSgnQ29waWVkIScpO1xuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmctZG9jLWRlbW8td3JhcHBlclwiICpuZ0lmPVwiY29udGFpbmVyOyBlbHNlIGRlbW9UZW1wbGF0ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLWRlbW8tY29udGFpbmVyXCI+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vXCI+XG5cdFx0XHQ8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVtb1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vLWNvbnRyb2xzXCI+XG5cdFx0XHQ8YnV0dG9uXG5cdFx0XHRcdGNsYXNzPVwibmctZG9jLWNvcHktYnV0dG9uXCJcblx0XHRcdFx0Km5nSWY9XCIhY29kZUNvbnRlbnRcIlxuXHRcdFx0XHRuZy1kb2MtYnV0dG9uLWljb25cblx0XHRcdFx0KGNsaWNrKT1cImNvcHlDb2RlKClcIlxuXHRcdFx0XHRuZ0RvY1Rvb2x0aXA9XCJDb3B5IGNvZGVcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImNvcHlcIj48L25nLWRvYy1pY29uPlxuXHRcdFx0PC9idXR0b24+XG5cdFx0XHQ8YnV0dG9uXG5cdFx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0XHQoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIlxuXHRcdFx0XHRbdG9nZ2xlZF09XCJleHBhbmRlZFwiXG5cdFx0XHRcdFtuZ0RvY1Rvb2x0aXBdPVwiKGV4cGFuZGVkID8gJ0hpZGUnIDogJ1Nob3cnKSArICcgY29kZSdcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImNvZGVcIj48L25nLWRvYy1pY29uPlxuXHRcdFx0PC9idXR0b24+XG5cdFx0PC9kaXY+XG5cdDwvZGl2PlxuXHQ8bmctZG9jLWV4cGFuZGVyIFtjb250ZW50XT1cImNvZGVDb250ZW50ID8gY29kZUNvbnRlbnQgOiBleHBhbmRlckNvbnRlbnRcIiBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIj5cblx0XHQ8bmctdGVtcGxhdGUgI2V4cGFuZGVyQ29udGVudD5cblx0XHRcdDxuZy1kb2MtY29kZSBbaHRtbF09XCJjb2RlXCIgW2NvcHlCdXR0b25dPVwiZmFsc2VcIiBbc3RhbmRhbG9uZV09XCJmYWxzZVwiPjwvbmctZG9jLWNvZGU+XG5cdFx0PC9uZy10ZW1wbGF0ZT5cblx0PC9uZy1kb2MtZXhwYW5kZXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNkZW1vVGVtcGxhdGU+XG5cdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tZGlzcGxheWVyL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFlLGtCQUFrQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFRaEUsTUFBTSxPQUFPLDJCQUEyQjtJQW1CdkMsWUFBNkIsYUFBaUMsRUFBbUIsU0FBb0I7UUFBeEUsa0JBQWEsR0FBYixhQUFhLENBQW9CO1FBQW1CLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFqQnJHLGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBR2xCLGFBQVEsR0FBVyxZQUFZLENBQUM7UUFHaEMsY0FBUyxHQUFZLElBQUksQ0FBQztRQUkxQixXQUFNLEdBQVksSUFBSSxDQUFDO1FBRXZCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFOEUsQ0FBQztJQUV6RyxRQUFRO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O3dIQXhCVywyQkFBMkI7NEdBQTNCLDJCQUEyQix1UENWeEMsbXdDQXVDQTsyRkQ3QmEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNDLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTTtpSUFJL0MsV0FBVztzQkFEVixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUtOLE1BQU07c0JBRkwsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NsaXBib2FyZH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NsaXBib2FyZCc7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ29udGVudCwgTmdEb2NOb3RpZnlTZXJ2aWNlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25nLWRvYy1kZW1vLWRpc3BsYXllcicsXG5cdHRlbXBsYXRlVXJsOiAnLi9kZW1vLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0RlbW9EaXNwbGF5ZXJDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXHRjb2RlQ29udGVudDogTmdEb2NDb250ZW50ID0gJyc7XG5cblx0QElucHV0KClcblx0Y29kZTogc3RyaW5nID0gJyc7XG5cblx0QElucHV0KClcblx0bGFuZ3VhZ2U6IHN0cmluZyA9ICd0eXBlc2NyaXB0JztcblxuXHRASW5wdXQoKVxuXHRjb250YWluZXI6IGJvb2xlYW4gPSB0cnVlO1xuXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy1ib3JkZXInKVxuXHRib3JkZXI6IGJvb2xlYW4gPSB0cnVlO1xuXG5cdGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBub3RpZnlTZXJ2aWNlOiBOZ0RvY05vdGlmeVNlcnZpY2UsIHByaXZhdGUgcmVhZG9ubHkgY2xpcGJvYXJkOiBDbGlwYm9hcmQpIHt9XG5cblx0Y29weUNvZGUoKTogdm9pZCB7XG5cdFx0dGhpcy5jbGlwYm9hcmQuY29weSh0aGlzLmNvZGUpO1xuXHRcdHRoaXMubm90aWZ5U2VydmljZS5ub3RpZnkoJ0NvcGllZCEnKTtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vLXdyYXBwZXJcIiAqbmdJZj1cImNvbnRhaW5lcjsgZWxzZSBkZW1vVGVtcGxhdGVcIj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJuZy1kb2MtZGVtb1wiPlxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRlbW9UZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJuZy1kb2MtZGVtby1jb250cm9sc1wiPlxuXHRcdFx0PGJ1dHRvblxuXHRcdFx0XHRjbGFzcz1cIm5nLWRvYy1jb3B5LWJ1dHRvblwiXG5cdFx0XHRcdCpuZ0lmPVwiIWNvZGVDb250ZW50XCJcblx0XHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHRcdChjbGljayk9XCJjb3B5Q29kZSgpXCJcblx0XHRcdFx0bmdEb2NUb29sdGlwPVwiQ29weSBjb2RlXCJcblx0XHRcdD5cblx0XHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb3B5XCI+PC9uZy1kb2MtaWNvbj5cblx0XHRcdDwvYnV0dG9uPlxuXHRcdFx0PGJ1dHRvblxuXHRcdFx0XHRuZy1kb2MtYnV0dG9uLWljb25cblx0XHRcdFx0KGNsaWNrKT1cImV4cGFuZGVkID0gIWV4cGFuZGVkXCJcblx0XHRcdFx0W3RvZ2dsZWRdPVwiZXhwYW5kZWRcIlxuXHRcdFx0XHRbbmdEb2NUb29sdGlwXT1cIihleHBhbmRlZCA/ICdIaWRlJyA6ICdTaG93JykgKyAnIGNvZGUnXCJcblx0XHRcdD5cblx0XHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHRcdDwvYnV0dG9uPlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cblx0PG5nLWRvYy1leHBhbmRlciBbY29udGVudF09XCJjb2RlQ29udGVudCA/IGNvZGVDb250ZW50IDogZXhwYW5kZXJDb250ZW50XCIgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG5cdFx0PG5nLXRlbXBsYXRlICNleHBhbmRlckNvbnRlbnQ+XG5cdFx0XHQ8bmctZG9jLWNvZGUgW2NvcHlCdXR0b25dPVwiZmFsc2VcIiBbc3RhbmRhbG9uZV09XCJmYWxzZVwiPlxuXHRcdFx0XHQ8cHJlPlxuXHRcdFx0XHRcdDxjb2RlIFtuZ0RvY0NvZGVIaWdobGlnaHRlcl09XCJjb2RlXCIgW2xhbmd1YWdlXT1cIidodG1sJ1wiPjwvY29kZT5cblx0XHRcdFx0PC9wcmU+XG5cdFx0XHQ8L25nLWRvYy1jb2RlPlxuXHRcdDwvbmctdGVtcGxhdGU+XG5cdDwvbmctZG9jLWV4cGFuZGVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjZGVtb1RlbXBsYXRlPlxuXHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/components/demo-displayer/demo-displayer.module.mjs

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { NgDocCodeModule } from '@ng-doc/app/components/code';
+import { NgDocCodeHighlighterModule } from '@ng-doc/app/directives';
 import { NgDocButtonIconModule, NgDocExpanderModule, NgDocIconModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { NgDocDemoDisplayerComponent } from './demo-displayer.component';
@@ -14,14 +15,16 @@ NgDocDemoDisplayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0"
         NgDocCodeModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocTooltipModule], exports: [NgDocDemoDisplayerComponent] });
+        NgDocTooltipModule,
+        NgDocCodeHighlighterModule], exports: [NgDocDemoDisplayerComponent] });
 NgDocDemoDisplayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocDemoDisplayerModule, imports: [CommonModule,
         PolymorpheusModule,
         NgDocExpanderModule,
         NgDocCodeModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocTooltipModule] });
+        NgDocTooltipModule,
+        NgDocCodeHighlighterModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocDemoDisplayerModule, decorators: [{
             type: NgModule,
             args: [{
@@ -34,8 +37,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                         NgDocButtonIconModule,
                         NgDocIconModule,
                         NgDocTooltipModule,
+                        NgDocCodeHighlighterModule,
                     ],
                     exports: [NgDocDemoDisplayerComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvRyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQzs7QUFldkUsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQVpyQiwyQkFBMkIsYUFFekMsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCLGFBRVQsMkJBQTJCO3NIQUV6Qix3QkFBd0IsWUFWbkMsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCOzJGQUlQLHdCQUF3QjtrQkFicEMsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFO3dCQUNSLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGtCQUFrQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NDb2RlTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2NvZGUnO1xuaW1wb3J0IHtOZ0RvY0J1dHRvbkljb25Nb2R1bGUsIE5nRG9jRXhwYW5kZXJNb2R1bGUsIE5nRG9jSWNvbk1vZHVsZSwgTmdEb2NUb29sdGlwTW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY0RlbW9EaXNwbGF5ZXJDb21wb25lbnR9IGZyb20gJy4vZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NEZW1vRGlzcGxheWVyQ29tcG9uZW50XSxcblx0aW1wb3J0czogW1xuXHRcdENvbW1vbk1vZHVsZSxcblx0XHRQb2x5bW9ycGhldXNNb2R1bGUsXG5cdFx0TmdEb2NFeHBhbmRlck1vZHVsZSxcblx0XHROZ0RvY0NvZGVNb2R1bGUsXG5cdFx0TmdEb2NCdXR0b25JY29uTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdF0sXG5cdGV4cG9ydHM6IFtOZ0RvY0RlbW9EaXNwbGF5ZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0RlbW9EaXNwbGF5ZXJNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ2xFLE9BQU8sRUFBQyxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvRyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQzs7QUFnQnZFLE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7c0hBQXhCLHdCQUF3QixpQkFickIsMkJBQTJCLGFBRXpDLFlBQVk7UUFDWixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixxQkFBcUI7UUFDckIsZUFBZTtRQUNmLGtCQUFrQjtRQUNsQiwwQkFBMEIsYUFFakIsMkJBQTJCO3NIQUV6Qix3QkFBd0IsWUFYbkMsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDBCQUEwQjsyRkFJZix3QkFBd0I7a0JBZHBDLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQzNDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLDBCQUEwQjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NDb2RlTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2NvZGUnO1xuaW1wb3J0IHtOZ0RvY0NvZGVIaWdobGlnaHRlck1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvZGlyZWN0aXZlcyc7XG5pbXBvcnQge05nRG9jQnV0dG9uSWNvbk1vZHVsZSwgTmdEb2NFeHBhbmRlck1vZHVsZSwgTmdEb2NJY29uTW9kdWxlLCBOZ0RvY1Rvb2x0aXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcbmltcG9ydCB7UG9seW1vcnBoZXVzTW9kdWxlfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5pbXBvcnQge05nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudH0gZnJvbSAnLi9kZW1vLWRpc3BsYXllci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY0RlbW9EaXNwbGF5ZXJDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdFBvbHltb3JwaGV1c01vZHVsZSxcblx0XHROZ0RvY0V4cGFuZGVyTW9kdWxlLFxuXHRcdE5nRG9jQ29kZU1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XHROZ0RvY0NvZGVIaWdobGlnaHRlck1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb0Rpc3BsYXllck1vZHVsZSB7fVxuIl19

package/esm2020/components/index.mjs

@@ -6,10 +6,11 @@ export * from '@ng-doc/app/components/kind-icon';
 export * from '@ng-doc/app/components/link';
 export * from '@ng-doc/app/components/navbar';
 export * from '@ng-doc/app/components/page';
+export * from '@ng-doc/app/components/playground';
 export * from '@ng-doc/app/components/root';
 export * from '@ng-doc/app/components/search';
 export * from '@ng-doc/app/components/search-result';
 export * from '@ng-doc/app/components/sidebar';
 export * from '@ng-doc/app/components/theme-toggle';
 export * from '@ng-doc/app/components/toc';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvYXBpLWxpc3QnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9jb2RlJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvZGVtbyc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2RlbW8tZGlzcGxheWVyJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMva2luZC1pY29uJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvbGluayc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL25hdmJhcic7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3BhZ2UnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9yb290JztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvc2VhcmNoJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvc2VhcmNoLXJlc3VsdCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3NpZGViYXInO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90aGVtZS10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90b2MnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9hcGktbGlzdCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2NvZGUnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9kZW1vJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvZGVtby1kaXNwbGF5ZXInO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9raW5kLWljb24nO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9saW5rJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvbmF2YmFyJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvcGFnZSc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9yb290JztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvc2VhcmNoJztcbmV4cG9ydCAqIGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvc2VhcmNoLXJlc3VsdCc7XG5leHBvcnQgKiBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3NpZGViYXInO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90aGVtZS10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy90b2MnO1xuIl19

package/esm2020/components/navbar/navbar.component.mjs

@@ -12,16 +12,34 @@ import * as i2 from "@angular/common";
 import * as i3 from "@tinkoff/ng-polymorpheus";
 import * as i4 from "@ng-doc/app/components/search";
 import * as i5 from "@ng-doc/ui-kit";
+/**
+ * Navbar component for ng-doc application
+ */
 let NgDocNavbarComponent = class NgDocNavbarComponent {
     constructor(window, ngZone, changeDetectorRef, sidebarService) {
         this.window = window;
         this.ngZone = ngZone;
         this.changeDetectorRef = changeDetectorRef;
         this.sidebarService = sidebarService;
+        /**
+         * Content for left side of navbar
+         */
         this.leftContent = '';
+        /**
+         * Content for center side of navbar
+         */
         this.centerContent = '';
+        /**
+         * Content for right side of navbar
+         */
         this.rightContent = '';
+        /**
+         * Show search input
+         */
         this.search = true;
+        /**
+         * Indicates if navbar has shadow
+         */
         this.hasShadow = false;
         combineLatest([
             fromEvent(this.window, 'scroll').pipe(map((e) => (e.target?.scrollingElement?.scrollTop ?? 0) > 0), distinctUntilChanged(), startWith(false)),
@@ -35,7 +53,7 @@ let NgDocNavbarComponent = class NgDocNavbarComponent {
     }
 };
 NgDocNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocNavbarComponent, deps: [{ token: WINDOW }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.NgDocSidebarService }], target: i0.ɵɵFactoryTarget.Component });
-NgDocNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocNavbarComponent, selector: "ng-doc-navbar", inputs: { leftContent: "leftContent", centerContent: "centerContent", rightContent: "rightContent", search: "search" }, host: { properties: { "class.has-shadow": "this.hasShadow" } }, ngImport: i0, template: "<div class=\"navbar-container\" *ngDocLet=\"sidebarService.isCollapsable() | async as isCollapsable\">\n\t<div class=\"ng-doc-navbar-left\">\n\t\t<ng-container *polymorpheusOutlet=\"leftContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-center\">\n\t\t<ng-doc-search *ngIf=\"search && !isCollapsable\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"centerContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-right\">\n\t\t<ng-doc-search *ngIf=\"search && isCollapsable\" mod=\"icon\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t<button\n\t\t\tclass=\"ng-doc-menu\"\n\t\t\t*ngDocMediaQuery=\"sidebarService.breakpoints\"\n\t\t\tng-doc-button-icon\n\t\t\tsize=\"large\"\n\t\t\t(click)=\"sidebarService.toggle()\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"menu\" [size]=\"24\"></ng-doc-icon>\n\t\t</button>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;justify-content:center;height:100%;transition:var(--ng-doc-transition) box-shadow}:host.has-shadow{box-shadow:var(--ng-doc-shadow-color) 0 5px 20px -5px}:host .navbar-container{display:flex;align-items:center;height:100%;width:100%;padding:0 var(--ng-doc-navbar-horizontal-padding);background-color:var(--ng-doc-base-0);z-index:10;max-width:var(--ng-doc-app-max-width)}:host .ng-doc-navbar-left,:host .ng-doc-navbar-center,:host .ng-doc-navbar-right{display:flex}:host .ng-doc-navbar-left{justify-content:flex-start;width:var(--ng-doc-navbar-left-width);flex-shrink:0}:host .ng-doc-navbar-center{padding-left:calc(var(--ng-doc-base-gutter) * 4);justify-content:flex-start;width:100%}:host .ng-doc-navbar-right{justify-content:flex-end}:host .ng-doc-menu{margin-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i4.NgDocSearchComponent, selector: "ng-doc-search", inputs: ["mod"] }, { 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.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i5.NgDocLetDirective, selector: "[ngDocLet]", inputs: ["ngDocLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocNavbarComponent, selector: "ng-doc-navbar", inputs: { leftContent: "leftContent", centerContent: "centerContent", rightContent: "rightContent", search: "search" }, host: { properties: { "class.has-shadow": "this.hasShadow" } }, ngImport: i0, template: "<div class=\"navbar-container\" *ngDocLet=\"sidebarService.isCollapsable() | async as isCollapsable\">\n\t<div class=\"ng-doc-navbar-left\">\n\t\t<ng-container *polymorpheusOutlet=\"leftContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-center\">\n\t\t<ng-doc-search *ngIf=\"search && !isCollapsable\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"centerContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-right\">\n\t\t<ng-doc-search *ngIf=\"search && isCollapsable\" mod=\"icon\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t<button\n\t\t\tclass=\"ng-doc-menu\"\n\t\t\t*ngIf=\"isCollapsable\"\n\t\t\tng-doc-button-icon\n\t\t\tsize=\"large\"\n\t\t\t(click)=\"sidebarService.toggle()\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"menu\" [size]=\"24\"></ng-doc-icon>\n\t\t</button>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;justify-content:center;height:100%;transition:var(--ng-doc-transition) box-shadow}:host{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-navbar-background);opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host{background-color:var(--ng-doc-navbar-background)}}:host.has-shadow{box-shadow:var(--ng-doc-shadow-color) 0 5px 20px -5px}:host .navbar-container{display:flex;align-items:center;height:100%;width:100%;padding:0 var(--ng-doc-navbar-horizontal-padding);z-index:10;max-width:var(--ng-doc-app-max-width)}:host .ng-doc-navbar-left,:host .ng-doc-navbar-center,:host .ng-doc-navbar-right{display:flex}:host .ng-doc-navbar-left{justify-content:flex-start;width:var(--ng-doc-navbar-left-width);flex-shrink:0}:host .ng-doc-navbar-center{padding-left:calc(var(--ng-doc-base-gutter) * 4);justify-content:flex-start;width:100%}:host .ng-doc-navbar-right{justify-content:flex-end}:host .ng-doc-menu{margin-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i4.NgDocSearchComponent, selector: "ng-doc-search", inputs: ["mod"] }, { 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.NgDocLetDirective, selector: "[ngDocLet]", inputs: ["ngDocLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 NgDocNavbarComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [Window,
@@ -46,7 +64,7 @@ NgDocNavbarComponent = __decorate([
 export { NgDocNavbarComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocNavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navbar-container\" *ngDocLet=\"sidebarService.isCollapsable() | async as isCollapsable\">\n\t<div class=\"ng-doc-navbar-left\">\n\t\t<ng-container *polymorpheusOutlet=\"leftContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-center\">\n\t\t<ng-doc-search *ngIf=\"search && !isCollapsable\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"centerContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-right\">\n\t\t<ng-doc-search *ngIf=\"search && isCollapsable\" mod=\"icon\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t<button\n\t\t\tclass=\"ng-doc-menu\"\n\t\t\t*ngDocMediaQuery=\"sidebarService.breakpoints\"\n\t\t\tng-doc-button-icon\n\t\t\tsize=\"large\"\n\t\t\t(click)=\"sidebarService.toggle()\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"menu\" [size]=\"24\"></ng-doc-icon>\n\t\t</button>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;justify-content:center;height:100%;transition:var(--ng-doc-transition) box-shadow}:host.has-shadow{box-shadow:var(--ng-doc-shadow-color) 0 5px 20px -5px}:host .navbar-container{display:flex;align-items:center;height:100%;width:100%;padding:0 var(--ng-doc-navbar-horizontal-padding);background-color:var(--ng-doc-base-0);z-index:10;max-width:var(--ng-doc-app-max-width)}:host .ng-doc-navbar-left,:host .ng-doc-navbar-center,:host .ng-doc-navbar-right{display:flex}:host .ng-doc-navbar-left{justify-content:flex-start;width:var(--ng-doc-navbar-left-width);flex-shrink:0}:host .ng-doc-navbar-center{padding-left:calc(var(--ng-doc-base-gutter) * 4);justify-content:flex-start;width:100%}:host .ng-doc-navbar-right{justify-content:flex-end}:host .ng-doc-menu{margin-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
+            args: [{ selector: 'ng-doc-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navbar-container\" *ngDocLet=\"sidebarService.isCollapsable() | async as isCollapsable\">\n\t<div class=\"ng-doc-navbar-left\">\n\t\t<ng-container *polymorpheusOutlet=\"leftContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-center\">\n\t\t<ng-doc-search *ngIf=\"search && !isCollapsable\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"centerContent\"></ng-container>\n\t</div>\n\t<div class=\"ng-doc-navbar-right\">\n\t\t<ng-doc-search *ngIf=\"search && isCollapsable\" mod=\"icon\"></ng-doc-search>\n\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t<button\n\t\t\tclass=\"ng-doc-menu\"\n\t\t\t*ngIf=\"isCollapsable\"\n\t\t\tng-doc-button-icon\n\t\t\tsize=\"large\"\n\t\t\t(click)=\"sidebarService.toggle()\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"menu\" [size]=\"24\"></ng-doc-icon>\n\t\t</button>\n\t</div>\n</div>\n", styles: [":host{position:relative;display:flex;justify-content:center;height:100%;transition:var(--ng-doc-transition) box-shadow}:host{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-navbar-background);opacity:.4}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host{background-color:var(--ng-doc-navbar-background)}}:host.has-shadow{box-shadow:var(--ng-doc-shadow-color) 0 5px 20px -5px}:host .navbar-container{display:flex;align-items:center;height:100%;width:100%;padding:0 var(--ng-doc-navbar-horizontal-padding);z-index:10;max-width:var(--ng-doc-app-max-width)}:host .ng-doc-navbar-left,:host .ng-doc-navbar-center,:host .ng-doc-navbar-right{display:flex}:host .ng-doc-navbar-left{justify-content:flex-start;width:var(--ng-doc-navbar-left-width);flex-shrink:0}:host .ng-doc-navbar-center{padding-left:calc(var(--ng-doc-base-gutter) * 4);justify-content:flex-start;width:100%}:host .ng-doc-navbar-right{justify-content:flex-end}:host .ng-doc-menu{margin-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
         }], ctorParameters: function () { return [{ type: Window, decorators: [{
                     type: Inject,
                     args: [WINDOW]
@@ -62,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                 type: HostBinding,
                 args: ['class.has-shadow']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL25hdmJhci9uYXZiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBZSxpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMzQyxPQUFPLEVBQUMsWUFBWSxFQUFFLGNBQWMsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ25FLE9BQU8sRUFBQyxhQUFhLEVBQUUsU0FBUyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBQyxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFTN0QsSUFBTSxvQkFBb0IsR0FBMUIsTUFBTSxvQkFBb0I7SUFnQmhDLFlBRWtCLE1BQWMsRUFDZCxNQUFjLEVBQ2QsaUJBQW9DLEVBQ2xDLGNBQW1DO1FBSHJDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2Qsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNsQyxtQkFBYyxHQUFkLGNBQWMsQ0FBcUI7UUFuQnZELGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixrQkFBYSxHQUFpQixFQUFFLENBQUM7UUFHakMsaUJBQVksR0FBaUIsRUFBRSxDQUFDO1FBR2hDLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFHdkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQVMxQixhQUFhLENBQUM7WUFDYixTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQ3BDLEdBQUcsQ0FBQyxDQUFDLENBQVEsRUFBRSxFQUFFLENBQUMsQ0FBRSxDQUFDLENBQUMsTUFBbUIsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQ2pGLG9CQUFvQixFQUFFLEVBQ3RCLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDaEI7WUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRTtTQUNoQyxDQUFDO2FBQ0EsSUFBSSxDQUNKLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLGNBQWMsQ0FBcUIsRUFBRSxFQUFFLENBQUMsUUFBUSxJQUFJLGNBQWMsQ0FBQyxFQUNuRixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQzlCLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FDcEI7YUFDQSxTQUFTLENBQUMsQ0FBQyxTQUFrQixFQUFFLEVBQUU7WUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDM0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7aUhBeENXLG9CQUFvQixrQkFpQnZCLE1BQU07cUdBakJILG9CQUFvQiw2T0NmakMsMDRCQXNCQTtBRFBhLG9CQUFvQjtJQURoQyxZQUFZLEVBQUU7cUNBbUJZLE1BQU07UUFDTixNQUFNO1FBQ0ssaUJBQWlCO1FBQ2xCLG1CQUFtQjtHQXJCM0Msb0JBQW9CLENBeUNoQztTQXpDWSxvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07OzBCQW9CN0MsTUFBTTsyQkFBQyxNQUFNO21JQWZmLFdBQVc7c0JBRFYsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixTQUFTO3NCQURSLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdCwgSW5wdXQsIE5nWm9uZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jU2lkZWJhclNlcnZpY2V9IGZyb20gJ0BuZy1kb2MvYXBwL3NlcnZpY2VzJztcbmltcG9ydCB7TmdEb2NDb250ZW50LCBuZ0RvY1pvbmVPcHRpbWl6ZX0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuaW1wb3J0IHtXSU5ET1d9IGZyb20gJ0BuZy13ZWItYXBpcy9jb21tb24nO1xuaW1wb3J0IHtVbnRpbERlc3Ryb3ksIHVudGlsRGVzdHJveWVkfSBmcm9tICdAbmduZWF0L3VudGlsLWRlc3Ryb3knO1xuaW1wb3J0IHtjb21iaW5lTGF0ZXN0LCBmcm9tRXZlbnR9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzdGFydFdpdGh9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLW5hdmJhcicsXG5cdHRlbXBsYXRlVXJsOiAnLi9uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuQFVudGlsRGVzdHJveSgpXG5leHBvcnQgY2xhc3MgTmdEb2NOYXZiYXJDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXHRsZWZ0Q29udGVudDogTmdEb2NDb250ZW50ID0gJyc7XG5cblx0QElucHV0KClcblx0Y2VudGVyQ29udGVudDogTmdEb2NDb250ZW50ID0gJyc7XG5cblx0QElucHV0KClcblx0cmlnaHRDb250ZW50OiBOZ0RvY0NvbnRlbnQgPSAnJztcblxuXHRASW5wdXQoKVxuXHRzZWFyY2g6IGJvb2xlYW4gPSB0cnVlO1xuXG5cdEBIb3N0QmluZGluZygnY2xhc3MuaGFzLXNoYWRvdycpXG5cdGhhc1NoYWRvdzogYm9vbGVhbiA9IGZhbHNlO1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdEBJbmplY3QoV0lORE9XKVxuXHRcdHByaXZhdGUgcmVhZG9ubHkgd2luZG93OiBXaW5kb3csXG5cdFx0cHJpdmF0ZSByZWFkb25seSBuZ1pvbmU6IE5nWm9uZSxcblx0XHRwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcblx0XHRwcm90ZWN0ZWQgcmVhZG9ubHkgc2lkZWJhclNlcnZpY2U6IE5nRG9jU2lkZWJhclNlcnZpY2UsXG5cdCkge1xuXHRcdGNvbWJpbmVMYXRlc3QoW1xuXHRcdFx0ZnJvbUV2ZW50KHRoaXMud2luZG93LCAnc2Nyb2xsJykucGlwZShcblx0XHRcdFx0bWFwKChlOiBFdmVudCkgPT4gKChlLnRhcmdldCBhcyBEb2N1bWVudCk/LnNjcm9sbGluZ0VsZW1lbnQ/LnNjcm9sbFRvcCA/PyAwKSA+IDApLFxuXHRcdFx0XHRkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuXHRcdFx0XHRzdGFydFdpdGgoZmFsc2UpLFxuXHRcdFx0KSxcblx0XHRcdHRoaXMuc2lkZWJhclNlcnZpY2UuaXNFeHBhbmRlZCgpLFxuXHRcdF0pXG5cdFx0XHQucGlwZShcblx0XHRcdFx0bWFwKChbc2Nyb2xsZWQsIHNpZGViYXJWaXNpYmxlXTogW2Jvb2xlYW4sIGJvb2xlYW5dKSA9PiBzY3JvbGxlZCB8fCBzaWRlYmFyVmlzaWJsZSksXG5cdFx0XHRcdG5nRG9jWm9uZU9wdGltaXplKHRoaXMubmdab25lKSxcblx0XHRcdFx0dW50aWxEZXN0cm95ZWQodGhpcyksXG5cdFx0XHQpXG5cdFx0XHQuc3Vic2NyaWJlKChoYXNTaGFkb3c6IGJvb2xlYW4pID0+IHtcblx0XHRcdFx0dGhpcy5oYXNTaGFkb3cgPSBoYXNTaGFkb3c7XG5cdFx0XHRcdHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG5cdFx0XHR9KTtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5hdmJhci1jb250YWluZXJcIiAqbmdEb2NMZXQ9XCJzaWRlYmFyU2VydmljZS5pc0NvbGxhcHNhYmxlKCkgfCBhc3luYyBhcyBpc0NvbGxhcHNhYmxlXCI+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtbmF2YmFyLWxlZnRcIj5cblx0XHQ8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJsZWZ0Q29udGVudFwiPjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1uYXZiYXItY2VudGVyXCI+XG5cdFx0PG5nLWRvYy1zZWFyY2ggKm5nSWY9XCJzZWFyY2ggJiYgIWlzQ29sbGFwc2FibGVcIj48L25nLWRvYy1zZWFyY2g+XG5cdFx0PG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwiY2VudGVyQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1uYXZiYXItcmlnaHRcIj5cblx0XHQ8bmctZG9jLXNlYXJjaCAqbmdJZj1cInNlYXJjaCAmJiBpc0NvbGxhcHNhYmxlXCIgbW9kPVwiaWNvblwiPjwvbmctZG9jLXNlYXJjaD5cblx0XHQ8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJyaWdodENvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblx0XHQ8YnV0dG9uXG5cdFx0XHRjbGFzcz1cIm5nLWRvYy1tZW51XCJcblx0XHRcdCpuZ0RvY01lZGlhUXVlcnk9XCJzaWRlYmFyU2VydmljZS5icmVha3BvaW50c1wiXG5cdFx0XHRuZy1kb2MtYnV0dG9uLWljb25cblx0XHRcdHNpemU9XCJsYXJnZVwiXG5cdFx0XHQoY2xpY2spPVwic2lkZWJhclNlcnZpY2UudG9nZ2xlKClcIlxuXHRcdD5cblx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwibWVudVwiIFtzaXplXT1cIjI0XCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2J1dHRvbj5cblx0PC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL25hdmJhci9uYXZiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBZSxpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUMzQyxPQUFPLEVBQUMsWUFBWSxFQUFFLGNBQWMsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ25FLE9BQU8sRUFBQyxhQUFhLEVBQUUsU0FBUyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBQyxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFFcEU7O0dBRUc7QUFRSSxJQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFvQjtJQStCaEMsWUFFa0IsTUFBYyxFQUNkLE1BQWMsRUFDZCxpQkFBb0MsRUFDbEMsY0FBbUM7UUFIckMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ2xDLG1CQUFjLEdBQWQsY0FBYyxDQUFxQjtRQW5DdkQ7O1dBRUc7UUFFSCxnQkFBVyxHQUFpQixFQUFFLENBQUM7UUFFL0I7O1dBRUc7UUFFSCxrQkFBYSxHQUFpQixFQUFFLENBQUM7UUFFakM7O1dBRUc7UUFFSCxpQkFBWSxHQUFpQixFQUFFLENBQUM7UUFFaEM7O1dBRUc7UUFFSCxXQUFNLEdBQVksSUFBSSxDQUFDO1FBRXZCOztXQUVHO1FBRUgsY0FBUyxHQUFZLEtBQUssQ0FBQztRQVMxQixhQUFhLENBQUM7WUFDYixTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQ3BDLEdBQUcsQ0FBQyxDQUFDLENBQVEsRUFBRSxFQUFFLENBQUMsQ0FBRSxDQUFDLENBQUMsTUFBbUIsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQ2pGLG9CQUFvQixFQUFFLEVBQ3RCLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDaEI7WUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRTtTQUNoQyxDQUFDO2FBQ0EsSUFBSSxDQUNKLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLGNBQWMsQ0FBcUIsRUFBRSxFQUFFLENBQUMsUUFBUSxJQUFJLGNBQWMsQ0FBQyxFQUNuRixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQzlCLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FDcEI7YUFDQSxTQUFTLENBQUMsQ0FBQyxTQUFrQixFQUFFLEVBQUU7WUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDM0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7aUhBdkRXLG9CQUFvQixrQkFnQ3ZCLE1BQU07cUdBaENILG9CQUFvQiw2T0NsQmpDLGszQkFzQkE7QURKYSxvQkFBb0I7SUFEaEMsWUFBWSxFQUFFO3FDQWtDWSxNQUFNO1FBQ04sTUFBTTtRQUNLLGlCQUFpQjtRQUNsQixtQkFBbUI7R0FwQzNDLG9CQUFvQixDQXdEaEM7U0F4RFksb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0MsZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNOzswQkFtQzdDLE1BQU07MkJBQUMsTUFBTTttSUEzQmYsV0FBVztzQkFEVixLQUFLO2dCQU9OLGFBQWE7c0JBRFosS0FBSztnQkFPTixZQUFZO3NCQURYLEtBQUs7Z0JBT04sTUFBTTtzQkFETCxLQUFLO2dCQU9OLFNBQVM7c0JBRFIsV0FBVzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0LCBJbnB1dCwgTmdab25lfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NTaWRlYmFyU2VydmljZX0gZnJvbSAnQG5nLWRvYy9hcHAvc2VydmljZXMnO1xuaW1wb3J0IHtOZ0RvY0NvbnRlbnQsIG5nRG9jWm9uZU9wdGltaXplfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1dJTkRPV30gZnJvbSAnQG5nLXdlYi1hcGlzL2NvbW1vbic7XG5pbXBvcnQge1VudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWR9IGZyb20gJ0BuZ25lYXQvdW50aWwtZGVzdHJveSc7XG5pbXBvcnQge2NvbWJpbmVMYXRlc3QsIGZyb21FdmVudH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2Rpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHN0YXJ0V2l0aH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG4vKipcbiAqIE5hdmJhciBjb21wb25lbnQgZm9yIG5nLWRvYyBhcHBsaWNhdGlvblxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtbmF2YmFyJyxcblx0dGVtcGxhdGVVcmw6ICcuL25hdmJhci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL25hdmJhci5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5AVW50aWxEZXN0cm95KClcbmV4cG9ydCBjbGFzcyBOZ0RvY05hdmJhckNvbXBvbmVudCB7XG5cdC8qKlxuXHQgKiBDb250ZW50IGZvciBsZWZ0IHNpZGUgb2YgbmF2YmFyXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRsZWZ0Q29udGVudDogTmdEb2NDb250ZW50ID0gJyc7XG5cblx0LyoqXG5cdCAqIENvbnRlbnQgZm9yIGNlbnRlciBzaWRlIG9mIG5hdmJhclxuXHQgKi9cblx0QElucHV0KClcblx0Y2VudGVyQ29udGVudDogTmdEb2NDb250ZW50ID0gJyc7XG5cblx0LyoqXG5cdCAqIENvbnRlbnQgZm9yIHJpZ2h0IHNpZGUgb2YgbmF2YmFyXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRyaWdodENvbnRlbnQ6IE5nRG9jQ29udGVudCA9ICcnO1xuXG5cdC8qKlxuXHQgKiBTaG93IHNlYXJjaCBpbnB1dFxuXHQgKi9cblx0QElucHV0KClcblx0c2VhcmNoOiBib29sZWFuID0gdHJ1ZTtcblxuXHQvKipcblx0ICogSW5kaWNhdGVzIGlmIG5hdmJhciBoYXMgc2hhZG93XG5cdCAqL1xuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmhhcy1zaGFkb3cnKVxuXHRoYXNTaGFkb3c6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRjb25zdHJ1Y3Rvcihcblx0XHRASW5qZWN0KFdJTkRPVylcblx0XHRwcml2YXRlIHJlYWRvbmx5IHdpbmRvdzogV2luZG93LFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgbmdab25lOiBOZ1pvbmUsXG5cdFx0cHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG5cdFx0cHJvdGVjdGVkIHJlYWRvbmx5IHNpZGViYXJTZXJ2aWNlOiBOZ0RvY1NpZGViYXJTZXJ2aWNlLFxuXHQpIHtcblx0XHRjb21iaW5lTGF0ZXN0KFtcblx0XHRcdGZyb21FdmVudCh0aGlzLndpbmRvdywgJ3Njcm9sbCcpLnBpcGUoXG5cdFx0XHRcdG1hcCgoZTogRXZlbnQpID0+ICgoZS50YXJnZXQgYXMgRG9jdW1lbnQpPy5zY3JvbGxpbmdFbGVtZW50Py5zY3JvbGxUb3AgPz8gMCkgPiAwKSxcblx0XHRcdFx0ZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcblx0XHRcdFx0c3RhcnRXaXRoKGZhbHNlKSxcblx0XHRcdCksXG5cdFx0XHR0aGlzLnNpZGViYXJTZXJ2aWNlLmlzRXhwYW5kZWQoKSxcblx0XHRdKVxuXHRcdFx0LnBpcGUoXG5cdFx0XHRcdG1hcCgoW3Njcm9sbGVkLCBzaWRlYmFyVmlzaWJsZV06IFtib29sZWFuLCBib29sZWFuXSkgPT4gc2Nyb2xsZWQgfHwgc2lkZWJhclZpc2libGUpLFxuXHRcdFx0XHRuZ0RvY1pvbmVPcHRpbWl6ZSh0aGlzLm5nWm9uZSksXG5cdFx0XHRcdHVudGlsRGVzdHJveWVkKHRoaXMpLFxuXHRcdFx0KVxuXHRcdFx0LnN1YnNjcmliZSgoaGFzU2hhZG93OiBib29sZWFuKSA9PiB7XG5cdFx0XHRcdHRoaXMuaGFzU2hhZG93ID0gaGFzU2hhZG93O1xuXHRcdFx0XHR0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuXHRcdFx0fSk7XG5cdH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuYXZiYXItY29udGFpbmVyXCIgKm5nRG9jTGV0PVwic2lkZWJhclNlcnZpY2UuaXNDb2xsYXBzYWJsZSgpIHwgYXN5bmMgYXMgaXNDb2xsYXBzYWJsZVwiPlxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLW5hdmJhci1sZWZ0XCI+XG5cdFx0PG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwibGVmdENvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtbmF2YmFyLWNlbnRlclwiPlxuXHRcdDxuZy1kb2Mtc2VhcmNoICpuZ0lmPVwic2VhcmNoICYmICFpc0NvbGxhcHNhYmxlXCI+PC9uZy1kb2Mtc2VhcmNoPlxuXHRcdDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImNlbnRlckNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtbmF2YmFyLXJpZ2h0XCI+XG5cdFx0PG5nLWRvYy1zZWFyY2ggKm5nSWY9XCJzZWFyY2ggJiYgaXNDb2xsYXBzYWJsZVwiIG1vZD1cImljb25cIj48L25nLWRvYy1zZWFyY2g+XG5cdFx0PG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwicmlnaHRDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cdFx0PGJ1dHRvblxuXHRcdFx0Y2xhc3M9XCJuZy1kb2MtbWVudVwiXG5cdFx0XHQqbmdJZj1cImlzQ29sbGFwc2FibGVcIlxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHRzaXplPVwibGFyZ2VcIlxuXHRcdFx0KGNsaWNrKT1cInNpZGViYXJTZXJ2aWNlLnRvZ2dsZSgpXCJcblx0XHQ+XG5cdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cIm1lbnVcIiBbc2l6ZV09XCIyNFwiPjwvbmctZG9jLWljb24+XG5cdFx0PC9idXR0b24+XG5cdDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/components/navbar/navbar.module.mjs

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { NgDocSearchModule } from '@ng-doc/app/components/search';
-import { NgDocButtonIconModule, NgDocIconModule, NgDocLetModule, NgDocMediaQueryModule } from '@ng-doc/ui-kit';
+import { NgDocButtonIconModule, NgDocIconModule, NgDocLetModule } from '@ng-doc/ui-kit';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { NgDocNavbarComponent } from './navbar.component';
 import * as i0 from "@angular/core";
@@ -13,14 +13,12 @@ NgDocNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         NgDocSearchModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocMediaQueryModule,
         NgDocLetModule], exports: [NgDocNavbarComponent] });
 NgDocNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocNavbarModule, imports: [CommonModule,
         PolymorpheusModule,
         NgDocSearchModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocMediaQueryModule,
         NgDocLetModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocNavbarModule, decorators: [{
             type: NgModule,
@@ -32,10 +30,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                         NgDocSearchModule,
                         NgDocButtonIconModule,
                         NgDocIconModule,
-                        NgDocMediaQueryModule,
                         NgDocLetModule,
                     ],
                     exports: [NgDocNavbarComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUscUJBQXFCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQzs7QUFleEQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVpkLG9CQUFvQixhQUVsQyxZQUFZO1FBQ1osa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixjQUFjLGFBRUwsb0JBQW9COytHQUVsQixpQkFBaUIsWUFWNUIsWUFBWTtRQUNaLGtCQUFrQjtRQUNsQixpQkFBaUI7UUFDakIscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixxQkFBcUI7UUFDckIsY0FBYzsyRkFJSCxpQkFBaUI7a0JBYjdCLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsaUJBQWlCO3dCQUNqQixxQkFBcUI7d0JBQ3JCLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixjQUFjO3FCQUNkO29CQUNELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jU2VhcmNoTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3NlYXJjaCc7XG5pbXBvcnQge05nRG9jQnV0dG9uSWNvbk1vZHVsZSwgTmdEb2NJY29uTW9kdWxlLCBOZ0RvY0xldE1vZHVsZSwgTmdEb2NNZWRpYVF1ZXJ5TW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY05hdmJhckNvbXBvbmVudH0gZnJvbSAnLi9uYXZiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NOYXZiYXJDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdFBvbHltb3JwaGV1c01vZHVsZSxcblx0XHROZ0RvY1NlYXJjaE1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0XHROZ0RvY0xldE1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jTmF2YmFyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NOYXZiYXJNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQzs7QUFjeEQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVhkLG9CQUFvQixhQUVsQyxZQUFZO1FBQ1osa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsZUFBZTtRQUNmLGNBQWMsYUFFTCxvQkFBb0I7K0dBRWxCLGlCQUFpQixZQVQ1QixZQUFZO1FBQ1osa0JBQWtCO1FBQ2xCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsZUFBZTtRQUNmLGNBQWM7MkZBSUgsaUJBQWlCO2tCQVo3QixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NTZWFyY2hNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvc2VhcmNoJztcbmltcG9ydCB7TmdEb2NCdXR0b25JY29uTW9kdWxlLCBOZ0RvY0ljb25Nb2R1bGUsIE5nRG9jTGV0TW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY05hdmJhckNvbXBvbmVudH0gZnJvbSAnLi9uYXZiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NOYXZiYXJDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdFBvbHltb3JwaGV1c01vZHVsZSxcblx0XHROZ0RvY1NlYXJjaE1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jTGV0TW9kdWxlLFxuXHRdLFxuXHRleHBvcnRzOiBbTmdEb2NOYXZiYXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY05hdmJhck1vZHVsZSB7fVxuIl19

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

@@ -13,9 +13,9 @@ export class NgDocPageComponent {
     }
 }
 NgDocPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component });
-NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\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 });
+NgDocPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: NgDocPageComponent, selector: "ng-doc-page", ngImport: i0, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgDocDemoProcessorDirective, selector: "[ngDocDemoProcessor]" }, { kind: "directive", type: i3.NgDocCodeProcessorDirective, selector: "[ngDocCodeProcessor]" }, { kind: "directive", type: i3.NgDocBlockquoteProcessorDirective, selector: "[ngDocBlockquoteProcessor]" }, { kind: "directive", type: i3.NgDocIconProcessorDirective, selector: "[ngDocIconProcessor]" }, { kind: "component", type: i4.NgDocTocComponent, selector: "ng-doc-toc", inputs: ["pageContainer"] }, { kind: "directive", type: i5.NgDocMediaQueryDirective, selector: "[ngDocMediaQuery]", inputs: ["ngDocMediaQuery"], exportAs: ["ngDocMediaQuery"] }, { kind: "directive", type: i3.NgDocTooltipProcessorDirective, selector: "[ngDocTooltipProcessor]" }, { kind: "component", type: i5.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "toggled", "rounded"] }, { kind: "component", type: i5.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i5.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i3.NgDocPlaygroundProcessorDirective, selector: "[ngDocPlaygroundProcessor]" }, { kind: "pipe", type: i6.NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\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"] }]
+            args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article>\n\t<div class=\"ng-doc-page-controls\">\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.editSourceFileUrl\"\n\t\t\t[href]=\"rootPage.editSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"Suggest Edits\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n\t\t</a>\n\t\t<a\n\t\t\tng-doc-button-icon\n\t\t\t*ngIf=\"rootPage.viewSourceFileUrl\"\n\t\t\t[href]=\"rootPage.viewSourceFileUrl\"\n\t\t\ttarget=\"_blank\"\n\t\t\tngDocTooltip=\"View Source\"\n\t\t>\n\t\t\t<ng-doc-icon icon=\"code\"></ng-doc-icon>\n\t\t</a>\n\t</div>\n\n\t<div\n\t\t[innerHTML]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n\t\tngDocBlockquoteProcessor\n\t\tngDocDemoProcessor\n\t\tngDocCodeProcessor\n\t\tngDocIconProcessor\n\t\tngDocTooltipProcessor\n\t\tngDocPlaygroundProcessor\n\t\t#pageContainer\n\t></div>\n</article>\n\n<ng-template\n\t[ngDocMediaQuery]=\"[mediaQuery.breakpoints.Large, mediaQuery.breakpoints.XLarge]\"\n\t#mediaQuery=\"ngDocMediaQuery\"\n>\n\t<ng-doc-toc [pageContainer]=\"pageContainer\"></ng-doc-toc>\n</ng-template>\n", styles: [":host{display:flex}:host article{position:relative;width:100%;overflow:hidden}:host article .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}:host ng-doc-toc{--ng-doc-toc-margin: calc(var(--ng-doc-base-gutter) * 3);flex-shrink:0}@media screen and (max-width: 1200px){:host ng-doc-toc{display:none}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUFxQixRQUF1QjtRQUF2QixhQUFRLEdBQVIsUUFBUSxDQUFlO0lBQUcsQ0FBQzs7K0dBRHBDLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1EQ1QvQix1Z0NBdUNBOzJGRDlCYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cbjwvYXJ0aWNsZT5cblxuPG5nLXRlbXBsYXRlXG5cdFtuZ0RvY01lZGlhUXVlcnldPVwiW21lZGlhUXVlcnkuYnJlYWtwb2ludHMuTGFyZ2UsIG1lZGlhUXVlcnkuYnJlYWtwb2ludHMuWExhcmdlXVwiXG5cdCNtZWRpYVF1ZXJ5PVwibmdEb2NNZWRpYVF1ZXJ5XCJcbj5cblx0PG5nLWRvYy10b2MgW3BhZ2VDb250YWluZXJdPVwicGFnZUNvbnRhaW5lclwiPjwvbmctZG9jLXRvYz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUFxQixRQUF1QjtRQUF2QixhQUFRLEdBQVIsUUFBUSxDQUFlO0lBQUcsQ0FBQzs7K0dBRHBDLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1EQ1QvQixxaUNBd0NBOzJGRC9CYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtcGFnZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NQYWdlQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG59XG4iLCI8YXJ0aWNsZT5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1wYWdlLWNvbnRyb2xzXCI+XG5cdFx0PGFcblx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0Km5nSWY9XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHRbaHJlZl09XCJyb290UGFnZS5lZGl0U291cmNlRmlsZVVybFwiXG5cdFx0XHR0YXJnZXQ9XCJfYmxhbmtcIlxuXHRcdFx0bmdEb2NUb29sdGlwPVwiU3VnZ2VzdCBFZGl0c1wiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJlZGl0LTJcIj48L25nLWRvYy1pY29uPlxuXHRcdDwvYT5cblx0XHQ8YVxuXHRcdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0XHQqbmdJZj1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdFtocmVmXT1cInJvb3RQYWdlLnZpZXdTb3VyY2VGaWxlVXJsXCJcblx0XHRcdHRhcmdldD1cIl9ibGFua1wiXG5cdFx0XHRuZ0RvY1Rvb2x0aXA9XCJWaWV3IFNvdXJjZVwiXG5cdFx0PlxuXHRcdFx0PG5nLWRvYy1pY29uIGljb249XCJjb2RlXCI+PC9uZy1kb2MtaWNvbj5cblx0XHQ8L2E+XG5cdDwvZGl2PlxuXG5cdDxkaXZcblx0XHRbaW5uZXJIVE1MXT1cInJvb3RQYWdlLnBhZ2VDb250ZW50IHwgbmdEb2NTYW5pdGl6ZUh0bWxcIlxuXHRcdG5nRG9jQmxvY2txdW90ZVByb2Nlc3NvclxuXHRcdG5nRG9jRGVtb1Byb2Nlc3NvclxuXHRcdG5nRG9jQ29kZVByb2Nlc3NvclxuXHRcdG5nRG9jSWNvblByb2Nlc3NvclxuXHRcdG5nRG9jVG9vbHRpcFByb2Nlc3NvclxuXHRcdG5nRG9jUGxheWdyb3VuZFByb2Nlc3NvclxuXHRcdCNwYWdlQ29udGFpbmVyXG5cdD48L2Rpdj5cbjwvYXJ0aWNsZT5cblxuPG5nLXRlbXBsYXRlXG5cdFtuZ0RvY01lZGlhUXVlcnldPVwiW21lZGlhUXVlcnkuYnJlYWtwb2ludHMuTGFyZ2UsIG1lZGlhUXVlcnkuYnJlYWtwb2ludHMuWExhcmdlXVwiXG5cdCNtZWRpYVF1ZXJ5PVwibmdEb2NNZWRpYVF1ZXJ5XCJcbj5cblx0PG5nLWRvYy10b2MgW3BhZ2VDb250YWluZXJdPVwicGFnZUNvbnRhaW5lclwiPjwvbmctZG9jLXRvYz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

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

@@ -2,7 +2,8 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { NgDocPageMapModule } from '@ng-doc/app/components/toc';
 import { NgDocSanitizeHtmlModule } from '@ng-doc/app/pipes/sanitize-html';
-import { NgDocBlockquoteProcessorModule, NgDocCodeProcessorModule, NgDocDemoProcessorModule, NgDocIconProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';
+import { NgDocBlockquoteProcessorModule, NgDocCodeProcessorModule, NgDocDemoProcessorModule, NgDocIconProcessorModule, NgDocPlaygroundProcessorModule, NgDocTooltipProcessorModule, } from '@ng-doc/app/processors';
+import { NgDocBooleanControlModule, NgDocNumberControlModule, NgDocStringControlModule, NgDocTypeAliasControlModule } from '@ng-doc/app/type-controls';
 import { NgDocButtonIconModule, NgDocIconModule, NgDocMediaQueryModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
 import { NgDocPageComponent } from './page.component';
 import * as i0 from "@angular/core";
@@ -20,7 +21,13 @@ NgDocPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         NgDocTooltipProcessorModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocTooltipModule], exports: [NgDocPageComponent] });
+        NgDocTooltipModule,
+        NgDocPlaygroundProcessorModule,
+        /* TypeControls */
+        NgDocBooleanControlModule,
+        NgDocNumberControlModule,
+        NgDocStringControlModule,
+        NgDocTypeAliasControlModule], exports: [NgDocPageComponent] });
 NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, imports: [CommonModule,
         NgDocDemoProcessorModule,
         NgDocCodeProcessorModule,
@@ -32,7 +39,13 @@ NgDocPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         NgDocTooltipProcessorModule,
         NgDocButtonIconModule,
         NgDocIconModule,
-        NgDocTooltipModule] });
+        NgDocTooltipModule,
+        NgDocPlaygroundProcessorModule,
+        /* TypeControls */
+        NgDocBooleanControlModule,
+        NgDocNumberControlModule,
+        NgDocStringControlModule,
+        NgDocTypeAliasControlModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: NgDocPageModule, decorators: [{
             type: NgModule,
             args: [{
@@ -50,8 +63,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
                         NgDocButtonIconModule,
                         NgDocIconModule,
                         NgDocTooltipModule,
+                        NgDocPlaygroundProcessorModule,
+                        /* TypeControls */
+                        NgDocBooleanControlModule,
+                        NgDocNumberControlModule,
+                        NgDocStringControlModule,
+                        NgDocTypeAliasControlModule,
                     ],
                     exports: [NgDocPageComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4QiwyQkFBMkIsR0FDM0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQUMscUJBQXFCLEVBQUUsZUFBZSxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFakgsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBb0JwRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQWpCWixrQkFBa0IsYUFFaEMsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0IsYUFFVCxrQkFBa0I7NkdBRWhCLGVBQWUsWUFmMUIsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7MkZBSVAsZUFBZTtrQkFsQjNCLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3dCQUN4Qiw4QkFBOEI7d0JBQzlCLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3dCQUN4QixrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsMkJBQTJCO3dCQUMzQixxQkFBcUI7d0JBQ3JCLGVBQWU7d0JBQ2Ysa0JBQWtCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1BhZ2VNYXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvdG9jJztcbmltcG9ydCB7TmdEb2NTYW5pdGl6ZUh0bWxNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL3BpcGVzL3Nhbml0aXplLWh0bWwnO1xuaW1wb3J0IHtcblx0TmdEb2NCbG9ja3F1b3RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0NvZGVQcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jRGVtb1Byb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NJY29uUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtOZ0RvY0J1dHRvbkljb25Nb2R1bGUsIE5nRG9jSWNvbk1vZHVsZSwgTmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLCBOZ0RvY1Rvb2x0aXBNb2R1bGV9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY1BhZ2VDb21wb25lbnR9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY1BhZ2VDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jRGVtb1Byb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0NvZGVQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCbG9ja3F1b3RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jU2FuaXRpemVIdG1sTW9kdWxlLFxuXHRcdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1BhZ2VNYXBNb2R1bGUsXG5cdFx0TmdEb2NNZWRpYVF1ZXJ5TW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcFByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jUGFnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGFnZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUNOLDhCQUE4QixFQUM5Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUFFLDhCQUE4QixFQUN4RCwyQkFBMkIsR0FDM0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQ04seUJBQXlCLEVBQ3pCLHdCQUF3QixFQUN4Qix3QkFBd0IsRUFDeEIsMkJBQTJCLEVBQzNCLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRWpILE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDOztBQTJCcEQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkF4Qlosa0JBQWtCLGFBRWhDLFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLDhCQUE4QjtRQUU5QixrQkFBa0I7UUFDbEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsMkJBQTJCLGFBRWxCLGtCQUFrQjs2R0FFaEIsZUFBZSxZQXRCMUIsWUFBWTtRQUNaLHdCQUF3QjtRQUN4Qix3QkFBd0I7UUFDeEIsOEJBQThCO1FBQzlCLHVCQUF1QjtRQUN2Qix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQiwyQkFBMkI7UUFDM0IscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsOEJBQThCO1FBRTlCLGtCQUFrQjtRQUNsQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QiwyQkFBMkI7MkZBSWhCLGVBQWU7a0JBekIzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsOEJBQThCO3dCQUM5Qix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLDJCQUEyQjt3QkFDM0IscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsOEJBQThCO3dCQUU5QixrQkFBa0I7d0JBQ2xCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLDJCQUEyQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NQYWdlTWFwTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL3RvYyc7XG5pbXBvcnQge05nRG9jU2FuaXRpemVIdG1sTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcy9zYW5pdGl6ZS1odG1sJztcbmltcG9ydCB7XG5cdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdE5nRG9jSWNvblByb2Nlc3Nvck1vZHVsZSwgTmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG59IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMnO1xuaW1wb3J0IHtcblx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0TmdEb2NOdW1iZXJDb250cm9sTW9kdWxlLFxuXHROZ0RvY1N0cmluZ0NvbnRyb2xNb2R1bGUsXG5cdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZVxufSBmcm9tICdAbmctZG9jL2FwcC90eXBlLWNvbnRyb2xzJztcbmltcG9ydCB7TmdEb2NCdXR0b25JY29uTW9kdWxlLCBOZ0RvY0ljb25Nb2R1bGUsIE5nRG9jTWVkaWFRdWVyeU1vZHVsZSwgTmdEb2NUb29sdGlwTW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbmltcG9ydCB7TmdEb2NQYWdlQ29tcG9uZW50fSBmcm9tICcuL3BhZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NQYWdlQ29tcG9uZW50XSxcblx0aW1wb3J0czogW1xuXHRcdENvbW1vbk1vZHVsZSxcblx0XHROZ0RvY0RlbW9Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NDb2RlUHJvY2Vzc29yTW9kdWxlLFxuXHRcdE5nRG9jQmxvY2txdW90ZVByb2Nlc3Nvck1vZHVsZSxcblx0XHROZ0RvY1Nhbml0aXplSHRtbE1vZHVsZSxcblx0XHROZ0RvY0ljb25Qcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NQYWdlTWFwTW9kdWxlLFxuXHRcdE5nRG9jTWVkaWFRdWVyeU1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NCdXR0b25JY29uTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1Rvb2x0aXBNb2R1bGUsXG5cdFx0TmdEb2NQbGF5Z3JvdW5kUHJvY2Vzc29yTW9kdWxlLFxuXG5cdFx0LyogVHlwZUNvbnRyb2xzICovXG5cdFx0TmdEb2NCb29sZWFuQ29udHJvbE1vZHVsZSxcblx0XHROZ0RvY051bWJlckNvbnRyb2xNb2R1bGUsXG5cdFx0TmdEb2NTdHJpbmdDb250cm9sTW9kdWxlLFxuXHRcdE5nRG9jVHlwZUFsaWFzQ29udHJvbE1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jUGFnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jUGFnZU1vZHVsZSB7fVxuIl19

package/esm2020/components/playground/base-playground.mjs

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Base class for playgrounds components.
+ */
+export 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
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1wbGF5Z3JvdW5kLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9wbGF5Z3JvdW5kL2Jhc2UtcGxheWdyb3VuZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUF5QixNQUFNLGVBQWUsQ0FBQzs7QUFHaEU7O0dBRUc7QUFFSCxNQUFNLE9BQWdCLG1CQUFtQjtJQUR6QztRQU1DLFNBQUksR0FBNEIsRUFBRSxDQUFDO1FBQ25DLFlBQU8sR0FBUSxFQUFFLENBQUM7S0FDbEI7O0FBTmdCLDRCQUFRLEdBQVcsU0FBUyxDQUFDO2dIQUR4QixtQkFBbUI7b0dBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUR4QyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIFR5cGUsIFZpZXdDb250YWluZXJSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1BsYXlncm91bmRDb25maWd9IGZyb20gJ0BuZy1kb2MvY29yZSc7XG5cbi8qKlxuICogQmFzZSBjbGFzcyBmb3IgcGxheWdyb3VuZHMgY29tcG9uZW50cy5cbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgTmdEb2NCYXNlUGxheWdyb3VuZCBpbXBsZW1lbnRzIFBpY2s8TmdEb2NQbGF5Z3JvdW5kQ29uZmlnLCAnZGF0YSc+IHtcblx0c3RhdGljIHJlYWRvbmx5IHNlbGVjdG9yOiBzdHJpbmcgPSAndW5rbm93bic7XG5cdGFic3RyYWN0IHJlYWRvbmx5IHBsYXlncm91bmQ/OiBUeXBlPHVua25vd24+O1xuXHRhYnN0cmFjdCByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmPzogVmlld0NvbnRhaW5lclJlZjtcblxuXHRkYXRhOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPiA9IHt9O1xuXHRjb250ZW50OiBhbnkgPSB7fTtcbn1cbiJdfQ==

package/esm2020/components/playground/index.mjs

@@ -1,3 +1,8 @@
+export * from './base-playground';
 export * from './playground.component';
 export * from './playground.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wbGF5Z3JvdW5kLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BsYXlncm91bmQubW9kdWxlJztcbiJdfQ==
+export * from './playground-demo/playground-demo.component';
+export * from './playground-form';
+export * from './playground-properties/playground-properties.component';
+export * from './playground-property/playground-property.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3BsYXlncm91bmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyxxREFBcUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFzZS1wbGF5Z3JvdW5kJztcbmV4cG9ydCAqIGZyb20gJy4vcGxheWdyb3VuZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wbGF5Z3JvdW5kLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3BsYXlncm91bmQtZGVtby9wbGF5Z3JvdW5kLWRlbW8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcGxheWdyb3VuZC1mb3JtJztcbmV4cG9ydCAqIGZyb20gJy4vcGxheWdyb3VuZC1wcm9wZXJ0aWVzL3BsYXlncm91bmQtcHJvcGVydGllcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wbGF5Z3JvdW5kLXByb3BlcnR5L3BsYXlncm91bmQtcHJvcGVydHkuY29tcG9uZW50JztcbiJdfQ==

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

@@ -0,0 +1,116 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Injector, Input, ViewChild, ViewContainerRef, } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { formatHtml } from '@ng-doc/app/helpers/format-html';
+import { getPlaygroundDemoToken } from '@ng-doc/app/helpers/provide-playground-demo';
+import { buildPlaygroundDemoTemplate, objectKeys, } from '@ng-doc/core';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { of, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/classes/root-page";
+import * as i2 from "@ng-doc/app/components/demo-displayer";
+import * as i3 from "@angular/common";
+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.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.NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: ["codeContent", "code", "language", "container", "border"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NgDocPlaygroundDemoComponent = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [NgDocRootPage, Injector])
+], NgDocPlaygroundDemoComponent);
+export { 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.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 }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWdyb3VuZC1kZW1vLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvcGxheWdyb3VuZC9wbGF5Z3JvdW5kLWRlbW8vcGxheWdyb3VuZC1kZW1vLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvcGxheWdyb3VuZC9wbGF5Z3JvdW5kLWRlbW8vcGxheWdyb3VuZC1kZW1vLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ04sdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBR1QsUUFBUSxFQUNSLEtBQUssRUFLTCxTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBRW5GLE9BQU8sRUFDTiwyQkFBMkIsRUFLM0IsVUFBVSxHQUNWLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBQyxZQUFZLEVBQUUsY0FBYyxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDbkUsT0FBTyxFQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDN0MsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVlsQyxJQUFNLDRCQUE0QixHQUFsQyxNQUFNLDRCQUE0QjtJQStCeEMsWUFBNkIsUUFBdUIsRUFBbUIsUUFBa0I7UUFBNUQsYUFBUSxHQUFSLFFBQVEsQ0FBZTtRQUFtQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBM0J6RixPQUFFLEdBQVcsRUFBRSxDQUFDO1FBR2hCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFTdEIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFVOUIsU0FBSSxHQUF1QixFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFHakIsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUV5QixDQUFDO0lBRTdGLFdBQVcsQ0FBQyxFQUFDLElBQUksRUFBRSxFQUFFLEVBQWdCO1FBQ3BDLElBQUksSUFBSSxJQUFJLEVBQUUsRUFBRTtZQUNmLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7WUFFekIsTUFBTSxZQUFZLEdBQWtFLHNCQUFzQixDQUN6RyxJQUFJLENBQUMsRUFBRSxDQUNQLENBQUM7WUFFRixJQUFJLFlBQVksRUFBRTtnQkFDakIsTUFBTSxLQUFLLEdBQXNDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsQ0FBQztnQkFDckYsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBZ0MsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDeEc7WUFFRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFFbEIsSUFBSSxDQUFDLElBQUksRUFBRSxZQUFZO2lCQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7aUJBQ3hELFNBQVMsQ0FBQyxDQUFDLElBQTZDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztTQUN0RjtJQUNGLENBQUM7SUFFTyxVQUFVLENBQUMsSUFBOEM7UUFDaEUsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUN2QyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbEI7UUFFRCxJQUFJLElBQUksRUFBRTtZQUNULE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsVUFBVSxJQUFJLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxPQUFPLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLEVBQUUsWUFBWSxFQUFFLENBQUM7U0FDMUY7UUFFRCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVPLFVBQVU7UUFDakIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFeEIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO2dCQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsZUFBZSxDQUM5QyxJQUFJLENBQUMsY0FBc0QsQ0FDM0QsQ0FBQzthQUNGO1lBRUQsSUFBSSxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMvQztJQUNGLENBQUM7SUFFTyxjQUFjO1FBQ3JCLE1BQU0sUUFBUSxHQUFXLDJCQUEyQixDQUNuRCxJQUFJLENBQUMsYUFBYSxFQUFFLFFBQVEsSUFBSSxFQUFFLEVBQ2xDLElBQUksQ0FBQyxRQUFRLEVBQ2IsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEVBQ3ZCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FDdEIsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFTyxnQkFBZ0I7UUFDdkIsTUFBTSxRQUFRLEdBQTZCLElBQUksQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFpQyxJQUFJLEVBQUUsQ0FBQztRQUUvRyxPQUFPLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUE4QixFQUFFLEdBQVcsRUFBRSxFQUFFO1lBQ2xGLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBRXJGLE9BQU8sTUFBTSxDQUFDO1FBQ2YsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1IsQ0FBQztJQUVPLGVBQWU7UUFDdEIsTUFBTSxRQUFRLEdBQ1osSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLENBQUMsVUFBVSxDQUFDLEtBQTZDLElBQUksRUFBRSxDQUFDO1FBRXJGLE9BQU8sVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQThCLEVBQUUsR0FBVyxFQUFFLEVBQUU7WUFDbEYsTUFBTSxRQUFRLEdBQXdDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUU3RSxJQUFJLFFBQVEsRUFBRTtnQkFDYixNQUFNLEtBQUssR0FBd0IsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNqRCxNQUFNLFFBQVEsR0FBWSxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUM7Z0JBQ3BELE1BQU0sVUFBVSxHQUFXLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBRWhGLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQyxLQUFLLFVBQVUsRUFBRTtvQkFDNUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxVQUFVLENBQUM7aUJBQ25DO2FBQ0Q7WUFFRCxPQUFPLE1BQU0sQ0FBQztRQUNmLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzlCLENBQUM7O3lIQS9IVyw0QkFBNEI7NkdBQTVCLDRCQUE0QixxU0FxQk0sZ0JBQWdCLGdFQy9EL0QsdUtBR0E7QUR1Q2EsNEJBQTRCO0lBRHhDLFlBQVksRUFBRTtxQ0FnQ3lCLGFBQWEsRUFBNkIsUUFBUTtHQS9CN0UsNEJBQTRCLENBZ0l4QztTQWhJWSw0QkFBNEI7MkZBQTVCLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDQyx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU07MkhBTy9DLEVBQUU7c0JBREQsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Q29tcG9uZW50LFxuXHRDb21wb25lbnRSZWYsXG5cdEluamVjdGlvblRva2VuLFxuXHRJbmplY3Rvcixcblx0SW5wdXQsXG5cdE9uQ2hhbmdlcyxcblx0T25EZXN0cm95LFxuXHRTaW1wbGVDaGFuZ2VzLFxuXHRUeXBlLFxuXHRWaWV3Q2hpbGQsXG5cdFZpZXdDb250YWluZXJSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TmdEb2NSb290UGFnZX0gZnJvbSAnQG5nLWRvYy9hcHAvY2xhc3Nlcy9yb290LXBhZ2UnO1xuaW1wb3J0IHtmb3JtYXRIdG1sfSBmcm9tICdAbmctZG9jL2FwcC9oZWxwZXJzL2Zvcm1hdC1odG1sJztcbmltcG9ydCB7Z2V0UGxheWdyb3VuZERlbW9Ub2tlbn0gZnJvbSAnQG5nLWRvYy9hcHAvaGVscGVycy9wcm92aWRlLXBsYXlncm91bmQtZGVtbyc7XG5pbXBvcnQge05nRG9jRm9ybVBhcnRpYWxWYWx1ZX0gZnJvbSAnQG5nLWRvYy9hcHAvdHlwZXMnO1xuaW1wb3J0IHtcblx0YnVpbGRQbGF5Z3JvdW5kRGVtb1RlbXBsYXRlLFxuXHROZ0RvY0V4dHJhY3RlZFZhbHVlLFxuXHROZ0RvY1BsYXlncm91bmRDb25maWcsXG5cdE5nRG9jUGxheWdyb3VuZFByb3BlcnRpZXMsXG5cdE5nRG9jUGxheWdyb3VuZFByb3BlcnR5LFxuXHRvYmplY3RLZXlzLFxufSBmcm9tICdAbmctZG9jL2NvcmUnO1xuaW1wb3J0IHtVbnRpbERlc3Ryb3ksIHVudGlsRGVzdHJveWVkfSBmcm9tICdAbmduZWF0L3VudGlsLWRlc3Ryb3knO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBvZiwgU3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3Rha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge05nRG9jQmFzZVBsYXlncm91bmR9IGZyb20gJy4uL2Jhc2UtcGxheWdyb3VuZCc7XG5pbXBvcnQge05nRG9jUGxheWdyb3VuZEZvcm19IGZyb20gJy4uL3BsYXlncm91bmQtZm9ybSc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25nLWRvYy1wbGF5Z3JvdW5kLWRlbW8nLFxuXHR0ZW1wbGF0ZVVybDogJy4vcGxheWdyb3VuZC1kZW1vLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vcGxheWdyb3VuZC1kZW1vLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbkBVbnRpbERlc3Ryb3koKVxuZXhwb3J0IGNsYXNzIE5nRG9jUGxheWdyb3VuZERlbW9Db21wb25lbnQ8VCBleHRlbmRzIE5nRG9jUGxheWdyb3VuZFByb3BlcnRpZXMgPSBOZ0RvY1BsYXlncm91bmRQcm9wZXJ0aWVzPlxuXHRpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95XG57XG5cdEBJbnB1dCgpXG5cdGlkOiBzdHJpbmcgPSAnJztcblxuXHRASW5wdXQoKVxuXHRzZWxlY3Rvcjogc3RyaW5nID0gJyc7XG5cblx0QElucHV0KClcblx0Y29uZmlndXJhdGlvbj86IE5nRG9jUGxheWdyb3VuZENvbmZpZztcblxuXHRASW5wdXQoKVxuXHRwcm9wZXJ0aWVzPzogVDtcblxuXHRASW5wdXQoKVxuXHRyZWNyZWF0ZURlbW86IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRASW5wdXQoKVxuXHRmb3JtITogRm9ybUdyb3VwPE5nRG9jUGxheWdyb3VuZEZvcm0+O1xuXG5cdEBWaWV3Q2hpbGQoJ2RlbW9PdXRsZXQnLCB7c3RhdGljOiB0cnVlLCByZWFkOiBWaWV3Q29udGFpbmVyUmVmfSlcblx0ZGVtb091dGxldD86IFZpZXdDb250YWluZXJSZWY7XG5cblx0cGxheWdyb3VuZERlbW8/OiB0eXBlb2YgTmdEb2NCYXNlUGxheWdyb3VuZDtcblxuXHRjb2RlOiBPYnNlcnZhYmxlPHN0cmluZz4gPSBvZignJyk7XG5cblx0cHJpdmF0ZSBkZW1vUmVmPzogQ29tcG9uZW50UmVmPE5nRG9jQmFzZVBsYXlncm91bmQ+O1xuXHRwcml2YXRlIHJlYWRvbmx5IHVuc3Vic2NyaWJlJDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSByb290UGFnZTogTmdEb2NSb290UGFnZSwgcHJpdmF0ZSByZWFkb25seSBpbmplY3RvcjogSW5qZWN0b3IpIHt9XG5cblx0bmdPbkNoYW5nZXMoe2Zvcm0sIGlkfTogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuXHRcdGlmIChmb3JtICYmIGlkKSB7XG5cdFx0XHR0aGlzLnVuc3Vic2NyaWJlJC5uZXh0KCk7XG5cblx0XHRcdGNvbnN0IGRlbW9JbmplY3RvcjogSW5qZWN0aW9uVG9rZW48QXJyYXk8dHlwZW9mIE5nRG9jQmFzZVBsYXlncm91bmQ+PiB8IHVuZGVmaW5lZCA9IGdldFBsYXlncm91bmREZW1vVG9rZW4oXG5cdFx0XHRcdHRoaXMuaWQsXG5cdFx0XHQpO1xuXG5cdFx0XHRpZiAoZGVtb0luamVjdG9yKSB7XG5cdFx0XHRcdGNvbnN0IGRlbW9zOiBBcnJheTx0eXBlb2YgTmdEb2NCYXNlUGxheWdyb3VuZD4gPSB0aGlzLmluamVjdG9yLmdldChkZW1vSW5qZWN0b3IsIFtdKTtcblx0XHRcdFx0dGhpcy5wbGF5Z3JvdW5kRGVtbyA9IGRlbW9zLmZpbmQoKGRlbW86IHR5cGVvZiBOZ0RvY0Jhc2VQbGF5Z3JvdW5kKSA9PiBkZW1vLnNlbGVjdG9yID09PSB0aGlzLnNlbGVjdG9yKTtcblx0XHRcdH1cblxuXHRcdFx0dGhpcy51cGRhdGVEZW1vKCk7XG5cblx0XHRcdHRoaXMuZm9ybT8udmFsdWVDaGFuZ2VzXG5cdFx0XHRcdC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCksIHVudGlsRGVzdHJveWVkKHRoaXMpKVxuXHRcdFx0XHQuc3Vic2NyaWJlKChkYXRhOiBOZ0RvY0Zvcm1QYXJ0aWFsVmFsdWU8dHlwZW9mIHRoaXMuZm9ybT4pID0+IHRoaXMudXBkYXRlRGVtbyhkYXRhKSk7XG5cdFx0fVxuXHR9XG5cblx0cHJpdmF0ZSB1cGRhdGVEZW1vKGRhdGE/OiBOZ0RvY0Zvcm1QYXJ0aWFsVmFsdWU8dHlwZW9mIHRoaXMuZm9ybT4pOiB2b2lkIHtcblx0XHRpZiAodGhpcy5yZWNyZWF0ZURlbW8gfHwgIXRoaXMuZGVtb1JlZikge1xuXHRcdFx0dGhpcy5yZW5kZXJEZW1vKCk7XG5cdFx0fVxuXG5cdFx0aWYgKGRhdGEpIHtcblx0XHRcdE9iamVjdC5hc3NpZ24odGhpcy5kZW1vUmVmPy5pbnN0YW5jZS5wbGF5Z3JvdW5kID8/IHt9LCBkYXRhLnByb3BlcnRpZXMpO1xuXHRcdFx0T2JqZWN0LmFzc2lnbih0aGlzLmRlbW9SZWY/Lmluc3RhbmNlLmNvbnRlbnQgPz8ge30sIGRhdGEuY29udGVudCk7XG5cdFx0XHR0aGlzLmRlbW9SZWY/Lmluc3RhbmNlPy52aWV3Q29udGFpbmVyUmVmPy5pbmplY3Rvci5nZXQoQ2hhbmdlRGV0ZWN0b3JSZWYpPy5tYXJrRm9yQ2hlY2soKTtcblx0XHR9XG5cblx0XHR0aGlzLnVwZGF0ZUNvZGVWaWV3KCk7XG5cdH1cblxuXHRwcml2YXRlIHJlbmRlckRlbW8oKTogdm9pZCB7XG5cdFx0aWYgKHRoaXMucGxheWdyb3VuZERlbW8pIHtcblx0XHRcdHRoaXMuZGVtb1JlZj8uZGVzdHJveSgpO1xuXG5cdFx0XHRpZiAodGhpcy5wbGF5Z3JvdW5kRGVtbykge1xuXHRcdFx0XHR0aGlzLmRlbW9SZWYgPSB0aGlzLmRlbW9PdXRsZXQ/LmNyZWF0ZUNvbXBvbmVudChcblx0XHRcdFx0XHR0aGlzLnBsYXlncm91bmREZW1vIGFzIHVua25vd24gYXMgVHlwZTxOZ0RvY0Jhc2VQbGF5Z3JvdW5kPixcblx0XHRcdFx0KTtcblx0XHRcdH1cblxuXHRcdFx0dGhpcy5kZW1vUmVmPy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcblx0XHR9XG5cdH1cblxuXHRwcml2YXRlIHVwZGF0ZUNvZGVWaWV3KCk6IHZvaWQge1xuXHRcdGNvbnN0IHRlbXBsYXRlOiBzdHJpbmcgPSBidWlsZFBsYXlncm91bmREZW1vVGVtcGxhdGUoXG5cdFx0XHR0aGlzLmNvbmZpZ3VyYXRpb24/LnRlbXBsYXRlID8/ICcnLFxuXHRcdFx0dGhpcy5zZWxlY3Rvcixcblx0XHRcdHRoaXMuZ2V0QWN0aXZlQ29udGVudCgpLFxuXHRcdFx0dGhpcy5nZXRBY3RpdmVJbnB1dHMoKSxcblx0XHQpO1xuXG5cdFx0dGhpcy5jb2RlID0gZm9ybWF0SHRtbCh0ZW1wbGF0ZSk7XG5cdH1cblxuXHRwcml2YXRlIGdldEFjdGl2ZUNvbnRlbnQoKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG5cdFx0Y29uc3QgZm9ybURhdGE6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0gKHRoaXMuZm9ybT8uY29udHJvbHMuY29udGVudC52YWx1ZSBhcyBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPikgPz8ge307XG5cblx0XHRyZXR1cm4gb2JqZWN0S2V5cyhmb3JtRGF0YSkucmVkdWNlKChyZXN1bHQ6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4sIGtleTogc3RyaW5nKSA9PiB7XG5cdFx0XHRyZXN1bHRba2V5XSA9IGZvcm1EYXRhW2tleV0gPyB0aGlzLmNvbmZpZ3VyYXRpb24/LmNvbnRlbnQ/LltrZXldLnRlbXBsYXRlID8/ICcnIDogJyc7XG5cblx0XHRcdHJldHVybiByZXN1bHQ7XG5cdFx0fSwge30pO1xuXHR9XG5cblx0cHJpdmF0ZSBnZXRBY3RpdmVJbnB1dHMoKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG5cdFx0Y29uc3QgZm9ybURhdGE6IFJlY29yZDxzdHJpbmcsIE5nRG9jRXh0cmFjdGVkVmFsdWU+ID1cblx0XHRcdCh0aGlzLmZvcm0/LmNvbnRyb2xzLnByb3BlcnRpZXMudmFsdWUgYXMgUmVjb3JkPHN0cmluZywgTmdEb2NFeHRyYWN0ZWRWYWx1ZT4pID8/IHt9O1xuXG5cdFx0cmV0dXJuIG9iamVjdEtleXMoZm9ybURhdGEpLnJlZHVjZSgocmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+LCBrZXk6IHN0cmluZykgPT4ge1xuXHRcdFx0Y29uc3QgcHJvcGVydHk6IE5nRG9jUGxheWdyb3VuZFByb3BlcnR5IHwgdW5kZWZpbmVkID0gdGhpcy5wcm9wZXJ0aWVzPy5ba2V5XTtcblxuXHRcdFx0aWYgKHByb3BlcnR5KSB7XG5cdFx0XHRcdGNvbnN0IHZhbHVlOiBOZ0RvY0V4dHJhY3RlZFZhbHVlID0gZm9ybURhdGFba2V5XTtcblx0XHRcdFx0Y29uc3QgaXNTdHJpbmc6IGJvb2xlYW4gPSB0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnO1xuXHRcdFx0XHRjb25zdCBpbnB1dFZhbHVlOiBzdHJpbmcgPSBpc1N0cmluZyA/IGAnJHt2YWx1ZX0nYCA6IGAke0pTT04uc3RyaW5naWZ5KHZhbHVlKX1gO1xuXG5cdFx0XHRcdGlmICgocHJvcGVydHkuZGVmYXVsdCA/PyAnJykgIT09IGlucHV0VmFsdWUpIHtcblx0XHRcdFx0XHRyZXN1bHRbcHJvcGVydHkubmFtZV0gPSBpbnB1dFZhbHVlO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdHJldHVybiByZXN1bHQ7XG5cdFx0fSwge30pO1xuXHR9XG5cblx0bmdPbkRlc3Ryb3koKTogdm9pZCB7XG5cdFx0dGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuXHRcdHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG5cdH1cbn1cbiIsIjxuZy1kb2MtZGVtby1kaXNwbGF5ZXIgW2NvZGVdPVwiKGNvZGUgfCBhc3luYykgPz8gJydcIiBbYm9yZGVyXT1cImZhbHNlXCIgbGFuZ3VhZ2U9XCJodG1sXCI+XG5cdDxuZy1jb250YWluZXIgI2RlbW9PdXRsZXQ+PC9uZy1jb250YWluZXI+XG48L25nLWRvYy1kZW1vLWRpc3BsYXllcj5cbiJdfQ==