@ng-doc/app 15.12.0 → 16.0.0-beta.1

package/esm2022/components/code/code.component.mjs

@@ -0,0 +1,45 @@
+import { Clipboard } from '@angular/cdk/clipboard';
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/clipboard";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-doc/ui-kit";
+import * as i4 from "@ng-doc/app/processors/link-processor";
+class NgDocCodeComponent {
+    constructor(elementRef, clipboard) {
+        this.elementRef = elementRef;
+        this.clipboard = clipboard;
+        this.html = '';
+        this.copyButton = true;
+        this.lineNumbers = false;
+        this.tooltipText = '';
+    }
+    get hasHeader() {
+        return !!this.fileName;
+    }
+    get codeElement() {
+        return this.elementRef?.nativeElement.querySelector('code') ?? null;
+    }
+    copyCode() {
+        this.clipboard.copy(this.codeElement?.textContent ?? '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCodeComponent, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", fileName: "fileName", lineNumbers: "lineNumbers" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>{{ fileName }}</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div class=\"ng-doc-code-wrapper\" [innerHTML]=\"html\" ngDocLinkProcessor *ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\"\n\t>\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{tooltipText}}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 14px}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var(--ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2));--ng-doc-button-active-background: var(--ng-doc-code-copy-button-active-background, var(--ng-doc-base-3))}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: i3.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "component", type: i3.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i3.NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: i4.NgDocLinkProcessorDirective, selector: "[ngDocLinkProcessor]" }, { kind: "component", type: i3.NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocCodeComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-code', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n\t<span class=\"ng-doc-code-file-name\" ng-doc-text>{{ fileName }}</span>\n</div>\n<div class=\"ng-doc-code-body\">\n\t<div class=\"ng-doc-code-wrapper\" [innerHTML]=\"html\" ngDocLinkProcessor *ngIf=\"html\"></div>\n\t<div class=\"ng-doc-code-wrapper\" *ngIf=\"!html\">\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t<button\n\n\t\tclass=\"ng-doc-copy-button\"\n\t\tng-doc-button-icon\n\t\t*ngIf=\"copyButton\"\n\t\t(click)=\"copyCode(); tooltipText = 'Copied!'\"\n\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t(mouseenter)=\"tooltipText = 'Copy to clipboard'\"\n\t>\n\t\t<ng-template #tooltipContent>\n\t\t\t<ng-doc-smooth-resize [trigger]=\"tooltipText\">\n\t\t\t\t{{tooltipText}}\n\t\t\t</ng-doc-smooth-resize>\n\t\t</ng-template>\n\t\t<ng-doc-icon icon=\"copy\"></ng-doc-icon>\n\t</button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host[data-ng-doc-has-header=true]{--ng-doc-code-border-radius: 0 0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter);--ng-doc-code-shadow: none}:host .ng-doc-code-wrapper{--ng-doc-code-margin: 0}:host .ng-doc-code-header{display:flex;align-items:center;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);background:var(--ng-doc-code-header-background, var(--ng-doc-base-2));border-radius:var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0 0}:host .ng-doc-code-header .ng-doc-code-file-name{--ng-doc-text: var(--ng-doc-code-header-color);--ng-doc-font-weight: 600;--ng-doc-font-size: 14px}:host .ng-doc-code-body{position:relative;height:100%}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);--ng-doc-icon-color: var(--ng-doc-text-muted);--ng-doc-button-background: transparent;--ng-doc-button-hover-background: var(--ng-doc-code-copy-button-hover-background, var(--ng-doc-base-2));--ng-doc-button-active-background: var(--ng-doc-code-copy-button-active-background, var(--ng-doc-base-3))}:host .ng-doc-code-wrapper{height:100%}:host ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));overflow:hidden;height:100%}:host ::ng-deep pre code{padding:calc(var(--ng-doc-base-gutter) * 2);width:100%;font-family:var(--ng-doc-code-font);font-size:var(--ng-doc-code-font-size);line-height:var(--ng-doc-code-line-height);max-height:var(--ng-doc-code-max-height);overflow:auto;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Clipboard }]; }, propDecorators: { html: [{
+                type: Input
+            }], copyButton: [{
+                type: Input
+            }], fileName: [{
+                type: Input
+            }], lineNumbers: [{
+                type: Input
+            }], hasHeader: [{
+                type: HostBinding,
+                args: ['attr.data-ng-doc-has-header']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBRWpHLE1BTWEsa0JBQWtCO0lBZTlCLFlBQ1MsVUFBbUMsRUFDMUIsU0FBb0I7UUFEN0IsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDMUIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQWZ0QyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBR2xCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFNM0IsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFFN0IsZ0JBQVcsR0FBVyxFQUFFLENBQUM7SUFLdEIsQ0FBQztJQUVKLElBQ0ksU0FBUztRQUNaLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksV0FBVztRQUNkLE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQztJQUNyRSxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsV0FBVyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7OEdBL0JXLGtCQUFrQjtrR0FBbEIsa0JBQWtCLG9PQ1QvQiwwMUJBMEJBOztTRGpCYSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDQyxhQUFhLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07eUhBSS9DLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFXRixTQUFTO3NCQURaLFdBQVc7dUJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDbGlwYm9hcmR9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtY29kZScsXG5cdHRlbXBsYXRlVXJsOiAnLi9jb2RlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vY29kZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NDb2RlQ29tcG9uZW50IHtcblx0QElucHV0KClcblx0aHRtbDogc3RyaW5nID0gJyc7XG5cblx0QElucHV0KClcblx0Y29weUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XG5cblx0QElucHV0KClcblx0ZmlsZU5hbWU/OiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0bGluZU51bWJlcnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHR0b29sdGlwVGV4dDogc3RyaW5nID0gJyc7XG5cblx0Y29uc3RydWN0b3IoXG5cdFx0cHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pixcblx0XHRwcml2YXRlIHJlYWRvbmx5IGNsaXBib2FyZDogQ2xpcGJvYXJkLFxuXHQpIHt9XG5cblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLWhhcy1oZWFkZXInKVxuXHRnZXQgaGFzSGVhZGVyKCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiAhIXRoaXMuZmlsZU5hbWU7XG5cdH1cblxuXHRnZXQgY29kZUVsZW1lbnQoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcblx0XHRyZXR1cm4gdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ2NvZGUnKSA/PyBudWxsO1xuXHR9XG5cblx0Y29weUNvZGUoKTogdm9pZCB7XG5cdFx0dGhpcy5jbGlwYm9hcmQuY29weSh0aGlzLmNvZGVFbGVtZW50Py50ZXh0Q29udGVudCA/PyAnJyk7XG5cdH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuZy1kb2MtY29kZS1oZWFkZXJcIiAqbmdJZj1cImhhc0hlYWRlclwiPlxuXHQ8c3BhbiBjbGFzcz1cIm5nLWRvYy1jb2RlLWZpbGUtbmFtZVwiIG5nLWRvYy10ZXh0Pnt7IGZpbGVOYW1lIH19PC9zcGFuPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibmctZG9jLWNvZGUtYm9keVwiPlxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLWNvZGUtd3JhcHBlclwiIFtpbm5lckhUTUxdPVwiaHRtbFwiIG5nRG9jTGlua1Byb2Nlc3NvciAqbmdJZj1cImh0bWxcIj48L2Rpdj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1jb2RlLXdyYXBwZXJcIiAqbmdJZj1cIiFodG1sXCI+XG5cdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHQ8L2Rpdj5cblxuXHQ8YnV0dG9uXG5cblx0XHRjbGFzcz1cIm5nLWRvYy1jb3B5LWJ1dHRvblwiXG5cdFx0bmctZG9jLWJ1dHRvbi1pY29uXG5cdFx0Km5nSWY9XCJjb3B5QnV0dG9uXCJcblx0XHQoY2xpY2spPVwiY29weUNvZGUoKTsgdG9vbHRpcFRleHQgPSAnQ29waWVkISdcIlxuXHRcdFtuZ0RvY1Rvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuXHRcdChtb3VzZWVudGVyKT1cInRvb2x0aXBUZXh0ID0gJ0NvcHkgdG8gY2xpcGJvYXJkJ1wiXG5cdD5cblx0XHQ8bmctdGVtcGxhdGUgI3Rvb2x0aXBDb250ZW50PlxuXHRcdFx0PG5nLWRvYy1zbW9vdGgtcmVzaXplIFt0cmlnZ2VyXT1cInRvb2x0aXBUZXh0XCI+XG5cdFx0XHRcdHt7dG9vbHRpcFRleHR9fVxuXHRcdFx0PC9uZy1kb2Mtc21vb3RoLXJlc2l6ZT5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiY29weVwiPjwvbmctZG9jLWljb24+XG5cdDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/components/code/code.module.mjs

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgDocLinkProcessorModule } from '@ng-doc/app/processors/link-processor';
+import { NgDocButtonIconModule, NgDocIconModule, NgDocSmoothResizeModule, NgDocTextModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
+import { NgDocCodeComponent } from './code.component';
+import * as i0 from "@angular/core";
+class NgDocCodeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeModule, declarations: [NgDocCodeComponent], imports: [CommonModule,
+            NgDocTextModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTooltipModule,
+            NgDocLinkProcessorModule,
+            NgDocSmoothResizeModule], exports: [NgDocCodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeModule, imports: [CommonModule,
+            NgDocTextModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTooltipModule,
+            NgDocLinkProcessorModule,
+            NgDocSmoothResizeModule] }); }
+}
+export { NgDocCodeModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCodeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocCodeComponent],
+                    imports: [
+                        CommonModule,
+                        NgDocTextModule,
+                        NgDocButtonIconModule,
+                        NgDocIconModule,
+                        NgDocTooltipModule,
+                        NgDocLinkProcessorModule,
+                        NgDocSmoothResizeModule,
+                    ],
+                    exports: [NgDocCodeComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDL0UsT0FBTyxFQUNOLHFCQUFxQixFQUNyQixlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixrQkFBa0IsRUFDbEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFcEQsTUFhYSxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFaWixrQkFBa0IsYUFFaEMsWUFBWTtZQUNaLGVBQWU7WUFDZixxQkFBcUI7WUFDckIsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsdUJBQXVCLGFBRWQsa0JBQWtCOytHQUVoQixlQUFlLFlBVjFCLFlBQVk7WUFDWixlQUFlO1lBQ2YscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsd0JBQXdCO1lBQ3hCLHVCQUF1Qjs7U0FJWixlQUFlOzJGQUFmLGVBQWU7a0JBYjNCLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3dCQUN4Qix1QkFBdUI7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jTGlua1Byb2Nlc3Nvck1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvcHJvY2Vzc29ycy9saW5rLXByb2Nlc3Nvcic7XG5pbXBvcnQge1xuXHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdE5nRG9jSWNvbk1vZHVsZSxcblx0TmdEb2NTbW9vdGhSZXNpemVNb2R1bGUsXG5cdE5nRG9jVGV4dE1vZHVsZSxcblx0TmdEb2NUb29sdGlwTW9kdWxlXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuaW1wb3J0IHtOZ0RvY0NvZGVDb21wb25lbnR9IGZyb20gJy4vY29kZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY0NvZGVDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jVGV4dE1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XHROZ0RvY0xpbmtQcm9jZXNzb3JNb2R1bGUsXG5cdFx0TmdEb2NTbW9vdGhSZXNpemVNb2R1bGUsXG5cdF0sXG5cdGV4cG9ydHM6IFtOZ0RvY0NvZGVDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0NvZGVNb2R1bGUge31cbiJdfQ==

package/esm2022/components/demo/demo.component.mjs

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { asArray } from '@ng-doc/core/helpers/as-array';
+import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/classes/root-page";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-doc/ui-kit";
+import * as i4 from "@ng-doc/app/components/code";
+import * as i5 from "@tinkoff/ng-polymorpheus";
+import * as i6 from "@ng-doc/app/components/demo-displayer";
+class NgDocDemoComponent {
+    constructor(rootPage) {
+        this.rootPage = rootPage;
+        this.options = {};
+        this.assets = [];
+    }
+    get classes() {
+        return this.options.class ?? '';
+    }
+    ngOnInit() {
+        this.demo = this.getDemo();
+        this.assets = this.getAssets();
+    }
+    getDemo() {
+        if (this.componentName) {
+            const component = this.rootPage.dependencies?.demo && this.rootPage.dependencies.demo[this.componentName];
+            return component ? new PolymorpheusComponent(component) : undefined;
+        }
+        return undefined;
+    }
+    getAssets() {
+        if (this.componentName) {
+            return ((this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName]) ?? []).filter((asset) => !this.options.tabs?.length || asArray(this.options.tabs).includes(asset.title));
+        }
+        return [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDemoComponent, selector: "ng-doc-demo", inputs: { componentName: "componentName", options: "options" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-container *ngIf=\"options.container ?? true; else demoTemplate\">\n\t<ng-doc-demo-displayer [codeContent]=\"codeContent\" [expanded]=\"!!options.expanded\">\n\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t<ng-template #codeContent>\n\t\t\t<ng-container *ngIf=\"assets.length === 1\">\n\t\t\t\t<ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n\t\t\t</ng-container>\n\n\t\t\t<ng-container *ngIf=\"assets.length > 1\">\n\t\t\t\t<ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n\t\t\t\t\t<ng-doc-tab\n\t\t\t\t\t\t*ngFor=\"let asset of assets\"\n\t\t\t\t\t\t[id]=\"asset.title\"\n\t\t\t\t\t\t[label]=\"asset.title\"\n\t\t\t\t\t\t[content]=\"assetContent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-template #assetContent>\n\t\t\t\t\t\t\t<ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</ng-doc-tab>\n\t\t\t\t</ng-doc-tab-group>\n\t\t\t</ng-container>\n\t\t</ng-template>\n\t</ng-doc-demo-displayer>\n</ng-container>\n\n<ng-template #demoTemplate>\n\t<ng-container *polymorpheusOutlet=\"demo ?? ''; context: {}\"></ng-container>\n</ng-template>\n", styles: [":host{display:block;--ng-doc-tab-group-background: var(--ng-doc-code-background)}:host .ng-doc-example{padding:calc(var(--ng-doc-base-gutter) * 3)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: i3.NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }, { kind: "component", type: i4.NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "fileName", "lineNumbers"] }, { kind: "directive", type: i5.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i6.NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: ["codeContent", "code", "language", "container", "border", "expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocDemoComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-demo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"options.container ?? true; else demoTemplate\">\n\t<ng-doc-demo-displayer [codeContent]=\"codeContent\" [expanded]=\"!!options.expanded\">\n\t\t<ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n\t\t<ng-template #codeContent>\n\t\t\t<ng-container *ngIf=\"assets.length === 1\">\n\t\t\t\t<ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n\t\t\t</ng-container>\n\n\t\t\t<ng-container *ngIf=\"assets.length > 1\">\n\t\t\t\t<ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n\t\t\t\t\t<ng-doc-tab\n\t\t\t\t\t\t*ngFor=\"let asset of assets\"\n\t\t\t\t\t\t[id]=\"asset.title\"\n\t\t\t\t\t\t[label]=\"asset.title\"\n\t\t\t\t\t\t[content]=\"assetContent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-template #assetContent>\n\t\t\t\t\t\t\t<ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</ng-doc-tab>\n\t\t\t\t</ng-doc-tab-group>\n\t\t\t</ng-container>\n\t\t</ng-template>\n\t</ng-doc-demo-displayer>\n</ng-container>\n\n<ng-template #demoTemplate>\n\t<ng-container *polymorpheusOutlet=\"demo ?? ''; context: {}\"></ng-container>\n</ng-template>\n", styles: [":host{display:block;--ng-doc-tab-group-background: var(--ng-doc-code-background)}:host .ng-doc-example{padding:calc(var(--ng-doc-base-gutter) * 3)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; }, propDecorators: { componentName: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8vZGVtby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8vZGVtby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBRTVELE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUd0RCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFFL0QsTUFNYSxrQkFBa0I7SUFVOUIsWUFBNkIsUUFBdUI7UUFBdkIsYUFBUSxHQUFSLFFBQVEsQ0FBZTtRQUxwRCxZQUFPLEdBQTJCLEVBQUUsQ0FBQztRQUdyQyxXQUFNLEdBQXFCLEVBQUUsQ0FBQztJQUV5QixDQUFDO0lBRXhELElBQ2MsT0FBTztRQUNwQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTyxPQUFPO1FBQ2QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLE1BQU0sU0FBUyxHQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBRXpGLE9BQU8sU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLHFCQUFxQixDQUFDLFNBQXlCLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1NBQ3BGO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbEIsQ0FBQztJQUVPLFNBQVM7UUFDaEIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FDL0YsQ0FBQyxLQUFxQixFQUFFLEVBQUUsQ0FDekIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FDL0UsQ0FBQztTQUNGO1FBRUQsT0FBTyxFQUFFLENBQUM7SUFDWCxDQUFDOzhHQTFDVyxrQkFBa0I7a0dBQWxCLGtCQUFrQixzS0NkL0IscW5DQTZCQTs7U0RmYSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDQyxhQUFhLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07b0dBSS9DLGFBQWE7c0JBRFosS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBU1EsT0FBTztzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVHlwZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jUm9vdFBhZ2V9IGZyb20gJ0BuZy1kb2MvYXBwL2NsYXNzZXMvcm9vdC1wYWdlJztcbmltcG9ydCB7TmdEb2NEZW1vQXNzZXR9IGZyb20gJ0BuZy1kb2MvYXBwL2ludGVyZmFjZXMnO1xuaW1wb3J0IHthc0FycmF5fSBmcm9tICdAbmctZG9jL2NvcmUvaGVscGVycy9hcy1hcnJheSc7XG5pbXBvcnQge05nRG9jRGVtb0FjdGlvbk9wdGlvbnN9IGZyb20gJ0BuZy1kb2MvY29yZS9pbnRlcmZhY2VzJztcbmltcG9ydCB7TmdEb2NDb250ZW50fSBmcm9tICdAbmctZG9jL3VpLWtpdC90eXBlcyc7XG5pbXBvcnQge1BvbHltb3JwaGV1c0NvbXBvbmVudH0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWRlbW8nLFxuXHR0ZW1wbGF0ZVVybDogJy4vZGVtby5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2RlbW8uY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdEBJbnB1dCgpXG5cdGNvbXBvbmVudE5hbWU/OiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0b3B0aW9uczogTmdEb2NEZW1vQWN0aW9uT3B0aW9ucyA9IHt9O1xuXG5cdGRlbW8/OiBOZ0RvY0NvbnRlbnQ8b2JqZWN0Pjtcblx0YXNzZXRzOiBOZ0RvY0RlbW9Bc3NldFtdID0gW107XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSByb290UGFnZTogTmdEb2NSb290UGFnZSkge31cblxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzJylcblx0cHJvdGVjdGVkIGdldCBjbGFzc2VzKCk6IHN0cmluZyB8IHN0cmluZ1tdIHtcblx0XHRyZXR1cm4gdGhpcy5vcHRpb25zLmNsYXNzID8/ICcnO1xuXHR9XG5cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdFx0dGhpcy5kZW1vID0gdGhpcy5nZXREZW1vKCk7XG5cdFx0dGhpcy5hc3NldHMgPSB0aGlzLmdldEFzc2V0cygpO1xuXHR9XG5cblx0cHJpdmF0ZSBnZXREZW1vKCk6IE5nRG9jQ29udGVudDxvYmplY3Q+IHwgdW5kZWZpbmVkIHtcblx0XHRpZiAodGhpcy5jb21wb25lbnROYW1lKSB7XG5cdFx0XHRjb25zdCBjb21wb25lbnQ6IFR5cGU8dW5rbm93bj4gfCB1bmRlZmluZWQgPVxuXHRcdFx0XHR0aGlzLnJvb3RQYWdlLmRlcGVuZGVuY2llcz8uZGVtbyAmJiB0aGlzLnJvb3RQYWdlLmRlcGVuZGVuY2llcy5kZW1vW3RoaXMuY29tcG9uZW50TmFtZV07XG5cblx0XHRcdHJldHVybiBjb21wb25lbnQgPyBuZXcgUG9seW1vcnBoZXVzQ29tcG9uZW50KGNvbXBvbmVudCBhcyBUeXBlPG9iamVjdD4pIDogdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdHJldHVybiB1bmRlZmluZWQ7XG5cdH1cblxuXHRwcml2YXRlIGdldEFzc2V0cygpOiBOZ0RvY0RlbW9Bc3NldFtdIHtcblx0XHRpZiAodGhpcy5jb21wb25lbnROYW1lKSB7XG5cdFx0XHRyZXR1cm4gKCh0aGlzLnJvb3RQYWdlLmRlbW9Bc3NldHMgJiYgdGhpcy5yb290UGFnZS5kZW1vQXNzZXRzW3RoaXMuY29tcG9uZW50TmFtZV0pID8/IFtdKS5maWx0ZXIoXG5cdFx0XHRcdChhc3NldDogTmdEb2NEZW1vQXNzZXQpID0+XG5cdFx0XHRcdFx0IXRoaXMub3B0aW9ucy50YWJzPy5sZW5ndGggfHwgYXNBcnJheSh0aGlzLm9wdGlvbnMudGFicykuaW5jbHVkZXMoYXNzZXQudGl0bGUpLFxuXHRcdFx0KTtcblx0XHR9XG5cblx0XHRyZXR1cm4gW107XG5cdH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLmNvbnRhaW5lciA/PyB0cnVlOyBlbHNlIGRlbW9UZW1wbGF0ZVwiPlxuXHQ8bmctZG9jLWRlbW8tZGlzcGxheWVyIFtjb2RlQ29udGVudF09XCJjb2RlQ29udGVudFwiIFtleHBhbmRlZF09XCIhIW9wdGlvbnMuZXhwYW5kZWRcIj5cblx0XHQ8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVtb1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG5cdFx0PG5nLXRlbXBsYXRlICNjb2RlQ29udGVudD5cblx0XHRcdDxuZy1jb250YWluZXIgKm5nSWY9XCJhc3NldHMubGVuZ3RoID09PSAxXCI+XG5cdFx0XHRcdDxuZy1kb2MtY29kZSAqbmdGb3I9XCJsZXQgYXNzZXQgb2YgYXNzZXRzXCIgW2h0bWxdPVwiYXNzZXQuY29kZVwiPjwvbmctZG9jLWNvZGU+XG5cdFx0XHQ8L25nLWNvbnRhaW5lcj5cblxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cImFzc2V0cy5sZW5ndGggPiAxXCI+XG5cdFx0XHRcdDxuZy1kb2MtdGFiLWdyb3VwIFtvcGVuZWRUYWJdPVwib3B0aW9ucy5kZWZhdWx0VGFiXCI+XG5cdFx0XHRcdFx0PG5nLWRvYy10YWJcblx0XHRcdFx0XHRcdCpuZ0Zvcj1cImxldCBhc3NldCBvZiBhc3NldHNcIlxuXHRcdFx0XHRcdFx0W2lkXT1cImFzc2V0LnRpdGxlXCJcblx0XHRcdFx0XHRcdFtsYWJlbF09XCJhc3NldC50aXRsZVwiXG5cdFx0XHRcdFx0XHRbY29udGVudF09XCJhc3NldENvbnRlbnRcIlxuXHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdDxuZy10ZW1wbGF0ZSAjYXNzZXRDb250ZW50PlxuXHRcdFx0XHRcdFx0XHQ8bmctZG9jLWNvZGUgW2h0bWxdPVwiYXNzZXQuY29kZVwiPjwvbmctZG9jLWNvZGU+XG5cdFx0XHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0XHRcdDwvbmctZG9jLXRhYj5cblx0XHRcdFx0PC9uZy1kb2MtdGFiLWdyb3VwPlxuXHRcdFx0PC9uZy1jb250YWluZXI+XG5cdFx0PC9uZy10ZW1wbGF0ZT5cblx0PC9uZy1kb2MtZGVtby1kaXNwbGF5ZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNkZW1vVGVtcGxhdGU+XG5cdDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImRlbW8gPz8gJyc7IGNvbnRleHQ6IHt9XCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/components/demo/demo.module.mjs

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgDocCodeModule } from '@ng-doc/app/components/code';
+import { NgDocDemoDisplayerModule } from '@ng-doc/app/components/demo-displayer';
+import { NgDocIconModule, NgDocTabGroupModule, NgDocTextModule } from '@ng-doc/ui-kit';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocDemoComponent } from './demo.component';
+import * as i0 from "@angular/core";
+class NgDocDemoModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoModule, declarations: [NgDocDemoComponent], imports: [CommonModule,
+            NgDocTabGroupModule,
+            NgDocCodeModule,
+            NgDocIconModule,
+            NgDocTextModule,
+            PolymorpheusModule,
+            NgDocDemoDisplayerModule], exports: [NgDocDemoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoModule, imports: [CommonModule,
+            NgDocTabGroupModule,
+            NgDocCodeModule,
+            NgDocIconModule,
+            NgDocTextModule,
+            PolymorpheusModule,
+            NgDocDemoDisplayerModule] }); }
+}
+export { NgDocDemoModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocDemoComponent],
+                    imports: [
+                        CommonModule,
+                        NgDocTabGroupModule,
+                        NgDocCodeModule,
+                        NgDocIconModule,
+                        NgDocTextModule,
+                        PolymorpheusModule,
+                        NgDocDemoDisplayerModule,
+                    ],
+                    exports: [NgDocDemoComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8vZGVtby5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQy9FLE9BQU8sRUFBQyxlQUFlLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDckYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFNUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBRXBELE1BYWEsZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBWlosa0JBQWtCLGFBRWhDLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLGVBQWU7WUFDZixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLHdCQUF3QixhQUVmLGtCQUFrQjsrR0FFaEIsZUFBZSxZQVYxQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixlQUFlO1lBQ2YsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQix3QkFBd0I7O1NBSWIsZUFBZTsyRkFBZixlQUFlO2tCQWIzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1IsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY0NvZGVNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvY29kZSc7XG5pbXBvcnQge05nRG9jRGVtb0Rpc3BsYXllck1vZHVsZX0gZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllcic7XG5pbXBvcnQge05nRG9jSWNvbk1vZHVsZSwgTmdEb2NUYWJHcm91cE1vZHVsZSwgTmdEb2NUZXh0TW9kdWxlfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQge1BvbHltb3JwaGV1c01vZHVsZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtOZ0RvY0RlbW9Db21wb25lbnR9IGZyb20gJy4vZGVtby5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY0RlbW9Db21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdE5nRG9jVGFiR3JvdXBNb2R1bGUsXG5cdFx0TmdEb2NDb2RlTW9kdWxlLFxuXHRcdE5nRG9jSWNvbk1vZHVsZSxcblx0XHROZ0RvY1RleHRNb2R1bGUsXG5cdFx0UG9seW1vcnBoZXVzTW9kdWxlLFxuXHRcdE5nRG9jRGVtb0Rpc3BsYXllck1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jRGVtb0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb01vZHVsZSB7fVxuIl19

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

@@ -0,0 +1,49 @@
+import { Clipboard } from '@angular/cdk/clipboard';
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/clipboard";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-doc/ui-kit";
+import * as i4 from "@ng-doc/app/components/code";
+import * as i5 from "@ng-doc/app/directives/code-highlighter";
+class NgDocDemoDisplayerComponent {
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+        this.codeContent = '';
+        this.code = '';
+        this.language = 'typescript';
+        this.container = true;
+        this.border = true;
+        this.expanded = false;
+        this.copyTooltipText = '';
+    }
+    get expandTooltipText() {
+        return this.expanded ? 'Collapse' : 'Expand';
+    }
+    copyCode() {
+        this.clipboard.copy(this.code);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoDisplayerComponent, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDemoDisplayerComponent, selector: "ng-doc-demo-displayer", inputs: { codeContent: "codeContent", code: "code", language: "language", container: "container", border: "border", expanded: "expanded" }, 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(); copyTooltipText = 'Copied!'\"\n\t\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t\t(mouseenter)=\"copyTooltipText = 'Copy to clipboard'\"\n\t\t\t>\n\t\t\t\t<ng-template #tooltipContent>\n\t\t\t\t\t<ng-doc-smooth-resize [trigger]=\"copyTooltipText\">\n\t\t\t\t\t\t{{copyTooltipText}}\n\t\t\t\t\t</ng-doc-smooth-resize>\n\t\t\t\t</ng-template>\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[ngDocTooltip]=\"tooltipContent\"\n\t\t\t>\n\t\t\t\t<ng-template #tooltipContent>\n\t\t\t\t\t<ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n\t\t\t\t\t\t{{expandTooltipText}}\n\t\t\t\t\t</ng-doc-smooth-resize>\n\t\t\t\t</ng-template>\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\">\n\t\t\t\t<pre class=\"hljs ngde\">\n\t\t\t\t\t<code class=\"ngde\" [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);background:var(--ng-doc-demo-displayer-background, var(--ng-doc-base-0))}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden;width:100%}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo-controls{flex-shrink:0;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "from"] }, { kind: "component", type: i4.NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "fileName", "lineNumbers"] }, { kind: "component", type: i3.NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "component", type: i3.NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "size"] }, { kind: "directive", type: i3.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"] }, { kind: "component", type: i3.NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocDemoDisplayerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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(); copyTooltipText = 'Copied!'\"\n\t\t\t\t[ngDocTooltip]=\"tooltipContent\"\n\t\t\t\t(mouseenter)=\"copyTooltipText = 'Copy to clipboard'\"\n\t\t\t>\n\t\t\t\t<ng-template #tooltipContent>\n\t\t\t\t\t<ng-doc-smooth-resize [trigger]=\"copyTooltipText\">\n\t\t\t\t\t\t{{copyTooltipText}}\n\t\t\t\t\t</ng-doc-smooth-resize>\n\t\t\t\t</ng-template>\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[ngDocTooltip]=\"tooltipContent\"\n\t\t\t>\n\t\t\t\t<ng-template #tooltipContent>\n\t\t\t\t\t<ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n\t\t\t\t\t\t{{expandTooltipText}}\n\t\t\t\t\t</ng-doc-smooth-resize>\n\t\t\t\t</ng-template>\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\">\n\t\t\t\t<pre class=\"hljs ngde\">\n\t\t\t\t\t<code class=\"ngde\" [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);background:var(--ng-doc-demo-displayer-background, var(--ng-doc-base-0))}:host .ng-doc-demo-wrapper .ng-doc-demo-container .ng-doc-demo{overflow:hidden;width:100%}: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.Clipboard }]; }, propDecorators: { codeContent: [{
+                type: Input
+            }], code: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-border']
+            }], expanded: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tZGlzcGxheWVyL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFHckYsTUFNYSwyQkFBMkI7SUFzQnZDLFlBQTZCLFNBQW9CO1FBQXBCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFwQmpELGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBR2xCLGFBQVEsR0FBVyxZQUFZLENBQUM7UUFHaEMsY0FBUyxHQUFZLElBQUksQ0FBQztRQUkxQixXQUFNLEdBQVksSUFBSSxDQUFDO1FBR3ZCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIsb0JBQWUsR0FBVyxFQUFFLENBQUM7SUFFdUIsQ0FBQztJQUVyRCxJQUFjLGlCQUFpQjtRQUM5QixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7OEdBOUJXLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDZRQ1Z4Qyxxc0RBaURBOztTRHZDYSwyQkFBMkI7MkZBQTNCLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDQyx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07Z0dBSS9DLFdBQVc7c0JBRFYsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFLTixNQUFNO3NCQUZMLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMseUJBQXlCO2dCQUl0QyxRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NsaXBib2FyZH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NsaXBib2FyZCc7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ29udGVudH0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtZGVtby1kaXNwbGF5ZXInLFxuXHR0ZW1wbGF0ZVVybDogJy4vZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9kZW1vLWRpc3BsYXllci5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NEZW1vRGlzcGxheWVyQ29tcG9uZW50IHtcblx0QElucHV0KClcblx0Y29kZUNvbnRlbnQ6IE5nRG9jQ29udGVudCA9ICcnO1xuXG5cdEBJbnB1dCgpXG5cdGNvZGU6IHN0cmluZyA9ICcnO1xuXG5cdEBJbnB1dCgpXG5cdGxhbmd1YWdlOiBzdHJpbmcgPSAndHlwZXNjcmlwdCc7XG5cblx0QElucHV0KClcblx0Y29udGFpbmVyOiBib29sZWFuID0gdHJ1ZTtcblxuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2MtYm9yZGVyJylcblx0Ym9yZGVyOiBib29sZWFuID0gdHJ1ZTtcblxuXHRASW5wdXQoKVxuXHRleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG5cdGNvcHlUb29sdGlwVGV4dDogc3RyaW5nID0gJyc7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjbGlwYm9hcmQ6IENsaXBib2FyZCkge31cblxuXHRwcm90ZWN0ZWQgZ2V0IGV4cGFuZFRvb2x0aXBUZXh0KCk6IHN0cmluZyB7XG5cdFx0cmV0dXJuIHRoaXMuZXhwYW5kZWQgPyAnQ29sbGFwc2UnIDogJ0V4cGFuZCc7XG5cdH1cblxuXHRjb3B5Q29kZSgpOiB2b2lkIHtcblx0XHR0aGlzLmNsaXBib2FyZC5jb3B5KHRoaXMuY29kZSk7XG5cdH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuZy1kb2MtZGVtby13cmFwcGVyXCIgKm5nSWY9XCJjb250YWluZXI7IGVsc2UgZGVtb1RlbXBsYXRlXCI+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtZGVtby1jb250YWluZXJcIj5cblx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLWRlbW9cIj5cblx0XHRcdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkZW1vVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLWRlbW8tY29udHJvbHNcIj5cblx0XHRcdDxidXR0b25cblx0XHRcdFx0Y2xhc3M9XCJuZy1kb2MtY29weS1idXR0b25cIlxuXHRcdFx0XHQqbmdJZj1cIiFjb2RlQ29udGVudFwiXG5cdFx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0XHQoY2xpY2spPVwiY29weUNvZGUoKTsgY29weVRvb2x0aXBUZXh0ID0gJ0NvcGllZCEnXCJcblx0XHRcdFx0W25nRG9jVG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG5cdFx0XHRcdChtb3VzZWVudGVyKT1cImNvcHlUb29sdGlwVGV4dCA9ICdDb3B5IHRvIGNsaXBib2FyZCdcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI3Rvb2x0aXBDb250ZW50PlxuXHRcdFx0XHRcdDxuZy1kb2Mtc21vb3RoLXJlc2l6ZSBbdHJpZ2dlcl09XCJjb3B5VG9vbHRpcFRleHRcIj5cblx0XHRcdFx0XHRcdHt7Y29weVRvb2x0aXBUZXh0fX1cblx0XHRcdFx0XHQ8L25nLWRvYy1zbW9vdGgtcmVzaXplPlxuXHRcdFx0XHQ8L25nLXRlbXBsYXRlPlxuXHRcdFx0XHQ8bmctZG9jLWljb24gaWNvbj1cImNvcHlcIj48L25nLWRvYy1pY29uPlxuXHRcdFx0PC9idXR0b24+XG5cdFx0XHQ8YnV0dG9uXG5cdFx0XHRcdG5nLWRvYy1idXR0b24taWNvblxuXHRcdFx0XHQoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIlxuXHRcdFx0XHRbbmdEb2NUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCJcblx0XHRcdD5cblx0XHRcdFx0PG5nLXRlbXBsYXRlICN0b29sdGlwQ29udGVudD5cblx0XHRcdFx0XHQ8bmctZG9jLXNtb290aC1yZXNpemUgW3RyaWdnZXJdPVwiZXhwYW5kVG9vbHRpcFRleHRcIj5cblx0XHRcdFx0XHRcdHt7ZXhwYW5kVG9vbHRpcFRleHR9fVxuXHRcdFx0XHRcdDwvbmctZG9jLXNtb290aC1yZXNpemU+XG5cdFx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiY29kZVwiPjwvbmctZG9jLWljb24+XG5cdFx0XHQ8L2J1dHRvbj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG5cdDxuZy1kb2MtZXhwYW5kZXIgW2NvbnRlbnRdPVwiY29kZUNvbnRlbnQgPyBjb2RlQ29udGVudCA6IGV4cGFuZGVyQ29udGVudFwiIFtleHBhbmRlZF09XCJleHBhbmRlZFwiPlxuXHRcdDxuZy10ZW1wbGF0ZSAjZXhwYW5kZXJDb250ZW50PlxuXHRcdFx0PG5nLWRvYy1jb2RlIFtjb3B5QnV0dG9uXT1cImZhbHNlXCI+XG5cdFx0XHRcdDxwcmUgY2xhc3M9XCJobGpzIG5nZGVcIj5cblx0XHRcdFx0XHQ8Y29kZSBjbGFzcz1cIm5nZGVcIiBbbmdEb2NDb2RlSGlnaGxpZ2h0ZXJdPVwiY29kZVwiIFtsYW5ndWFnZV09XCInaHRtbCdcIj48L2NvZGU+XG5cdFx0XHRcdDwvcHJlPlxuXHRcdFx0PC9uZy1kb2MtY29kZT5cblx0XHQ8L25nLXRlbXBsYXRlPlxuXHQ8L25nLWRvYy1leHBhbmRlcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2RlbW9UZW1wbGF0ZT5cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -0,0 +1,49 @@
+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/code-highlighter';
+import { NgDocButtonIconModule, NgDocExpanderModule, NgDocIconModule, NgDocSmoothResizeModule, NgDocTooltipModule } from '@ng-doc/ui-kit';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocDemoDisplayerComponent } from './demo-displayer.component';
+import * as i0 from "@angular/core";
+class NgDocDemoDisplayerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoDisplayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoDisplayerModule, declarations: [NgDocDemoDisplayerComponent], imports: [CommonModule,
+            PolymorpheusModule,
+            NgDocExpanderModule,
+            NgDocCodeModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTooltipModule,
+            NgDocCodeHighlighterModule,
+            NgDocSmoothResizeModule], exports: [NgDocDemoDisplayerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoDisplayerModule, imports: [CommonModule,
+            PolymorpheusModule,
+            NgDocExpanderModule,
+            NgDocCodeModule,
+            NgDocButtonIconModule,
+            NgDocIconModule,
+            NgDocTooltipModule,
+            NgDocCodeHighlighterModule,
+            NgDocSmoothResizeModule] }); }
+}
+export { NgDocDemoDisplayerModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoDisplayerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocDemoDisplayerComponent],
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        NgDocExpanderModule,
+                        NgDocCodeModule,
+                        NgDocButtonIconModule,
+                        NgDocIconModule,
+                        NgDocTooltipModule,
+                        NgDocCodeHighlighterModule,
+                        NgDocSmoothResizeModule,
+                    ],
+                    exports: [NgDocDemoDisplayerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBQ25GLE9BQU8sRUFDSCxxQkFBcUIsRUFDckIsbUJBQW1CLEVBQ25CLGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ3JCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFNUQsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7O0FBRXZFLE1BZWEsd0JBQXdCOzhHQUF4Qix3QkFBd0I7K0dBQXhCLHdCQUF3QixpQkFkckIsMkJBQTJCLGFBRXpDLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixxQkFBcUI7WUFDckIsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQiwwQkFBMEI7WUFDMUIsdUJBQXVCLGFBRWQsMkJBQTJCOytHQUV6Qix3QkFBd0IsWUFabkMsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLHFCQUFxQjtZQUNyQixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLDBCQUEwQjtZQUMxQix1QkFBdUI7O1NBSVosd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBZnBDLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQzNDLE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLDBCQUEwQjt3QkFDMUIsdUJBQXVCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY0NvZGVNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvY29kZSc7XG5pbXBvcnQge05nRG9jQ29kZUhpZ2hsaWdodGVyTW9kdWxlfSBmcm9tICdAbmctZG9jL2FwcC9kaXJlY3RpdmVzL2NvZGUtaGlnaGxpZ2h0ZXInO1xuaW1wb3J0IHtcbiAgICBOZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG4gICAgTmdEb2NFeHBhbmRlck1vZHVsZSxcbiAgICBOZ0RvY0ljb25Nb2R1bGUsXG4gICAgTmdEb2NTbW9vdGhSZXNpemVNb2R1bGUsXG4gICAgTmdEb2NUb29sdGlwTW9kdWxlXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcbmltcG9ydCB7UG9seW1vcnBoZXVzTW9kdWxlfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5pbXBvcnQge05nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudH0gZnJvbSAnLi9kZW1vLWRpc3BsYXllci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY0RlbW9EaXNwbGF5ZXJDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbXG5cdFx0Q29tbW9uTW9kdWxlLFxuXHRcdFBvbHltb3JwaGV1c01vZHVsZSxcblx0XHROZ0RvY0V4cGFuZGVyTW9kdWxlLFxuXHRcdE5nRG9jQ29kZU1vZHVsZSxcblx0XHROZ0RvY0J1dHRvbkljb25Nb2R1bGUsXG5cdFx0TmdEb2NJY29uTW9kdWxlLFxuXHRcdE5nRG9jVG9vbHRpcE1vZHVsZSxcblx0XHROZ0RvY0NvZGVIaWdobGlnaHRlck1vZHVsZSxcblx0XHROZ0RvY1Ntb290aFJlc2l6ZU1vZHVsZSxcblx0XSxcblx0ZXhwb3J0czogW05nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb0Rpc3BsYXllck1vZHVsZSB7fVxuIl19

package/esm2022/components/demo-pane/demo-pane.component.mjs

@@ -0,0 +1,52 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
+import { asArray } from '@ng-doc/core/helpers/as-array';
+import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-doc/app/classes/root-page";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-doc/ui-kit";
+import * as i4 from "@tinkoff/ng-polymorpheus";
+import * as i5 from "@ng-doc/app/components/code";
+class NgDocDemoPaneComponent {
+    constructor(rootPage) {
+        this.rootPage = rootPage;
+        this.options = {};
+        this.assets = [];
+    }
+    get classes() {
+        return this.options.class ?? '';
+    }
+    ngOnInit() {
+        this.demo = this.getDemo();
+        this.assets = this.getAssets();
+    }
+    getDemo() {
+        if (this.componentName) {
+            const component = this.rootPage.dependencies?.demo && this.rootPage.dependencies.demo[this.componentName];
+            return component ? new PolymorpheusComponent(component) : undefined;
+        }
+        return undefined;
+    }
+    getAssets() {
+        if (this.componentName) {
+            return ((this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName]) ?? []).filter((asset) => !this.options.tabs?.length || asArray(this.options.tabs).includes(asset.title));
+        }
+        return [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDemoPaneComponent, selector: "ng-doc-demo-pane", inputs: { componentName: "componentName", options: "options" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-doc-pane [expanded]=\"options.expanded ?? false\">\n\t<ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n\t<ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n\t<ng-container *polymorpheusOutlet=\"demo ?? ''; context: {}\"></ng-container>\n</ng-template>\n\n<ng-template #codeContent>\n\t<ng-container *ngIf=\"assets.length === 1\">\n\t\t<ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n\t</ng-container>\n\n\t<ng-container *ngIf=\"assets.length > 1\">\n\t\t<ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n\t\t\t<ng-doc-tab *ngFor=\"let asset of assets\" [id]=\"asset.title\" [label]=\"asset.title\" [content]=\"assetContent\">\n\t\t\t\t<ng-template #assetContent>\n\t\t\t\t\t<ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-tab>\n\t\t</ng-doc-tab-group>\n\t</ng-container>\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pain-height);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pain-height);--ng-doc-smooth-resize-max-height: 100%}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.NgDocPaneComponent, selector: "ng-doc-pane", inputs: ["expanded"] }, { kind: "directive", type: i3.NgDocPaneFrontDirective, selector: "[ngDocPaneFront]" }, { kind: "directive", type: i3.NgDocPaneBackDirective, selector: "[ngDocPaneBack]" }, { kind: "directive", type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i5.NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "fileName", "lineNumbers"] }, { kind: "component", type: i3.NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: i3.NgDocTabComponent, selector: "ng-doc-tab", inputs: ["label", "id", "content"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocDemoPaneComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-demo-pane', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-pane [expanded]=\"options.expanded ?? false\">\n\t<ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n\t<ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n\t<ng-container *polymorpheusOutlet=\"demo ?? ''; context: {}\"></ng-container>\n</ng-template>\n\n<ng-template #codeContent>\n\t<ng-container *ngIf=\"assets.length === 1\">\n\t\t<ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n\t</ng-container>\n\n\t<ng-container *ngIf=\"assets.length > 1\">\n\t\t<ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n\t\t\t<ng-doc-tab *ngFor=\"let asset of assets\" [id]=\"asset.title\" [label]=\"asset.title\" [content]=\"assetContent\">\n\t\t\t\t<ng-template #assetContent>\n\t\t\t\t\t<ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n\t\t\t\t</ng-template>\n\t\t\t</ng-doc-tab>\n\t\t</ng-doc-tab-group>\n\t</ng-container>\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pain-height);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pain-height);--ng-doc-smooth-resize-max-height: 100%}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgDocRootPage }]; }, propDecorators: { componentName: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1wYW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvZGVtby1wYW5lL2RlbW8tcGFuZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tcGFuZS9kZW1vLXBhbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUU1RCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFHdEQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFFL0QsTUFNYSxzQkFBc0I7SUFVbEMsWUFBNkIsUUFBdUI7UUFBdkIsYUFBUSxHQUFSLFFBQVEsQ0FBZTtRQUxwRCxZQUFPLEdBQStCLEVBQUUsQ0FBQztRQUd6QyxXQUFNLEdBQXFCLEVBQUUsQ0FBQztJQUV5QixDQUFDO0lBRXhELElBQ2MsT0FBTztRQUNwQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTyxPQUFPO1FBQ2QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLE1BQU0sU0FBUyxHQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBRXpGLE9BQU8sU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLHFCQUFxQixDQUFDLFNBQXlCLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1NBQ3BGO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDbEIsQ0FBQztJQUVPLFNBQVM7UUFDaEIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FDL0YsQ0FBQyxLQUFxQixFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUN6RyxDQUFDO1NBQ0Y7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNYLENBQUM7OEdBekNXLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDJLQ2RuQyxzOUJBd0JBOztTRFZhLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNDLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNO29HQUkvQyxhQUFhO3NCQURaLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQVNRLE9BQU87c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY1Jvb3RQYWdlfSBmcm9tICdAbmctZG9jL2FwcC9jbGFzc2VzL3Jvb3QtcGFnZSc7XG5pbXBvcnQge05nRG9jRGVtb0Fzc2V0fSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7YXNBcnJheX0gZnJvbSAnQG5nLWRvYy9jb3JlL2hlbHBlcnMvYXMtYXJyYXknO1xuaW1wb3J0IHtOZ0RvY0RlbW9QYW5lQWN0aW9uT3B0aW9uc30gZnJvbSAnQG5nLWRvYy9jb3JlL2ludGVyZmFjZXMnO1xuaW1wb3J0IHtOZ0RvY0NvbnRlbnR9IGZyb20gJ0BuZy1kb2MvdWkta2l0L3R5cGVzJztcbmltcG9ydCB7UG9seW1vcnBoZXVzQ29tcG9uZW50fSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICduZy1kb2MtZGVtby1wYW5lJyxcblx0dGVtcGxhdGVVcmw6ICcuL2RlbW8tcGFuZS5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2RlbW8tcGFuZS5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NEZW1vUGFuZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdEBJbnB1dCgpXG5cdGNvbXBvbmVudE5hbWU/OiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0b3B0aW9uczogTmdEb2NEZW1vUGFuZUFjdGlvbk9wdGlvbnMgPSB7fTtcblxuXHRkZW1vPzogTmdEb2NDb250ZW50PG9iamVjdD47XG5cdGFzc2V0czogTmdEb2NEZW1vQXNzZXRbXSA9IFtdO1xuXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgcm9vdFBhZ2U6IE5nRG9jUm9vdFBhZ2UpIHt9XG5cblx0QEhvc3RCaW5kaW5nKCdjbGFzcycpXG5cdHByb3RlY3RlZCBnZXQgY2xhc3NlcygpOiBzdHJpbmcgfCBzdHJpbmdbXSB7XG5cdFx0cmV0dXJuIHRoaXMub3B0aW9ucy5jbGFzcyA/PyAnJztcblx0fVxuXG5cdG5nT25Jbml0KCk6IHZvaWQge1xuXHRcdHRoaXMuZGVtbyA9IHRoaXMuZ2V0RGVtbygpO1xuXHRcdHRoaXMuYXNzZXRzID0gdGhpcy5nZXRBc3NldHMoKTtcblx0fVxuXG5cdHByaXZhdGUgZ2V0RGVtbygpOiBOZ0RvY0NvbnRlbnQ8b2JqZWN0PiB8IHVuZGVmaW5lZCB7XG5cdFx0aWYgKHRoaXMuY29tcG9uZW50TmFtZSkge1xuXHRcdFx0Y29uc3QgY29tcG9uZW50OiBUeXBlPHVua25vd24+IHwgdW5kZWZpbmVkID1cblx0XHRcdFx0dGhpcy5yb290UGFnZS5kZXBlbmRlbmNpZXM/LmRlbW8gJiYgdGhpcy5yb290UGFnZS5kZXBlbmRlbmNpZXMuZGVtb1t0aGlzLmNvbXBvbmVudE5hbWVdO1xuXG5cdFx0XHRyZXR1cm4gY29tcG9uZW50ID8gbmV3IFBvbHltb3JwaGV1c0NvbXBvbmVudChjb21wb25lbnQgYXMgVHlwZTxvYmplY3Q+KSA6IHVuZGVmaW5lZDtcblx0XHR9XG5cblx0XHRyZXR1cm4gdW5kZWZpbmVkO1xuXHR9XG5cblx0cHJpdmF0ZSBnZXRBc3NldHMoKTogTmdEb2NEZW1vQXNzZXRbXSB7XG5cdFx0aWYgKHRoaXMuY29tcG9uZW50TmFtZSkge1xuXHRcdFx0cmV0dXJuICgodGhpcy5yb290UGFnZS5kZW1vQXNzZXRzICYmIHRoaXMucm9vdFBhZ2UuZGVtb0Fzc2V0c1t0aGlzLmNvbXBvbmVudE5hbWVdKSA/PyBbXSkuZmlsdGVyKFxuXHRcdFx0XHQoYXNzZXQ6IE5nRG9jRGVtb0Fzc2V0KSA9PiAhdGhpcy5vcHRpb25zLnRhYnM/Lmxlbmd0aCB8fCBhc0FycmF5KHRoaXMub3B0aW9ucy50YWJzKS5pbmNsdWRlcyhhc3NldC50aXRsZSksXG5cdFx0XHQpO1xuXHRcdH1cblxuXHRcdHJldHVybiBbXTtcblx0fVxufVxuIiwiPG5nLWRvYy1wYW5lIFtleHBhbmRlZF09XCJvcHRpb25zLmV4cGFuZGVkID8/IGZhbHNlXCI+XG5cdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb2RlQ29udGVudFwiIG5nRG9jUGFuZUJhY2s+PC9uZy1jb250YWluZXI+XG5cdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkZW1vVGVtcGxhdGVcIiBuZ0RvY1BhbmVGcm9udD48L25nLWNvbnRhaW5lcj5cbjwvbmctZG9jLXBhbmU+XG5cbjxuZy10ZW1wbGF0ZSAjZGVtb1RlbXBsYXRlPlxuXHQ8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJkZW1vID8/ICcnOyBjb250ZXh0OiB7fVwiPjwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjb2RlQ29udGVudD5cblx0PG5nLWNvbnRhaW5lciAqbmdJZj1cImFzc2V0cy5sZW5ndGggPT09IDFcIj5cblx0XHQ8bmctZG9jLWNvZGUgKm5nRm9yPVwibGV0IGFzc2V0IG9mIGFzc2V0c1wiIFtodG1sXT1cImFzc2V0LmNvZGVcIj48L25nLWRvYy1jb2RlPlxuXHQ8L25nLWNvbnRhaW5lcj5cblxuXHQ8bmctY29udGFpbmVyICpuZ0lmPVwiYXNzZXRzLmxlbmd0aCA+IDFcIj5cblx0XHQ8bmctZG9jLXRhYi1ncm91cCBbb3BlbmVkVGFiXT1cIm9wdGlvbnMuZGVmYXVsdFRhYlwiPlxuXHRcdFx0PG5nLWRvYy10YWIgKm5nRm9yPVwibGV0IGFzc2V0IG9mIGFzc2V0c1wiIFtpZF09XCJhc3NldC50aXRsZVwiIFtsYWJlbF09XCJhc3NldC50aXRsZVwiIFtjb250ZW50XT1cImFzc2V0Q29udGVudFwiPlxuXHRcdFx0XHQ8bmctdGVtcGxhdGUgI2Fzc2V0Q29udGVudD5cblx0XHRcdFx0XHQ8bmctZG9jLWNvZGUgW2h0bWxdPVwiYXNzZXQuY29kZVwiPjwvbmctZG9jLWNvZGU+XG5cdFx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHQ8L25nLWRvYy10YWI+XG5cdFx0PC9uZy1kb2MtdGFiLWdyb3VwPlxuXHQ8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/components/demo-pane/demo-pane.module.mjs

@@ -0,0 +1,22 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgDocCodeModule } from '@ng-doc/app/components/code';
+import { NgDocPaneModule, NgDocTabGroupModule } from '@ng-doc/ui-kit';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgDocDemoPaneComponent } from './demo-pane.component';
+import * as i0 from "@angular/core";
+class NgDocDemoPaneModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneModule, declarations: [NgDocDemoPaneComponent], imports: [CommonModule, NgDocPaneModule, PolymorpheusModule, NgDocCodeModule, NgDocTabGroupModule], exports: [NgDocDemoPaneComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneModule, imports: [CommonModule, NgDocPaneModule, PolymorpheusModule, NgDocCodeModule, NgDocTabGroupModule] }); }
+}
+export { NgDocDemoPaneModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDemoPaneModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocDemoPaneComponent],
+                    imports: [CommonModule, NgDocPaneModule, PolymorpheusModule, NgDocCodeModule, NgDocTabGroupModule],
+                    exports: [NgDocDemoPaneComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1wYW5lLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvZGVtby1wYW5lL2RlbW8tcGFuZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBQyxlQUFlLEVBQUUsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU1RCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFN0QsTUFLYSxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLGlCQUpoQixzQkFBc0IsYUFDM0IsWUFBWSxFQUFFLGVBQWUsRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsbUJBQW1CLGFBQ3ZGLHNCQUFzQjsrR0FFcEIsbUJBQW1CLFlBSHJCLFlBQVksRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLG1CQUFtQjs7U0FHckYsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixDQUFDO29CQUNsRyxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0RvY0NvZGVNb2R1bGV9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvY29kZSc7XG5pbXBvcnQge05nRG9jUGFuZU1vZHVsZSwgTmdEb2NUYWJHcm91cE1vZHVsZX0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuaW1wb3J0IHtQb2x5bW9ycGhldXNNb2R1bGV9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7TmdEb2NEZW1vUGFuZUNvbXBvbmVudH0gZnJvbSAnLi9kZW1vLXBhbmUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NEZW1vUGFuZUNvbXBvbmVudF0sXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5nRG9jUGFuZU1vZHVsZSwgUG9seW1vcnBoZXVzTW9kdWxlLCBOZ0RvY0NvZGVNb2R1bGUsIE5nRG9jVGFiR3JvdXBNb2R1bGVdLFxuXHRleHBvcnRzOiBbTmdEb2NEZW1vUGFuZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb1BhbmVNb2R1bGUge31cbiJdfQ==

package/esm2022/components/kind-icon/kind-icon.component.mjs

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+class NgDocKindIconComponent {
+    constructor() {
+        this.kind = '';
+        this.type = 'declaration';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocKindIconComponent, selector: "ng-doc-kind-icon", inputs: { kind: "kind", type: "type" }, host: { properties: { "attr.data-ng-doc-kind": "this.kind", "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: '{{kind[0]}}', isInline: true, styles: [":host{display:inline-block;width:calc(var(--ng-doc-base-gutter) * 2);height:calc(var(--ng-doc-base-gutter) * 2);border-radius:calc(var(--ng-doc-base-gutter) / 4);font-size:13px;text-align:center;line-height:calc(var(--ng-doc-base-gutter) * 2);text-transform:uppercase;flex-shrink:0;font-weight:700}:host[data-ng-doc-type=declaration]{color:var(--ng-doc-white)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Class]{background:var(--ng-doc-class-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Interface]{background:var(--ng-doc-interface-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Enum]{background:var(--ng-doc-enum-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Variable]{background:var(--ng-doc-variable-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Function]{background:var(--ng-doc-function-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=TypeAlias]{background:var(--ng-doc-type-alias-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Component]{background:var(--ng-doc-component-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Directive]{background:var(--ng-doc-directive-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Injectable]{background:var(--ng-doc-injectable-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Pipe]{background:var(--ng-doc-pipe-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=NgModule]{background:var(--ng-doc-ng-module-decorator-color)}:host[data-ng-doc-type=type][data-ng-doc-kind=string]{background-color:var(--ng-doc-deep-purple-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=number]{background-color:var(--ng-doc-blue-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=boolean]{background-color:var(--ng-doc-orange-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=null]{background-color:var(--ng-doc-light-blue-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=undefined]{background-color:var(--ng-doc-indigo-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=object]{background-color:var(--ng-doc-green-100);color:var(--ng-doc-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocKindIconComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-kind-icon', template: '{{kind[0]}}', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;width:calc(var(--ng-doc-base-gutter) * 2);height:calc(var(--ng-doc-base-gutter) * 2);border-radius:calc(var(--ng-doc-base-gutter) / 4);font-size:13px;text-align:center;line-height:calc(var(--ng-doc-base-gutter) * 2);text-transform:uppercase;flex-shrink:0;font-weight:700}:host[data-ng-doc-type=declaration]{color:var(--ng-doc-white)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Class]{background:var(--ng-doc-class-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Interface]{background:var(--ng-doc-interface-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Enum]{background:var(--ng-doc-enum-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Variable]{background:var(--ng-doc-variable-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Function]{background:var(--ng-doc-function-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=TypeAlias]{background:var(--ng-doc-type-alias-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Component]{background:var(--ng-doc-component-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Directive]{background:var(--ng-doc-directive-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Injectable]{background:var(--ng-doc-injectable-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=Pipe]{background:var(--ng-doc-pipe-decorator-color)}:host[data-ng-doc-type=declaration][data-ng-doc-kind=NgModule]{background:var(--ng-doc-ng-module-decorator-color)}:host[data-ng-doc-type=type][data-ng-doc-kind=string]{background-color:var(--ng-doc-deep-purple-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=number]{background-color:var(--ng-doc-blue-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=boolean]{background-color:var(--ng-doc-orange-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=null]{background-color:var(--ng-doc-light-blue-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=undefined]{background-color:var(--ng-doc-indigo-100);color:var(--ng-doc-white)}:host[data-ng-doc-type=type][data-ng-doc-kind=object]{background-color:var(--ng-doc-green-100);color:var(--ng-doc-white)}\n"] }]
+        }], propDecorators: { kind: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-kind']
+            }], type: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-type']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2luZC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMva2luZC1pY29uL2tpbmQtaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUVyRixNQU1hLHNCQUFzQjtJQU5uQztRQVNDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFJbEIsU0FBSSxHQUEyQixhQUFhLENBQUM7S0FDN0M7OEdBUlksc0JBQXNCO2tHQUF0QixzQkFBc0Isc01BSnhCLGFBQWE7O1NBSVgsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0Msa0JBQWtCLFlBQ2xCLGFBQWEsbUJBRU4sdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFLcEMsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWtpbmQtaWNvbicsXG5cdHRlbXBsYXRlOiAne3traW5kWzBdfX0nLFxuXHRzdHlsZVVybHM6IFsnLi9raW5kLWljb24uY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jS2luZEljb25Db21wb25lbnQge1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2Mta2luZCcpXG5cdGtpbmQ6IHN0cmluZyA9ICcnO1xuXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy10eXBlJylcblx0dHlwZTogJ2RlY2xhcmF0aW9uJyB8ICd0eXBlJyA9ICdkZWNsYXJhdGlvbic7XG59XG4iXX0=

package/esm2022/components/kind-icon/kind-icon.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgDocKindIconComponent } from './kind-icon.component';
+import * as i0 from "@angular/core";
+class NgDocKindIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconModule, declarations: [NgDocKindIconComponent], imports: [CommonModule], exports: [NgDocKindIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconModule, imports: [CommonModule] }); }
+}
+export { NgDocKindIconModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocKindIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocKindIconComponent],
+                    imports: [CommonModule],
+                    exports: [NgDocKindIconComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2luZC1pY29uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMva2luZC1pY29uL2tpbmQtaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7O0FBRTdELE1BS2EsbUJBQW1COzhHQUFuQixtQkFBbUI7K0dBQW5CLG1CQUFtQixpQkFKaEIsc0JBQXNCLGFBQzNCLFlBQVksYUFDWixzQkFBc0I7K0dBRXBCLG1CQUFtQixZQUhyQixZQUFZOztTQUdWLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7TmdEb2NLaW5kSWNvbkNvbXBvbmVudH0gZnJvbSAnLi9raW5kLWljb24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcblx0ZGVjbGFyYXRpb25zOiBbTmdEb2NLaW5kSWNvbkNvbXBvbmVudF0sXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuXHRleHBvcnRzOiBbTmdEb2NLaW5kSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jS2luZEljb25Nb2R1bGUge31cbiJdfQ==

package/esm2022/components/link/link.component.mjs

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+class NgDocLinkComponent {
+    constructor() {
+        this.path = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocLinkComponent, selector: "ng-doc-link", inputs: { path: "path" }, ngImport: i0, template: "<a [routerLink]=\"[path]\"><ng-content></ng-content></a>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { NgDocLinkComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [routerLink]=\"[path]\"><ng-content></ng-content></a>\n" }]
+        }], propDecorators: { path: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2xpbmsvbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2xpbmsvbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBRXhFLE1BTWEsa0JBQWtCO0lBTi9CO1FBUUMsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQUNsQjs4R0FIWSxrQkFBa0I7a0dBQWxCLGtCQUFrQiw2RUNSL0IsNERBQ0E7O1NET2Esa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0MsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWxpbmsnLFxuXHR0ZW1wbGF0ZVVybDogJy4vbGluay5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2xpbmsuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jTGlua0NvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cdHBhdGg6IHN0cmluZyA9ICcnO1xufVxuIiwiPGEgW3JvdXRlckxpbmtdPVwiW3BhdGhdXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvYT5cbiJdfQ==

package/esm2022/components/link/link.module.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterLinkWithHref } from '@angular/router';
+import { NgDocLinkComponent } from './link.component';
+import * as i0 from "@angular/core";
+class NgDocLinkModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkModule, declarations: [NgDocLinkComponent], imports: [CommonModule, RouterLinkWithHref], exports: [NgDocLinkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkModule, imports: [CommonModule] }); }
+}
+export { NgDocLinkModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgDocLinkComponent],
+                    imports: [CommonModule, RouterLinkWithHref],
+                    exports: [NgDocLinkComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2xpbmsvbGluay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFbkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBRXBELE1BS2EsZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBSlosa0JBQWtCLGFBQ3ZCLFlBQVksRUFBRSxrQkFBa0IsYUFDaEMsa0JBQWtCOytHQUVoQixlQUFlLFlBSGpCLFlBQVk7O1NBR1YsZUFBZTsyRkFBZixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNULFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLENBQUM7b0JBQzNDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1JvdXRlckxpbmtXaXRoSHJlZn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHtOZ0RvY0xpbmtDb21wb25lbnR9IGZyb20gJy4vbGluay5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuXHRkZWNsYXJhdGlvbnM6IFtOZ0RvY0xpbmtDb21wb25lbnRdLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJMaW5rV2l0aEhyZWZdLFxuXHRleHBvcnRzOiBbTmdEb2NMaW5rQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NMaW5rTW9kdWxlIHt9XG4iXX0=