@ng-doc/builder 15.0.0-beta.19 → 15.0.0-beta.20

package/README.md

@@ -0,0 +1,40 @@
+[![GitHub Workflow Status][build-shield]][build-url]
+[![NPM][npm-shield]][npm-url]
+[![MIT License][license-shield]][license-url]
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <a href="https://github.com/skoropadas/ng-doc">
+    <img src="https://ng-doc.com/assets/images/ng-doc.svg" alt="Logo" height="100px">
+  </a>
+
+<h3 align="center">NgDoc</h3>
+
+  <p align="center">
+    Create documentation faster than ever!
+    <br />
+    <a href="https://ng-doc.com/"><strong>Explore the docs »</strong></a>
+    <br />
+    <br />
+	<a href="https://ng-doc.com/getting-started/roadmap">Roadmap</a>
+    ·
+    <a href="https://github.com/skoropadas/ng-doc/issues">Report Bug</a>
+    ·
+    <a href="https://github.com/skoropadas/ng-doc/issues">Request Feature</a>
+  </p>
+</div>
+
+<!-- ABOUT THE PROJECT -->
+
+## About The Project
+
+This library is a part of NgDoc project, that uses to create documentation
+for Angular projects, please check our [repo](https://github.com/skoropadas/ng-doc) for more details.
+
+[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
+[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
+[license-shield]: https://img.shields.io/github/license/skoropadas/ng-doc.svg?style=for-the-badge
+[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
+[build-shield]: https://img.shields.io/github/actions/workflow/status/skoropadas/ng-doc/release.yml?style=for-the-badge&branch=release
+[build-url]: https://github.com/skoropadas/ng-doc/actions

package/engine/.cache/apps/ng-doc/src/app/docs/content/api-templating/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const ApiTemplatingPage = {
+    title: 'Api Templating',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 3,
+    keyword: 'ContentApiTemplating',
+};
+exports.default = ApiTemplatingPage;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/demos/button-demo/button-demo.component.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonDemoComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const notify_1 = require("@ng-doc/ui-kit/services/notify");
+let ButtonDemoComponent = class ButtonDemoComponent {
+    constructor(notifyService) {
+        this.notifyService = notifyService;
+    }
+    clickEvent() {
+        this.notifyService.notify('Button was clicked!');
+    }
+};
+ButtonDemoComponent = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector: 'ng-doc-button-demo',
+        templateUrl: './button-demo.component.html',
+        styleUrls: ['./button-demo.component.scss'],
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+    }),
+    tslib_1.__metadata("design:paramtypes", [notify_1.NgDocNotifyService])
+], ButtonDemoComponent);
+exports.ButtonDemoComponent = ButtonDemoComponent;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/demos/button-inline-demo/button-inline-demo.component.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonInlineDemoComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const notify_1 = require("@ng-doc/ui-kit/services/notify");
+let ButtonInlineDemoComponent = class ButtonInlineDemoComponent {
+    /* NgDocCodeSnippetStart(Constructor) */
+    constructor(notifyService) {
+        this.notifyService = notifyService;
+    }
+    /* NgDocCodeSnippetEnd(Constructor) */
+    /* NgDocCodeSnippetStart(ClickEvent) */
+    clickEvent() {
+        this.notifyService.notify('Button was clicked!');
+    }
+};
+ButtonInlineDemoComponent = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector: 'ng-doc-button-inline-demo',
+        template: `
+		<!-- NgDocHTMLSnippetStart(Button Template) -->
+		<button ng-doc-button (click)="clickEvent()">Just a button</button>
+		<!-- NgDocHTMLSnippetEnd(Button Template) -->
+	`,
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+    }),
+    tslib_1.__metadata("design:paramtypes", [notify_1.NgDocNotifyService])
+], ButtonInlineDemoComponent);
+exports.ButtonInlineDemoComponent = ButtonInlineDemoComponent;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/ng-doc.dependencies.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const button_demo_component_1 = require("./demos/button-demo/button-demo.component");
+const button_inline_demo_component_1 = require("./demos/button-inline-demo/button-inline-demo.component");
+const ng_doc_module_1 = require("./ng-doc.module");
+const DemoPageDependencies = {
+    // Add your module here
+    module: ng_doc_module_1.DemoPageModule,
+    // And all demos that you'd like to use
+    demo: { ButtonDemoComponent: button_demo_component_1.ButtonDemoComponent, ButtonInlineDemoComponent: button_inline_demo_component_1.ButtonInlineDemoComponent },
+};
+exports.default = DemoPageDependencies;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/ng-doc.module.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DemoPageModule = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const button_1 = require("@ng-doc/ui-kit/components/button");
+const button_demo_component_1 = require("./demos/button-demo/button-demo.component");
+const button_inline_demo_component_1 = require("./demos/button-inline-demo/button-inline-demo.component");
+let DemoPageModule = class DemoPageModule {
+};
+DemoPageModule = tslib_1.__decorate([
+    (0, core_1.NgModule)({
+        // Import dependencies
+        imports: [button_1.NgDocButtonModule],
+        // Declarations for your demos
+        declarations: [button_demo_component_1.ButtonDemoComponent, button_inline_demo_component_1.ButtonInlineDemoComponent],
+    })
+], DemoPageModule);
+exports.DemoPageModule = DemoPageModule;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/demo/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const DemoPage = {
+    title: 'Demo',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 2,
+    keyword: 'ContentGuidelinesDemo',
+};
+exports.default = DemoPage;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/ng-doc.category.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const GuidelinesCategory = {
+    title: 'Guidelines',
+    category: ng_doc_category_1.default,
+    order: 1,
+};
+exports.default = GuidelinesCategory;

package/engine/.cache/apps/ng-doc/src/app/docs/content/guidelines/templating/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const TemplatingPage = {
+    title: 'Templating',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    keyword: 'ContentGuidelinesTemplating',
+    order: 1,
+};
+exports.default = TemplatingPage;

package/engine/.cache/apps/ng-doc/src/app/docs/content/keywords/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const KeywordsPage = {
+    title: 'Keywords',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 4,
+    keyword: 'ContentKeywords',
+};
+exports.default = KeywordsPage;

package/engine/.cache/apps/ng-doc/src/app/docs/content/ng-doc.category.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ContentCategory = {
+    title: 'Content',
+    expandable: true,
+    order: 3,
+};
+exports.default = ContentCategory;

package/engine/.cache/apps/ng-doc/src/app/docs/customization/ng-doc.category.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const CustomizationCategory = {
+    title: 'Customization',
+    order: 4,
+    expandable: true,
+};
+exports.default = CustomizationCategory;

package/engine/.cache/apps/ng-doc/src/app/docs/customization/themes/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const ThemesPage = {
+    title: 'Themes',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 1,
+    keyword: 'CustomizationThemes',
+};
+exports.default = ThemesPage;

package/engine/.cache/apps/ng-doc/src/app/docs/develop/custom-data.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CUSTOM_DATA = void 0;
+exports.CUSTOM_DATA = {
+    prop: 'HAHAHA',
+};

package/engine/.cache/apps/ng-doc/src/app/docs/develop/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevelopPage = void 0;
+const custom_data_1 = require("./custom-data");
+exports.DevelopPage = {
+    title: 'Develop',
+    mdFile: './index.md',
+    onlyForTags: ['develop'],
+    data: custom_data_1.CUSTOM_DATA,
+};
+exports.default = exports.DevelopPage;

package/engine/.cache/apps/ng-doc/src/app/docs/entities/api/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const ApiPage = {
+    title: 'API',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    keyword: 'EntitiesAPI',
+    order: 4,
+};
+exports.default = ApiPage;

package/engine/.cache/apps/ng-doc/src/app/docs/entities/category/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const CategoryPage = {
+    title: 'Category',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 2,
+    keyword: 'EntitiesCategory'
+};
+exports.default = CategoryPage;

package/engine/.cache/apps/ng-doc/src/app/docs/entities/dependencies/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const DependenciesPage = {
+    title: 'Dependencies',
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 3,
+    keyword: 'EntitiesDependencies',
+};
+exports.default = DependenciesPage;

package/engine/.cache/apps/ng-doc/src/app/docs/entities/ng-doc.category.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const EntitiesCategory = {
+    title: 'Entities',
+    expandable: true,
+    order: 2,
+};
+exports.default = EntitiesCategory;

package/engine/.cache/apps/ng-doc/src/app/docs/entities/page/ng-doc.page.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PagePage = void 0;
+const ng_doc_category_1 = require("../ng-doc.category");
+exports.PagePage = {
+    title: 'Page',
+    category: ng_doc_category_1.default,
+    mdFile: './index.md',
+    keyword: 'EntitiesPage',
+    order: 1
+};
+exports.default = exports.PagePage;

package/engine/.cache/apps/ng-doc/src/app/docs/getting-started/installation/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const page = {
+    title: `Installation`,
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 1,
+    keyword: 'GettingStartedInstallation',
+};
+exports.default = page;

package/engine/.cache/apps/ng-doc/src/app/docs/getting-started/ng-doc.category.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GettingStartedCategory = void 0;
+exports.GettingStartedCategory = {
+    title: 'Getting Started',
+    expandable: true,
+    order: 1,
+};
+exports.default = exports.GettingStartedCategory;

package/engine/.cache/apps/ng-doc/src/app/docs/getting-started/roadmap/ng-doc.page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const page = {
+    title: `Roadmap`,
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 2,
+    keyword: 'GettingStartedRoadmap',
+};
+exports.default = page;

package/engine/.cache/apps/ng-doc/src/app/docs/getting-started/what-is-ng-doc/ng-doc.page.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_doc_category_1 = require("../ng-doc.category");
+const page = {
+    title: `What is NgDoc?`,
+    mdFile: './index.md',
+    category: ng_doc_category_1.default,
+    order: 3,
+};
+exports.default = page;

package/engine/.cache/apps/ng-doc/src/app/docs/ng-doc.api.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.api = void 0;
+exports.api = {
+    title: 'API',
+    scopes: [
+        {
+            name: '@ng-doc/app',
+            route: 'app',
+            include: 'libs/app/**/*.ts',
+        },
+        {
+            name: '@ng-doc/builder',
+            route: 'builder',
+            include: 'libs/builder/**/*.ts',
+        },
+        {
+            name: '@ng-doc/ui-kit',
+            route: 'ui-kit',
+            include: 'libs/ui-kit/**/*.ts',
+        },
+        {
+            name: '@ng-doc/core',
+            route: 'core',
+            include: 'libs/core/**/*.ts',
+        },
+    ],
+};
+exports.default = exports.api;

package/engine/.cache/libs/app/classes/html-parser/html-parser.js

@@ -0,0 +1,75 @@
+"use strict";
+// import {asArray, isNodeTag, isPresent} from '@ng-doc/core';
+// import * as CSSWhat from 'css-what';
+// import {AttributeSelector, SelectorType} from 'css-what';
+// import {Selector, TagSelector} from 'css-what/lib/es/types';
+// import {Node, NodeTag, parser} from 'posthtml-parser';
+// import {render} from 'posthtml-render';
+//
+// export class NgDocHtmlParser {
+// 	private readonly parsedHTML: Node[];
+//
+// 	constructor(private html: string) {
+// 		this.parsedHTML = parser(html);
+// 	}
+//
+// 	find(selector: string): NodeTag | undefined {
+// 		const selectors: Selector[] = CSSWhat.parse(selector)[0];
+// 		const tagSelectors: TagSelector[] = selectors.filter(
+// 			(selector: Selector) => selector.type === SelectorType.Tag,
+// 		) as TagSelector[];
+// 		const attrSelectors: AttributeSelector[] = selectors.filter(
+// 			(selector: Selector) => selector.type === SelectorType.Attribute,
+// 		) as AttributeSelector[];
+//
+// 		const nodes: Node[] = [...this.parsedHTML];
+//
+// 		while (nodes.length) {
+// 			const shiftNode: Node | undefined = nodes.shift();
+// 			const node: NodeTag | undefined =
+// 				!isPresent(shiftNode) || !isNodeTag(shiftNode) ? undefined : shiftNode;
+//
+// 			if (
+// 				tagSelectors.every(
+// 					(tagSelector: TagSelector) => tagSelector.name.toLowerCase() === String(node?.tag).toLowerCase(),
+// 				) &&
+// 				attrSelectors.every((attrSelector: AttributeSelector) => {
+// 					const attrValue: unknown = node && node.attrs && node?.attrs[attrSelector.name];
+//
+// 					return (
+// 						Object.keys(node?.attrs ?? {}).includes(attrSelector.name) && attrValue === attrSelector.value
+// 					);
+// 				})
+// 			) {
+// 				return node;
+// 			} else {
+// 				nodes.push(...asArray(node?.content).flat());
+// 			}
+// 		}
+//
+// 		return undefined;
+// 	}
+//
+// 	removeAttribute(node: Node, name: string): void {
+// 		if (isNodeTag(node) && Object.keys(node?.attrs ?? {}).includes(name) && node.attrs) {
+// 			delete node.attrs[name];
+// 		}
+// 		if (isNodeTag(node) && Object.keys(node?.attrs ?? {}).includes(`[${name}]`) && node.attrs) {
+// 			delete node.attrs[`[${name}]`];
+// 		}
+// 	}
+//
+// 	setAttribute(node: Node, name: string, value?: string): void {
+// 		if (isNodeTag(node)) {
+// 			if (!node.attrs) {
+// 				node.attrs = {};
+// 			}
+//
+// 			node.attrs[name] = value ?? '';
+// 		}
+// 	}
+//
+// 	serialize(): string {
+// 		return render(this.parsedHTML);
+// 	}
+// }

package/engine/.cache/libs/app/classes/html-parser/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocHtmlParser = void 0;
+exports.NgDocHtmlParser = null;

package/engine/.cache/libs/app/classes/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("@ng-doc/app/classes/html-parser"), exports);
+tslib_1.__exportStar(require("@ng-doc/app/classes/root-page"), exports);
+tslib_1.__exportStar(require("@ng-doc/app/classes/search-engine"), exports);

package/engine/.cache/libs/app/classes/root-page/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./root-page"), exports);

package/engine/.cache/libs/app/classes/root-page/root-page.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocRootPage = void 0;
+class NgDocRootPage {
+}
+exports.NgDocRootPage = NgDocRootPage;

package/engine/.cache/libs/app/classes/search-engine/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./search-engine"), exports);

package/engine/.cache/libs/app/classes/search-engine/search-engine.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocSearchEngine = void 0;
+const core_1 = require("@ng-doc/core");
+const lunr = require("lunr");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+class NgDocSearchEngine {
+    constructor() {
+        this.index$ = (0, rxjs_1.forkJoin)([
+            this.request(`assets/ng-doc/indexes.json`).pipe((0, operators_1.map)(this.createIndex)),
+            this.request(`assets/ng-doc/pages.json`),
+        ]).pipe((0, operators_1.shareReplay)(1));
+    }
+    search(query) {
+        return this.index$.pipe((0, operators_1.map)(([index, pages]) => this.queryIndex(query, index, pages)));
+    }
+    createIndex(indexes) {
+        const queryLexer = lunr
+            .QueryLexer;
+        queryLexer.termSeparator = lunr.tokenizer.separator = /\s+/;
+        return lunr.Index.load(indexes);
+    }
+    queryIndex(query, index, dictionary) {
+        query = query.replace(/^["']|['"]$/g, '');
+        try {
+            if (query.length) {
+                // First try a query where every term must be present
+                // (see https://lunrjs.com/guides/searching.html#term-presence)
+                const queryAll = query.replace(/\S+/g, '+$&');
+                let results = index.search(queryAll);
+                // If that was too restrictive just query for any term to be present
+                if (results.length === 0) {
+                    results = index.search(query);
+                }
+                // If that is still too restrictive then search in the title for the first word in the query
+                if (results.length === 0) {
+                    // E.g. if the search is "ngCont guide" then we search for "ngCont guide title:*ngCont*"
+                    const titleQuery = 'heading:*' + query.split(' ', 1)[0] + '*';
+                    results = index.search(query + ' ' + titleQuery);
+                }
+                // Map the hits into info about each page to be returned as results
+                return results.map((hit) => dictionary[hit.ref]).filter(core_1.isPresent);
+            }
+        }
+        catch (e) {
+            // If the search query cannot be parsed the index throws an error
+            // Log it and recover
+            console.error(e);
+        }
+        return [];
+    }
+    request(url) {
+        return (0, rxjs_1.from)(fetch(url)).pipe((0, operators_1.switchMap)((response) => (0, rxjs_1.from)(response.json())));
+    }
+}
+exports.NgDocSearchEngine = NgDocSearchEngine;

package/engine/.cache/libs/app/components/api-list/api-list.component.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgDocApiListComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const forms_1 = require("@angular/forms");
+const router_1 = require("@angular/router");
+const tokens_1 = require("@ng-doc/app/tokens");
+const core_2 = require("@ng-doc/core");
+const decorators_1 = require("@ng-doc/ui-kit/decorators");
+const until_destroy_1 = require("@ngneat/until-destroy");
+const operators_1 = require("rxjs/operators");
+let NgDocApiListComponent = class NgDocApiListComponent {
+    constructor(apiList, formBuilder, route, router) {
+        this.apiList = apiList;
+        this.formBuilder = formBuilder;
+        this.route = route;
+        this.router = router;
+        this.formGroup = this.formBuilder.group({
+            filter: [''],
+            type: [''],
+        });
+        this.route.queryParamMap.pipe((0, until_destroy_1.untilDestroyed)(this)).subscribe((paramMap) => this.formGroup.setValue({
+            filter: paramMap.get('filter') || null,
+            type: paramMap.get('type') || null,
+        }));
+        this.formGroup.valueChanges
+            .pipe((0, until_destroy_1.untilDestroyed)(this))
+            .subscribe((formValue) => this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: formValue,
+            queryParamsHandling: 'merge',
+        }));
+        this.api$ = this.formGroup.valueChanges.pipe((0, operators_1.debounceTime)(100), (0, operators_1.startWith)(null), (0, operators_1.map)(() => this.formGroup.value), (0, operators_1.map)((form) => this.apiList
+            .map((api) => (Object.assign(Object.assign({}, api), { items: api.items
+                .filter((item) => {
+                var _a, _b;
+                return item.name.toLowerCase().includes((_b = (_a = form === null || form === void 0 ? void 0 : form.filter) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '') &&
+                    (!(form === null || form === void 0 ? void 0 : form.type) || item.type === (form === null || form === void 0 ? void 0 : form.type));
+            })
+                .sort((a, b) => a.type.localeCompare(b.type) - a.name.localeCompare(b.name)) })))
+            .filter((api) => api.items.length)
+            .sort((a, b) => a.title.localeCompare(b.title))), (0, until_destroy_1.untilDestroyed)(this));
+    }
+    get types() {
+        return (0, core_2.asArray)(new Set(this.apiList.flatMap((api) => api.items).flatMap((item) => item.type)));
+    }
+};
+tslib_1.__decorate([
+    decorators_1.ngDocMakePure,
+    tslib_1.__metadata("design:type", Array),
+    tslib_1.__metadata("design:paramtypes", [])
+], NgDocApiListComponent.prototype, "types", null);
+NgDocApiListComponent = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector: 'ng-doc-api-list',
+        templateUrl: './api-list.component.html',
+        styleUrls: ['./api-list.component.scss'],
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+    }),
+    (0, until_destroy_1.UntilDestroy)(),
+    tslib_1.__param(0, (0, core_1.Inject)(tokens_1.NG_DOC_API_LIST_TOKEN)),
+    tslib_1.__metadata("design:paramtypes", [Array, forms_1.FormBuilder,
+        router_1.ActivatedRoute,
+        router_1.Router])
+], NgDocApiListComponent);
+exports.NgDocApiListComponent = NgDocApiListComponent;