@ng-doc/app 19.0.1 → 19.2.0

package/components/api-list/api-list.component.d.ts

@@ -1,4 +1,4 @@
-import { Signal } from '@angular/core';
+import { OnInit, Signal, WritableSignal } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { NgDocApiList } from '@ng-doc/core/interfaces';
 import * as i0 from "@angular/core";
@@ -7,10 +7,10 @@ interface ApiFilterForm {
     scope: FormControl<string | null>;
     type: FormControl<string | null>;
 }
-export declare class NgDocApiListComponent {
+export declare class NgDocApiListComponent implements OnInit {
     title: import("@angular/core").InputSignal<string>;
     segment: import("@angular/core").InputSignal<string | undefined>;
-    apiList: Signal<NgDocApiList[]>;
+    apiList: WritableSignal<NgDocApiList[]>;
     filteredApiList: Signal<NgDocApiList[]>;
     filter: Signal<any>;
     scopes: Signal<string[]>;
@@ -21,6 +21,7 @@ export declare class NgDocApiListComponent {
     private readonly router;
     private readonly httpClient;
     constructor();
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgDocApiListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgDocApiListComponent, "ng-doc-api-list", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "segment": { "alias": "segment"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/ng-doc-app-components-api-list.mjs

@@ -1,20 +1,21 @@
-import { NgIf, NgFor, NgTemplateOutlet, AsyncPipe } from '@angular/common';
+import { NgIf, NgFor } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { input, inject, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, signal, inject, computed, Component, ChangeDetectionStrategy } from '@angular/core';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';
 import { asArray } from '@ng-doc/core/helpers/as-array';
-import { NgDocTextComponent, NgDocInputWrapperComponent, NgDocIconComponent, NgDocInputStringDirective, NgDocAutofocusDirective, NgDocTooltipDirective, NgDocRadioGroupDirective, NgDocButtonToggleComponent, NgDocLabelComponent, NgDocComboboxComponent, NgDocDataDirective, NgDocListComponent, NgDocOptionComponent, NgDocTextLeftDirective, NgDocButtonComponent } from '@ng-doc/ui-kit';
+import { NgDocTextComponent, NgDocInputWrapperComponent, NgDocIconComponent, NgDocInputStringDirective, NgDocAutofocusDirective, NgDocTooltipDirective, NgDocRadioGroupDirective, NgDocButtonToggleComponent } from '@ng-doc/ui-kit';
 import { startWith } from 'rxjs/operators';
 
 class NgDocApiListComponent {
     constructor() {
         this.title = input('API References');
         this.segment = input();
+        this.apiList = signal([]);
         this.formBuilder = inject(FormBuilder);
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
@@ -27,7 +28,6 @@ class NgDocApiListComponent {
         this.filter = toSignal(this.formGroup.valueChanges.pipe(startWith(this.formGroup.value)), {
             initialValue: this.formGroup.value,
         });
-        this.apiList = toSignal(this.httpClient.get(asArray('assets/ng-doc', this.segment(), 'api-list.json').join('/')), { initialValue: [] });
         this.scopes = computed(() => asArray(new Set(this.apiList().flatMap((api) => api.title))).sort());
         this.types = computed(() => asArray(new Set(this.apiList()
             .flatMap((api) => api.items)
@@ -58,6 +58,11 @@ class NgDocApiListComponent {
                 .filter((api) => api.items.length);
         });
     }
+    ngOnInit() {
+        this.httpClient
+            .get(asArray('assets/ng-doc', this.segment(), 'api-list.json').join('/'))
+            .subscribe((apiList) => this.apiList.set(apiList));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocApiListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NgDocApiListComponent, isStandalone: true, selector: "ng-doc-api-list", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, segment: { classPropertyName: "segment", publicName: "segment", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h1 ng-doc-text>{{ title() }}</h1>\n<div class=\"ng-doc-api-list-wrapper\">\n  <form [formGroup]=\"formGroup\">\n    @if (types().length) {\n      <h3>Declaration types</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"type\">\n        @for (type of types(); track type) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"type\">\n              <ng-doc-kind-icon [kind]=\"type\" size=\"medium\"></ng-doc-kind-icon>\n              {{ type }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    @if (scopes().length) {\n      <h3>Scopes</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"scope\">\n        @for (scope of scopes(); track scope) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"scope\">\n              {{ scope }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    <h3>Filter</h3>\n    <ng-doc-input-wrapper class=\"ng-doc-api-list-filter-input\">\n      <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n      <input\n        ngDocInputString\n        formControlName=\"filter\"\n        placeholder=\"Declaration name...\"\n        ngDocAutofocus />\n    </ng-doc-input-wrapper>\n  </form>\n\n  <div class=\"ng-doc-api-list\">\n    <div class=\"ng-doc-api-scope\" *ngFor=\"let scope of filteredApiList()\">\n      <h3 class=\"ng-doc-scope-title\" ng-doc-text>{{ scope.title }}</h3>\n      <ul class=\"ng-doc-scope-items\" *ngIf=\"scope.items.length\">\n        <li class=\"ng-doc-scope-item\" *ngFor=\"let apiReference of scope.items\">\n          <a class=\"ng-doc-scope-item-link\" [routerLink]=\"[apiReference.route]\">\n            <ng-doc-kind-icon\n              [kind]=\"apiReference.type\"\n              size=\"medium\"\n              [ngDocTooltip]=\"apiReference.type\">\n            </ng-doc-kind-icon>\n            {{ apiReference.name }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [":host h1{margin-top:0}:host .ng-doc-filter-list{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--ng-doc-base-gutter);list-style:none;padding:0}@container api-list-wrapper (max-width: 775px){:host .ng-doc-filter-list{grid-template-columns:repeat(4,1fr)}}@container api-list-wrapper (max-width: 600px){:host .ng-doc-filter-list{grid-template-columns:repeat(3,1fr)}}@container api-list-wrapper (max-width: 500px){:host .ng-doc-filter-list{grid-template-columns:repeat(2,1fr)}}@container api-list-wrapper (max-width: 350px){:host .ng-doc-filter-list{grid-template-columns:repeat(1,1fr)}}:host .ng-doc-filter-list .ng-doc-filter-button{justify-content:flex-start;text-wrap:nowrap;width:100%}:host .ng-doc-filter-list .ng-doc-filter-button ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-api-list-filter-input{max-width:450px}:host .ng-doc-api-list-wrapper{container:api-list-wrapper/inline-size}:host .ng-doc-api-list-wrapper .ng-doc-api-filter{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 3);flex-wrap:wrap;gap:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-api-list-wrapper .ng-doc-api-filter .ng-doc-api-filter-item{width:200px}:host .ng-doc-api-list-wrapper .ng-doc-api-list{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope{display:flex;flex-direction:column}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items{margin-top:calc(var(--ng-doc-base-gutter) * 3);list-style:none;padding:0}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item{float:left;width:33%;overflow:hidden;min-width:330px;text-overflow:ellipsis;white-space:nowrap}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link{display:flex;align-items:center;border-left:1px solid var(--ng-doc-border-color);padding:var(--ng-doc-base-gutter);color:var(--ng-doc-text);background:color-mix(in srgb,var(--ng-doc-scope-item-link-background),transparent 90%);text-decoration:none}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link:hover{color:var(--ng-doc-heading-color);border-left-color:var(--ng-doc-primary);--ng-doc-scope-item-link-background: var(--ng-doc-primary)}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter);text-decoration:none!important}:host ng-doc-input-wrapper ng-doc-icon{--ng-doc-icon-color: var(--ng-doc-text-muted)}\n"], dependencies: [{ kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "directive", type: NgDocAutofocusDirective, selector: "[ngDocAutofocus]", inputs: ["selectAll"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocKindIconComponent, selector: "ng-doc-kind-icon", inputs: ["kind", "type", "size"] }, { 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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgDocRadioGroupDirective, selector: "[ngDocRadioGroup]" }, { kind: "component", type: NgDocButtonToggleComponent, selector: "[ng-doc-button-toggle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -68,23 +73,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         NgIf,
                         FormsModule,
                         ReactiveFormsModule,
-                        NgDocLabelComponent,
                         NgDocInputWrapperComponent,
                         NgDocIconComponent,
                         NgDocInputStringDirective,
                         NgDocAutofocusDirective,
-                        NgDocComboboxComponent,
-                        NgDocDataDirective,
-                        NgDocListComponent,
                         NgFor,
-                        NgDocOptionComponent,
-                        NgTemplateOutlet,
                         NgDocKindIconComponent,
-                        NgDocTextLeftDirective,
                         NgDocTooltipDirective,
                         RouterLink,
-                        AsyncPipe,
-                        NgDocButtonComponent,
                         NgDocRadioGroupDirective,
                         NgDocButtonToggleComponent,
                     ], template: "<h1 ng-doc-text>{{ title() }}</h1>\n<div class=\"ng-doc-api-list-wrapper\">\n  <form [formGroup]=\"formGroup\">\n    @if (types().length) {\n      <h3>Declaration types</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"type\">\n        @for (type of types(); track type) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"type\">\n              <ng-doc-kind-icon [kind]=\"type\" size=\"medium\"></ng-doc-kind-icon>\n              {{ type }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    @if (scopes().length) {\n      <h3>Scopes</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"scope\">\n        @for (scope of scopes(); track scope) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"scope\">\n              {{ scope }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    <h3>Filter</h3>\n    <ng-doc-input-wrapper class=\"ng-doc-api-list-filter-input\">\n      <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n      <input\n        ngDocInputString\n        formControlName=\"filter\"\n        placeholder=\"Declaration name...\"\n        ngDocAutofocus />\n    </ng-doc-input-wrapper>\n  </form>\n\n  <div class=\"ng-doc-api-list\">\n    <div class=\"ng-doc-api-scope\" *ngFor=\"let scope of filteredApiList()\">\n      <h3 class=\"ng-doc-scope-title\" ng-doc-text>{{ scope.title }}</h3>\n      <ul class=\"ng-doc-scope-items\" *ngIf=\"scope.items.length\">\n        <li class=\"ng-doc-scope-item\" *ngFor=\"let apiReference of scope.items\">\n          <a class=\"ng-doc-scope-item-link\" [routerLink]=\"[apiReference.route]\">\n            <ng-doc-kind-icon\n              [kind]=\"apiReference.type\"\n              size=\"medium\"\n              [ngDocTooltip]=\"apiReference.type\">\n            </ng-doc-kind-icon>\n            {{ apiReference.name }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [":host h1{margin-top:0}:host .ng-doc-filter-list{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--ng-doc-base-gutter);list-style:none;padding:0}@container api-list-wrapper (max-width: 775px){:host .ng-doc-filter-list{grid-template-columns:repeat(4,1fr)}}@container api-list-wrapper (max-width: 600px){:host .ng-doc-filter-list{grid-template-columns:repeat(3,1fr)}}@container api-list-wrapper (max-width: 500px){:host .ng-doc-filter-list{grid-template-columns:repeat(2,1fr)}}@container api-list-wrapper (max-width: 350px){:host .ng-doc-filter-list{grid-template-columns:repeat(1,1fr)}}:host .ng-doc-filter-list .ng-doc-filter-button{justify-content:flex-start;text-wrap:nowrap;width:100%}:host .ng-doc-filter-list .ng-doc-filter-button ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-api-list-filter-input{max-width:450px}:host .ng-doc-api-list-wrapper{container:api-list-wrapper/inline-size}:host .ng-doc-api-list-wrapper .ng-doc-api-filter{display:flex;margin-top:calc(var(--ng-doc-base-gutter) * 3);flex-wrap:wrap;gap:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-api-list-wrapper .ng-doc-api-filter .ng-doc-api-filter-item{width:200px}:host .ng-doc-api-list-wrapper .ng-doc-api-list{margin-top:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope{display:flex;flex-direction:column}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items{margin-top:calc(var(--ng-doc-base-gutter) * 3);list-style:none;padding:0}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item{float:left;width:33%;overflow:hidden;min-width:330px;text-overflow:ellipsis;white-space:nowrap}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link{display:flex;align-items:center;border-left:1px solid var(--ng-doc-border-color);padding:var(--ng-doc-base-gutter);color:var(--ng-doc-text);background:color-mix(in srgb,var(--ng-doc-scope-item-link-background),transparent 90%);text-decoration:none}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link:hover{color:var(--ng-doc-heading-color);border-left-color:var(--ng-doc-primary);--ng-doc-scope-item-link-background: var(--ng-doc-primary)}:host .ng-doc-api-list-wrapper .ng-doc-api-list .ng-doc-api-scope .ng-doc-scope-items .ng-doc-scope-item .ng-doc-scope-item-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter);text-decoration:none!important}:host ng-doc-input-wrapper ng-doc-icon{--ng-doc-icon-color: var(--ng-doc-text-muted)}\n"] }]

package/fesm2022/ng-doc-app-components-api-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-api-list.mjs","sources":["../../../../libs/app/components/api-list/api-list.component.ts","../../../../libs/app/components/api-list/api-list.component.html","../../../../libs/app/components/api-list/ng-doc-app-components-api-list.ts"],"sourcesContent":["import { AsyncPipe, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, Signal } from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { ActivatedRoute, ParamMap, Router, RouterLink } from '@angular/router';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocFormPartialValue } from '@ng-doc/app/types';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocApiList, NgDocApiListItem } from '@ng-doc/core/interfaces';\nimport {\n  NgDocAutofocusDirective,\n  NgDocButtonComponent,\n  NgDocButtonToggleComponent,\n  NgDocComboboxComponent,\n  NgDocDataDirective,\n  NgDocIconComponent,\n  NgDocInputStringDirective,\n  NgDocInputWrapperComponent,\n  NgDocLabelComponent,\n  NgDocListComponent,\n  NgDocOptionComponent,\n  NgDocRadioGroupDirective,\n  NgDocTextComponent,\n  NgDocTextLeftDirective,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\nimport { startWith } from 'rxjs/operators';\n\ninterface ApiFilterForm {\n  filter: FormControl<string | null>;\n  scope: FormControl<string | null>;\n  type: FormControl<string | null>;\n}\n\n@Component({\n  selector: 'ng-doc-api-list',\n  templateUrl: './api-list.component.html',\n  styleUrls: ['./api-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocTextComponent,\n    NgIf,\n    FormsModule,\n    ReactiveFormsModule,\n    NgDocLabelComponent,\n    NgDocInputWrapperComponent,\n    NgDocIconComponent,\n    NgDocInputStringDirective,\n    NgDocAutofocusDirective,\n    NgDocComboboxComponent,\n    NgDocDataDirective,\n    NgDocListComponent,\n    NgFor,\n    NgDocOptionComponent,\n    NgTemplateOutlet,\n    NgDocKindIconComponent,\n    NgDocTextLeftDirective,\n    NgDocTooltipDirective,\n    RouterLink,\n    AsyncPipe,\n    NgDocButtonComponent,\n    NgDocRadioGroupDirective,\n    NgDocButtonToggleComponent,\n  ],\n})\nexport class NgDocApiListComponent {\n  title = input<string>('API References');\n  segment = input<string>();\n\n  apiList: Signal<NgDocApiList[]>;\n  filteredApiList: Signal<NgDocApiList[]>;\n  filter: Signal<any>;\n  scopes: Signal<string[]>;\n  types: Signal<string[]>;\n\n  protected formGroup: FormGroup<ApiFilterForm>;\n\n  private readonly formBuilder = inject(FormBuilder);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly httpClient = inject(HttpClient);\n\n  constructor() {\n    this.formGroup = this.formBuilder.group({\n      filter: [''],\n      scope: [''],\n      type: [''],\n    });\n\n    this.filter = toSignal(this.formGroup.valueChanges.pipe(startWith(this.formGroup.value)), {\n      initialValue: this.formGroup.value,\n    });\n    this.apiList = toSignal(\n      this.httpClient.get<NgDocApiList[]>(\n        asArray('assets/ng-doc', this.segment(), 'api-list.json').join('/'),\n      ),\n      { initialValue: [] },\n    );\n    this.scopes = computed(() =>\n      asArray(new Set(this.apiList().flatMap((api: NgDocApiList) => api.title))).sort(),\n    );\n    this.types = computed(() =>\n      asArray(\n        new Set(\n          this.apiList()\n            .flatMap((api: NgDocApiList) => api.items)\n            .flatMap((item: NgDocApiListItem) => item.type),\n        ),\n      ).sort(),\n    );\n\n    this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe((paramMap: ParamMap) =>\n      this.formGroup.setValue({\n        filter: paramMap.get('filter') || null,\n        scope: paramMap.get('scope') || null,\n        type: paramMap.get('type') || null,\n      }),\n    );\n\n    this.formGroup.valueChanges\n      .pipe(takeUntilDestroyed())\n      .subscribe((formValue: NgDocFormPartialValue<typeof this.formGroup>) =>\n        this.router.navigate([], {\n          relativeTo: this.route,\n          queryParams: formValue,\n          queryParamsHandling: 'merge',\n        }),\n      );\n\n    this.filteredApiList = computed(() => {\n      const { filter, scope, type } = this.filter();\n\n      return this.apiList()\n        .filter((api: NgDocApiList) => !scope || api.title === scope)\n        .map((api: NgDocApiList) => ({\n          ...api,\n          items: api.items\n            .filter(\n              (item: NgDocApiListItem) =>\n                item.name.toLowerCase().includes(filter?.toLowerCase() ?? '') &&\n                (!type || item.type === type),\n            )\n            .sort(\n              (a: NgDocApiListItem, b: NgDocApiListItem) =>\n                a.type.localeCompare(b.type) || a.name.localeCompare(b.name),\n            ),\n        }))\n        .filter((api: NgDocApiList) => api.items.length);\n    });\n  }\n}\n","<h1 ng-doc-text>{{ title() }}</h1>\n<div class=\"ng-doc-api-list-wrapper\">\n  <form [formGroup]=\"formGroup\">\n    @if (types().length) {\n      <h3>Declaration types</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"type\">\n        @for (type of types(); track type) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"type\">\n              <ng-doc-kind-icon [kind]=\"type\" size=\"medium\"></ng-doc-kind-icon>\n              {{ type }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    @if (scopes().length) {\n      <h3>Scopes</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"scope\">\n        @for (scope of scopes(); track scope) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"scope\">\n              {{ scope }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    <h3>Filter</h3>\n    <ng-doc-input-wrapper class=\"ng-doc-api-list-filter-input\">\n      <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n      <input\n        ngDocInputString\n        formControlName=\"filter\"\n        placeholder=\"Declaration name...\"\n        ngDocAutofocus />\n    </ng-doc-input-wrapper>\n  </form>\n\n  <div class=\"ng-doc-api-list\">\n    <div class=\"ng-doc-api-scope\" *ngFor=\"let scope of filteredApiList()\">\n      <h3 class=\"ng-doc-scope-title\" ng-doc-text>{{ scope.title }}</h3>\n      <ul class=\"ng-doc-scope-items\" *ngIf=\"scope.items.length\">\n        <li class=\"ng-doc-scope-item\" *ngFor=\"let apiReference of scope.items\">\n          <a class=\"ng-doc-scope-item-link\" [routerLink]=\"[apiReference.route]\">\n            <ng-doc-kind-icon\n              [kind]=\"apiReference.type\"\n              size=\"medium\"\n              [ngDocTooltip]=\"apiReference.type\">\n            </ng-doc-kind-icon>\n            {{ apiReference.name }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\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-api-list.mjs","sources":["../../../../libs/app/components/api-list/api-list.component.ts","../../../../libs/app/components/api-list/api-list.component.html","../../../../libs/app/components/api-list/ng-doc-app-components-api-list.ts"],"sourcesContent":["import { NgFor, NgIf } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  OnInit,\n  Signal,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { ActivatedRoute, ParamMap, Router, RouterLink } from '@angular/router';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocFormPartialValue } from '@ng-doc/app/types';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocApiList, NgDocApiListItem } from '@ng-doc/core/interfaces';\nimport {\n  NgDocAutofocusDirective,\n  NgDocButtonToggleComponent,\n  NgDocIconComponent,\n  NgDocInputStringDirective,\n  NgDocInputWrapperComponent,\n  NgDocRadioGroupDirective,\n  NgDocTextComponent,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\nimport { startWith } from 'rxjs/operators';\n\ninterface ApiFilterForm {\n  filter: FormControl<string | null>;\n  scope: FormControl<string | null>;\n  type: FormControl<string | null>;\n}\n\n@Component({\n  selector: 'ng-doc-api-list',\n  templateUrl: './api-list.component.html',\n  styleUrls: ['./api-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocTextComponent,\n    NgIf,\n    FormsModule,\n    ReactiveFormsModule,\n    NgDocInputWrapperComponent,\n    NgDocIconComponent,\n    NgDocInputStringDirective,\n    NgDocAutofocusDirective,\n    NgFor,\n    NgDocKindIconComponent,\n    NgDocTooltipDirective,\n    RouterLink,\n    NgDocRadioGroupDirective,\n    NgDocButtonToggleComponent,\n  ],\n})\nexport class NgDocApiListComponent implements OnInit {\n  title = input<string>('API References');\n  segment = input<string>();\n\n  apiList: WritableSignal<NgDocApiList[]> = signal([]);\n  filteredApiList: Signal<NgDocApiList[]>;\n  filter: Signal<any>;\n  scopes: Signal<string[]>;\n  types: Signal<string[]>;\n\n  protected formGroup: FormGroup<ApiFilterForm>;\n\n  private readonly formBuilder = inject(FormBuilder);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly httpClient = inject(HttpClient);\n\n  constructor() {\n    this.formGroup = this.formBuilder.group({\n      filter: [''],\n      scope: [''],\n      type: [''],\n    });\n\n    this.filter = toSignal(this.formGroup.valueChanges.pipe(startWith(this.formGroup.value)), {\n      initialValue: this.formGroup.value,\n    });\n\n    this.scopes = computed(() =>\n      asArray(new Set(this.apiList().flatMap((api: NgDocApiList) => api.title))).sort(),\n    );\n\n    this.types = computed(() =>\n      asArray(\n        new Set(\n          this.apiList()\n            .flatMap((api: NgDocApiList) => api.items)\n            .flatMap((item: NgDocApiListItem) => item.type),\n        ),\n      ).sort(),\n    );\n\n    this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe((paramMap: ParamMap) =>\n      this.formGroup.setValue({\n        filter: paramMap.get('filter') || null,\n        scope: paramMap.get('scope') || null,\n        type: paramMap.get('type') || null,\n      }),\n    );\n\n    this.formGroup.valueChanges\n      .pipe(takeUntilDestroyed())\n      .subscribe((formValue: NgDocFormPartialValue<typeof this.formGroup>) =>\n        this.router.navigate([], {\n          relativeTo: this.route,\n          queryParams: formValue,\n          queryParamsHandling: 'merge',\n        }),\n      );\n\n    this.filteredApiList = computed(() => {\n      const { filter, scope, type } = this.filter();\n\n      return this.apiList()\n        .filter((api: NgDocApiList) => !scope || api.title === scope)\n        .map((api: NgDocApiList) => ({\n          ...api,\n          items: api.items\n            .filter(\n              (item: NgDocApiListItem) =>\n                item.name.toLowerCase().includes(filter?.toLowerCase() ?? '') &&\n                (!type || item.type === type),\n            )\n            .sort(\n              (a: NgDocApiListItem, b: NgDocApiListItem) =>\n                a.type.localeCompare(b.type) || a.name.localeCompare(b.name),\n            ),\n        }))\n        .filter((api: NgDocApiList) => api.items.length);\n    });\n  }\n\n  ngOnInit(): void {\n    this.httpClient\n      .get<NgDocApiList[]>(asArray('assets/ng-doc', this.segment(), 'api-list.json').join('/'))\n      .subscribe((apiList) => this.apiList.set(apiList));\n  }\n}\n","<h1 ng-doc-text>{{ title() }}</h1>\n<div class=\"ng-doc-api-list-wrapper\">\n  <form [formGroup]=\"formGroup\">\n    @if (types().length) {\n      <h3>Declaration types</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"type\">\n        @for (type of types(); track type) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"type\">\n              <ng-doc-kind-icon [kind]=\"type\" size=\"medium\"></ng-doc-kind-icon>\n              {{ type }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    @if (scopes().length) {\n      <h3>Scopes</h3>\n      <ul class=\"ng-doc-filter-list\" ngDocRadioGroup formControlName=\"scope\">\n        @for (scope of scopes(); track scope) {\n          <li>\n            <button class=\"ng-doc-filter-button\" ng-doc-button-toggle [value]=\"scope\">\n              {{ scope }}\n            </button>\n          </li>\n        }\n      </ul>\n    }\n\n    <h3>Filter</h3>\n    <ng-doc-input-wrapper class=\"ng-doc-api-list-filter-input\">\n      <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n      <input\n        ngDocInputString\n        formControlName=\"filter\"\n        placeholder=\"Declaration name...\"\n        ngDocAutofocus />\n    </ng-doc-input-wrapper>\n  </form>\n\n  <div class=\"ng-doc-api-list\">\n    <div class=\"ng-doc-api-scope\" *ngFor=\"let scope of filteredApiList()\">\n      <h3 class=\"ng-doc-scope-title\" ng-doc-text>{{ scope.title }}</h3>\n      <ul class=\"ng-doc-scope-items\" *ngIf=\"scope.items.length\">\n        <li class=\"ng-doc-scope-item\" *ngFor=\"let apiReference of scope.items\">\n          <a class=\"ng-doc-scope-item-link\" [routerLink]=\"[apiReference.route]\">\n            <ng-doc-kind-icon\n              [kind]=\"apiReference.type\"\n              size=\"medium\"\n              [ngDocTooltip]=\"apiReference.type\">\n            </ng-doc-kind-icon>\n            {{ apiReference.name }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -19,7 +19,7 @@ class NgDocDemoDisplayerComponent {
         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", "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.ɵ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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocDemoDisplayerComponent, decorators: [{
             type: Component,

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":["../../../../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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"}

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

@@ -40,7 +40,7 @@ let NgDocSidebarCategoryComponent = class NgDocSidebarCategoryComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSidebarCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocSidebarCategoryComponent, isStandalone: true, selector: "ng-doc-sidebar-category", inputs: { category: "category", isRoot: "isRoot", content: "content", expandable: "expandable", expanded: "expanded" }, host: { properties: { "attr.data-ng-doc-is-root": "this.isRoot", "attr.data-ng-doc-expandable": "this.expandable" } }, ngImport: i0, template: "<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:flex;flex-direction:column;--ng-doc-sidebar-category-indent: calc( var(--ng-doc-sidebar-item-indent) + calc(var(--ng-doc-base-gutter) * 2) );--ng-doc-icon-color: var(--ng-doc-text)}:host[data-ng-doc-expandable=false] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent);cursor:pointer;border-radius:var(--ng-doc-base-gutter)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button:hover{background-color:var(--ng-doc-base-1)}:host .ng-doc-sidebar-category-button{display:flex;flex-direction:column}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category{display:flex;align-items:center;--ng-doc-dot-background: var(--ng-doc-base-4);--ng-doc-text: var(--ng-doc-heading-color)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category ng-doc-dot{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category.active{--ng-doc-font-weight: 600;--ng-doc-dot-background: var(--ng-doc-primary)}:host .ng-doc-sidebar-category-button span[ng-doc-text]{flex-shrink:0;margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-sidebar-category-children{padding-bottom:calc(var(--ng-doc-base-gutter) * 2);--ng-doc-sidebar-item-indent: var(--ng-doc-sidebar-category-indent)}\n"], dependencies: [{ kind: "directive", type: NgDocRouteActiveDirective, selector: "[ngDocRouteActive]", inputs: ["ngDocRouteActive", "activeClass", "matchOptions"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocDotComponent, selector: "ng-doc-dot", inputs: ["color", "size"] }, { 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: "directive", type: NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: NgDocRotatorDirective, selector: "[ngDocRotator]", inputs: ["ngDocRotator", "from", "to"] }, { kind: "component", type: NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "from"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocSidebarCategoryComponent, isStandalone: true, selector: "ng-doc-sidebar-category", inputs: { category: "category", isRoot: "isRoot", content: "content", expandable: "expandable", expanded: "expanded" }, host: { properties: { "attr.data-ng-doc-is-root": "this.isRoot", "attr.data-ng-doc-expandable": "this.expandable" } }, ngImport: i0, template: "<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" collapseMod=\"hide\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:flex;flex-direction:column;--ng-doc-sidebar-category-indent: calc( var(--ng-doc-sidebar-item-indent) + calc(var(--ng-doc-base-gutter) * 2) );--ng-doc-icon-color: var(--ng-doc-text)}:host[data-ng-doc-expandable=false] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent);cursor:pointer;border-radius:var(--ng-doc-base-gutter)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button:hover{background-color:var(--ng-doc-base-1)}:host .ng-doc-sidebar-category-button{display:flex;flex-direction:column}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category{display:flex;align-items:center;--ng-doc-dot-background: var(--ng-doc-base-4);--ng-doc-text: var(--ng-doc-heading-color)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category ng-doc-dot{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category.active{--ng-doc-font-weight: 600;--ng-doc-dot-background: var(--ng-doc-primary)}:host .ng-doc-sidebar-category-button span[ng-doc-text]{flex-shrink:0;margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-sidebar-category-children{padding-bottom:calc(var(--ng-doc-base-gutter) * 2);--ng-doc-sidebar-item-indent: var(--ng-doc-sidebar-category-indent)}\n"], dependencies: [{ kind: "directive", type: NgDocRouteActiveDirective, selector: "[ngDocRouteActive]", inputs: ["ngDocRouteActive", "activeClass", "matchOptions"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocDotComponent, selector: "ng-doc-dot", inputs: ["color", "size"] }, { 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: "directive", type: NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: NgDocRotatorDirective, selector: "[ngDocRotator]", inputs: ["ngDocRotator", "from", "to"] }, { kind: "component", type: NgDocExpanderComponent, selector: "ng-doc-expander", inputs: ["expanded", "content", "collapseMod", "from"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocSidebarCategoryComponent = __decorate([
     UntilDestroy(),
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         NgDocExpanderComponent,
                         PolymorpheusModule,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:flex;flex-direction:column;--ng-doc-sidebar-category-indent: calc( var(--ng-doc-sidebar-item-indent) + calc(var(--ng-doc-base-gutter) * 2) );--ng-doc-icon-color: var(--ng-doc-text)}:host[data-ng-doc-expandable=false] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent);cursor:pointer;border-radius:var(--ng-doc-base-gutter)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button:hover{background-color:var(--ng-doc-base-1)}:host .ng-doc-sidebar-category-button{display:flex;flex-direction:column}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category{display:flex;align-items:center;--ng-doc-dot-background: var(--ng-doc-base-4);--ng-doc-text: var(--ng-doc-heading-color)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category ng-doc-dot{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category.active{--ng-doc-font-weight: 600;--ng-doc-dot-background: var(--ng-doc-primary)}:host .ng-doc-sidebar-category-button span[ng-doc-text]{flex-shrink:0;margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-sidebar-category-children{padding-bottom:calc(var(--ng-doc-base-gutter) * 2);--ng-doc-sidebar-item-indent: var(--ng-doc-sidebar-category-indent)}\n"] }]
+                    ], template: "<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" collapseMod=\"hide\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:flex;flex-direction:column;--ng-doc-sidebar-category-indent: calc( var(--ng-doc-sidebar-item-indent) + calc(var(--ng-doc-base-gutter) * 2) );--ng-doc-icon-color: var(--ng-doc-text)}:host[data-ng-doc-expandable=false] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button{padding:var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-base-gutter) var(--ng-doc-sidebar-vetical-padding) var(--ng-doc-sidebar-item-indent);cursor:pointer;border-radius:var(--ng-doc-base-gutter)}:host[data-ng-doc-expandable=true] .ng-doc-sidebar-category-button:hover{background-color:var(--ng-doc-base-1)}:host .ng-doc-sidebar-category-button{display:flex;flex-direction:column}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category{display:flex;align-items:center;--ng-doc-dot-background: var(--ng-doc-base-4);--ng-doc-text: var(--ng-doc-heading-color)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category ng-doc-dot{margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-sidebar-category-button .ng-doc-sidebar-category.active{--ng-doc-font-weight: 600;--ng-doc-dot-background: var(--ng-doc-primary)}:host .ng-doc-sidebar-category-button span[ng-doc-text]{flex-shrink:0;margin-right:var(--ng-doc-base-gutter)}:host .ng-doc-sidebar-category-children{padding-bottom:calc(var(--ng-doc-base-gutter) * 2);--ng-doc-sidebar-item-indent: var(--ng-doc-sidebar-category-indent)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { category: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-sidebar.mjs","sources":["../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.ts","../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.html","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.ts","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.html","../../../../libs/app/components/sidebar/sidebar.component.ts","../../../../libs/app/components/sidebar/sidebar.component.html","../../../../libs/app/components/sidebar/ng-doc-app-components-sidebar.ts"],"sourcesContent":["import { Location, NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  inject,\n  Input,\n} from '@angular/core';\nimport { NgDocRouteActiveDirective } from '@ng-doc/app/directives/route-active';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport {\n  NgDocContent,\n  NgDocDotComponent,\n  NgDocExpanderComponent,\n  NgDocIconComponent,\n  NgDocRotatorDirective,\n  NgDocTextComponent,\n  NgDocTextLeftDirective,\n} from '@ng-doc/ui-kit';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n  selector: 'ng-doc-sidebar-category',\n  templateUrl: './sidebar-category.component.html',\n  styleUrls: ['./sidebar-category.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocRouteActiveDirective,\n    NgIf,\n    NgDocDotComponent,\n    NgDocTextComponent,\n    NgDocIconComponent,\n    NgDocTextLeftDirective,\n    NgDocRotatorDirective,\n    NgDocExpanderComponent,\n    PolymorpheusModule,\n    NgTemplateOutlet,\n  ],\n})\n@UntilDestroy()\nexport class NgDocSidebarCategoryComponent {\n  @Input({ required: true })\n  category!: NgDocNavigation;\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-is-root')\n  isRoot: boolean = false;\n\n  @Input()\n  content: NgDocContent = '';\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-expandable')\n  expandable: boolean = true;\n\n  @Input()\n  expanded: boolean = true;\n\n  protected readonly location = inject(Location);\n  protected readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n  constructor() {\n    this.location.onUrlChange(() => {\n      if (this.location.path().includes(this.category.route ?? '', 0)) {\n        this.expand();\n      }\n    });\n  }\n\n  toggle(): void {\n    this.expanded ? this.collapse() : this.expand();\n  }\n\n  expand(): void {\n    if (this.category?.expandable) {\n      this.expanded = true;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  collapse(): void {\n    if (this.category?.expandable) {\n      this.expanded = false;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n}\n","<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport {\n  NgDocColor,\n  NgDocDotComponent,\n  NgDocTagComponent,\n  NgDocTextComponent,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-sidebar-item',\n  templateUrl: './sidebar-item.component.html',\n  styleUrls: ['./sidebar-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLinkActive, RouterLink, NgDocDotComponent, NgDocTextComponent, NgDocTagComponent],\n})\nexport class NgDocSidebarItemComponent {\n  item = input.required<NgDocNavigation>();\n  statuses = computed(() => {\n    const statuses = this.item().metadata?.tags['status'] ?? [];\n\n    return statuses.map((status) => {\n      const [type, text] = status.split(/\\s+(.+)/);\n\n      return { type: type.replace(/^:/, '') as NgDocColor, text };\n    });\n  });\n}\n","<a class=\"ng-doc-sidebar-link\" [routerLink]=\"[item().route]\" routerLinkActive=\"active\">\n  <ng-doc-dot></ng-doc-dot>\n  <span ng-doc-text [absoluteContent]=\"true\">\n    {{ item().title }}\n    @for (status of statuses(); track status) {\n      <ng-doc-tag size=\"small\" [color]=\"status.type || 'success'\" mod=\"light\">{{\n        status.text\n      }}</ng-doc-tag>\n    }\n  </span>\n</a>\n","import { Location, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';\nimport { NgDocBindPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';\n\nimport { NgDocSidebarCategoryComponent } from './sidebar-category/sidebar-category.component';\nimport { NgDocSidebarItemComponent } from './sidebar-item/sidebar-item.component';\n\n@Component({\n  selector: 'ng-doc-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgFor,\n    NgTemplateOutlet,\n    NgIf,\n    NgDocSidebarCategoryComponent,\n    NgDocSidebarItemComponent,\n    NgDocExecutePipe,\n    NgDocBindPipe,\n  ],\n})\nexport class NgDocSidebarComponent {\n  protected readonly location = inject(Location);\n  protected readonly context = inject(NG_DOC_CONTEXT);\n\n  getNavigation(nav?: NgDocNavigation): NgDocNavigation[] {\n    return nav ? nav.children ?? [] : this.context.navigation;\n  }\n\n  matchRoute(route: string): boolean {\n    return this.location.path().includes(route ?? '', 0);\n  }\n}\n","<div class=\"ng-doc-side-bar-wrapper\">\n  <ng-container *ngFor=\"let item of getNavigation | bind: this | execute\">\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  </ng-container>\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    <ng-container *ngIf=\"item.children?.length; else itemTemplate\">\n      <ng-doc-sidebar-category\n        *ngIf=\"!item.hidden\"\n        [category]=\"item\"\n        [expandable]=\"!!item?.expandable\"\n        [expanded]=\"\n          !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n        \"\n        [isRoot]=\"!!root\"\n        [content]=\"categoryContent\">\n      </ng-doc-sidebar-category>\n      <ng-template #categoryContent>\n        <ng-container *ngFor=\"let child of getNavigation | bind: this | execute: item\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #itemTemplate>\n      <ng-doc-sidebar-item [item]=\"item\" *ngIf=\"!item.hidden\"></ng-doc-sidebar-item>\n    </ng-template>\n  </ng-template>\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-sidebar.mjs","sources":["../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.ts","../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.html","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.ts","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.html","../../../../libs/app/components/sidebar/sidebar.component.ts","../../../../libs/app/components/sidebar/sidebar.component.html","../../../../libs/app/components/sidebar/ng-doc-app-components-sidebar.ts"],"sourcesContent":["import { Location, NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  inject,\n  Input,\n} from '@angular/core';\nimport { NgDocRouteActiveDirective } from '@ng-doc/app/directives/route-active';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport {\n  NgDocContent,\n  NgDocDotComponent,\n  NgDocExpanderComponent,\n  NgDocIconComponent,\n  NgDocRotatorDirective,\n  NgDocTextComponent,\n  NgDocTextLeftDirective,\n} from '@ng-doc/ui-kit';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n  selector: 'ng-doc-sidebar-category',\n  templateUrl: './sidebar-category.component.html',\n  styleUrls: ['./sidebar-category.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocRouteActiveDirective,\n    NgIf,\n    NgDocDotComponent,\n    NgDocTextComponent,\n    NgDocIconComponent,\n    NgDocTextLeftDirective,\n    NgDocRotatorDirective,\n    NgDocExpanderComponent,\n    PolymorpheusModule,\n    NgTemplateOutlet,\n  ],\n})\n@UntilDestroy()\nexport class NgDocSidebarCategoryComponent {\n  @Input({ required: true })\n  category!: NgDocNavigation;\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-is-root')\n  isRoot: boolean = false;\n\n  @Input()\n  content: NgDocContent = '';\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-expandable')\n  expandable: boolean = true;\n\n  @Input()\n  expanded: boolean = true;\n\n  protected readonly location = inject(Location);\n  protected readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n  constructor() {\n    this.location.onUrlChange(() => {\n      if (this.location.path().includes(this.category.route ?? '', 0)) {\n        this.expand();\n      }\n    });\n  }\n\n  toggle(): void {\n    this.expanded ? this.collapse() : this.expand();\n  }\n\n  expand(): void {\n    if (this.category?.expandable) {\n      this.expanded = true;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  collapse(): void {\n    if (this.category?.expandable) {\n      this.expanded = false;\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n}\n","<div class=\"ng-doc-sidebar-category-wrapper\">\n  <div class=\"ng-doc-sidebar-category-button\" (click)=\"toggle()\">\n    <div class=\"ng-doc-sidebar-category\" [ngDocRouteActive]=\"category.route\" activeClass=\"active\">\n      <ng-doc-dot *ngIf=\"!expandable\"></ng-doc-dot>\n      <span ng-doc-text>\n        <ng-doc-icon\n          icon=\"chevron-right\"\n          *ngIf=\"category.expandable\"\n          [ngDocRotator]=\"expanded\"\n          ngDocTextLeft>\n        </ng-doc-icon>\n        {{ category.title }}\n      </span>\n    </div>\n    <!--\t\t<div ng-doc-text color=\"muted\" size=\"small\">Some description</div>-->\n  </div>\n  <ng-doc-expander [expanded]=\"expanded\" [content]=\"contentTemplate\" collapseMod=\"hide\" />\n  <ng-template #contentTemplate>\n    <div class=\"ng-doc-sidebar-category-children\">\n      <!--We wrap content via ng-template to save state of the child components -->\n      <ng-content></ng-content>\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </ng-template>\n</div>\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport {\n  NgDocColor,\n  NgDocDotComponent,\n  NgDocTagComponent,\n  NgDocTextComponent,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-sidebar-item',\n  templateUrl: './sidebar-item.component.html',\n  styleUrls: ['./sidebar-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLinkActive, RouterLink, NgDocDotComponent, NgDocTextComponent, NgDocTagComponent],\n})\nexport class NgDocSidebarItemComponent {\n  item = input.required<NgDocNavigation>();\n  statuses = computed(() => {\n    const statuses = this.item().metadata?.tags['status'] ?? [];\n\n    return statuses.map((status) => {\n      const [type, text] = status.split(/\\s+(.+)/);\n\n      return { type: type.replace(/^:/, '') as NgDocColor, text };\n    });\n  });\n}\n","<a class=\"ng-doc-sidebar-link\" [routerLink]=\"[item().route]\" routerLinkActive=\"active\">\n  <ng-doc-dot></ng-doc-dot>\n  <span ng-doc-text [absoluteContent]=\"true\">\n    {{ item().title }}\n    @for (status of statuses(); track status) {\n      <ng-doc-tag size=\"small\" [color]=\"status.type || 'success'\" mod=\"light\">{{\n        status.text\n      }}</ng-doc-tag>\n    }\n  </span>\n</a>\n","import { Location, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';\nimport { NgDocBindPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';\n\nimport { NgDocSidebarCategoryComponent } from './sidebar-category/sidebar-category.component';\nimport { NgDocSidebarItemComponent } from './sidebar-item/sidebar-item.component';\n\n@Component({\n  selector: 'ng-doc-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgFor,\n    NgTemplateOutlet,\n    NgIf,\n    NgDocSidebarCategoryComponent,\n    NgDocSidebarItemComponent,\n    NgDocExecutePipe,\n    NgDocBindPipe,\n  ],\n})\nexport class NgDocSidebarComponent {\n  protected readonly location = inject(Location);\n  protected readonly context = inject(NG_DOC_CONTEXT);\n\n  getNavigation(nav?: NgDocNavigation): NgDocNavigation[] {\n    return nav ? nav.children ?? [] : this.context.navigation;\n  }\n\n  matchRoute(route: string): boolean {\n    return this.location.path().includes(route ?? '', 0);\n  }\n}\n","<div class=\"ng-doc-side-bar-wrapper\">\n  <ng-container *ngFor=\"let item of getNavigation | bind: this | execute\">\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  </ng-container>\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    <ng-container *ngIf=\"item.children?.length; else itemTemplate\">\n      <ng-doc-sidebar-category\n        *ngIf=\"!item.hidden\"\n        [category]=\"item\"\n        [expandable]=\"!!item?.expandable\"\n        [expanded]=\"\n          !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n        \"\n        [isRoot]=\"!!root\"\n        [content]=\"categoryContent\">\n      </ng-doc-sidebar-category>\n      <ng-template #categoryContent>\n        <ng-container *ngFor=\"let child of getNavigation | bind: this | execute: item\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-template #itemTemplate>\n      <ng-doc-sidebar-item [item]=\"item\" *ngIf=\"!item.hidden\"></ng-doc-sidebar-item>\n    </ng-template>\n  </ng-template>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-doc/app",
-  "version": "19.0.1",
+  "version": "19.2.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0 < 20.0.0",
     "@angular/core": ">=19.0.0 < 20.0.0",
@@ -12,11 +12,11 @@
   },
   "dependencies": {
     "tslib": "^2.6.2",
-    "@ng-doc/core": "19.0.1",
-    "@ng-doc/ui-kit": "19.0.1",
+    "@ng-doc/core": "19.2.0",
+    "@ng-doc/ui-kit": "19.2.0",
     "@orama/plugin-match-highlight": "2.0.17",
     "@orama/stemmers": "2.0.17",
-    "mermaid": "10.9.1"
+    "mermaid": "10.9.3"
   },
   "publishConfig": {
     "access": "public"
@@ -54,6 +54,10 @@
       "types": "./defaults/index.d.ts",
       "default": "./fesm2022/ng-doc-app-defaults.mjs"
     },
+    "./directives": {
+      "types": "./directives/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-directives.mjs"
+    },
     "./helpers": {
       "types": "./helpers/index.d.ts",
       "default": "./fesm2022/ng-doc-app-helpers.mjs"
@@ -62,10 +66,6 @@
       "types": "./interfaces/index.d.ts",
       "default": "./fesm2022/ng-doc-app-interfaces.mjs"
     },
-    "./directives": {
-      "types": "./directives/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-directives.mjs"
-    },
     "./pipes": {
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/ng-doc-app-pipes.mjs"
@@ -150,6 +150,10 @@
       "types": "./components/kind-icon/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-kind-icon.mjs"
     },
+    "./components/link": {
+      "types": "./components/link/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-components-link.mjs"
+    },
     "./components/mermaid-viewer": {
       "types": "./components/mermaid-viewer/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-mermaid-viewer.mjs"
@@ -178,42 +182,38 @@
       "types": "./components/page-wrapper/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-page-wrapper.mjs"
     },
-    "./components/link": {
-      "types": "./components/link/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-components-link.mjs"
-    },
     "./components/playground": {
       "types": "./components/playground/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-playground.mjs"
     },
+    "./components/root": {
+      "types": "./components/root/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-components-root.mjs"
+    },
     "./components/search": {
       "types": "./components/search/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-search.mjs"
     },
-    "./components/search-result": {
-      "types": "./components/search-result/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-components-search-result.mjs"
-    },
     "./components/search-dialog": {
       "types": "./components/search-dialog/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-search-dialog.mjs"
     },
-    "./components/tabs": {
-      "types": "./components/tabs/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-components-tabs.mjs"
+    "./components/search-result": {
+      "types": "./components/search-result/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-components-search-result.mjs"
     },
     "./components/sidebar": {
       "types": "./components/sidebar/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-sidebar.mjs"
     },
+    "./components/tabs": {
+      "types": "./components/tabs/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-components-tabs.mjs"
+    },
     "./components/theme-toggle": {
       "types": "./components/theme-toggle/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-theme-toggle.mjs"
     },
-    "./components/root": {
-      "types": "./components/root/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-components-root.mjs"
-    },
     "./components/toc": {
       "types": "./components/toc/index.d.ts",
       "default": "./fesm2022/ng-doc-app-components-toc.mjs"
@@ -226,6 +226,10 @@
       "types": "./defaults/default-skeleton/index.d.ts",
       "default": "./fesm2022/ng-doc-app-defaults-default-skeleton.mjs"
     },
+    "./directives/code-highlighter": {
+      "types": "./directives/code-highlighter/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-directives-code-highlighter.mjs"
+    },
     "./directives/route-active": {
       "types": "./directives/route-active/index.d.ts",
       "default": "./fesm2022/ng-doc-app-directives-route-active.mjs"
@@ -246,10 +250,6 @@
       "types": "./pipes/sanitize-html/index.d.ts",
       "default": "./fesm2022/ng-doc-app-pipes-sanitize-html.mjs"
     },
-    "./directives/code-highlighter": {
-      "types": "./directives/code-highlighter/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-directives-code-highlighter.mjs"
-    },
     "./processors/page-processor": {
       "types": "./processors/page-processor/index.d.ts",
       "default": "./fesm2022/ng-doc-app-processors-page-processor.mjs"
@@ -262,21 +262,17 @@
       "types": "./providers/mermaid/index.d.ts",
       "default": "./fesm2022/ng-doc-app-providers-mermaid.mjs"
     },
-    "./providers/playground-demo": {
-      "types": "./providers/playground-demo/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-providers-playground-demo.mjs"
+    "./providers/ng-doc-app": {
+      "types": "./providers/ng-doc-app/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-providers-ng-doc-app.mjs"
     },
     "./providers/page-skeleton": {
       "types": "./providers/page-skeleton/index.d.ts",
       "default": "./fesm2022/ng-doc-app-providers-page-skeleton.mjs"
     },
-    "./providers/ng-doc-app": {
-      "types": "./providers/ng-doc-app/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-providers-ng-doc-app.mjs"
-    },
-    "./services/highlighter": {
-      "types": "./services/highlighter/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-services-highlighter.mjs"
+    "./providers/playground-demo": {
+      "types": "./providers/playground-demo/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-providers-playground-demo.mjs"
     },
     "./providers/search-engine": {
       "types": "./providers/search-engine/index.d.ts",
@@ -286,6 +282,10 @@
       "types": "./providers/type-control/index.d.ts",
       "default": "./fesm2022/ng-doc-app-providers-type-control.mjs"
     },
+    "./services/highlighter": {
+      "types": "./services/highlighter/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-services-highlighter.mjs"
+    },
     "./services/sidebar": {
       "types": "./services/sidebar/index.d.ts",
       "default": "./fesm2022/ng-doc-app-services-sidebar.mjs"

package/styles/global.css

@@ -734,6 +734,9 @@ table.ng-doc-api-table tr th.ng-doc-api-table-name {
 table.ng-doc-api-table tr th.ng-doc-api-table-type {
   width: 25%;
 }
+table.ng-doc-api-table tr td.ng-doc-api-table-type code {
+  white-space: normal;
+}
 table.ng-doc-api-table tr th.ng-doc-api-table-description {
   min-width: 300px;
 }

package/styles/main.css

@@ -734,6 +734,9 @@ table.ng-doc-api-table tr th.ng-doc-api-table-name {
 table.ng-doc-api-table tr th.ng-doc-api-table-type {
   width: 25%;
 }
+table.ng-doc-api-table tr td.ng-doc-api-table-type code {
+  white-space: normal;
+}
 table.ng-doc-api-table tr th.ng-doc-api-table-description {
   min-width: 300px;
 }