@ng-doc/app 19.3.0 → 20.0.0-beta.1

package/fesm2022/ng-doc-app-components-breadcrumb.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocIconComponent } from '@ng-doc/ui-kit';
 
 class NgDocBreadcrumbComponent {
     constructor() {
         this.breadcrumbs = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NgDocBreadcrumbComponent, isStandalone: true, selector: "ng-doc-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "@for (item of breadcrumbs; track item) {\n  @if (!$first) {\n    <ng-doc-icon icon=\"chevron-right\"></ng-doc-icon>\n  }\n  {{ item }}\n}\n", styles: [":host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ng-doc-base-gutter);margin-bottom:calc(var(--ng-doc-base-gutter) * 2);opacity:.9}:host .ng-doc-breadcrumb{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocBreadcrumbComponent, isStandalone: true, selector: "ng-doc-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "@for (item of breadcrumbs; track item) {\n  @if (!$first) {\n    <ng-doc-icon icon=\"chevron-right\"></ng-doc-icon>\n  }\n  {{ item }}\n}\n", styles: [":host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ng-doc-base-gutter);margin-bottom:calc(var(--ng-doc-base-gutter) * 2);opacity:.9}:host .ng-doc-breadcrumb{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-breadcrumb', imports: [NgDocIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of breadcrumbs; track item) {\n  @if (!$first) {\n    <ng-doc-icon icon=\"chevron-right\"></ng-doc-icon>\n  }\n  {{ item }}\n}\n", styles: [":host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ng-doc-base-gutter);margin-bottom:calc(var(--ng-doc-base-gutter) * 2);opacity:.9}:host .ng-doc-breadcrumb{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;align-items:center}\n"] }]
         }], propDecorators: { breadcrumbs: [{

package/fesm2022/ng-doc-app-components-breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-breadcrumb.mjs","sources":["../../../../libs/app/components/breadcrumb/breadcrumb.component.ts","../../../../libs/app/components/breadcrumb/breadcrumb.component.html","../../../../libs/app/components/breadcrumb/ng-doc-app-components-breadcrumb.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocPageBreadcrumbs } from '@ng-doc/app/interfaces';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  imports: [NgDocIconComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocBreadcrumbComponent implements NgDocPageBreadcrumbs {\n  @Input()\n  breadcrumbs: string[] = [];\n}\n","@for (item of breadcrumbs; track item) {\n  @if (!$first) {\n    <ng-doc-icon icon=\"chevron-right\"></ng-doc-icon>\n  }\n  {{ item }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAWa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QASE,IAAW,CAAA,WAAA,GAAa,EAAE;AAC3B;8GAHY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXrC,6IAMA,EAAA,MAAA,EAAA,CAAA,qZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,WAGpB,CAAC,kBAAkB,CAAC,EACZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6IAAA,EAAA,MAAA,EAAA,CAAA,qZAAA,CAAA,EAAA;8BAI/C,WAAW,EAAA,CAAA;sBADV;;;AEZH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-components-breadcrumb.mjs","sources":["../tmp-esm2022/components/breadcrumb/breadcrumb.component.js","../tmp-esm2022/components/breadcrumb/ng-doc-app-components-breadcrumb.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocBreadcrumbComponent {\n    constructor() {\n        this.breadcrumbs = [];\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocBreadcrumbComponent, isStandalone: true, selector: \"ng-doc-breadcrumb\", inputs: { breadcrumbs: \"breadcrumbs\" }, ngImport: i0, template: \"@for (item of breadcrumbs; track item) {\\n  @if (!$first) {\\n    <ng-doc-icon icon=\\\"chevron-right\\\"></ng-doc-icon>\\n  }\\n  {{ item }}\\n}\\n\", styles: [\":host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ng-doc-base-gutter);margin-bottom:calc(var(--ng-doc-base-gutter) * 2);opacity:.9}:host .ng-doc-breadcrumb{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;align-items:center}\\n\"], dependencies: [{ kind: \"component\", type: NgDocIconComponent, selector: \"ng-doc-icon\", inputs: [\"icon\", \"customIcon\", \"size\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocBreadcrumbComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-breadcrumb', imports: [NgDocIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: \"@for (item of breadcrumbs; track item) {\\n  @if (!$first) {\\n    <ng-doc-icon icon=\\\"chevron-right\\\"></ng-doc-icon>\\n  }\\n  {{ item }}\\n}\\n\", styles: [\":host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ng-doc-base-gutter);margin-bottom:calc(var(--ng-doc-base-gutter) * 2);opacity:.9}:host .ng-doc-breadcrumb{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;align-items:center}\\n\"] }]\n        }], propDecorators: { breadcrumbs: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFTcEQsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVNFLGdCQUFXLEdBQWEsRUFBRSxDQUFDO0tBQzVCOzhHQUhZLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFIQ1hyQyw2SUFNQSw2Y0RFWSxrQkFBa0I7OzJGQUdqQix3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsbUJBQW1CLFdBR3BCLENBQUMsa0JBQWtCLENBQUMsbUJBQ1osdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsV0FBVztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRG9jUGFnZUJyZWFkY3J1bWJzIH0gZnJvbSAnQG5nLWRvYy9hcHAvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBOZ0RvY0ljb25Db21wb25lbnQgfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWRvYy1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtOZ0RvY0ljb25Db21wb25lbnRdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgTmdEb2NQYWdlQnJlYWRjcnVtYnMge1xuICBASW5wdXQoKVxuICBicmVhZGNydW1iczogc3RyaW5nW10gPSBbXTtcbn1cbiIsIkBmb3IgKGl0ZW0gb2YgYnJlYWRjcnVtYnM7IHRyYWNrIGl0ZW0pIHtcbiAgQGlmICghJGZpcnN0KSB7XG4gICAgPG5nLWRvYy1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9uZy1kb2MtaWNvbj5cbiAgfVxuICB7eyBpdGVtIH19XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLWJyZWFkY3J1bWIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2JyZWFkY3J1bWIvbmctZG9jLWFwcC1jb21wb25lbnRzLWJyZWFkY3J1bWIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;AAGO,MAAM,wBAAwB,CAAC;AACtC,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,WAAW,GAAG,EAAE;AAC7B;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC1L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,wBAAwB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,6IAA6I,EAAE,MAAM,EAAE,CAAC,qZAAqZ,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AACv9B;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,UAAU,EAAE,CAAC;AAClI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,kBAAkB,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ,EAAE,6IAA6I,EAAE,MAAM,EAAE,CAAC,qZAAqZ,CAAC,EAAE;AAC9rB,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,CAAC;AAC5C,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,EAAE,CAAC;;ACfnB;AACA;AACA;;;;"}

package/fesm2022/ng-doc-app-components-code.mjs

@@ -1,6 +1,5 @@
-import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { inject, ElementRef, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';
 import { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';
 import { NgDocPageProcessorComponent } from '@ng-doc/app/processors/page-processor';
@@ -10,8 +9,8 @@ import { provideMainPageProcessor } from '@ng-doc/app/tokens';
 import { NgDocTextComponent, NgDocIconComponent } from '@ng-doc/ui-kit';
 
 class NgDocCodeComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor() {
+        this.elementRef = inject(ElementRef);
         this.html = '';
         this.copyButton = true;
     }
@@ -21,20 +20,19 @@ class NgDocCodeComponent {
     get codeElement() {
         return this.elementRef?.nativeElement.querySelector('code') ?? null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocCodeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n  <span class=\"ng-doc-code-file-name\" ng-doc-text>\n    <ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n    {{ name }}\n  </span>\n</div>\n<div class=\"ng-doc-code-body\">\n  @if (html) {\n    <div class=\"ng-doc-code-wrapper\" [ngDocPageProcessor]=\"html | ngDocSanitizeHtml\"></div>\n  } @else {\n    <div class=\"ng-doc-code-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n\n  <ng-doc-copy-button\n    class=\"ng-doc-copy-button\"\n    [text]=\"this.codeElement?.textContent ?? ''\"\n    *ngIf=\"copyButton\">\n    <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n  </ng-doc-copy-button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\"\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocPageProcessorComponent, selector: "[ngDocPageProcessor]", inputs: ["ngDocPageProcessor"], outputs: ["afterRender"] }, { kind: "component", type: NgDocCopyButtonComponent, selector: "ng-doc-copy-button", inputs: ["text"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocCodeComponent, isStandalone: true, selector: "ng-doc-code", inputs: { html: "html", copyButton: "copyButton", name: "name", icon: "icon" }, host: { properties: { "attr.data-ng-doc-has-header": "this.hasHeader" } }, ngImport: i0, template: "@if (hasHeader) {\n  <div class=\"ng-doc-code-header\">\n    <span class=\"ng-doc-code-file-name\" ng-doc-text>\n      @if (icon) {\n        <ng-doc-icon [customIcon]=\"icon\"></ng-doc-icon>\n      }\n      {{ name }}\n    </span>\n  </div>\n}\n<div class=\"ng-doc-code-body\">\n  @if (html) {\n    <div class=\"ng-doc-code-wrapper\" [ngDocPageProcessor]=\"html | ngDocSanitizeHtml\"></div>\n  } @else {\n    <div class=\"ng-doc-code-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n\n  @if (copyButton) {\n    <ng-doc-copy-button class=\"ng-doc-copy-button\" [text]=\"this.codeElement?.textContent ?? ''\">\n      <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n    </ng-doc-copy-button>\n  }\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\"\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\n"], dependencies: [{ kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocPageProcessorComponent, selector: "[ngDocPageProcessor]", inputs: ["ngDocPageProcessor"], outputs: ["afterRender"] }, { kind: "component", type: NgDocCopyButtonComponent, selector: "ng-doc-copy-button", inputs: ["text"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-code', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
                         NgDocTextComponent,
                         NgDocIconComponent,
                         NgDocPageProcessorComponent,
                         NgDocCopyButtonComponent,
                         NgDocSanitizeHtmlPipe,
-                    ], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], template: "<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n  <span class=\"ng-doc-code-file-name\" ng-doc-text>\n    <ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n    {{ name }}\n  </span>\n</div>\n<div class=\"ng-doc-code-body\">\n  @if (html) {\n    <div class=\"ng-doc-code-wrapper\" [ngDocPageProcessor]=\"html | ngDocSanitizeHtml\"></div>\n  } @else {\n    <div class=\"ng-doc-code-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n\n  <ng-doc-copy-button\n    class=\"ng-doc-copy-button\"\n    [text]=\"this.codeElement?.textContent ?? ''\"\n    *ngIf=\"copyButton\">\n    <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n  </ng-doc-copy-button>\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\"\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { html: [{
+                    ], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], template: "@if (hasHeader) {\n  <div class=\"ng-doc-code-header\">\n    <span class=\"ng-doc-code-file-name\" ng-doc-text>\n      @if (icon) {\n        <ng-doc-icon [customIcon]=\"icon\"></ng-doc-icon>\n      }\n      {{ name }}\n    </span>\n  </div>\n}\n<div class=\"ng-doc-code-body\">\n  @if (html) {\n    <div class=\"ng-doc-code-wrapper\" [ngDocPageProcessor]=\"html | ngDocSanitizeHtml\"></div>\n  } @else {\n    <div class=\"ng-doc-code-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n\n  @if (copyButton) {\n    <ng-doc-copy-button class=\"ng-doc-copy-button\" [text]=\"this.codeElement?.textContent ?? ''\">\n      <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n    </ng-doc-copy-button>\n  }\n</div>\n", styles: [":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\"\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { html: [{
                 type: Input
             }], copyButton: [{
                 type: Input

package/fesm2022/ng-doc-app-components-code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-code.mjs","sources":["../../../../libs/app/components/code/code.component.ts","../../../../libs/app/components/code/code.component.html","../../../../libs/app/components/code/ng-doc-app-components-code.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input } from '@angular/core';\nimport { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport { NgDocPageProcessorComponent } from '@ng-doc/app/processors/page-processor';\nimport { linkProcessor } from '@ng-doc/app/processors/processors/link';\nimport { tooltipProcessor } from '@ng-doc/app/processors/processors/tooltip';\nimport { provideMainPageProcessor } from '@ng-doc/app/tokens';\nimport { NgDocIconComponent, NgDocTextComponent } from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-code',\n  templateUrl: './code.component.html',\n  styleUrls: ['./code.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgIf,\n    NgDocTextComponent,\n    NgDocIconComponent,\n    NgDocPageProcessorComponent,\n    NgDocCopyButtonComponent,\n    NgDocSanitizeHtmlPipe,\n  ],\n  viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])],\n})\nexport class NgDocCodeComponent {\n  @Input()\n  html: string = '';\n\n  @Input()\n  copyButton: boolean = true;\n\n  @Input()\n  name?: string;\n\n  @Input()\n  icon?: string;\n\n  constructor(private elementRef: ElementRef<HTMLElement>) {}\n\n  @HostBinding('attr.data-ng-doc-has-header')\n  get hasHeader(): boolean {\n    return !!this.name || !!this.icon;\n  }\n\n  get codeElement(): HTMLElement | null {\n    return this.elementRef?.nativeElement.querySelector('code') ?? null;\n  }\n}\n","<div class=\"ng-doc-code-header\" *ngIf=\"hasHeader\">\n  <span class=\"ng-doc-code-file-name\" ng-doc-text>\n    <ng-doc-icon [customIcon]=\"icon\" *ngIf=\"icon\"></ng-doc-icon>\n    {{ name }}\n  </span>\n</div>\n<div class=\"ng-doc-code-body\">\n  @if (html) {\n    <div class=\"ng-doc-code-wrapper\" [ngDocPageProcessor]=\"html | ngDocSanitizeHtml\"></div>\n  } @else {\n    <div class=\"ng-doc-code-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n\n  <ng-doc-copy-button\n    class=\"ng-doc-copy-button\"\n    [text]=\"this.codeElement?.textContent ?? ''\"\n    *ngIf=\"copyButton\">\n    <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n  </ng-doc-copy-button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-components-code.mjs","sources":["../tmp-esm2022/components/code/code.component.js","../tmp-esm2022/components/code/ng-doc-app-components-code.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, inject, Input, } from '@angular/core';\nimport { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport { NgDocPageProcessorComponent } from '@ng-doc/app/processors/page-processor';\nimport { linkProcessor } from '@ng-doc/app/processors/processors/link';\nimport { tooltipProcessor } from '@ng-doc/app/processors/processors/tooltip';\nimport { provideMainPageProcessor } from '@ng-doc/app/tokens';\nimport { NgDocIconComponent, NgDocTextComponent } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocCodeComponent {\n    constructor() {\n        this.elementRef = inject(ElementRef);\n        this.html = '';\n        this.copyButton = true;\n    }\n    get hasHeader() {\n        return !!this.name || !!this.icon;\n    }\n    get codeElement() {\n        return this.elementRef?.nativeElement.querySelector('code') ?? null;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocCodeComponent, isStandalone: true, selector: \"ng-doc-code\", inputs: { html: \"html\", copyButton: \"copyButton\", name: \"name\", icon: \"icon\" }, host: { properties: { \"attr.data-ng-doc-has-header\": \"this.hasHeader\" } }, ngImport: i0, template: \"@if (hasHeader) {\\n  <div class=\\\"ng-doc-code-header\\\">\\n    <span class=\\\"ng-doc-code-file-name\\\" ng-doc-text>\\n      @if (icon) {\\n        <ng-doc-icon [customIcon]=\\\"icon\\\"></ng-doc-icon>\\n      }\\n      {{ name }}\\n    </span>\\n  </div>\\n}\\n<div class=\\\"ng-doc-code-body\\\">\\n  @if (html) {\\n    <div class=\\\"ng-doc-code-wrapper\\\" [ngDocPageProcessor]=\\\"html | ngDocSanitizeHtml\\\"></div>\\n  } @else {\\n    <div class=\\\"ng-doc-code-wrapper\\\">\\n      <ng-content></ng-content>\\n    </div>\\n  }\\n\\n  @if (copyButton) {\\n    <ng-doc-copy-button class=\\\"ng-doc-copy-button\\\" [text]=\\\"this.codeElement?.textContent ?? ''\\\">\\n      <ng-doc-icon icon=\\\"copy\\\"></ng-doc-icon>\\n    </ng-doc-copy-button>\\n  }\\n</div>\\n\", styles: [\":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\\\"\\\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\\n\"], dependencies: [{ kind: \"component\", type: NgDocTextComponent, selector: \"[ng-doc-text]\", inputs: [\"size\", \"color\", \"align\", \"absoluteContent\"] }, { kind: \"component\", type: NgDocIconComponent, selector: \"ng-doc-icon\", inputs: [\"icon\", \"customIcon\", \"size\"] }, { kind: \"component\", type: NgDocPageProcessorComponent, selector: \"[ngDocPageProcessor]\", inputs: [\"ngDocPageProcessor\"], outputs: [\"afterRender\"] }, { kind: \"component\", type: NgDocCopyButtonComponent, selector: \"ng-doc-copy-button\", inputs: [\"text\"] }, { kind: \"pipe\", type: NgDocSanitizeHtmlPipe, name: \"ngDocSanitizeHtml\" }], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCodeComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-code', changeDetection: ChangeDetectionStrategy.OnPush, imports: [\n                        NgDocTextComponent,\n                        NgDocIconComponent,\n                        NgDocPageProcessorComponent,\n                        NgDocCopyButtonComponent,\n                        NgDocSanitizeHtmlPipe,\n                    ], viewProviders: [provideMainPageProcessor([linkProcessor, tooltipProcessor])], template: \"@if (hasHeader) {\\n  <div class=\\\"ng-doc-code-header\\\">\\n    <span class=\\\"ng-doc-code-file-name\\\" ng-doc-text>\\n      @if (icon) {\\n        <ng-doc-icon [customIcon]=\\\"icon\\\"></ng-doc-icon>\\n      }\\n      {{ name }}\\n    </span>\\n  </div>\\n}\\n<div class=\\\"ng-doc-code-body\\\">\\n  @if (html) {\\n    <div class=\\\"ng-doc-code-wrapper\\\" [ngDocPageProcessor]=\\\"html | ngDocSanitizeHtml\\\"></div>\\n  } @else {\\n    <div class=\\\"ng-doc-code-wrapper\\\">\\n      <ng-content></ng-content>\\n    </div>\\n  }\\n\\n  @if (copyButton) {\\n    <ng-doc-copy-button class=\\\"ng-doc-copy-button\\\" [text]=\\\"this.codeElement?.textContent ?? ''\\\">\\n      <ng-doc-icon icon=\\\"copy\\\"></ng-doc-icon>\\n    </ng-doc-copy-button>\\n  }\\n</div>\\n\", styles: [\":host{position:relative;display:block;margin:var(--ng-doc-code-margin)}:host:hover .ng-doc-copy-button{opacity:1}: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;--ng-doc-code-border: none}: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;border-top:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-left:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));border-right:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color))}: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: 13px}:host .ng-doc-code-header .ng-doc-code-file-name ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-copy-button{position:absolute;top:var(--ng-doc-base-gutter);right:var(--ng-doc-base-gutter);transition:var(--ng-doc-transition);opacity:0;--ng-doc-icon-color: var(--ng-doc-text-muted)}:host .ng-doc-code-wrapper{height:100%}:host .ng-doc-code-body{position:relative;height:100%;border-radius:var(--ng-doc-code-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-code-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host .ng-doc-code-body ::ng-deep pre{display:flex;margin:var(--ng-doc-code-margin);height:100%}:host .ng-doc-code-body ::ng-deep pre code{display:block;padding:calc(var(--ng-doc-base-gutter) * 2) 0;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%}:host .ng-doc-code-body ::ng-deep pre code.code-lines{display:grid;padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-code-body ::ng-deep pre code .line{display:inline-block;width:100%;padding:0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted{position:relative;background:color-mix(in srgb,var(--ng-doc-code-highlight-color),transparent 90%)!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted span{background:transparent!important}:host .ng-doc-code-body ::ng-deep pre code .line.highlighted:after{content:\\\"\\\";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--ng-doc-code-highlight-color);opacity:.8}\\n\"] }]\n        }], ctorParameters: () => [], propDecorators: { html: [{\n                type: Input\n            }], copyButton: [{\n                type: Input\n            }], name: [{\n                type: Input\n            }], icon: [{\n                type: Input\n            }], hasHeader: [{\n                type: HostBinding,\n                args: ['attr.data-ng-doc-has-header']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvY29kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWdCeEUsTUFBTSxPQUFPLGtCQUFrQjtJQWU3QjtRQWRRLGVBQVUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBR2pFLFNBQUksR0FBVyxFQUFFLENBQUM7UUFHbEIsZUFBVSxHQUFZLElBQUksQ0FBQztJQVFaLENBQUM7SUFFaEIsSUFDSSxTQUFTO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ3RFLENBQUM7OEdBeEJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLGtPQzlCL0IseXNCQXlCQSx5b0ZESEksa0JBQWtCLGlIQUNsQixrQkFBa0IsZ0dBQ2xCLDJCQUEyQiwySEFDM0Isd0JBQXdCLDRFQUN4QixxQkFBcUIsK0NBRVIsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7OzJGQUVqRSxrQkFBa0I7a0JBZDlCLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQiwyQkFBMkI7d0JBQzNCLHdCQUF3Qjt3QkFDeEIscUJBQXFCO3FCQUN0QixpQkFDYyxDQUFDLHdCQUF3QixDQUFDLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQzt3REFNNUUsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQU1GLFNBQVM7c0JBRFosV0FBVzt1QkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgaW5qZWN0LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0RvY0NvcHlCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2NvcHktYnV0dG9uJztcbmltcG9ydCB7IE5nRG9jU2FuaXRpemVIdG1sUGlwZSB9IGZyb20gJ0BuZy1kb2MvYXBwL3BpcGVzJztcbmltcG9ydCB7IE5nRG9jUGFnZVByb2Nlc3NvckNvbXBvbmVudCB9IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMvcGFnZS1wcm9jZXNzb3InO1xuaW1wb3J0IHsgbGlua1Byb2Nlc3NvciB9IGZyb20gJ0BuZy1kb2MvYXBwL3Byb2Nlc3NvcnMvcHJvY2Vzc29ycy9saW5rJztcbmltcG9ydCB7IHRvb2x0aXBQcm9jZXNzb3IgfSBmcm9tICdAbmctZG9jL2FwcC9wcm9jZXNzb3JzL3Byb2Nlc3NvcnMvdG9vbHRpcCc7XG5pbXBvcnQgeyBwcm92aWRlTWFpblBhZ2VQcm9jZXNzb3IgfSBmcm9tICdAbmctZG9jL2FwcC90b2tlbnMnO1xuaW1wb3J0IHsgTmdEb2NJY29uQ29tcG9uZW50LCBOZ0RvY1RleHRDb21wb25lbnQgfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWRvYy1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2RlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdEb2NUZXh0Q29tcG9uZW50LFxuICAgIE5nRG9jSWNvbkNvbXBvbmVudCxcbiAgICBOZ0RvY1BhZ2VQcm9jZXNzb3JDb21wb25lbnQsXG4gICAgTmdEb2NDb3B5QnV0dG9uQ29tcG9uZW50LFxuICAgIE5nRG9jU2FuaXRpemVIdG1sUGlwZSxcbiAgXSxcbiAgdmlld1Byb3ZpZGVyczogW3Byb3ZpZGVNYWluUGFnZVByb2Nlc3NvcihbbGlua1Byb2Nlc3NvciwgdG9vbHRpcFByb2Nlc3Nvcl0pXSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NDb2RlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuICBASW5wdXQoKVxuICBodG1sOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBjb3B5QnV0dG9uOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBuYW1lPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy1oYXMtaGVhZGVyJylcbiAgZ2V0IGhhc0hlYWRlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLm5hbWUgfHwgISF0aGlzLmljb247XG4gIH1cblxuICBnZXQgY29kZUVsZW1lbnQoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ2NvZGUnKSA/PyBudWxsO1xuICB9XG59XG4iLCJAaWYgKGhhc0hlYWRlcikge1xuICA8ZGl2IGNsYXNzPVwibmctZG9jLWNvZGUtaGVhZGVyXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJuZy1kb2MtY29kZS1maWxlLW5hbWVcIiBuZy1kb2MtdGV4dD5cbiAgICAgIEBpZiAoaWNvbikge1xuICAgICAgICA8bmctZG9jLWljb24gW2N1c3RvbUljb25dPVwiaWNvblwiPjwvbmctZG9jLWljb24+XG4gICAgICB9XG4gICAgICB7eyBuYW1lIH19XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbn1cbjxkaXYgY2xhc3M9XCJuZy1kb2MtY29kZS1ib2R5XCI+XG4gIEBpZiAoaHRtbCkge1xuICAgIDxkaXYgY2xhc3M9XCJuZy1kb2MtY29kZS13cmFwcGVyXCIgW25nRG9jUGFnZVByb2Nlc3Nvcl09XCJodG1sIHwgbmdEb2NTYW5pdGl6ZUh0bWxcIj48L2Rpdj5cbiAgfSBAZWxzZSB7XG4gICAgPGRpdiBjbGFzcz1cIm5nLWRvYy1jb2RlLXdyYXBwZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgfVxuXG4gIEBpZiAoY29weUJ1dHRvbikge1xuICAgIDxuZy1kb2MtY29weS1idXR0b24gY2xhc3M9XCJuZy1kb2MtY29weS1idXR0b25cIiBbdGV4dF09XCJ0aGlzLmNvZGVFbGVtZW50Py50ZXh0Q29udGVudCA/PyAnJ1wiPlxuICAgICAgPG5nLWRvYy1pY29uIGljb249XCJjb3B5XCI+PC9uZy1kb2MtaWNvbj5cbiAgICA8L25nLWRvYy1jb3B5LWJ1dHRvbj5cbiAgfVxuPC9kaXY+XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLWNvZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2NvZGUvbmctZG9jLWFwcC1jb21wb25lbnRzLWNvZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-components-copy-button.mjs

@@ -1,7 +1,7 @@
 import { Clipboard } from '@angular/cdk/clipboard';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
-import { NgDocTooltipDirective, NgDocButtonIconComponent, NgDocSmoothResizeComponent } from '@ng-doc/ui-kit';
+import { inject, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgDocButtonIconComponent, NgDocTooltipDirective, NgDocSmoothResizeComponent } from '@ng-doc/ui-kit';
 
 class NgDocCopyButtonComponent {
     constructor() {
@@ -12,8 +12,8 @@ class NgDocCopyButtonComponent {
         this.clipboard.copy(this.text);
         this.tooltip.show();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocCopyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocCopyButtonComponent, isStandalone: true, selector: "ng-doc-copy-button", inputs: { text: "text" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NgDocTooltipDirective, descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCopyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: NgDocCopyButtonComponent, isStandalone: true, selector: "ng-doc-copy-button", inputs: { text: "text" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NgDocTooltipDirective, descendants: true, static: true }], ngImport: i0, template: `
     <button
       ng-doc-button-icon
       [rounded]="false"
@@ -29,7 +29,7 @@ class NgDocCopyButtonComponent {
     </button>
   `, isInline: true, dependencies: [{ kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocCopyButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocCopyButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-doc-copy-button',

package/fesm2022/ng-doc-app-components-copy-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-copy-button.mjs","sources":["../../../../libs/app/components/copy-button/copy-button.component.ts","../../../../libs/app/components/copy-button/ng-doc-app-components-copy-button.ts"],"sourcesContent":["import { Clipboard } from '@angular/cdk/clipboard';\nimport { ChangeDetectionStrategy, Component, inject, Input, ViewChild } from '@angular/core';\nimport {\n  NgDocButtonIconComponent,\n  NgDocSmoothResizeComponent,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-copy-button',\n  imports: [NgDocButtonIconComponent, NgDocTooltipDirective, NgDocSmoothResizeComponent],\n  template: `\n    <button\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      (click)=\"copy(); tooltipText = 'Copied!'\"\n      [ngDocTooltip]=\"tooltipContent\"\n      (mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n      <ng-template #tooltipContent>\n        <ng-doc-smooth-resize [trigger]=\"tooltipText\">\n          {{ tooltipText }}\n        </ng-doc-smooth-resize>\n      </ng-template>\n      <ng-content></ng-content>\n    </button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocCopyButtonComponent {\n  @Input({ required: true })\n  text!: string;\n\n  @ViewChild(NgDocTooltipDirective, { static: true })\n  tooltip!: NgDocTooltipDirective;\n\n  protected tooltipText: string = '';\n  protected readonly clipboard = inject(Clipboard);\n\n  copy(): void {\n    this.clipboard.copy(this.text);\n    this.tooltip.show();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA4Ba,wBAAwB,CAAA;AApBrC,IAAA,WAAA,GAAA;QA2BY,IAAW,CAAA,WAAA,GAAW,EAAE;AACf,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAMjD;IAJC,IAAI,GAAA;QACF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;;8GAZV,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIxB,qBAAqB,EArBtB,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;AAcT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAfS,wBAAwB,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,0BAA0B,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAkB1E,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBApBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,OAAO,EAAE,CAAC,wBAAwB,EAAE,qBAAqB,EAAE,0BAA0B,CAAC;AACtF,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;AAcT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;8BAGC,IAAI,EAAA,CAAA;sBADH,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAIzB,OAAO,EAAA,CAAA;sBADN,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;AChCpD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-components-copy-button.mjs","sources":["../tmp-esm2022/components/copy-button/copy-button.component.js","../tmp-esm2022/components/copy-button/ng-doc-app-components-copy-button.js"],"sourcesContent":["import { Clipboard } from '@angular/cdk/clipboard';\nimport { ChangeDetectionStrategy, Component, inject, Input, ViewChild } from '@angular/core';\nimport { NgDocButtonIconComponent, NgDocSmoothResizeComponent, NgDocTooltipDirective, } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocCopyButtonComponent {\n    constructor() {\n        this.tooltipText = '';\n        this.clipboard = inject(Clipboard);\n    }\n    copy() {\n        this.clipboard.copy(this.text);\n        this.tooltip.show();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCopyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.3\", type: NgDocCopyButtonComponent, isStandalone: true, selector: \"ng-doc-copy-button\", inputs: { text: \"text\" }, viewQueries: [{ propertyName: \"tooltip\", first: true, predicate: NgDocTooltipDirective, descendants: true, static: true }], ngImport: i0, template: `\n    <button\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      (click)=\"copy(); tooltipText = 'Copied!'\"\n      [ngDocTooltip]=\"tooltipContent\"\n      (mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n      <ng-template #tooltipContent>\n        <ng-doc-smooth-resize [trigger]=\"tooltipText\">\n          {{ tooltipText }}\n        </ng-doc-smooth-resize>\n      </ng-template>\n      <ng-content></ng-content>\n    </button>\n  `, isInline: true, dependencies: [{ kind: \"component\", type: NgDocButtonIconComponent, selector: \"button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]\", inputs: [\"size\", \"rounded\"] }, { kind: \"directive\", type: NgDocTooltipDirective, selector: \"[ngDocTooltip]\", inputs: [\"ngDocTooltip\", \"delay\", \"displayOrigin\", \"pointerOrigin\", \"positions\", \"canOpen\", \"panelClass\", \"minHeight\", \"maxHeight\", \"height\", \"minWidth\", \"maxWidth\", \"width\"], outputs: [\"beforeOpen\", \"afterOpen\", \"beforeClose\", \"afterClose\"], exportAs: [\"ngDocTooltip\"] }, { kind: \"component\", type: NgDocSmoothResizeComponent, selector: \"ng-doc-smooth-resize\", inputs: [\"trigger\", \"animateOpacity\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCopyButtonComponent, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'ng-doc-copy-button',\n                    imports: [NgDocButtonIconComponent, NgDocTooltipDirective, NgDocSmoothResizeComponent],\n                    template: `\n    <button\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      (click)=\"copy(); tooltipText = 'Copied!'\"\n      [ngDocTooltip]=\"tooltipContent\"\n      (mouseenter)=\"tooltipText = 'Copy to clipboard'\">\n      <ng-template #tooltipContent>\n        <ng-doc-smooth-resize [trigger]=\"tooltipText\">\n          {{ tooltipText }}\n        </ng-doc-smooth-resize>\n      </ng-template>\n      <ng-content></ng-content>\n    </button>\n  `,\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                }]\n        }], propDecorators: { text: [{\n                type: Input,\n                args: [{ required: true }]\n            }], tooltip: [{\n                type: ViewChild,\n                args: [NgDocTooltipDirective, { static: true }]\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9jb3B5LWJ1dHRvbi9jb3B5LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUNMLHdCQUF3QixFQUN4QiwwQkFBMEIsRUFDMUIscUJBQXFCLEdBQ3RCLE1BQU0sZ0JBQWdCLENBQUM7O0FBc0J4QixNQUFNLE9BQU8sd0JBQXdCO0lBcEJyQztRQTJCWSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUNoQixjQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBTWxEO0lBSkMsSUFBSTtRQUNGLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7OEdBYlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsaUpBSXhCLHFCQUFxQiw4REFyQnRCOzs7Ozs7Ozs7Ozs7OztHQWNULDREQWZTLHdCQUF3Qix1UUFBRSxxQkFBcUIsMFVBQUUsMEJBQTBCOzsyRkFrQjFFLHdCQUF3QjtrQkFwQnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUscUJBQXFCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3RGLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7R0FjVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OEJBR0MsSUFBSTtzQkFESCxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFJekIsT0FBTztzQkFETixTQUFTO3VCQUFDLHFCQUFxQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsaXBib2FyZCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOZ0RvY0J1dHRvbkljb25Db21wb25lbnQsXG4gIE5nRG9jU21vb3RoUmVzaXplQ29tcG9uZW50LFxuICBOZ0RvY1Rvb2x0aXBEaXJlY3RpdmUsXG59IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctZG9jLWNvcHktYnV0dG9uJyxcbiAgaW1wb3J0czogW05nRG9jQnV0dG9uSWNvbkNvbXBvbmVudCwgTmdEb2NUb29sdGlwRGlyZWN0aXZlLCBOZ0RvY1Ntb290aFJlc2l6ZUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgbmctZG9jLWJ1dHRvbi1pY29uXG4gICAgICBbcm91bmRlZF09XCJmYWxzZVwiXG4gICAgICAoY2xpY2spPVwiY29weSgpOyB0b29sdGlwVGV4dCA9ICdDb3BpZWQhJ1wiXG4gICAgICBbbmdEb2NUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCJcbiAgICAgIChtb3VzZWVudGVyKT1cInRvb2x0aXBUZXh0ID0gJ0NvcHkgdG8gY2xpcGJvYXJkJ1wiPlxuICAgICAgPG5nLXRlbXBsYXRlICN0b29sdGlwQ29udGVudD5cbiAgICAgICAgPG5nLWRvYy1zbW9vdGgtcmVzaXplIFt0cmlnZ2VyXT1cInRvb2x0aXBUZXh0XCI+XG4gICAgICAgICAge3sgdG9vbHRpcFRleHQgfX1cbiAgICAgICAgPC9uZy1kb2Mtc21vb3RoLXJlc2l6ZT5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9idXR0b24+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0NvcHlCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICB0ZXh0ITogc3RyaW5nO1xuXG4gIEBWaWV3Q2hpbGQoTmdEb2NUb29sdGlwRGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICB0b29sdGlwITogTmdEb2NUb29sdGlwRGlyZWN0aXZlO1xuXG4gIHByb3RlY3RlZCB0b29sdGlwVGV4dDogc3RyaW5nID0gJyc7XG4gIHByb3RlY3RlZCByZWFkb25seSBjbGlwYm9hcmQgPSBpbmplY3QoQ2xpcGJvYXJkKTtcblxuICBjb3B5KCk6IHZvaWQge1xuICAgIHRoaXMuY2xpcGJvYXJkLmNvcHkodGhpcy50ZXh0KTtcbiAgICB0aGlzLnRvb2x0aXAuc2hvdygpO1xuICB9XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLWNvcHktYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9jb3B5LWJ1dHRvbi9uZy1kb2MtYXBwLWNvbXBvbmVudHMtY29weS1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-components-demo-displayer.mjs

@@ -1,6 +1,6 @@
-import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocCodeComponent } from '@ng-doc/app/components/code';
 import { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';
 import { NgDocCodeHighlighterDirective } from '@ng-doc/app/directives/code-highlighter';
@@ -18,13 +18,12 @@ class NgDocDemoDisplayerComponent {
     get expandTooltipText() {
         return this.expanded ? 'Collapse' : 'Expand';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocDemoDisplayerComponent, isStandalone: true, 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  <div class=\"ng-doc-demo-container\">\n    <div class=\"ng-doc-demo\">\n      <ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n    </div>\n    <div class=\"ng-doc-demo-controls\">\n      <ng-doc-copy-button *ngIf=\"!codeContent\" [text]=\"code\">\n        <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n      </ng-doc-copy-button>\n      <button\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        (click)=\"expanded = !expanded\"\n        [ngDocTooltip]=\"tooltipContent\">\n        <ng-template #tooltipContent>\n          <ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n            {{ expandTooltipText }}\n          </ng-doc-smooth-resize>\n        </ng-template>\n        <ng-doc-icon icon=\"code\"></ng-doc-icon>\n      </button>\n    </div>\n  </div>\n  <ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n    <ng-template #expanderContent>\n      <ng-doc-code [copyButton]=\"false\">\n        <div [ngDocHighlighter]=\"code\"></div>\n      </ng-doc-code>\n    </ng-template>\n  </ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "collapseMod", "from"] }, { kind: "component", type: NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "name", "icon"] }, { kind: "directive", type: NgDocCodeHighlighterDirective, selector: "[ngDocHighlighter]", inputs: ["ngDocHighlighter"] }, { kind: "component", type: NgDocCopyButtonComponent, selector: "ng-doc-copy-button", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocDemoDisplayerComponent, isStandalone: true, 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: "@if (container) {\n  <div class=\"ng-doc-demo-wrapper\">\n    <div class=\"ng-doc-demo-container\">\n      <div class=\"ng-doc-demo\">\n        <ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n      </div>\n      <div class=\"ng-doc-demo-controls\">\n        @if (!codeContent) {\n          <ng-doc-copy-button [text]=\"code\">\n            <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n          </ng-doc-copy-button>\n        }\n        <button\n          ng-doc-button-icon\n          [rounded]=\"false\"\n          (click)=\"expanded = !expanded\"\n          [ngDocTooltip]=\"tooltipContent\">\n          <ng-template #tooltipContent>\n            <ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n              {{ expandTooltipText }}\n            </ng-doc-smooth-resize>\n          </ng-template>\n          <ng-doc-icon icon=\"code\"></ng-doc-icon>\n        </button>\n      </div>\n    </div>\n    <ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n      <ng-template #expanderContent>\n        <ng-doc-code [copyButton]=\"false\">\n          <div [ngDocHighlighter]=\"code\"></div>\n        </ng-doc-code>\n      </ng-template>\n    </ng-doc-expander>\n  </div>\n} @else {\n  <ng-content></ng-content>\n}\n\n<ng-template #demoTemplate>\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "collapseMod", "from"] }, { kind: "component", type: NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "name", "icon"] }, { kind: "directive", type: NgDocCodeHighlighterDirective, selector: "[ngDocHighlighter]", inputs: ["ngDocHighlighter"] }, { kind: "component", type: NgDocCopyButtonComponent, selector: "ng-doc-copy-button", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-demo-displayer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
                         NgTemplateOutlet,
                         NgDocButtonIconComponent,
                         NgDocTooltipDirective,
@@ -34,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         NgDocCodeComponent,
                         NgDocCodeHighlighterDirective,
                         NgDocCopyButtonComponent,
-                    ], template: "<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n  <div class=\"ng-doc-demo-container\">\n    <div class=\"ng-doc-demo\">\n      <ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n    </div>\n    <div class=\"ng-doc-demo-controls\">\n      <ng-doc-copy-button *ngIf=\"!codeContent\" [text]=\"code\">\n        <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n      </ng-doc-copy-button>\n      <button\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        (click)=\"expanded = !expanded\"\n        [ngDocTooltip]=\"tooltipContent\">\n        <ng-template #tooltipContent>\n          <ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n            {{ expandTooltipText }}\n          </ng-doc-smooth-resize>\n        </ng-template>\n        <ng-doc-icon icon=\"code\"></ng-doc-icon>\n      </button>\n    </div>\n  </div>\n  <ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n    <ng-template #expanderContent>\n      <ng-doc-code [copyButton]=\"false\">\n        <div [ngDocHighlighter]=\"code\"></div>\n      </ng-doc-code>\n    </ng-template>\n  </ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\n"] }]
+                    ], template: "@if (container) {\n  <div class=\"ng-doc-demo-wrapper\">\n    <div class=\"ng-doc-demo-container\">\n      <div class=\"ng-doc-demo\">\n        <ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n      </div>\n      <div class=\"ng-doc-demo-controls\">\n        @if (!codeContent) {\n          <ng-doc-copy-button [text]=\"code\">\n            <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n          </ng-doc-copy-button>\n        }\n        <button\n          ng-doc-button-icon\n          [rounded]=\"false\"\n          (click)=\"expanded = !expanded\"\n          [ngDocTooltip]=\"tooltipContent\">\n          <ng-template #tooltipContent>\n            <ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n              {{ expandTooltipText }}\n            </ng-doc-smooth-resize>\n          </ng-template>\n          <ng-doc-icon icon=\"code\"></ng-doc-icon>\n        </button>\n      </div>\n    </div>\n    <ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n      <ng-template #expanderContent>\n        <ng-doc-code [copyButton]=\"false\">\n          <div [ngDocHighlighter]=\"code\"></div>\n        </ng-doc-code>\n      </ng-template>\n    </ng-doc-expander>\n  </div>\n} @else {\n  <ng-content></ng-content>\n}\n\n<ng-template #demoTemplate>\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\n"] }]
         }], propDecorators: { codeContent: [{
                 type: Input
             }], code: [{

package/fesm2022/ng-doc-app-components-demo-displayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-demo-displayer.mjs","sources":["../../../../libs/app/components/demo-displayer/demo-displayer.component.ts","../../../../libs/app/components/demo-displayer/demo-displayer.component.html","../../../../libs/app/components/demo-displayer/ng-doc-app-components-demo-displayer.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';\nimport { NgDocCodeHighlighterDirective } from '@ng-doc/app/directives/code-highlighter';\nimport {\n  NgDocButtonIconComponent,\n  NgDocContent,\n  NgDocExpanderComponent,\n  NgDocIconComponent,\n  NgDocSmoothResizeComponent,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-demo-displayer',\n  templateUrl: './demo-displayer.component.html',\n  styleUrls: ['./demo-displayer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    NgDocButtonIconComponent,\n    NgDocTooltipDirective,\n    NgDocSmoothResizeComponent,\n    NgDocIconComponent,\n    NgDocExpanderComponent,\n    NgDocCodeComponent,\n    NgDocCodeHighlighterDirective,\n    NgDocCopyButtonComponent,\n  ],\n})\nexport class NgDocDemoDisplayerComponent {\n  @Input()\n  codeContent: NgDocContent = '';\n\n  @Input()\n  code: string = '';\n\n  @Input()\n  language: string = 'typescript';\n\n  @Input()\n  container: boolean = true;\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-border')\n  border: boolean = true;\n\n  @Input()\n  expanded: boolean = false;\n\n  protected get expandTooltipText(): string {\n    return this.expanded ? 'Collapse' : 'Expand';\n  }\n}\n","<div class=\"ng-doc-demo-wrapper\" *ngIf=\"container; else demoTemplate\">\n  <div class=\"ng-doc-demo-container\">\n    <div class=\"ng-doc-demo\">\n      <ng-container *ngTemplateOutlet=\"demoTemplate\"></ng-container>\n    </div>\n    <div class=\"ng-doc-demo-controls\">\n      <ng-doc-copy-button *ngIf=\"!codeContent\" [text]=\"code\">\n        <ng-doc-icon icon=\"copy\"></ng-doc-icon>\n      </ng-doc-copy-button>\n      <button\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        (click)=\"expanded = !expanded\"\n        [ngDocTooltip]=\"tooltipContent\">\n        <ng-template #tooltipContent>\n          <ng-doc-smooth-resize [trigger]=\"expandTooltipText\">\n            {{ expandTooltipText }}\n          </ng-doc-smooth-resize>\n        </ng-template>\n        <ng-doc-icon icon=\"code\"></ng-doc-icon>\n      </button>\n    </div>\n  </div>\n  <ng-doc-expander [content]=\"codeContent ? codeContent : expanderContent\" [expanded]=\"expanded\">\n    <ng-template #expanderContent>\n      <ng-doc-code [copyButton]=\"false\">\n        <div [ngDocHighlighter]=\"code\"></div>\n      </ng-doc-code>\n    </ng-template>\n  </ng-doc-expander>\n</div>\n\n<ng-template #demoTemplate>\n  <ng-content></ng-content>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-components-demo-displayer.mjs","sources":["../tmp-esm2022/components/demo-displayer/demo-displayer.component.js","../tmp-esm2022/components/demo-displayer/ng-doc-app-components-demo-displayer.js"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocCopyButtonComponent } from '@ng-doc/app/components/copy-button';\nimport { NgDocCodeHighlighterDirective } from '@ng-doc/app/directives/code-highlighter';\nimport { NgDocButtonIconComponent, NgDocExpanderComponent, NgDocIconComponent, NgDocSmoothResizeComponent, NgDocTooltipDirective, } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocDemoDisplayerComponent {\n    constructor() {\n        this.codeContent = '';\n        this.code = '';\n        this.language = 'typescript';\n        this.container = true;\n        this.border = true;\n        this.expanded = false;\n    }\n    get expandTooltipText() {\n        return this.expanded ? 'Collapse' : 'Expand';\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocDemoDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocDemoDisplayerComponent, isStandalone: true, 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: \"@if (container) {\\n  <div class=\\\"ng-doc-demo-wrapper\\\">\\n    <div class=\\\"ng-doc-demo-container\\\">\\n      <div class=\\\"ng-doc-demo\\\">\\n        <ng-container *ngTemplateOutlet=\\\"demoTemplate\\\"></ng-container>\\n      </div>\\n      <div class=\\\"ng-doc-demo-controls\\\">\\n        @if (!codeContent) {\\n          <ng-doc-copy-button [text]=\\\"code\\\">\\n            <ng-doc-icon icon=\\\"copy\\\"></ng-doc-icon>\\n          </ng-doc-copy-button>\\n        }\\n        <button\\n          ng-doc-button-icon\\n          [rounded]=\\\"false\\\"\\n          (click)=\\\"expanded = !expanded\\\"\\n          [ngDocTooltip]=\\\"tooltipContent\\\">\\n          <ng-template #tooltipContent>\\n            <ng-doc-smooth-resize [trigger]=\\\"expandTooltipText\\\">\\n              {{ expandTooltipText }}\\n            </ng-doc-smooth-resize>\\n          </ng-template>\\n          <ng-doc-icon icon=\\\"code\\\"></ng-doc-icon>\\n        </button>\\n      </div>\\n    </div>\\n    <ng-doc-expander [content]=\\\"codeContent ? codeContent : expanderContent\\\" [expanded]=\\\"expanded\\\">\\n      <ng-template #expanderContent>\\n        <ng-doc-code [copyButton]=\\\"false\\\">\\n          <div [ngDocHighlighter]=\\\"code\\\"></div>\\n        </ng-doc-code>\\n      </ng-template>\\n    </ng-doc-expander>\\n  </div>\\n} @else {\\n  <ng-content></ng-content>\\n}\\n\\n<ng-template #demoTemplate>\\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: NgDocButtonIconComponent, selector: \"button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]\", inputs: [\"size\", \"rounded\"] }, { kind: \"directive\", type: NgDocTooltipDirective, selector: \"[ngDocTooltip]\", inputs: [\"ngDocTooltip\", \"delay\", \"displayOrigin\", \"pointerOrigin\", \"positions\", \"canOpen\", \"panelClass\", \"minHeight\", \"maxHeight\", \"height\", \"minWidth\", \"maxWidth\", \"width\"], outputs: [\"beforeOpen\", \"afterOpen\", \"beforeClose\", \"afterClose\"], exportAs: [\"ngDocTooltip\"] }, { kind: \"component\", type: NgDocSmoothResizeComponent, selector: \"ng-doc-smooth-resize\", inputs: [\"trigger\", \"animateOpacity\"] }, { kind: \"component\", type: NgDocIconComponent, selector: \"ng-doc-icon\", inputs: [\"icon\", \"customIcon\", \"size\"] }, { kind: \"component\", type: NgDocExpanderComponent, selector: \"ng-doc-expander\", inputs: [\"expanded\", \"content\", \"collapseMod\", \"from\"] }, { kind: \"component\", type: NgDocCodeComponent, selector: \"ng-doc-code\", inputs: [\"html\", \"copyButton\", \"name\", \"icon\"] }, { kind: \"directive\", type: NgDocCodeHighlighterDirective, selector: \"[ngDocHighlighter]\", inputs: [\"ngDocHighlighter\"] }, { kind: \"component\", type: NgDocCopyButtonComponent, selector: \"ng-doc-copy-button\", inputs: [\"text\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocDemoDisplayerComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-demo-displayer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [\n                        NgTemplateOutlet,\n                        NgDocButtonIconComponent,\n                        NgDocTooltipDirective,\n                        NgDocSmoothResizeComponent,\n                        NgDocIconComponent,\n                        NgDocExpanderComponent,\n                        NgDocCodeComponent,\n                        NgDocCodeHighlighterDirective,\n                        NgDocCopyButtonComponent,\n                    ], template: \"@if (container) {\\n  <div class=\\\"ng-doc-demo-wrapper\\\">\\n    <div class=\\\"ng-doc-demo-container\\\">\\n      <div class=\\\"ng-doc-demo\\\">\\n        <ng-container *ngTemplateOutlet=\\\"demoTemplate\\\"></ng-container>\\n      </div>\\n      <div class=\\\"ng-doc-demo-controls\\\">\\n        @if (!codeContent) {\\n          <ng-doc-copy-button [text]=\\\"code\\\">\\n            <ng-doc-icon icon=\\\"copy\\\"></ng-doc-icon>\\n          </ng-doc-copy-button>\\n        }\\n        <button\\n          ng-doc-button-icon\\n          [rounded]=\\\"false\\\"\\n          (click)=\\\"expanded = !expanded\\\"\\n          [ngDocTooltip]=\\\"tooltipContent\\\">\\n          <ng-template #tooltipContent>\\n            <ng-doc-smooth-resize [trigger]=\\\"expandTooltipText\\\">\\n              {{ expandTooltipText }}\\n            </ng-doc-smooth-resize>\\n          </ng-template>\\n          <ng-doc-icon icon=\\\"code\\\"></ng-doc-icon>\\n        </button>\\n      </div>\\n    </div>\\n    <ng-doc-expander [content]=\\\"codeContent ? codeContent : expanderContent\\\" [expanded]=\\\"expanded\\\">\\n      <ng-template #expanderContent>\\n        <ng-doc-code [copyButton]=\\\"false\\\">\\n          <div [ngDocHighlighter]=\\\"code\\\"></div>\\n        </ng-doc-code>\\n      </ng-template>\\n    </ng-doc-expander>\\n  </div>\\n} @else {\\n  <ng-content></ng-content>\\n}\\n\\n<ng-template #demoTemplate>\\n  <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;--ng-doc-code-border: none}: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}:host ng-doc-code{border-top:1px solid var(--ng-doc-border-color)}\\n\"] }]\n        }], propDecorators: { codeContent: [{\n                type: Input\n            }], code: [{\n                type: Input\n            }], language: [{\n                type: Input\n            }], container: [{\n                type: Input\n            }], border: [{\n                type: Input\n            }, {\n                type: HostBinding,\n                args: ['attr.data-ng-doc-border']\n            }], expanded: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9kZW1vLWRpc3BsYXllci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tZGlzcGxheWVyL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN4RixPQUFPLEVBQ0wsd0JBQXdCLEVBRXhCLHNCQUFzQixFQUN0QixrQkFBa0IsRUFDbEIsMEJBQTBCLEVBQzFCLHFCQUFxQixHQUN0QixNQUFNLGdCQUFnQixDQUFDOztBQW1CeEIsTUFBTSxPQUFPLDJCQUEyQjtJQWpCeEM7UUFtQkUsZ0JBQVcsR0FBaUIsRUFBRSxDQUFDO1FBRy9CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFHbEIsYUFBUSxHQUFXLFlBQVksQ0FBQztRQUdoQyxjQUFTLEdBQVksSUFBSSxDQUFDO1FBSTFCLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFHdkIsYUFBUSxHQUFZLEtBQUssQ0FBQztLQUszQjtJQUhDLElBQWMsaUJBQWlCO1FBQzdCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDL0MsQ0FBQzs4R0F0QlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsaVNDL0J4QyxtMUNBeUNBLGsxQkRyQkksZ0JBQWdCLG9KQUNoQix3QkFBd0IsdVFBQ3hCLHFCQUFxQiwwVUFDckIsMEJBQTBCLHdHQUMxQixrQkFBa0IsZ0dBQ2xCLHNCQUFzQixvSEFDdEIsa0JBQWtCLHdHQUNsQiw2QkFBNkIsNkZBQzdCLHdCQUF3Qjs7MkZBR2YsMkJBQTJCO2tCQWpCdkMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsZ0JBQWdCO3dCQUNoQix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQixrQkFBa0I7d0JBQ2xCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQiw2QkFBNkI7d0JBQzdCLHdCQUF3QjtxQkFDekI7OEJBSUQsV0FBVztzQkFEVixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUtOLE1BQU07c0JBRkwsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBSXRDLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0RvY0NvZGVDb21wb25lbnQgfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2NvZGUnO1xuaW1wb3J0IHsgTmdEb2NDb3B5QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQG5nLWRvYy9hcHAvY29tcG9uZW50cy9jb3B5LWJ1dHRvbic7XG5pbXBvcnQgeyBOZ0RvY0NvZGVIaWdobGlnaHRlckRpcmVjdGl2ZSB9IGZyb20gJ0BuZy1kb2MvYXBwL2RpcmVjdGl2ZXMvY29kZS1oaWdobGlnaHRlcic7XG5pbXBvcnQge1xuICBOZ0RvY0J1dHRvbkljb25Db21wb25lbnQsXG4gIE5nRG9jQ29udGVudCxcbiAgTmdEb2NFeHBhbmRlckNvbXBvbmVudCxcbiAgTmdEb2NJY29uQ29tcG9uZW50LFxuICBOZ0RvY1Ntb290aFJlc2l6ZUNvbXBvbmVudCxcbiAgTmdEb2NUb29sdGlwRGlyZWN0aXZlLFxufSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWRvYy1kZW1vLWRpc3BsYXllcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZW1vLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RlbW8tZGlzcGxheWVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBOZ0RvY0J1dHRvbkljb25Db21wb25lbnQsXG4gICAgTmdEb2NUb29sdGlwRGlyZWN0aXZlLFxuICAgIE5nRG9jU21vb3RoUmVzaXplQ29tcG9uZW50LFxuICAgIE5nRG9jSWNvbkNvbXBvbmVudCxcbiAgICBOZ0RvY0V4cGFuZGVyQ29tcG9uZW50LFxuICAgIE5nRG9jQ29kZUNvbXBvbmVudCxcbiAgICBOZ0RvY0NvZGVIaWdobGlnaHRlckRpcmVjdGl2ZSxcbiAgICBOZ0RvY0NvcHlCdXR0b25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jRGVtb0Rpc3BsYXllckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGNvZGVDb250ZW50OiBOZ0RvY0NvbnRlbnQgPSAnJztcblxuICBASW5wdXQoKVxuICBjb2RlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBsYW5ndWFnZTogc3RyaW5nID0gJ3R5cGVzY3JpcHQnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRhaW5lcjogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLWJvcmRlcicpXG4gIGJvcmRlcjogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgZ2V0IGV4cGFuZFRvb2x0aXBUZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZXhwYW5kZWQgPyAnQ29sbGFwc2UnIDogJ0V4cGFuZCc7XG4gIH1cbn1cbiIsIkBpZiAoY29udGFpbmVyKSB7XG4gIDxkaXYgY2xhc3M9XCJuZy1kb2MtZGVtby13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkZW1vVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm5nLWRvYy1kZW1vLWNvbnRyb2xzXCI+XG4gICAgICAgIEBpZiAoIWNvZGVDb250ZW50KSB7XG4gICAgICAgICAgPG5nLWRvYy1jb3B5LWJ1dHRvbiBbdGV4dF09XCJjb2RlXCI+XG4gICAgICAgICAgICA8bmctZG9jLWljb24gaWNvbj1cImNvcHlcIj48L25nLWRvYy1pY29uPlxuICAgICAgICAgIDwvbmctZG9jLWNvcHktYnV0dG9uPlxuICAgICAgICB9XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBuZy1kb2MtYnV0dG9uLWljb25cbiAgICAgICAgICBbcm91bmRlZF09XCJmYWxzZVwiXG4gICAgICAgICAgKGNsaWNrKT1cImV4cGFuZGVkID0gIWV4cGFuZGVkXCJcbiAgICAgICAgICBbbmdEb2NUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCI+XG4gICAgICAgICAgPG5nLXRlbXBsYXRlICN0b29sdGlwQ29udGVudD5cbiAgICAgICAgICAgIDxuZy1kb2Mtc21vb3RoLXJlc2l6ZSBbdHJpZ2dlcl09XCJleHBhbmRUb29sdGlwVGV4dFwiPlxuICAgICAgICAgICAgICB7eyBleHBhbmRUb29sdGlwVGV4dCB9fVxuICAgICAgICAgICAgPC9uZy1kb2Mtc21vb3RoLXJlc2l6ZT5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDxuZy1kb2MtaWNvbiBpY29uPVwiY29kZVwiPjwvbmctZG9jLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWRvYy1leHBhbmRlciBbY29udGVudF09XCJjb2RlQ29udGVudCA/IGNvZGVDb250ZW50IDogZXhwYW5kZXJDb250ZW50XCIgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG4gICAgICA8bmctdGVtcGxhdGUgI2V4cGFuZGVyQ29udGVudD5cbiAgICAgICAgPG5nLWRvYy1jb2RlIFtjb3B5QnV0dG9uXT1cImZhbHNlXCI+XG4gICAgICAgICAgPGRpdiBbbmdEb2NIaWdobGlnaHRlcl09XCJjb2RlXCI+PC9kaXY+XG4gICAgICAgIDwvbmctZG9jLWNvZGU+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctZG9jLWV4cGFuZGVyPlxuICA8L2Rpdj5cbn0gQGVsc2Uge1xuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG59XG5cbjxuZy10ZW1wbGF0ZSAjZGVtb1RlbXBsYXRlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLWRlbW8tZGlzcGxheWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvY29tcG9uZW50cy9kZW1vLWRpc3BsYXllci9uZy1kb2MtYXBwLWNvbXBvbmVudHMtZGVtby1kaXNwbGF5ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-components-demo-pane.mjs

@@ -1,15 +1,15 @@
-import { NgTemplateOutlet, NgIf, NgFor, NgComponentOutlet } from '@angular/common';
+import { NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
-import * as i1 from '@ng-doc/app/classes/root-page';
+import { inject, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
 import { NgDocCodeComponent } from '@ng-doc/app/components/code';
 import { NgDocFullscreenButtonComponent } from '@ng-doc/app/components/fullscreen-button';
 import { asArray } from '@ng-doc/core/helpers/as-array';
 import { NgDocPaneComponent, NgDocPaneBackDirective, NgDocPaneFrontDirective, NgDocTabGroupComponent, NgDocTabComponent } from '@ng-doc/ui-kit';
 
 class NgDocDemoPaneComponent {
-    constructor(rootPage) {
-        this.rootPage = rootPage;
+    constructor() {
+        this.rootPage = inject(NgDocRootPage);
         this.options = {};
         this.assets = [];
     }
@@ -33,25 +33,23 @@ class NgDocDemoPaneComponent {
         }
         return [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocDemoPaneComponent, deps: [{ token: i1.NgDocRootPage }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NgDocDemoPaneComponent, isStandalone: true, 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  <ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n  <ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n  @if (options.fullscreenRoute) {\n  <ng-doc-fullscreen-button [route]=\"options.fullscreenRoute!\"></ng-doc-fullscreen-button>\n  } @else if (demo) {\n  <ng-container *ngComponentOutlet=\"demo; inputs: options.inputs\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #codeContent>\n  <ng-container *ngIf=\"assets.length === 1\">\n    <ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n  </ng-container>\n\n  <ng-container *ngIf=\"assets.length > 1\">\n    <ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n      <ng-doc-tab\n        *ngFor=\"let asset of assets\"\n        [id]=\"asset.title\"\n        [label]=\"asset.title\"\n        [content]=\"assetContent\">\n        <ng-template #assetContent>\n          <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n        </ng-template>\n      </ng-doc-tab>\n    </ng-doc-tab-group>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: NgDocPaneComponent, selector: "ng-doc-pane", inputs: ["expanded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgDocPaneBackDirective, selector: "[ngDocPaneBack]" }, { kind: "directive", type: NgDocPaneFrontDirective, selector: "[ngDocPaneFront]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "name", "icon"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab, a[ng-doc-tab]", inputs: ["label", "id", "content"] }, { kind: "component", type: NgDocFullscreenButtonComponent, selector: "ng-doc-fullscreen-button", inputs: ["route"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocDemoPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocDemoPaneComponent, isStandalone: true, 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  <ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n  <ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n  @if (options.fullscreenRoute) {\n    <ng-doc-fullscreen-button [route]=\"options.fullscreenRoute!\"></ng-doc-fullscreen-button>\n  } @else if (demo) {\n    <ng-container *ngComponentOutlet=\"demo; inputs: options.inputs\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #codeContent>\n  @if (assets.length === 1) {\n    @for (asset of assets; track asset) {\n      <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n    }\n  }\n\n  @if (assets.length > 1) {\n    <ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n      @for (asset of assets; track asset) {\n        <ng-doc-tab [id]=\"asset.title\" [label]=\"asset.title\" [content]=\"assetContent\">\n          <ng-template #assetContent>\n            <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n          </ng-template>\n        </ng-doc-tab>\n      }\n    </ng-doc-tab-group>\n  }\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: NgDocPaneComponent, selector: "ng-doc-pane", inputs: ["expanded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgDocPaneBackDirective, selector: "[ngDocPaneBack]" }, { kind: "directive", type: NgDocPaneFrontDirective, selector: "[ngDocPaneFront]" }, { kind: "component", type: NgDocCodeComponent, selector: "ng-doc-code", inputs: ["html", "copyButton", "name", "icon"] }, { kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab, a[ng-doc-tab]", inputs: ["label", "id", "content"] }, { kind: "component", type: NgDocFullscreenButtonComponent, selector: "ng-doc-fullscreen-button", inputs: ["route"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocDemoPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocDemoPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-demo-pane', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocPaneComponent,
                         NgTemplateOutlet,
                         NgDocPaneBackDirective,
                         NgDocPaneFrontDirective,
-                        NgIf,
-                        NgFor,
                         NgDocCodeComponent,
                         NgDocTabGroupComponent,
                         NgDocTabComponent,
                         NgDocFullscreenButtonComponent,
                         NgComponentOutlet,
-                    ], template: "<ng-doc-pane [expanded]=\"options.expanded ?? false\">\n  <ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n  <ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n  @if (options.fullscreenRoute) {\n  <ng-doc-fullscreen-button [route]=\"options.fullscreenRoute!\"></ng-doc-fullscreen-button>\n  } @else if (demo) {\n  <ng-container *ngComponentOutlet=\"demo; inputs: options.inputs\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #codeContent>\n  <ng-container *ngIf=\"assets.length === 1\">\n    <ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n  </ng-container>\n\n  <ng-container *ngIf=\"assets.length > 1\">\n    <ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n      <ng-doc-tab\n        *ngFor=\"let asset of assets\"\n        [id]=\"asset.title\"\n        [label]=\"asset.title\"\n        [content]=\"assetContent\">\n        <ng-template #assetContent>\n          <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n        </ng-template>\n      </ng-doc-tab>\n    </ng-doc-tab-group>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgDocRootPage }], propDecorators: { componentName: [{
+                    ], template: "<ng-doc-pane [expanded]=\"options.expanded ?? false\">\n  <ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n  <ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n  @if (options.fullscreenRoute) {\n    <ng-doc-fullscreen-button [route]=\"options.fullscreenRoute!\"></ng-doc-fullscreen-button>\n  } @else if (demo) {\n    <ng-container *ngComponentOutlet=\"demo; inputs: options.inputs\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #codeContent>\n  @if (assets.length === 1) {\n    @for (asset of assets; track asset) {\n      <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n    }\n  }\n\n  @if (assets.length > 1) {\n    <ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n      @for (asset of assets; track asset) {\n        <ng-doc-tab [id]=\"asset.title\" [label]=\"asset.title\" [content]=\"assetContent\">\n          <ng-template #assetContent>\n            <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n          </ng-template>\n        </ng-doc-tab>\n      }\n    </ng-doc-tab-group>\n  }\n</ng-template>\n", styles: [":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { componentName: [{
                 type: Input
             }], options: [{
                 type: Input

package/fesm2022/ng-doc-app-components-demo-pane.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-demo-pane.mjs","sources":["../../../../libs/app/components/demo-pane/demo-pane.component.ts","../../../../libs/app/components/demo-pane/demo-pane.component.html","../../../../libs/app/components/demo-pane/ng-doc-app-components-demo-pane.ts"],"sourcesContent":["import { NgComponentOutlet, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  Type,\n} from '@angular/core';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocFullscreenButtonComponent } from '@ng-doc/app/components/fullscreen-button';\nimport { NgDocDemoAsset } from '@ng-doc/app/interfaces';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocDemoPaneActionOptions } from '@ng-doc/core/interfaces';\nimport {\n  NgDocPaneBackDirective,\n  NgDocPaneComponent,\n  NgDocPaneFrontDirective,\n  NgDocTabComponent,\n  NgDocTabGroupComponent,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-demo-pane',\n  templateUrl: './demo-pane.component.html',\n  styleUrls: ['./demo-pane.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocPaneComponent,\n    NgTemplateOutlet,\n    NgDocPaneBackDirective,\n    NgDocPaneFrontDirective,\n    NgIf,\n    NgFor,\n    NgDocCodeComponent,\n    NgDocTabGroupComponent,\n    NgDocTabComponent,\n    NgDocFullscreenButtonComponent,\n    NgComponentOutlet,\n  ],\n})\nexport class NgDocDemoPaneComponent implements OnInit {\n  @Input()\n  componentName?: string;\n\n  @Input()\n  options: NgDocDemoPaneActionOptions = {};\n\n  demo?: Type<unknown>;\n  assets: NgDocDemoAsset[] = [];\n\n  constructor(private readonly rootPage: NgDocRootPage) {}\n\n  @HostBinding('class')\n  protected get classes(): string | string[] {\n    return this.options.class ?? '';\n  }\n\n  ngOnInit(): void {\n    this.demo = this.getDemo();\n    this.assets = this.getAssets();\n  }\n\n  private getDemo(): Type<unknown> | undefined {\n    if (this.componentName) {\n      return this.rootPage.page?.demos && this.rootPage.page.demos[this.componentName];\n    }\n\n    return undefined;\n  }\n\n  private getAssets(): NgDocDemoAsset[] {\n    if (this.componentName) {\n      return (\n        (this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName]) ??\n        []\n      ).filter(\n        (asset: NgDocDemoAsset) =>\n          !this.options.tabs?.length || asArray(this.options.tabs).includes(asset.title),\n      );\n    }\n\n    return [];\n  }\n}\n","<ng-doc-pane [expanded]=\"options.expanded ?? false\">\n  <ng-container *ngTemplateOutlet=\"codeContent\" ngDocPaneBack></ng-container>\n  <ng-container *ngTemplateOutlet=\"demoTemplate\" ngDocPaneFront></ng-container>\n</ng-doc-pane>\n\n<ng-template #demoTemplate>\n  @if (options.fullscreenRoute) {\n  <ng-doc-fullscreen-button [route]=\"options.fullscreenRoute!\"></ng-doc-fullscreen-button>\n  } @else if (demo) {\n  <ng-container *ngComponentOutlet=\"demo; inputs: options.inputs\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #codeContent>\n  <ng-container *ngIf=\"assets.length === 1\">\n    <ng-doc-code *ngFor=\"let asset of assets\" [html]=\"asset.code\"></ng-doc-code>\n  </ng-container>\n\n  <ng-container *ngIf=\"assets.length > 1\">\n    <ng-doc-tab-group [openedTab]=\"options.defaultTab\">\n      <ng-doc-tab\n        *ngFor=\"let asset of assets\"\n        [id]=\"asset.title\"\n        [label]=\"asset.title\"\n        [content]=\"assetContent\">\n        <ng-template #assetContent>\n          <ng-doc-code [html]=\"asset.code\"></ng-doc-code>\n        </ng-template>\n      </ng-doc-tab>\n    </ng-doc-tab-group>\n  </ng-container>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA0Ca,sBAAsB,CAAA;AAUjC,IAAA,WAAA,CAA6B,QAAuB,EAAA;QAAvB,IAAQ,CAAA,QAAA,GAAR,QAAQ;QALrC,IAAO,CAAA,OAAA,GAA+B,EAAE;QAGxC,IAAM,CAAA,MAAA,GAAqB,EAAE;;AAI7B,IAAA,IACc,OAAO,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;;IAGjC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;AAC1B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE;;IAGxB,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;;AAGlF,QAAA,OAAO,SAAS;;IAGV,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;AACzE,gBAAA,EAAE,EACF,MAAM,CACN,CAAC,KAAqB,KACpB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CACjF;;AAGH,QAAA,OAAO,EAAE;;8GAzCA,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1CnC,2pCAgCA,EDHI,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,8EAClB,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,KAAK,EACL,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,EAClB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,oFACtB,iBAAiB,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,8BAA8B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC9B,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,kCAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGR,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAnBlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAGX,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,kBAAkB;wBAClB,gBAAgB;wBAChB,sBAAsB;wBACtB,uBAAuB;wBACvB,IAAI;wBACJ,KAAK;wBACL,kBAAkB;wBAClB,sBAAsB;wBACtB,iBAAiB;wBACjB,8BAA8B;wBAC9B,iBAAiB;AAClB,qBAAA,EAAA,QAAA,EAAA,2pCAAA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;kFAID,aAAa,EAAA,CAAA;sBADZ;gBAID,OAAO,EAAA,CAAA;sBADN;gBASa,OAAO,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;;;AEtDtB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-components-demo-pane.mjs","sources":["../tmp-esm2022/components/demo-pane/demo-pane.component.js","../tmp-esm2022/components/demo-pane/ng-doc-app-components-demo-pane.js"],"sourcesContent":["import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, inject, Input, } from '@angular/core';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocFullscreenButtonComponent } from '@ng-doc/app/components/fullscreen-button';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocPaneBackDirective, NgDocPaneComponent, NgDocPaneFrontDirective, NgDocTabComponent, NgDocTabGroupComponent, } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocDemoPaneComponent {\n    constructor() {\n        this.rootPage = inject(NgDocRootPage);\n        this.options = {};\n        this.assets = [];\n    }\n    get classes() {\n        return this.options.class ?? '';\n    }\n    ngOnInit() {\n        this.demo = this.getDemo();\n        this.assets = this.getAssets();\n    }\n    getDemo() {\n        if (this.componentName) {\n            return this.rootPage.page?.demos && this.rootPage.page.demos[this.componentName];\n        }\n        return undefined;\n    }\n    getAssets() {\n        if (this.componentName) {\n            return ((this.rootPage.demoAssets && this.rootPage.demoAssets[this.componentName]) ??\n                []).filter((asset) => !this.options.tabs?.length || asArray(this.options.tabs).includes(asset.title));\n        }\n        return [];\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocDemoPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocDemoPaneComponent, isStandalone: true, 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  <ng-container *ngTemplateOutlet=\\\"codeContent\\\" ngDocPaneBack></ng-container>\\n  <ng-container *ngTemplateOutlet=\\\"demoTemplate\\\" ngDocPaneFront></ng-container>\\n</ng-doc-pane>\\n\\n<ng-template #demoTemplate>\\n  @if (options.fullscreenRoute) {\\n    <ng-doc-fullscreen-button [route]=\\\"options.fullscreenRoute!\\\"></ng-doc-fullscreen-button>\\n  } @else if (demo) {\\n    <ng-container *ngComponentOutlet=\\\"demo; inputs: options.inputs\\\"></ng-container>\\n  }\\n</ng-template>\\n\\n<ng-template #codeContent>\\n  @if (assets.length === 1) {\\n    @for (asset of assets; track asset) {\\n      <ng-doc-code [html]=\\\"asset.code\\\"></ng-doc-code>\\n    }\\n  }\\n\\n  @if (assets.length > 1) {\\n    <ng-doc-tab-group [openedTab]=\\\"options.defaultTab\\\">\\n      @for (asset of assets; track asset) {\\n        <ng-doc-tab [id]=\\\"asset.title\\\" [label]=\\\"asset.title\\\" [content]=\\\"assetContent\\\">\\n          <ng-template #assetContent>\\n            <ng-doc-code [html]=\\\"asset.code\\\"></ng-doc-code>\\n          </ng-template>\\n        </ng-doc-tab>\\n      }\\n    </ng-doc-tab-group>\\n  }\\n</ng-template>\\n\", styles: [\":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\\n\"], dependencies: [{ kind: \"component\", type: NgDocPaneComponent, selector: \"ng-doc-pane\", inputs: [\"expanded\"] }, { kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: NgDocPaneBackDirective, selector: \"[ngDocPaneBack]\" }, { kind: \"directive\", type: NgDocPaneFrontDirective, selector: \"[ngDocPaneFront]\" }, { kind: \"component\", type: NgDocCodeComponent, selector: \"ng-doc-code\", inputs: [\"html\", \"copyButton\", \"name\", \"icon\"] }, { kind: \"component\", type: NgDocTabGroupComponent, selector: \"ng-doc-tab-group\", inputs: [\"openedTab\"] }, { kind: \"component\", type: NgDocTabComponent, selector: \"ng-doc-tab, a[ng-doc-tab]\", inputs: [\"label\", \"id\", \"content\"] }, { kind: \"component\", type: NgDocFullscreenButtonComponent, selector: \"ng-doc-fullscreen-button\", inputs: [\"route\"] }, { kind: \"directive\", type: NgComponentOutlet, selector: \"[ngComponentOutlet]\", inputs: [\"ngComponentOutlet\", \"ngComponentOutletInputs\", \"ngComponentOutletInjector\", \"ngComponentOutletContent\", \"ngComponentOutletNgModule\", \"ngComponentOutletNgModuleFactory\"], exportAs: [\"ngComponentOutlet\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocDemoPaneComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-demo-pane', changeDetection: ChangeDetectionStrategy.OnPush, imports: [\n                        NgDocPaneComponent,\n                        NgTemplateOutlet,\n                        NgDocPaneBackDirective,\n                        NgDocPaneFrontDirective,\n                        NgDocCodeComponent,\n                        NgDocTabGroupComponent,\n                        NgDocTabComponent,\n                        NgDocFullscreenButtonComponent,\n                        NgComponentOutlet,\n                    ], template: \"<ng-doc-pane [expanded]=\\\"options.expanded ?? false\\\">\\n  <ng-container *ngTemplateOutlet=\\\"codeContent\\\" ngDocPaneBack></ng-container>\\n  <ng-container *ngTemplateOutlet=\\\"demoTemplate\\\" ngDocPaneFront></ng-container>\\n</ng-doc-pane>\\n\\n<ng-template #demoTemplate>\\n  @if (options.fullscreenRoute) {\\n    <ng-doc-fullscreen-button [route]=\\\"options.fullscreenRoute!\\\"></ng-doc-fullscreen-button>\\n  } @else if (demo) {\\n    <ng-container *ngComponentOutlet=\\\"demo; inputs: options.inputs\\\"></ng-container>\\n  }\\n</ng-template>\\n\\n<ng-template #codeContent>\\n  @if (assets.length === 1) {\\n    @for (asset of assets; track asset) {\\n      <ng-doc-code [html]=\\\"asset.code\\\"></ng-doc-code>\\n    }\\n  }\\n\\n  @if (assets.length > 1) {\\n    <ng-doc-tab-group [openedTab]=\\\"options.defaultTab\\\">\\n      @for (asset of assets; track asset) {\\n        <ng-doc-tab [id]=\\\"asset.title\\\" [label]=\\\"asset.title\\\" [content]=\\\"assetContent\\\">\\n          <ng-template #assetContent>\\n            <ng-doc-code [html]=\\\"asset.code\\\"></ng-doc-code>\\n          </ng-template>\\n        </ng-doc-tab>\\n      }\\n    </ng-doc-tab-group>\\n  }\\n</ng-template>\\n\", styles: [\":host{display:block;height:var(--ng-doc-demo-pane-height);margin:var(--ng-doc-demo-pane-margin);--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-smooth-resize-height: var(--ng-doc-demo-pane-height);--ng-doc-smooth-resize-max-height: 100%;--ng-doc-tab-group-tabs-background: var(--ng-doc-base-2);--ng-doc-tab-group-border: none;--ng-doc-tab-group-border-radius: 0}:host ng-doc-tab-group,:host ng-doc-code,:host ng-doc-pane{width:100%;height:100%}\\n\"] }]\n        }], ctorParameters: () => [], propDecorators: { componentName: [{\n                type: Input\n            }], options: [{\n                type: Input\n            }], classes: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby1wYW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvZGVtby1wYW5lL2RlbW8tcGFuZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL2RlbW8tcGFuZS9kZW1vLXBhbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdEUsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRTFGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3RCLGtCQUFrQixFQUNsQix1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLHNCQUFzQixHQUN2QixNQUFNLGdCQUFnQixDQUFDOztBQW1CeEIsTUFBTSxPQUFPLHNCQUFzQjtJQVlqQztRQVhpQixhQUFRLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBTWxELFlBQU8sR0FBK0IsRUFBRSxDQUFDO1FBR3pDLFdBQU0sR0FBcUIsRUFBRSxDQUFDO0lBRWYsQ0FBQztJQUVoQixJQUNjLE9BQU87UUFDbkIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU8sT0FBTztRQUNiLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkYsQ0FBQztRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7SUFFTyxTQUFTO1FBQ2YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsT0FBTyxDQUNMLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUMxRSxFQUFFLENBQ0gsQ0FBQyxNQUFNLENBQ04sQ0FBQyxLQUFxQixFQUFFLEVBQUUsQ0FDeEIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FDakYsQ0FBQztRQUNKLENBQUM7UUFFRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OEdBNUNVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLCtMQ3pDbkMsbW5DQWdDQSxtaUJERkksa0JBQWtCLDhFQUNsQixnQkFBZ0Isb0pBQ2hCLHNCQUFzQiw0REFDdEIsdUJBQXVCLDZEQUN2QixrQkFBa0Isd0dBQ2xCLHNCQUFzQixvRkFDdEIsaUJBQWlCLDBHQUNqQiw4QkFBOEIsd0ZBQzlCLGlCQUFpQjs7MkZBR1Isc0JBQXNCO2tCQWpCbEMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDUCxrQkFBa0I7d0JBQ2xCLGdCQUFnQjt3QkFDaEIsc0JBQXNCO3dCQUN0Qix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsc0JBQXNCO3dCQUN0QixpQkFBaUI7d0JBQ2pCLDhCQUE4Qjt3QkFDOUIsaUJBQWlCO3FCQUNsQjt3REFNRCxhQUFhO3NCQURaLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQVNRLE9BQU87c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ29tcG9uZW50T3V0bGV0LCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBpbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFR5cGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdEb2NSb290UGFnZSB9IGZyb20gJ0BuZy1kb2MvYXBwL2NsYXNzZXMvcm9vdC1wYWdlJztcbmltcG9ydCB7IE5nRG9jQ29kZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMvY29kZSc7XG5pbXBvcnQgeyBOZ0RvY0Z1bGxzY3JlZW5CdXR0b25Db21wb25lbnQgfSBmcm9tICdAbmctZG9jL2FwcC9jb21wb25lbnRzL2Z1bGxzY3JlZW4tYnV0dG9uJztcbmltcG9ydCB7IE5nRG9jRGVtb0Fzc2V0IH0gZnJvbSAnQG5nLWRvYy9hcHAvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBhc0FycmF5IH0gZnJvbSAnQG5nLWRvYy9jb3JlL2hlbHBlcnMvYXMtYXJyYXknO1xuaW1wb3J0IHsgTmdEb2NEZW1vUGFuZUFjdGlvbk9wdGlvbnMgfSBmcm9tICdAbmctZG9jL2NvcmUvaW50ZXJmYWNlcyc7XG5pbXBvcnQge1xuICBOZ0RvY1BhbmVCYWNrRGlyZWN0aXZlLFxuICBOZ0RvY1BhbmVDb21wb25lbnQsXG4gIE5nRG9jUGFuZUZyb250RGlyZWN0aXZlLFxuICBOZ0RvY1RhYkNvbXBvbmVudCxcbiAgTmdEb2NUYWJHcm91cENvbXBvbmVudCxcbn0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1kb2MtZGVtby1wYW5lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlbW8tcGFuZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RlbW8tcGFuZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIE5nRG9jUGFuZUNvbXBvbmVudCxcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIE5nRG9jUGFuZUJhY2tEaXJlY3RpdmUsXG4gICAgTmdEb2NQYW5lRnJvbnREaXJlY3RpdmUsXG4gICAgTmdEb2NDb2RlQ29tcG9uZW50LFxuICAgIE5nRG9jVGFiR3JvdXBDb21wb25lbnQsXG4gICAgTmdEb2NUYWJDb21wb25lbnQsXG4gICAgTmdEb2NGdWxsc2NyZWVuQnV0dG9uQ29tcG9uZW50LFxuICAgIE5nQ29tcG9uZW50T3V0bGV0LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0RlbW9QYW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSByb290UGFnZSA9IGluamVjdChOZ0RvY1Jvb3RQYWdlKTtcblxuICBASW5wdXQoKVxuICBjb21wb25lbnROYW1lPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIG9wdGlvbnM6IE5nRG9jRGVtb1BhbmVBY3Rpb25PcHRpb25zID0ge307XG5cbiAgZGVtbz86IFR5cGU8dW5rbm93bj47XG4gIGFzc2V0czogTmdEb2NEZW1vQXNzZXRbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJvdGVjdGVkIGdldCBjbGFzc2VzKCk6IHN0cmluZyB8IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gdGhpcy5vcHRpb25zLmNsYXNzID8/ICcnO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5kZW1vID0gdGhpcy5nZXREZW1vKCk7XG4gICAgdGhpcy5hc3NldHMgPSB0aGlzLmdldEFzc2V0cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXREZW1vKCk6IFR5cGU8dW5rbm93bj4gfCB1bmRlZmluZWQge1xuICAgIGlmICh0aGlzLmNvbXBvbmVudE5hbWUpIHtcbiAgICAgIHJldHVybiB0aGlzLnJvb3RQYWdlLnBhZ2U/LmRlbW9zICYmIHRoaXMucm9vdFBhZ2UucGFnZS5kZW1vc1t0aGlzLmNvbXBvbmVudE5hbWVdO1xuICAgIH1cblxuICAgIHJldHVybiB1bmRlZmluZWQ7XG4gIH1cblxuICBwcml2YXRlIGdldEFzc2V0cygpOiBOZ0RvY0RlbW9Bc3NldFtdIHtcbiAgICBpZiAodGhpcy5jb21wb25lbnROYW1lKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICAodGhpcy5yb290UGFnZS5kZW1vQXNzZXRzICYmIHRoaXMucm9vdFBhZ2UuZGVtb0Fzc2V0c1t0aGlzLmNvbXBvbmVudE5hbWVdKSA/P1xuICAgICAgICBbXVxuICAgICAgKS5maWx0ZXIoXG4gICAgICAgIChhc3NldDogTmdEb2NEZW1vQXNzZXQpID0+XG4gICAgICAgICAgIXRoaXMub3B0aW9ucy50YWJzPy5sZW5ndGggfHwgYXNBcnJheSh0aGlzLm9wdGlvbnMudGFicykuaW5jbHVkZXMoYXNzZXQudGl0bGUpLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gW107XG4gIH1cbn1cbiIsIjxuZy1kb2MtcGFuZSBbZXhwYW5kZWRdPVwib3B0aW9ucy5leHBhbmRlZCA/PyBmYWxzZVwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29kZUNvbnRlbnRcIiBuZ0RvY1BhbmVCYWNrPjwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVtb1RlbXBsYXRlXCIgbmdEb2NQYW5lRnJvbnQ+PC9uZy1jb250YWluZXI+XG48L25nLWRvYy1wYW5lPlxuXG48bmctdGVtcGxhdGUgI2RlbW9UZW1wbGF0ZT5cbiAgQGlmIChvcHRpb25zLmZ1bGxzY3JlZW5Sb3V0ZSkge1xuICAgIDxuZy1kb2MtZnVsbHNjcmVlbi1idXR0b24gW3JvdXRlXT1cIm9wdGlvbnMuZnVsbHNjcmVlblJvdXRlIVwiPjwvbmctZG9jLWZ1bGxzY3JlZW4tYnV0dG9uPlxuICB9IEBlbHNlIGlmIChkZW1vKSB7XG4gICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJkZW1vOyBpbnB1dHM6IG9wdGlvbnMuaW5wdXRzXCI+PC9uZy1jb250YWluZXI+XG4gIH1cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29kZUNvbnRlbnQ+XG4gIEBpZiAoYXNzZXRzLmxlbmd0aCA9PT0gMSkge1xuICAgIEBmb3IgKGFzc2V0IG9mIGFzc2V0czsgdHJhY2sgYXNzZXQpIHtcbiAgICAgIDxuZy1kb2MtY29kZSBbaHRtbF09XCJhc3NldC5jb2RlXCI+PC9uZy1kb2MtY29kZT5cbiAgICB9XG4gIH1cblxuICBAaWYgKGFzc2V0cy5sZW5ndGggPiAxKSB7XG4gICAgPG5nLWRvYy10YWItZ3JvdXAgW29wZW5lZFRhYl09XCJvcHRpb25zLmRlZmF1bHRUYWJcIj5cbiAgICAgIEBmb3IgKGFzc2V0IG9mIGFzc2V0czsgdHJhY2sgYXNzZXQpIHtcbiAgICAgICAgPG5nLWRvYy10YWIgW2lkXT1cImFzc2V0LnRpdGxlXCIgW2xhYmVsXT1cImFzc2V0LnRpdGxlXCIgW2NvbnRlbnRdPVwiYXNzZXRDb250ZW50XCI+XG4gICAgICAgICAgPG5nLXRlbXBsYXRlICNhc3NldENvbnRlbnQ+XG4gICAgICAgICAgICA8bmctZG9jLWNvZGUgW2h0bWxdPVwiYXNzZXQuY29kZVwiPjwvbmctZG9jLWNvZGU+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9uZy1kb2MtdGFiPlxuICAgICAgfVxuICAgIDwvbmctZG9jLXRhYi1ncm91cD5cbiAgfVxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLWRlbW8tcGFuZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL2NvbXBvbmVudHMvZGVtby1wYW5lL25nLWRvYy1hcHAtY29tcG9uZW50cy1kZW1vLXBhbmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}