npm - @ng-doc/app - Versions diffs - 19.2.0 → 20.0.0-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (286) hide show

package/fesm2022/ng-doc-app-components-root.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-app-components-root.mjs","sources":["../../../../libs/app/components/root/root.component.ts","../../../../libs/app/components/root/root.component.html","../../../../libs/app/components/root/ng-doc-app-components-root.ts"],"sourcesContent":["import { AsyncPipe, NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n HostBinding,\n inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport { NgDocSidebarService } from '@ng-doc/app/services';\nimport { NgDocContent, NgDocLetDirective, NgDocSidenavComponent } from '@ng-doc/ui-kit';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n/*\n Directive uses for providing custom navbar, you should mark element with this directive\n * and the `NgDocRootComponent` will use it as a navbar\n \n ```html\n * <ng-doc-root>\n * <my-custom-navbar ngDocCustomNavbar></my-custom-navbar>\n \n <ng-doc-sidebar></ng-doc-sidebar>\n * <router-outlet></router-outlet>\n * </ng-doc-root>\n * ```\n /\n@Directive({\n selector: '[ngDocCustomNavbar]',\n standalone: true,\n})\nexport class NgDocCustomNavbarDirective {}\n\n/\n Directive uses for providing custom sidebar, you should mark element with this directive\n * and the `NgDocRootComponent` will use it as a sidebar\n \n ```html\n * <ng-doc-root>\n * <ng-doc-navbar></ng-doc-sidebar>\n \n <my-custom-sidebar ngDocCustomSidebar></my-custom-sidebar>\n * <router-outlet></router-outlet>\n * </ng-doc-root>\n * ```\n /\n@Directive({\n selector: '[ngDocCustomSidebar]',\n standalone: true,\n})\nexport class NgDocCustomSidebarDirective {}\n\n@Component({\n selector: 'ng-doc-root',\n templateUrl: './root.component.html',\n styleUrls: ['./root.component.scss'],\n providers: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgDocLetDirective, NgDocSidenavComponent, NgIf, PolymorpheusModule, AsyncPipe],\n})\n@UntilDestroy()\nexport class NgDocRootComponent {\n /\n If `true` then the sidebar will be shown\n * You can use it for example for landing page to hide sidebar\n /\n @Input()\n sidebar: boolean = true;\n\n /\n Content for footer\n /\n @Input()\n footerContent: NgDocContent = '';\n\n /\n If `true` then page will be shown without width limit.\n * You can use it for example for landing page\n /\n @Input()\n @HostBinding('attr.data-ng-doc-no-width-limit')\n noWidthLimit: boolean = false;\n\n @ViewChild(NgDocSidenavComponent)\n sidenav?: NgDocSidenavComponent;\n\n protected readonly sidebarService = inject(NgDocSidebarService);\n}\n","<ng-container>\n <div class=\"ng-doc-root-wrapper\">\n <div class=\"ng-doc-header\">\n <ng-content select=\"ng-doc-navbar\"></ng-content>\n <ng-content select=\"[ngDocCustomNavbar]\"></ng-content>\n </div>\n <main>\n <ng-doc-sidenav\n [sidebar]=\"sidebar ? sidebarContent : null\"\n [opened]=\"(sidebarService.isExpanded() \| async) ?? true\"\n [hasBackdrop]=\"sidebarService.isMobile\"\n (closeEvent)=\"sidebarService.hide()\">\n <ng-template #sidebarContent>\n <ng-content select=\"ng-doc-sidebar\"></ng-content>\n <ng-content select=\"[ngDocCustomSidebar]\"></ng-content>\n </ng-template>\n\n <ng-content></ng-content>\n </ng-doc-sidenav>\n </main>\n <footer ngIf=\"footerContent\">\n <ng-container polymorpheusOutlet=\"footerContent as text\"> {{ text }}</ng-container>\n </footer>\n </div>\n</ng-container>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-doc-app-components-root.mjs","sources":["../tmp-esm2022/components/root/root.component.js","../tmp-esm2022/components/root/ng-doc-app-components-root.js"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, inject, Input, ViewChild, } from '@angular/core';\nimport { NgDocSidebarService } from '@ng-doc/app/services';\nimport { NgDocSidenavComponent } from '@ng-doc/ui-kit';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@tinkoff/ng-polymorpheus\";\n/*\n Directive uses for providing custom navbar, you should mark element with this directive\n * and the `NgDocRootComponent` will use it as a navbar\n \n ```html\n * <ng-doc-root>\n * <my-custom-navbar ngDocCustomNavbar></my-custom-navbar>\n \n <ng-doc-sidebar></ng-doc-sidebar>\n * <router-outlet></router-outlet>\n * </ng-doc-root>\n * ```\n /\nexport class NgDocCustomNavbarDirective {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCustomNavbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.0.3\", type: NgDocCustomNavbarDirective, isStandalone: true, selector: \"[ngDocCustomNavbar]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCustomNavbarDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[ngDocCustomNavbar]',\n standalone: true,\n }]\n }] });\n/\n Directive uses for providing custom sidebar, you should mark element with this directive\n * and the `NgDocRootComponent` will use it as a sidebar\n \n ```html\n * <ng-doc-root>\n * <ng-doc-navbar></ng-doc-sidebar>\n \n <my-custom-sidebar ngDocCustomSidebar></my-custom-sidebar>\n * <router-outlet></router-outlet>\n * </ng-doc-root>\n * ```\n /\nexport class NgDocCustomSidebarDirective {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCustomSidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.0.3\", type: NgDocCustomSidebarDirective, isStandalone: true, selector: \"[ngDocCustomSidebar]\", ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocCustomSidebarDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[ngDocCustomSidebar]',\n standalone: true,\n }]\n }] });\nexport class NgDocRootComponent {\n constructor() {\n /\n If `true` then the sidebar will be shown\n * You can use it for example for landing page to hide sidebar\n /\n this.sidebar = true;\n /\n Content for footer\n /\n this.footerContent = '';\n /\n If `true` then page will be shown without width limit.\n * You can use it for example for landing page\n /\n this.noWidthLimit = false;\n this.sidebarService = inject(NgDocSidebarService);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocRootComponent, isStandalone: true, selector: \"ng-doc-root\", inputs: { sidebar: \"sidebar\", footerContent: \"footerContent\", noWidthLimit: \"noWidthLimit\" }, host: { properties: { \"attr.data-ng-doc-no-width-limit\": \"this.noWidthLimit\" } }, providers: [], viewQueries: [{ propertyName: \"sidenav\", first: true, predicate: NgDocSidenavComponent, descendants: true }], ngImport: i0, template: \"<ng-container>\\n <div class=\\\"ng-doc-root-wrapper\\\">\\n <div class=\\\"ng-doc-header\\\">\\n <ng-content select=\\\"ng-doc-navbar\\\"></ng-content>\\n <ng-content select=\\\"[ngDocCustomNavbar]\\\"></ng-content>\\n </div>\\n <main>\\n <ng-doc-sidenav\\n [sidebar]=\\\"sidebar ? sidebarContent : null\\\"\\n [opened]=\\\"(sidebarService.isExpanded() \| async) ?? true\\\"\\n [hasBackdrop]=\\\"sidebarService.isMobile\\\"\\n (closeEvent)=\\\"sidebarService.hide()\\\">\\n <ng-template #sidebarContent>\\n <ng-content select=\\\"ng-doc-sidebar\\\"></ng-content>\\n <ng-content select=\\\"[ngDocCustomSidebar]\\\"></ng-content>\\n </ng-template>\\n\\n <ng-content></ng-content>\\n </ng-doc-sidenav>\\n </main>\\n @if (footerContent) {\\n <footer>\\n <ng-container polymorpheusOutlet=\\\"footerContent as text\\\"> {{ text }}</ng-container>\\n </footer>\\n }\\n </div>\\n</ng-container>\\n\", styles: [\":host[data-ng-doc-no-width-limit=true] .ng-doc-root-wrapper main{max-width:none}:host .ng-doc-root-wrapper{display:flex;flex-direction:column;height:100%}:host .ng-doc-root-wrapper main{display:flex;width:100%;margin-left:auto;margin-right:auto;max-width:var(--ng-doc-app-max-width);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: var(--ng-doc-navbar-height);--ng-doc-sidenav-width: var(--ng-doc-sidebar-width);--ng-doc-sidenav-content-padding: var(--ng-doc-page-padding)}:host .ng-doc-root-wrapper footer{margin-top:auto}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:15}\\n\"], dependencies: [{ kind: \"component\", type: NgDocSidenavComponent, selector: \"ng-doc-sidenav\", inputs: [\"sidebar\", \"opened\", \"hasBackdrop\"], outputs: [\"closeEvent\"] }, { kind: \"ngmodule\", type: PolymorpheusModule }, { kind: \"directive\", type: i1.PolymorpheusOutletDirective, selector: \"[polymorpheusOutlet]\", inputs: [\"polymorpheusOutlet\", \"polymorpheusOutletContext\"] }, { kind: \"pipe\", type: AsyncPipe, name: \"async\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocRootComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ng-doc-root', providers: [], changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocSidenavComponent, PolymorpheusModule, AsyncPipe], template: \"<ng-container>\\n <div class=\\\"ng-doc-root-wrapper\\\">\\n <div class=\\\"ng-doc-header\\\">\\n <ng-content select=\\\"ng-doc-navbar\\\"></ng-content>\\n <ng-content select=\\\"[ngDocCustomNavbar]\\\"></ng-content>\\n </div>\\n <main>\\n <ng-doc-sidenav\\n [sidebar]=\\\"sidebar ? sidebarContent : null\\\"\\n [opened]=\\\"(sidebarService.isExpanded() \| async) ?? true\\\"\\n [hasBackdrop]=\\\"sidebarService.isMobile\\\"\\n (closeEvent)=\\\"sidebarService.hide()\\\">\\n <ng-template #sidebarContent>\\n <ng-content select=\\\"ng-doc-sidebar\\\"></ng-content>\\n <ng-content select=\\\"[ngDocCustomSidebar]\\\"></ng-content>\\n </ng-template>\\n\\n <ng-content></ng-content>\\n </ng-doc-sidenav>\\n </main>\\n @if (footerContent) {\\n <footer>\\n <ng-container polymorpheusOutlet=\\\"footerContent as text\\\"> {{ text }}</ng-container>\\n </footer>\\n }\\n </div>\\n</ng-container>\\n\", styles: [\":host[data-ng-doc-no-width-limit=true] .ng-doc-root-wrapper main{max-width:none}:host .ng-doc-root-wrapper{display:flex;flex-direction:column;height:100%}:host .ng-doc-root-wrapper main{display:flex;width:100%;margin-left:auto;margin-right:auto;max-width:var(--ng-doc-app-max-width);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: var(--ng-doc-navbar-height);--ng-doc-sidenav-width: var(--ng-doc-sidebar-width);--ng-doc-sidenav-content-padding: var(--ng-doc-page-padding)}:host .ng-doc-root-wrapper footer{margin-top:auto}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:15}\\n\"] }]\n }], propDecorators: { sidebar: [{\n type: Input\n }], footerContent: [{\n type: Input\n }], noWidthLimit: [{\n type: Input\n }, {\n type: HostBinding,\n args: ['attr.data-ng-doc-no-width-limit']\n }], sidenav: [{\n type: ViewChild,\n args: [NgDocSidenavComponent]\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3Qvcm9vdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3Qvcm9vdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQUU5RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFLSCxNQUFNLE9BQU8sMEJBQTBCOzhHQUExQiwwQkFBMEI7a0dBQTFCLDBCQUEwQjs7MkZBQTFCLDBCQUEwQjtrQkFKdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7O0FBR0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBS0gsTUFBTSxPQUFPLDJCQUEyQjs4R0FBM0IsMkJBQTJCO2tHQUEzQiwyQkFBMkI7OzJGQUEzQiwyQkFBMkI7a0JBSnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQVdELE1BQU0sT0FBTyxrQkFBa0I7SUFSL0I7UUFTRTs7O1dBR0c7UUFFSCxZQUFPLEdBQVksSUFBSSxDQUFDO1FBRXhCOztXQUVHO1FBRUgsa0JBQWEsR0FBaUIsRUFBRSxDQUFDO1FBRWpDOzs7V0FHRztRQUdILGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBS1gsbUJBQWMsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztLQUNqRTs4R0ExQlksa0JBQWtCO2tHQUFsQixrQkFBa0IsME9BSmxCLEVBQUUsbUVBMEJGLHFCQUFxQixnRENsRmxDLGc3QkEyQkEsdXNCRCtCWSxxQkFBcUIsaUlBQUUsa0JBQWtCLHNMQUFFLFNBQVM7OzJGQUVuRCxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsYUFBYSxhQUdaLEVBQUUsbUJBQ0ksdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLFNBQVMsQ0FBQzs4QkFRL0QsT0FBTztzQkFETixLQUFLO2dCQU9OLGFBQWE7c0JBRFosS0FBSztnQkFTTixZQUFZO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUNBQWlDO2dCQUk5QyxPQUFPO3NCQUROLFNBQVM7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIGluamVjdCxcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0RvY1NpZGViYXJTZXJ2aWNlIH0gZnJvbSAnQG5nLWRvYy9hcHAvc2VydmljZXMnO1xuaW1wb3J0IHsgTmdEb2NDb250ZW50LCBOZ0RvY1NpZGVuYXZDb21wb25lbnQgfSBmcm9tICdAbmctZG9jL3VpLWtpdCc7XG5pbXBvcnQgeyBQb2x5bW9ycGhldXNNb2R1bGUgfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG4vKipcbiAqIERpcmVjdGl2ZSB1c2VzIGZvciBwcm92aWRpbmcgY3VzdG9tIG5hdmJhciwgeW91IHNob3VsZCBtYXJrIGVsZW1lbnQgd2l0aCB0aGlzIGRpcmVjdGl2ZVxuICogYW5kIHRoZSBgTmdEb2NSb290Q29tcG9uZW50YCB3aWxsIHVzZSBpdCBhcyBhIG5hdmJhclxuICpcbiAqIGBgYGh0bWxcbiAqIDxuZy1kb2Mtcm9vdD5cbiAqICAgICA8bXktY3VzdG9tLW5hdmJhciBuZ0RvY0N1c3RvbU5hdmJhcj48L215LWN1c3RvbS1uYXZiYXI+XG4gKlxuICogICAgIDxuZy1kb2Mtc2lkZWJhcj48L25nLWRvYy1zaWRlYmFyPlxuICogICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAqIDwvbmctZG9jLXJvb3Q+XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW25nRG9jQ3VzdG9tTmF2YmFyXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jQ3VzdG9tTmF2YmFyRGlyZWN0aXZlIHt9XG5cbi8qKlxuICogRGlyZWN0aXZlIHVzZXMgZm9yIHByb3ZpZGluZyBjdXN0b20gc2lkZWJhciwgeW91IHNob3VsZCBtYXJrIGVsZW1lbnQgd2l0aCB0aGlzIGRpcmVjdGl2ZVxuICogYW5kIHRoZSBgTmdEb2NSb290Q29tcG9uZW50YCB3aWxsIHVzZSBpdCBhcyBhIHNpZGViYXJcbiAqXG4gKiBgYGBodG1sXG4gKiA8bmctZG9jLXJvb3Q+XG4gKiAgICAgPG5nLWRvYy1uYXZiYXI+PC9uZy1kb2Mtc2lkZWJhcj5cbiAqXG4gKiAgICAgPG15LWN1c3RvbS1zaWRlYmFyIG5nRG9jQ3VzdG9tU2lkZWJhcj48L215LWN1c3RvbS1zaWRlYmFyPlxuICogICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAqIDwvbmctZG9jLXJvb3Q+XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW25nRG9jQ3VzdG9tU2lkZWJhcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0N1c3RvbVNpZGViYXJEaXJlY3RpdmUge31cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctZG9jLXJvb3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm9vdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jvb3QuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtOZ0RvY1NpZGVuYXZDb21wb25lbnQsIFBvbHltb3JwaGV1c01vZHVsZSwgQXN5bmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgTmdEb2NSb290Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCB0aGVuIHRoZSBzaWRlYmFyIHdpbGwgYmUgc2hvd25cbiAgICogWW91IGNhbiB1c2UgaXQgZm9yIGV4YW1wbGUgZm9yIGxhbmRpbmcgcGFnZSB0byBoaWRlIHNpZGViYXJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpZGViYXI6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBDb250ZW50IGZvciBmb290ZXJcbiAgICovXG4gIEBJbnB1dCgpXG4gIGZvb3RlckNvbnRlbnQ6IE5nRG9jQ29udGVudCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAgdGhlbiBwYWdlIHdpbGwgYmUgc2hvd24gd2l0aG91dCB3aWR0aCBsaW1pdC5cbiAgICogWW91IGNhbiB1c2UgaXQgZm9yIGV4YW1wbGUgZm9yIGxhbmRpbmcgcGFnZVxuICAgKi9cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLW5vLXdpZHRoLWxpbWl0JylcbiAgbm9XaWR0aExpbWl0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgQFZpZXdDaGlsZChOZ0RvY1NpZGVuYXZDb21wb25lbnQpXG4gIHNpZGVuYXY/OiBOZ0RvY1NpZGVuYXZDb21wb25lbnQ7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNpZGViYXJTZXJ2aWNlID0gaW5qZWN0KE5nRG9jU2lkZWJhclNlcnZpY2UpO1xufVxuIiwiPG5nLWNvbnRhaW5lcj5cbiAgPGRpdiBjbGFzcz1cIm5nLWRvYy1yb290LXdyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwibmctZG9jLWhlYWRlclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibmctZG9jLW5hdmJhclwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltuZ0RvY0N1c3RvbU5hdmJhcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPG1haW4+XG4gICAgICA8bmctZG9jLXNpZGVuYXZcbiAgICAgICAgW3NpZGViYXJdPVwic2lkZWJhciA/IHNpZGViYXJDb250ZW50IDogbnVsbFwiXG4gICAgICAgIFtvcGVuZWRdPVwiKHNpZGViYXJTZXJ2aWNlLmlzRXhwYW5kZWQoKSB8IGFzeW5jKSA/PyB0cnVlXCJcbiAgICAgICAgW2hhc0JhY2tkcm9wXT1cInNpZGViYXJTZXJ2aWNlLmlzTW9iaWxlXCJcbiAgICAgICAgKGNsb3NlRXZlbnQpPVwic2lkZWJhclNlcnZpY2UuaGlkZSgpXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjc2lkZWJhckNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibmctZG9jLXNpZGViYXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW25nRG9jQ3VzdG9tU2lkZWJhcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy1kb2Mtc2lkZW5hdj5cbiAgICA8L21haW4+XG4gICAgQGlmIChmb290ZXJDb250ZW50KSB7XG4gICAgICA8Zm9vdGVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJmb290ZXJDb250ZW50IGFzIHRleHRcIj4ge3sgdGV4dCB9fTwvbmctY29udGFpbmVyPlxuICAgICAgPC9mb290ZXI+XG4gICAgfVxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19","/\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLXJvb3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3Jvb3QvbmctZG9jLWFwcC1jb21wb25lbnRzLXJvb3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,0BAA0B,CAAC;AACxC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0BAA0B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;AACnM;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,UAAU,EAAE,CAAC;AACpI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,qBAAqB;AACnD,oBAAoB,UAAU,EAAE,IAAI;AACpC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,2BAA2B,CAAC;AACzC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC7L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,2BAA2B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;AACrM;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC;AACrI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,sBAAsB;AACpD,oBAAoB,UAAU,EAAE,IAAI;AACpC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;AACN,MAAM,kBAAkB,CAAC;AAChC,IAAI,WAAW,GAAG;AAClB;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,OAAO,GAAG,IAAI;AAC3B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,aAAa,GAAG,EAAE;AAC/B;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,YAAY,GAAG,KAAK;AACjC,QAAQ,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACzD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACpL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,g7BAAg7B,EAAE,MAAM,EAAE,CAAC,+oBAA+oB,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,2BAA2B,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,EAAE,CAAC,oBAAoB,EAAE,2BAA2B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAChhF;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC;AAC5H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAAE,QAAQ,EAAE,g7BAAg7B,EAAE,MAAM,EAAE,CAAC,+oBAA+oB,CAAC,EAAE;AACtwD,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC;AACxC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;AAChC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;AAC/B,gBAAgB,IAAI,EAAE;AACtB,aAAa,EAAE;AACf,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,iCAAiC;AACxD,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC;AAC1B,gBAAgB,IAAI,EAAE,SAAS;AAC/B,gBAAgB,IAAI,EAAE,CAAC,qBAAqB;AAC5C,aAAa,CAAC,EAAE,EAAE,CAAC;;AC3FnB;AACA;AACA;;;;"}

package/fesm2022/ng-doc-app-components-search-dialog.mjs CHANGED Viewed

@@ -1,12 +1,12 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, forwardRef, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { inject, ElementRef, forwardRef, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 import { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';
-import { NG_DOC_DIALOG_DATA, NgDocInputWrapperComponent, NgDocInputStringDirective, NgDocAutofocusDirective, NgDocIconComponent, NgDocDataListComponent, NgDocTagComponent, NgDocTextComponent, NgDocHighlighterPipe, NgDocSpinnerComponent, NgDocExecutePipe, popupAnimation, NgDocFocusCatcherDirective, NgDocDropdownComponent, NgDocLetDirective } from '@ng-doc/ui-kit';
+import { NG_DOC_DIALOG_DATA, popupAnimation, NgDocInputWrapperComponent, NgDocInputStringDirective, NgDocAutofocusDirective, NgDocIconComponent, NgDocDataListComponent, NgDocTagComponent, NgDocTextComponent, NgDocHighlighterPipe, NgDocSpinnerComponent, NgDocExecutePipe } from '@ng-doc/ui-kit';
 import { NgDocOverlayRef, NgDocListHost } from '@ng-doc/ui-kit/classes';
 class NgDocSearchDialogComponent {
@@ -29,15 +29,15 @@ class NgDocSearchDialogComponent {
     get listHostOrigin() {
         return this.inputElement ?? this.elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocSearchDialogComponent, isStandalone: true, selector: "ng-doc-search-dialog", host: { properties: { "@popupAnimation": "true" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocSearchDialogComponent, isStandalone: true, selector: "ng-doc-search-dialog", host: { properties: { "@popupAnimation": "true" } }, providers: [
             {
                 provide: NgDocListHost,
                 useExisting: forwardRef(() => NgDocSearchDialogComponent),
             },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef }, { propertyName: "resultContent", first: true, predicate: ["resultContent"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"ng-doc-search-dialog-container\">\n  <ng-doc-input-wrapper>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input\n      ngDocInputString\n      ngDocAutofocus\n      [selectAll]=\"true\"\n      placeholder=\"Find or ask anything...\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"search($event)\"\n      #inputElement />\n  </ng-doc-input-wrapper>\n\n  <div\n    class=\"ng-doc-search-result-content\"\n    *ngIf=\"data.searchResults | async as state\"\n    #resultContent>\n    <ng-doc-data-list\n      [items]=\"state?.result ?? []\"\n      [itemContent]=\"itemContent\"\n      [emptyContent]=\"emptyContent\">\n      <ng-template let-item #itemContent>\n        <a\n          class=\"ng-doc-search-option\"\n          [routerLink]=\"item.index.route\"\n          [fragment]=\"item.index.fragment\"\n          (click)=\"overlayRef.close()\">\n          <div class=\"ng-doc-search-option-header\">\n            <ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n              {{ item.index.pageType }}\n            </ng-doc-tag>\n            <span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n              <ng-container *ngFor=\"let breadcrum of item.index.breadcrumbs; let i = index\">\n                <span>{{ breadcrum }}</span>\n                <span\n                  class=\"ng-doc-search-option-breadcrumb-divider\"\n                  *ngIf=\"i !== item.index.breadcrumbs.length - 1\"\n                  ><b>\u2022</b></span\n                >\n              </ng-container>\n            </span>\n          </div>\n          <h5\n            class=\"ng-doc-search-section-title\"\n            ng-doc-text\n            [innerHTML]=\"\n              (item.index.section\n                | ngDocHighlighterPipe: (getPositions | execute: 'section' : item)\n                | ngDocSanitizeHtml) || item.index.title\n            \"></h5>\n          <div\n            *ngIf=\"item.index.content\"\n            class=\"ng-doc-search-content\"\n            [innerHTML]=\"\n              item.index.content\n                | ngDocHighlighterPipe: (getPositions | execute: 'content' : item)\n                | ngDocSanitizeHtml\n            \"\n            ng-doc-text></div>\n        </a>\n      </ng-template>\n      <ng-template #emptyContent>\n        <ng-container *ngIf=\"!state?.pending\">\n          <div class=\"ng-doc-search-empty\">\n            <ng-container *ngIf=\"searchTerm.length\">Nothing found</ng-container>\n            <ng-container *ngIf=\"!searchTerm.length\">Please enter your search query </ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"state?.pending\">\n          <div class=\"ng-doc-search-progress\">\n            <ng-doc-spinner size=\"small\"></ng-doc-spinner>\n            Searching...\n          </div>\n        </ng-container>\n      </ng-template>\n    </ng-doc-data-list>\n  </div>\n</div>\n", styles: [":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "directive", type: NgDocAutofocusDirective, selector: "[ngDocAutofocus]", inputs: ["selectAll"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocDataListComponent, selector: "ng-doc-data-list", inputs: ["autofocus", "items", "itemContent", "emptyContent", "itemDisabledFn", "defineValueFn", "trackByFn"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: ["color", "size", "mod"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "pipe", type: NgDocHighlighterPipe, name: "ngDocHighlighterPipe" }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }, { kind: "component", type: NgDocSpinnerComponent, selector: "ng-doc-spinner", inputs: ["size"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [popupAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef }, { propertyName: "resultContent", first: true, predicate: ["resultContent"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"ng-doc-search-dialog-container\">\n  <ng-doc-input-wrapper>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input\n      ngDocInputString\n      ngDocAutofocus\n      [selectAll]=\"true\"\n      placeholder=\"Find or ask anything...\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"search($event)\"\n      #inputElement />\n  </ng-doc-input-wrapper>\n\n  @if (data.searchResults | async; as state) {\n    <div class=\"ng-doc-search-result-content\" #resultContent>\n      <ng-doc-data-list\n        [items]=\"state?.result ?? []\"\n        [itemContent]=\"itemContent\"\n        [emptyContent]=\"emptyContent\">\n        <ng-template let-item #itemContent>\n          <a\n            class=\"ng-doc-search-option\"\n            [routerLink]=\"item.index.route\"\n            [fragment]=\"item.index.fragment\"\n            (click)=\"overlayRef.close()\">\n            <div class=\"ng-doc-search-option-header\">\n              <ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n                {{ item.index.pageType }}\n              </ng-doc-tag>\n              <span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n                @for (breadcrum of item.index.breadcrumbs; track breadcrum; let i = $index) {\n                  <span>{{ breadcrum }}</span>\n                  @if (i !== item.index.breadcrumbs.length - 1) {\n                    <span class=\"ng-doc-search-option-breadcrumb-divider\"><b>\u2022</b></span>\n                  }\n                }\n              </span>\n            </div>\n            <h5\n              class=\"ng-doc-search-section-title\"\n              ng-doc-text\n              [innerHTML]=\"\n                (item.index.section\n                  | ngDocHighlighterPipe: (getPositions | execute: 'section' : item)\n                  | ngDocSanitizeHtml) || item.index.title\n              \"></h5>\n            @if (item.index.content) {\n              <div\n                class=\"ng-doc-search-content\"\n                [innerHTML]=\"\n                  item.index.content\n                    | ngDocHighlighterPipe: (getPositions | execute: 'content' : item)\n                    | ngDocSanitizeHtml\n                \"\n                ng-doc-text></div>\n            }\n          </a>\n        </ng-template>\n        <ng-template #emptyContent>\n          @if (!state?.pending) {\n            <div class=\"ng-doc-search-empty\">\n              @if (searchTerm.length) {\n                Nothing found\n              }\n              @if (!searchTerm.length) {\n                Please enter your search query\n              }\n            </div>\n          }\n          @if (state?.pending) {\n            <div class=\"ng-doc-search-progress\">\n              <ng-doc-spinner size=\"small\"></ng-doc-spinner>\n              Searching...\n            </div>\n          }\n        </ng-template>\n      </ng-doc-data-list>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "directive", type: NgDocAutofocusDirective, selector: "[ngDocAutofocus]", inputs: ["selectAll"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocDataListComponent, selector: "ng-doc-data-list", inputs: ["autofocus", "items", "itemContent", "emptyContent", "itemDisabledFn", "defineValueFn", "trackByFn"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: ["color", "size", "mod"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "pipe", type: NgDocHighlighterPipe, name: "ngDocHighlighterPipe" }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }, { kind: "component", type: NgDocSpinnerComponent, selector: "ng-doc-spinner", inputs: ["size"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [popupAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchDialogComponent, decorators: [{
             type: Component,
             args: [{ animations: [popupAnimation], selector: 'ng-doc-search-dialog', imports: [
                         CommonModule,
@@ -51,9 +51,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         NgDocTextComponent,
                         NgDocHighlighterPipe,
                         NgDocSanitizeHtmlPipe,
-                        NgDocFocusCatcherDirective,
-                        NgDocDropdownComponent,
-                        NgDocLetDirective,
                         NgDocSpinnerComponent,
                         NgDocExecutePipe,
                         FormsModule,
@@ -64,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[@popupAnimation]': 'true',
-                    }, template: "<div class=\"ng-doc-search-dialog-container\">\n  <ng-doc-input-wrapper>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input\n      ngDocInputString\n      ngDocAutofocus\n      [selectAll]=\"true\"\n      placeholder=\"Find or ask anything...\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"search($event)\"\n      #inputElement />\n  </ng-doc-input-wrapper>\n\n  <div\n    class=\"ng-doc-search-result-content\"\n    *ngIf=\"data.searchResults | async as state\"\n    #resultContent>\n    <ng-doc-data-list\n      [items]=\"state?.result ?? []\"\n      [itemContent]=\"itemContent\"\n      [emptyContent]=\"emptyContent\">\n      <ng-template let-item #itemContent>\n        <a\n          class=\"ng-doc-search-option\"\n          [routerLink]=\"item.index.route\"\n          [fragment]=\"item.index.fragment\"\n          (click)=\"overlayRef.close()\">\n          <div class=\"ng-doc-search-option-header\">\n            <ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n              {{ item.index.pageType }}\n            </ng-doc-tag>\n            <span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n              <ng-container *ngFor=\"let breadcrum of item.index.breadcrumbs; let i = index\">\n                <span>{{ breadcrum }}</span>\n                <span\n                  class=\"ng-doc-search-option-breadcrumb-divider\"\n                  *ngIf=\"i !== item.index.breadcrumbs.length - 1\"\n                  ><b>\u2022</b></span\n                >\n              </ng-container>\n            </span>\n          </div>\n          <h5\n            class=\"ng-doc-search-section-title\"\n            ng-doc-text\n            [innerHTML]=\"\n              (item.index.section\n                | ngDocHighlighterPipe: (getPositions | execute: 'section' : item)\n                | ngDocSanitizeHtml) || item.index.title\n            \"></h5>\n          <div\n            *ngIf=\"item.index.content\"\n            class=\"ng-doc-search-content\"\n            [innerHTML]=\"\n              item.index.content\n                | ngDocHighlighterPipe: (getPositions | execute: 'content' : item)\n                | ngDocSanitizeHtml\n            \"\n            ng-doc-text></div>\n        </a>\n      </ng-template>\n      <ng-template #emptyContent>\n        <ng-container *ngIf=\"!state?.pending\">\n          <div class=\"ng-doc-search-empty\">\n            <ng-container *ngIf=\"searchTerm.length\">Nothing found</ng-container>\n            <ng-container *ngIf=\"!searchTerm.length\">Please enter your search query </ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"state?.pending\">\n          <div class=\"ng-doc-search-progress\">\n            <ng-doc-spinner size=\"small\"></ng-doc-spinner>\n            Searching...\n          </div>\n        </ng-container>\n      </ng-template>\n    </ng-doc-data-list>\n  </div>\n</div>\n", styles: [":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"] }]
+                    }, template: "<div class=\"ng-doc-search-dialog-container\">\n  <ng-doc-input-wrapper>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input\n      ngDocInputString\n      ngDocAutofocus\n      [selectAll]=\"true\"\n      placeholder=\"Find or ask anything...\"\n      [(ngModel)]=\"searchTerm\"\n      (ngModelChange)=\"search($event)\"\n      #inputElement />\n  </ng-doc-input-wrapper>\n\n  @if (data.searchResults | async; as state) {\n    <div class=\"ng-doc-search-result-content\" #resultContent>\n      <ng-doc-data-list\n        [items]=\"state?.result ?? []\"\n        [itemContent]=\"itemContent\"\n        [emptyContent]=\"emptyContent\">\n        <ng-template let-item #itemContent>\n          <a\n            class=\"ng-doc-search-option\"\n            [routerLink]=\"item.index.route\"\n            [fragment]=\"item.index.fragment\"\n            (click)=\"overlayRef.close()\">\n            <div class=\"ng-doc-search-option-header\">\n              <ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n                {{ item.index.pageType }}\n              </ng-doc-tag>\n              <span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n                @for (breadcrum of item.index.breadcrumbs; track breadcrum; let i = $index) {\n                  <span>{{ breadcrum }}</span>\n                  @if (i !== item.index.breadcrumbs.length - 1) {\n                    <span class=\"ng-doc-search-option-breadcrumb-divider\"><b>\u2022</b></span>\n                  }\n                }\n              </span>\n            </div>\n            <h5\n              class=\"ng-doc-search-section-title\"\n              ng-doc-text\n              [innerHTML]=\"\n                (item.index.section\n                  | ngDocHighlighterPipe: (getPositions | execute: 'section' : item)\n                  | ngDocSanitizeHtml) || item.index.title\n              \"></h5>\n            @if (item.index.content) {\n              <div\n                class=\"ng-doc-search-content\"\n                [innerHTML]=\"\n                  item.index.content\n                    | ngDocHighlighterPipe: (getPositions | execute: 'content' : item)\n                    | ngDocSanitizeHtml\n                \"\n                ng-doc-text></div>\n            }\n          </a>\n        </ng-template>\n        <ng-template #emptyContent>\n          @if (!state?.pending) {\n            <div class=\"ng-doc-search-empty\">\n              @if (searchTerm.length) {\n                Nothing found\n              }\n              @if (!searchTerm.length) {\n                Please enter your search query\n              }\n            </div>\n          }\n          @if (state?.pending) {\n            <div class=\"ng-doc-search-progress\">\n              <ng-doc-spinner size=\"small\"></ng-doc-spinner>\n              Searching...\n            </div>\n          }\n        </ng-template>\n      </ng-doc-data-list>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputElement: [{
                 type: ViewChild,
                 args: ['inputElement', { read: ElementRef }]

package/fesm2022/ng-doc-app-components-search-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-app-components-search-dialog.mjs","sources":["../../../../libs/app/components/search-dialog/search-dialog.component.ts","../../../../libs/app/components/search-dialog/search-dialog.component.html","../../../../libs/app/components/search-dialog/ng-doc-app-components-search-dialog.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n forwardRef,\n inject,\n ViewChild,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { NgDocSearchResult } from '@ng-doc/app/interfaces';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport {\n NG_DOC_DIALOG_DATA,\n NgDocAutofocusDirective,\n NgDocDataListComponent,\n NgDocDropdownComponent,\n NgDocExecutePipe,\n NgDocFocusCatcherDirective,\n NgDocHighlighterPipe,\n NgDocHighlightPosition,\n NgDocIconComponent,\n NgDocInputStringDirective,\n NgDocInputWrapperComponent,\n NgDocLetDirective,\n NgDocSpinnerComponent,\n NgDocTagComponent,\n NgDocTextComponent,\n popupAnimation,\n StatedObservable,\n} from '@ng-doc/ui-kit';\nimport { NgDocListHost, NgDocOverlayRef } from '@ng-doc/ui-kit/classes';\n\nexport interface NgDocSearchDialogData {\n term: string;\n search: (query: string) => void;\n searchResults: StatedObservable<NgDocSearchResult[]>;\n}\n\n@Component({\n animations: [popupAnimation],\n selector: 'ng-doc-search-dialog',\n imports: [\n CommonModule,\n NgDocInputWrapperComponent,\n NgDocInputStringDirective,\n NgDocAutofocusDirective,\n NgDocIconComponent,\n NgDocDataListComponent,\n RouterLink,\n NgDocTagComponent,\n NgDocTextComponent,\n NgDocHighlighterPipe,\n NgDocSanitizeHtmlPipe,\n NgDocFocusCatcherDirective,\n NgDocDropdownComponent,\n NgDocLetDirective,\n NgDocSpinnerComponent,\n NgDocExecutePipe,\n FormsModule,\n ],\n templateUrl: './search-dialog.component.html',\n styleUrl: './search-dialog.component.scss',\n providers: [\n {\n provide: NgDocListHost,\n useExisting: forwardRef(() => NgDocSearchDialogComponent),\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[@popupAnimation]': 'true',\n },\n})\nexport class NgDocSearchDialogComponent implements NgDocListHost {\n @ViewChild('inputElement', { read: ElementRef })\n inputElement!: ElementRef<HTMLElement>;\n\n @ViewChild('resultContent', { read: ElementRef })\n resultContent?: ElementRef<HTMLElement>;\n\n protected searchTerm: string = '';\n protected readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n protected readonly overlayRef = inject(NgDocOverlayRef);\n protected readonly data = inject<NgDocSearchDialogData>(NG_DOC_DIALOG_DATA);\n\n constructor() {\n this.searchTerm = this.data.term;\n }\n\n search(query: string): void {\n this.data.search(query);\n\n if (this.resultContent) {\n this.resultContent.nativeElement.scrollTop = 0;\n }\n }\n\n getPositions<T extends NgDocSearchResult, K extends keyof T['positions']>(\n key: K,\n item: T,\n ): NgDocHighlightPosition[] {\n return item.positions[key] ?? [];\n }\n\n get listHostOrigin(): ElementRef<HTMLElement> {\n return this.inputElement ?? this.elementRef;\n }\n}\n","<div class=\"ng-doc-search-dialog-container\">\n <ng-doc-input-wrapper>\n <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n <input\n ngDocInputString\n ngDocAutofocus\n [selectAll]=\"true\"\n placeholder=\"Find or ask anything...\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"search($event)\"\n #inputElement />\n </ng-doc-input-wrapper>\n\n <div\n class=\"ng-doc-search-result-content\"\n ngIf=\"data.searchResults \| async as state\"\n #resultContent>\n <ng-doc-data-list\n [items]=\"state?.result ?? []\"\n [itemContent]=\"itemContent\"\n [emptyContent]=\"emptyContent\">\n <ng-template let-item #itemContent>\n <a\n class=\"ng-doc-search-option\"\n [routerLink]=\"item.index.route\"\n [fragment]=\"item.index.fragment\"\n (click)=\"overlayRef.close()\">\n <div class=\"ng-doc-search-option-header\">\n <ng-doc-tag size=\"small\" [attr.data-ng-doc-page-type]=\"item.index.pageType\">\n {{ item.index.pageType }}\n </ng-doc-tag>\n <span class=\"ng-doc-search-option-breadcrumbs\" ng-doc-text>\n <ng-container ngFor=\"let breadcrum of item.index.breadcrumbs; let i = index\">\n <span>{{ breadcrum }}</span>\n <span\n class=\"ng-doc-search-option-breadcrumb-divider\"\n ngIf=\"i !== item.index.breadcrumbs.length - 1\"\n ><b>•</b></span\n >\n </ng-container>\n </span>\n </div>\n <h5\n class=\"ng-doc-search-section-title\"\n ng-doc-text\n [innerHTML]=\"\n (item.index.section\n \| ngDocHighlighterPipe: (getPositions \| execute: 'section' : item)\n \| ngDocSanitizeHtml) \|\| item.index.title\n \"></h5>\n <div\n ngIf=\"item.index.content\"\n class=\"ng-doc-search-content\"\n [innerHTML]=\"\n item.index.content\n \| ngDocHighlighterPipe: (getPositions \| execute: 'content' : item)\n \| ngDocSanitizeHtml\n \"\n ng-doc-text></div>\n </a>\n </ng-template>\n <ng-template #emptyContent>\n <ng-container ngIf=\"!state?.pending\">\n <div class=\"ng-doc-search-empty\">\n <ng-container ngIf=\"searchTerm.length\">Nothing found</ng-container>\n <ng-container ngIf=\"!searchTerm.length\">Please enter your search query </ng-container>\n </div>\n </ng-container>\n <ng-container ngIf=\"state?.pending\">\n <div class=\"ng-doc-search-progress\">\n <ng-doc-spinner size=\"small\"></ng-doc-spinner>\n Searching...\n </div>\n </ng-container>\n </ng-template>\n </ng-doc-data-list>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-doc-app-components-search-dialog.mjs","sources":["../tmp-esm2022/components/search-dialog/search-dialog.component.js","../tmp-esm2022/components/search-dialog/ng-doc-app-components-search-dialog.js"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, ViewChild, } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport { NG_DOC_DIALOG_DATA, NgDocAutofocusDirective, NgDocDataListComponent, NgDocExecutePipe, NgDocHighlighterPipe, NgDocIconComponent, NgDocInputStringDirective, NgDocInputWrapperComponent, NgDocSpinnerComponent, NgDocTagComponent, NgDocTextComponent, popupAnimation, } from '@ng-doc/ui-kit';\nimport { NgDocListHost, NgDocOverlayRef } from '@ng-doc/ui-kit/classes';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@angular/forms\";\nexport class NgDocSearchDialogComponent {\n constructor() {\n this.searchTerm = '';\n this.elementRef = inject(ElementRef);\n this.overlayRef = inject(NgDocOverlayRef);\n this.data = inject(NG_DOC_DIALOG_DATA);\n this.searchTerm = this.data.term;\n }\n search(query) {\n this.data.search(query);\n if (this.resultContent) {\n this.resultContent.nativeElement.scrollTop = 0;\n }\n }\n getPositions(key, item) {\n return item.positions[key] ?? [];\n }\n get listHostOrigin() {\n return this.inputElement ?? this.elementRef;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocSearchDialogComponent, isStandalone: true, selector: \"ng-doc-search-dialog\", host: { properties: { \"@popupAnimation\": \"true\" } }, providers: [\n {\n provide: NgDocListHost,\n useExisting: forwardRef(() => NgDocSearchDialogComponent),\n },\n ], viewQueries: [{ propertyName: \"inputElement\", first: true, predicate: [\"inputElement\"], descendants: true, read: ElementRef }, { propertyName: \"resultContent\", first: true, predicate: [\"resultContent\"], descendants: true, read: ElementRef }], ngImport: i0, template: \"<div class=\\\"ng-doc-search-dialog-container\\\">\\n <ng-doc-input-wrapper>\\n <ng-doc-icon icon=\\\"search\\\" ngDocInputWrapperLeft></ng-doc-icon>\\n <input\\n ngDocInputString\\n ngDocAutofocus\\n [selectAll]=\\\"true\\\"\\n placeholder=\\\"Find or ask anything...\\\"\\n [(ngModel)]=\\\"searchTerm\\\"\\n (ngModelChange)=\\\"search($event)\\\"\\n #inputElement />\\n </ng-doc-input-wrapper>\\n\\n @if (data.searchResults \| async; as state) {\\n <div class=\\\"ng-doc-search-result-content\\\" #resultContent>\\n <ng-doc-data-list\\n [items]=\\\"state?.result ?? []\\\"\\n [itemContent]=\\\"itemContent\\\"\\n [emptyContent]=\\\"emptyContent\\\">\\n <ng-template let-item #itemContent>\\n <a\\n class=\\\"ng-doc-search-option\\\"\\n [routerLink]=\\\"item.index.route\\\"\\n [fragment]=\\\"item.index.fragment\\\"\\n (click)=\\\"overlayRef.close()\\\">\\n <div class=\\\"ng-doc-search-option-header\\\">\\n <ng-doc-tag size=\\\"small\\\" [attr.data-ng-doc-page-type]=\\\"item.index.pageType\\\">\\n {{ item.index.pageType }}\\n </ng-doc-tag>\\n <span class=\\\"ng-doc-search-option-breadcrumbs\\\" ng-doc-text>\\n @for (breadcrum of item.index.breadcrumbs; track breadcrum; let i = $index) {\\n <span>{{ breadcrum }}</span>\\n @if (i !== item.index.breadcrumbs.length - 1) {\\n <span class=\\\"ng-doc-search-option-breadcrumb-divider\\\"><b>\\u2022</b></span>\\n }\\n }\\n </span>\\n </div>\\n <h5\\n class=\\\"ng-doc-search-section-title\\\"\\n ng-doc-text\\n [innerHTML]=\\\"\\n (item.index.section\\n \| ngDocHighlighterPipe: (getPositions \| execute: 'section' : item)\\n \| ngDocSanitizeHtml) \|\| item.index.title\\n \\\"></h5>\\n @if (item.index.content) {\\n <div\\n class=\\\"ng-doc-search-content\\\"\\n [innerHTML]=\\\"\\n item.index.content\\n \| ngDocHighlighterPipe: (getPositions \| execute: 'content' : item)\\n \| ngDocSanitizeHtml\\n \\\"\\n ng-doc-text></div>\\n }\\n </a>\\n </ng-template>\\n <ng-template #emptyContent>\\n @if (!state?.pending) {\\n <div class=\\\"ng-doc-search-empty\\\">\\n @if (searchTerm.length) {\\n Nothing found\\n }\\n @if (!searchTerm.length) {\\n Please enter your search query\\n }\\n </div>\\n }\\n @if (state?.pending) {\\n <div class=\\\"ng-doc-search-progress\\\">\\n <ng-doc-spinner size=\\\"small\\\"></ng-doc-spinner>\\n Searching...\\n </div>\\n }\\n </ng-template>\\n </ng-doc-data-list>\\n </div>\\n }\\n</div>\\n\", styles: [\":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { kind: \"component\", type: NgDocInputWrapperComponent, selector: \"ng-doc-input-wrapper\", inputs: [\"blurContent\", \"blurContext\", \"align\"] }, { kind: \"directive\", type: NgDocInputStringDirective, selector: \"input[ngDocInputString]\" }, { kind: \"directive\", type: NgDocAutofocusDirective, selector: \"[ngDocAutofocus]\", inputs: [\"selectAll\"] }, { kind: \"component\", type: NgDocIconComponent, selector: \"ng-doc-icon\", inputs: [\"icon\", \"customIcon\", \"size\"] }, { kind: \"component\", type: NgDocDataListComponent, selector: \"ng-doc-data-list\", inputs: [\"autofocus\", \"items\", \"itemContent\", \"emptyContent\", \"itemDisabledFn\", \"defineValueFn\", \"trackByFn\"] }, { kind: \"directive\", type: RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"component\", type: NgDocTagComponent, selector: \"ng-doc-tag\", inputs: [\"color\", \"size\", \"mod\"] }, { kind: \"component\", type: NgDocTextComponent, selector: \"[ng-doc-text]\", inputs: [\"size\", \"color\", \"align\", \"absoluteContent\"] }, { kind: \"pipe\", type: NgDocHighlighterPipe, name: \"ngDocHighlighterPipe\" }, { kind: \"pipe\", type: NgDocSanitizeHtmlPipe, name: \"ngDocSanitizeHtml\" }, { kind: \"component\", type: NgDocSpinnerComponent, selector: \"ng-doc-spinner\", inputs: [\"size\"] }, { kind: \"pipe\", type: NgDocExecutePipe, name: \"execute\" }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i2.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: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }], animations: [popupAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocSearchDialogComponent, decorators: [{\n type: Component,\n args: [{ animations: [popupAnimation], selector: 'ng-doc-search-dialog', imports: [\n CommonModule,\n NgDocInputWrapperComponent,\n NgDocInputStringDirective,\n NgDocAutofocusDirective,\n NgDocIconComponent,\n NgDocDataListComponent,\n RouterLink,\n NgDocTagComponent,\n NgDocTextComponent,\n NgDocHighlighterPipe,\n NgDocSanitizeHtmlPipe,\n NgDocSpinnerComponent,\n NgDocExecutePipe,\n FormsModule,\n ], providers: [\n {\n provide: NgDocListHost,\n useExisting: forwardRef(() => NgDocSearchDialogComponent),\n },\n ], changeDetection: ChangeDetectionStrategy.OnPush, host: {\n '[@popupAnimation]': 'true',\n }, template: \"<div class=\\\"ng-doc-search-dialog-container\\\">\\n <ng-doc-input-wrapper>\\n <ng-doc-icon icon=\\\"search\\\" ngDocInputWrapperLeft></ng-doc-icon>\\n <input\\n ngDocInputString\\n ngDocAutofocus\\n [selectAll]=\\\"true\\\"\\n placeholder=\\\"Find or ask anything...\\\"\\n [(ngModel)]=\\\"searchTerm\\\"\\n (ngModelChange)=\\\"search($event)\\\"\\n #inputElement />\\n </ng-doc-input-wrapper>\\n\\n @if (data.searchResults \| async; as state) {\\n <div class=\\\"ng-doc-search-result-content\\\" #resultContent>\\n <ng-doc-data-list\\n [items]=\\\"state?.result ?? []\\\"\\n [itemContent]=\\\"itemContent\\\"\\n [emptyContent]=\\\"emptyContent\\\">\\n <ng-template let-item #itemContent>\\n <a\\n class=\\\"ng-doc-search-option\\\"\\n [routerLink]=\\\"item.index.route\\\"\\n [fragment]=\\\"item.index.fragment\\\"\\n (click)=\\\"overlayRef.close()\\\">\\n <div class=\\\"ng-doc-search-option-header\\\">\\n <ng-doc-tag size=\\\"small\\\" [attr.data-ng-doc-page-type]=\\\"item.index.pageType\\\">\\n {{ item.index.pageType }}\\n </ng-doc-tag>\\n <span class=\\\"ng-doc-search-option-breadcrumbs\\\" ng-doc-text>\\n @for (breadcrum of item.index.breadcrumbs; track breadcrum; let i = $index) {\\n <span>{{ breadcrum }}</span>\\n @if (i !== item.index.breadcrumbs.length - 1) {\\n <span class=\\\"ng-doc-search-option-breadcrumb-divider\\\"><b>\\u2022</b></span>\\n }\\n }\\n </span>\\n </div>\\n <h5\\n class=\\\"ng-doc-search-section-title\\\"\\n ng-doc-text\\n [innerHTML]=\\\"\\n (item.index.section\\n \| ngDocHighlighterPipe: (getPositions \| execute: 'section' : item)\\n \| ngDocSanitizeHtml) \|\| item.index.title\\n \\\"></h5>\\n @if (item.index.content) {\\n <div\\n class=\\\"ng-doc-search-content\\\"\\n [innerHTML]=\\\"\\n item.index.content\\n \| ngDocHighlighterPipe: (getPositions \| execute: 'content' : item)\\n \| ngDocSanitizeHtml\\n \\\"\\n ng-doc-text></div>\\n }\\n </a>\\n </ng-template>\\n <ng-template #emptyContent>\\n @if (!state?.pending) {\\n <div class=\\\"ng-doc-search-empty\\\">\\n @if (searchTerm.length) {\\n Nothing found\\n }\\n @if (!searchTerm.length) {\\n Please enter your search query\\n }\\n </div>\\n }\\n @if (state?.pending) {\\n <div class=\\\"ng-doc-search-progress\\\">\\n <ng-doc-spinner size=\\\"small\\\"></ng-doc-spinner>\\n Searching...\\n </div>\\n }\\n </ng-template>\\n </ng-doc-data-list>\\n </div>\\n }\\n</div>\\n\", styles: [\":host{display:block;width:800px;max-width:100%;--ng-doc-search-border-radius: var(--ng-doc-floated-border-radius);--ng-doc-input-height: calc(var(--ng-doc-base-gutter) * 7);--ng-doc-input-border: 1px solid var(--ng-doc-base-1);--ng-doc-input-border-hover: 1px solid var(--ng-doc-base-1);--ng-doc-floated-focus-border-color: transparent}@media (max-width: 1024px){:host{padding:calc(var(--ng-doc-base-gutter) * 5)}}@media (max-width: 768px){:host{padding:calc(var(--ng-doc-base-gutter) * 2)}}:host ng-doc-icon[icon=search]{--ng-doc-icon-width: calc(var(--ng-doc-base-gutter) * 6)}:host ng-doc-input-wrapper:not(:last-child){--ng-doc-floated-border-radius: var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius) 0 0}:host .ng-doc-search-dialog-container{box-shadow:#0000 0 0,#0000 0 0,#00000040 0 25px 50px -12px}:host .ng-doc-search-result-content{max-height:70vh;overflow:auto;background-color:var(--ng-doc-background);border-radius:0 0 var(--ng-doc-search-border-radius) var(--ng-doc-search-border-radius);--ng-doc-option-padding: 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-wrapper{padding:calc(var(--ng-doc-base-gutter) * 2) 0}:host .ng-doc-search-result-content[data-ng-doc-mod=icon] .ng-doc-search-option{padding:12px 16px}:host .ng-doc-search-option{display:block;padding:12px 36px;text-decoration:none}:host .ng-doc-search-option .ng-doc-search-option-header{display:flex;align-items:center;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag{text-transform:uppercase;margin-right:var(--ng-doc-base-gutter);--ng-doc-font-weight: 500}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=guide]{--ng-doc-tag-color: var(--ng-doc-guide-tag-color);--ng-doc-tag-background: var(--ng-doc-guide-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header ng-doc-tag[data-ng-doc-page-type=api]{--ng-doc-tag-color: var(--ng-doc-api-tag-color);--ng-doc-tag-background: var(--ng-doc-api-tag-background)}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs{--ng-doc-text: var(--ng-doc-text-muted);--ng-doc-font-size: 12px;--ng-doc-line-height: 16px}:host .ng-doc-search-option .ng-doc-search-option-header .ng-doc-search-option-breadcrumbs .ng-doc-search-option-breadcrumb-divider{margin:0 6px}:host .ng-doc-search-option .ng-doc-search-section-title{display:block;color:var(--ng-doc-search-result-header-color, var(--ng-doc-text));--ng-doc-line-height: 20px;margin:4px 0}:host .ng-doc-search-option .ng-doc-search-content{display:block;color:var(--ng-doc-search-result-color, var(--ng-doc-text));--ng-doc-font-size: 14px;--ng-doc-line-height: 19px}:host .ng-doc-search-empty{padding:0 22px}:host .ng-doc-search-progress{display:flex;align-items:center}:host .ng-doc-search-progress ng-doc-spinner{margin-right:var(--ng-doc-base-gutter)}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { inputElement: [{\n type: ViewChild,\n args: ['inputElement', { read: ElementRef }]\n }], resultContent: [{\n type: ViewChild,\n args: ['resultContent', { read: ElementRef }]\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1kaWFsb2cvc2VhcmNoLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1kaWFsb2cvc2VhcmNoLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxFQUNMLGtCQUFrQixFQUNsQix1QkFBdUIsRUFDdkIsc0JBQXNCLEVBQ3RCLGdCQUFnQixFQUNoQixvQkFBb0IsRUFFcEIsa0JBQWtCLEVBQ2xCLHlCQUF5QixFQUN6QiwwQkFBMEIsRUFDMUIscUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixrQkFBa0IsRUFDbEIsY0FBYyxHQUVmLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQXdDeEUsTUFBTSxPQUFPLDBCQUEwQjtJQVlyQztRQUxVLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDZixlQUFVLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztRQUN6RCxlQUFVLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3JDLFNBQUksR0FBRyxNQUFNLENBQXdCLGtCQUFrQixDQUFDLENBQUM7UUFHMUUsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFeEIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNqRCxDQUFDO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FDVixHQUFNLEVBQ04sSUFBTztRQUVQLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUM5QyxDQUFDOzhHQWpDVSwwQkFBMEI7a0dBQTFCLDBCQUEwQix3SEFYMUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQzthQUMxRDtTQUNGLG1IQU9rQyxVQUFVLHlHQUdULFVBQVUsNkJDekVoRCxtN0ZBZ0ZBLDg2RkR2Q0ksWUFBWSxvRkFDWiwwQkFBMEIsa0hBQzFCLHlCQUF5QixvRUFDekIsdUJBQXVCLG9GQUN2QixrQkFBa0IsZ0dBQ2xCLHNCQUFzQiw0S0FDdEIsVUFBVSxvT0FDVixpQkFBaUIseUZBQ2pCLGtCQUFrQiw0R0FDbEIsb0JBQW9CLHdEQUNwQixxQkFBcUIsMERBQ3JCLHFCQUFxQix3RUFDckIsZ0JBQWdCLCtDQUNoQixXQUFXLGltQkFoQkQsQ0FBQyxjQUFjLENBQUM7OzJGQStCakIsMEJBQTBCO2tCQWhDdEMsU0FBUztpQ0FDSSxDQUFDLGNBQWMsQ0FBQyxZQUNsQixzQkFBc0IsV0FDdkI7d0JBQ1AsWUFBWTt3QkFDWiwwQkFBMEI7d0JBQzFCLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QixrQkFBa0I7d0JBQ2xCLHNCQUFzQjt3QkFDdEIsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixXQUFXO3FCQUNaLGFBR1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDO3lCQUMxRDtxQkFDRixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixtQkFBbUIsRUFBRSxNQUFNO3FCQUM1Qjt3REFJRCxZQUFZO3NCQURYLFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFJL0MsYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgaW5qZWN0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE5nRG9jU2VhcmNoUmVzdWx0IH0gZnJvbSAnQG5nLWRvYy9hcHAvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBOZ0RvY1Nhbml0aXplSHRtbFBpcGUgfSBmcm9tICdAbmctZG9jL2FwcC9waXBlcyc7XG5pbXBvcnQge1xuICBOR19ET0NfRElBTE9HX0RBVEEsXG4gIE5nRG9jQXV0b2ZvY3VzRGlyZWN0aXZlLFxuICBOZ0RvY0RhdGFMaXN0Q29tcG9uZW50LFxuICBOZ0RvY0V4ZWN1dGVQaXBlLFxuICBOZ0RvY0hpZ2hsaWdodGVyUGlwZSxcbiAgTmdEb2NIaWdobGlnaHRQb3NpdGlvbixcbiAgTmdEb2NJY29uQ29tcG9uZW50LFxuICBOZ0RvY0lucHV0U3RyaW5nRGlyZWN0aXZlLFxuICBOZ0RvY0lucHV0V3JhcHBlckNvbXBvbmVudCxcbiAgTmdEb2NTcGlubmVyQ29tcG9uZW50LFxuICBOZ0RvY1RhZ0NvbXBvbmVudCxcbiAgTmdEb2NUZXh0Q29tcG9uZW50LFxuICBwb3B1cEFuaW1hdGlvbixcbiAgU3RhdGVkT2JzZXJ2YWJsZSxcbn0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuaW1wb3J0IHsgTmdEb2NMaXN0SG9zdCwgTmdEb2NPdmVybGF5UmVmIH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY2xhc3Nlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmdEb2NTZWFyY2hEaWFsb2dEYXRhIHtcbiAgdGVybTogc3RyaW5nO1xuICBzZWFyY2g6IChxdWVyeTogc3RyaW5nKSA9PiB2b2lkO1xuICBzZWFyY2hSZXN1bHRzOiBTdGF0ZWRPYnNlcnZhYmxlPE5nRG9jU2VhcmNoUmVzdWx0W10+O1xufVxuXG5AQ29tcG9uZW50KHtcbiAgYW5pbWF0aW9uczogW3BvcHVwQW5pbWF0aW9uXSxcbiAgc2VsZWN0b3I6ICduZy1kb2Mtc2VhcmNoLWRpYWxvZycsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmdEb2NJbnB1dFdyYXBwZXJDb21wb25lbnQsXG4gICAgTmdEb2NJbnB1dFN0cmluZ0RpcmVjdGl2ZSxcbiAgICBOZ0RvY0F1dG9mb2N1c0RpcmVjdGl2ZSxcbiAgICBOZ0RvY0ljb25Db21wb25lbnQsXG4gICAgTmdEb2NEYXRhTGlzdENvbXBvbmVudCxcbiAgICBSb3V0ZXJMaW5rLFxuICAgIE5nRG9jVGFnQ29tcG9uZW50LFxuICAgIE5nRG9jVGV4dENvbXBvbmVudCxcbiAgICBOZ0RvY0hpZ2hsaWdodGVyUGlwZSxcbiAgICBOZ0RvY1Nhbml0aXplSHRtbFBpcGUsXG4gICAgTmdEb2NTcGlubmVyQ29tcG9uZW50LFxuICAgIE5nRG9jRXhlY3V0ZVBpcGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NlYXJjaC1kaWFsb2cuY29tcG9uZW50LnNjc3MnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOZ0RvY0xpc3RIb3N0LFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTmdEb2NTZWFyY2hEaWFsb2dDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1tAcG9wdXBBbmltYXRpb25dJzogJ3RydWUnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1NlYXJjaERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE5nRG9jTGlzdEhvc3Qge1xuICBAVmlld0NoaWxkKCdpbnB1dEVsZW1lbnQnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgaW5wdXRFbGVtZW50ITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgQFZpZXdDaGlsZCgncmVzdWx0Q29udGVudCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICByZXN1bHRDb250ZW50PzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgcHJvdGVjdGVkIHNlYXJjaFRlcm06IHN0cmluZyA9ICcnO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHByb3RlY3RlZCByZWFkb25seSBvdmVybGF5UmVmID0gaW5qZWN0KE5nRG9jT3ZlcmxheVJlZik7XG4gIHByb3RlY3RlZCByZWFkb25seSBkYXRhID0gaW5qZWN0PE5nRG9jU2VhcmNoRGlhbG9nRGF0YT4oTkdfRE9DX0RJQUxPR19EQVRBKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnNlYXJjaFRlcm0gPSB0aGlzLmRhdGEudGVybTtcbiAgfVxuXG4gIHNlYXJjaChxdWVyeTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhLnNlYXJjaChxdWVyeSk7XG5cbiAgICBpZiAodGhpcy5yZXN1bHRDb250ZW50KSB7XG4gICAgICB0aGlzLnJlc3VsdENvbnRlbnQubmF0aXZlRWxlbWVudC5zY3JvbGxUb3AgPSAwO1xuICAgIH1cbiAgfVxuXG4gIGdldFBvc2l0aW9uczxUIGV4dGVuZHMgTmdEb2NTZWFyY2hSZXN1bHQsIEsgZXh0ZW5kcyBrZXlvZiBUWydwb3NpdGlvbnMnXT4oXG4gICAga2V5OiBLLFxuICAgIGl0ZW06IFQsXG4gICk6IE5nRG9jSGlnaGxpZ2h0UG9zaXRpb25bXSB7XG4gICAgcmV0dXJuIGl0ZW0ucG9zaXRpb25zW2tleV0gPz8gW107XG4gIH1cblxuICBnZXQgbGlzdEhvc3RPcmlnaW4oKTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4ge1xuICAgIHJldHVybiB0aGlzLmlucHV0RWxlbWVudCA/PyB0aGlzLmVsZW1lbnRSZWY7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLWRpYWxvZy1jb250YWluZXJcIj5cbiAgPG5nLWRvYy1pbnB1dC13cmFwcGVyPlxuICAgIDxuZy1kb2MtaWNvbiBpY29uPVwic2VhcmNoXCIgbmdEb2NJbnB1dFdyYXBwZXJMZWZ0PjwvbmctZG9jLWljb24+XG4gICAgPGlucHV0XG4gICAgICBuZ0RvY0lucHV0U3RyaW5nXG4gICAgICBuZ0RvY0F1dG9mb2N1c1xuICAgICAgW3NlbGVjdEFsbF09XCJ0cnVlXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiRmluZCBvciBhc2sgYW55dGhpbmcuLi5cIlxuICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXJtXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlYXJjaCgkZXZlbnQpXCJcbiAgICAgICNpbnB1dEVsZW1lbnQgLz5cbiAgPC9uZy1kb2MtaW5wdXQtd3JhcHBlcj5cblxuICBAaWYgKGRhdGEuc2VhcmNoUmVzdWx0cyB8IGFzeW5jOyBhcyBzdGF0ZSkge1xuICAgIDxkaXYgY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLXJlc3VsdC1jb250ZW50XCIgI3Jlc3VsdENvbnRlbnQ+XG4gICAgICA8bmctZG9jLWRhdGEtbGlzdFxuICAgICAgICBbaXRlbXNdPVwic3RhdGU/LnJlc3VsdCA/PyBbXVwiXG4gICAgICAgIFtpdGVtQ29udGVudF09XCJpdGVtQ29udGVudFwiXG4gICAgICAgIFtlbXB0eUNvbnRlbnRdPVwiZW1wdHlDb250ZW50XCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtaXRlbSAjaXRlbUNvbnRlbnQ+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGNsYXNzPVwibmctZG9jLXNlYXJjaC1vcHRpb25cIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5pbmRleC5yb3V0ZVwiXG4gICAgICAgICAgICBbZnJhZ21lbnRdPVwiaXRlbS5pbmRleC5mcmFnbWVudFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib3ZlcmxheVJlZi5jbG9zZSgpXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1vcHRpb24taGVhZGVyXCI+XG4gICAgICAgICAgICAgIDxuZy1kb2MtdGFnIHNpemU9XCJzbWFsbFwiIFthdHRyLmRhdGEtbmctZG9jLXBhZ2UtdHlwZV09XCJpdGVtLmluZGV4LnBhZ2VUeXBlXCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5pbmRleC5wYWdlVHlwZSB9fVxuICAgICAgICAgICAgICA8L25nLWRvYy10YWc+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmctZG9jLXNlYXJjaC1vcHRpb24tYnJlYWRjcnVtYnNcIiBuZy1kb2MtdGV4dD5cbiAgICAgICAgICAgICAgICBAZm9yIChicmVhZGNydW0gb2YgaXRlbS5pbmRleC5icmVhZGNydW1iczsgdHJhY2sgYnJlYWRjcnVtOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgYnJlYWRjcnVtIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgQGlmIChpICE9PSBpdGVtLmluZGV4LmJyZWFkY3J1bWJzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLW9wdGlvbi1icmVhZGNydW1iLWRpdmlkZXJcIj48Yj7igKI8L2I+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8aDVcbiAgICAgICAgICAgICAgY2xhc3M9XCJuZy1kb2Mtc2VhcmNoLXNlY3Rpb24tdGl0bGVcIlxuICAgICAgICAgICAgICBuZy1kb2MtdGV4dFxuICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIlxuICAgICAgICAgICAgICAgIChpdGVtLmluZGV4LnNlY3Rpb25cbiAgICAgICAgICAgICAgICAgIHwgbmdEb2NIaWdobGlnaHRlclBpcGU6IChnZXRQb3NpdGlvbnMgfCBleGVjdXRlOiAnc2VjdGlvbicgOiBpdGVtKVxuICAgICAgICAgICAgICAgICAgfCBuZ0RvY1Nhbml0aXplSHRtbCkgfHwgaXRlbS5pbmRleC50aXRsZVxuICAgICAgICAgICAgICBcIj48L2g1PlxuICAgICAgICAgICAgQGlmIChpdGVtLmluZGV4LmNvbnRlbnQpIHtcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibmctZG9jLXNlYXJjaC1jb250ZW50XCJcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIlxuICAgICAgICAgICAgICAgICAgaXRlbS5pbmRleC5jb250ZW50XG4gICAgICAgICAgICAgICAgICAgIHwgbmdEb2NIaWdobGlnaHRlclBpcGU6IChnZXRQb3NpdGlvbnMgfCBleGVjdXRlOiAnY29udGVudCcgOiBpdGVtKVxuICAgICAgICAgICAgICAgICAgICB8IG5nRG9jU2FuaXRpemVIdG1sXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBuZy1kb2MtdGV4dD48L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjZW1wdHlDb250ZW50PlxuICAgICAgICAgIEBpZiAoIXN0YXRlPy5wZW5kaW5nKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1lbXB0eVwiPlxuICAgICAgICAgICAgICBAaWYgKHNlYXJjaFRlcm0ubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgTm90aGluZyBmb3VuZFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIEBpZiAoIXNlYXJjaFRlcm0ubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgUGxlYXNlIGVudGVyIHlvdXIgc2VhcmNoIHF1ZXJ5XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHN0YXRlPy5wZW5kaW5nKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmctZG9jLXNlYXJjaC1wcm9ncmVzc1wiPlxuICAgICAgICAgICAgICA8bmctZG9jLXNwaW5uZXIgc2l6ZT1cInNtYWxsXCI+PC9uZy1kb2Mtc3Bpbm5lcj5cbiAgICAgICAgICAgICAgU2VhcmNoaW5nLi4uXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L25nLWRvYy1kYXRhLWxpc3Q+XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLXNlYXJjaC1kaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1kaWFsb2cvbmctZG9jLWFwcC1jb21wb25lbnRzLXNlYXJjaC1kaWFsb2cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-components-search-result.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { NgIf, NgFor, KeyValuePipe } from '@angular/common';
+import { KeyValuePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';
 import { NgDocTextComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
@@ -31,20 +31,18 @@ class NgDocSearchResultComponent {
                 return 'Unknown';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocSearchResultComponent, isStandalone: true, selector: "ng-doc-search-result", inputs: { result: "result" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ng-doc-search-result-wrapper\" *ngIf=\"groupedResult | keyvalue as results\">\n\t<ng-container *ngIf=\"results.length; else emptyTemplate\">\n\t\t<div class=\"ng-doc-search-result-category\" *ngFor=\"let item of results\">\n\t\t\t<h4 class=\"ng-doc-search-result-title\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\n\t\t\t<ul class=\"ng-doc-search-result-pages\">\n\t\t\t\t<li class=\"ng-doc-search-result-page\" *ngFor=\"let page of item.value\">\n\t\t\t\t\t<a class=\"ng-doc-search-result-page-link\" [routerLink]=\"[page.route]\">\n\t\t\t\t\t\t<ng-doc-kind-icon\n\t\t\t\t\t\t\t*ngIf=\"page.kind\"\n\t\t\t\t\t\t\t[kind]=\"page.kind\"\n\t\t\t\t\t\t\t[ngDocTooltip]=\"page.kind\"></ng-doc-kind-icon>\n\t\t\t\t\t\t{{ page.title }}\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</ng-container>\n\t<ng-template #emptyTemplate>\n\t\t<div ng-doc-text color=\"muted\">Nothing was found...</div>\n\t</ng-template>\n</div>\n", styles: [":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocSearchResultComponent, isStandalone: true, selector: "ng-doc-search-result", inputs: { result: "result" }, usesOnChanges: true, ngImport: i0, template: "@if (groupedResult | keyvalue; as results) {\n  <div class=\"ng-doc-search-result-wrapper\">\n    @if (results.length) {\n      @for (item of results; track item) {\n        <div class=\"ng-doc-search-result-category\">\n          <h4 class=\"ng-doc-search-result-title\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\n          <ul class=\"ng-doc-search-result-pages\">\n            @for (page of item.value; track page) {\n              <li class=\"ng-doc-search-result-page\">\n                <a class=\"ng-doc-search-result-page-link\" [routerLink]=\"[page.route]\">\n                  @if (page.kind) {\n                    <ng-doc-kind-icon\n                      [kind]=\"page.kind\"\n                      [ngDocTooltip]=\"page.kind\"></ng-doc-kind-icon>\n                  }\n                  {{ page.title }}\n                </a>\n              </li>\n            }\n          </ul>\n        </div>\n      }\n    } @else {\n      <div ng-doc-text color=\"muted\">Nothing was found...</div>\n    }\n  </div>\n}\n", styles: [":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-search-result', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
-                        NgFor,
                         NgDocTextComponent,
                         RouterLink,
                         NgDocKindIconComponent,
                         NgDocTooltipDirective,
                         KeyValuePipe,
-                    ], template: "<div class=\"ng-doc-search-result-wrapper\" *ngIf=\"groupedResult | keyvalue as results\">\n\t<ng-container *ngIf=\"results.length; else emptyTemplate\">\n\t\t<div class=\"ng-doc-search-result-category\" *ngFor=\"let item of results\">\n\t\t\t<h4 class=\"ng-doc-search-result-title\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\n\t\t\t<ul class=\"ng-doc-search-result-pages\">\n\t\t\t\t<li class=\"ng-doc-search-result-page\" *ngFor=\"let page of item.value\">\n\t\t\t\t\t<a class=\"ng-doc-search-result-page-link\" [routerLink]=\"[page.route]\">\n\t\t\t\t\t\t<ng-doc-kind-icon\n\t\t\t\t\t\t\t*ngIf=\"page.kind\"\n\t\t\t\t\t\t\t[kind]=\"page.kind\"\n\t\t\t\t\t\t\t[ngDocTooltip]=\"page.kind\"></ng-doc-kind-icon>\n\t\t\t\t\t\t{{ page.title }}\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</ng-container>\n\t<ng-template #emptyTemplate>\n\t\t<div ng-doc-text color=\"muted\">Nothing was found...</div>\n\t</ng-template>\n</div>\n", styles: [":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\n"] }]
+                    ], template: "@if (groupedResult | keyvalue; as results) {\n  <div class=\"ng-doc-search-result-wrapper\">\n    @if (results.length) {\n      @for (item of results; track item) {\n        <div class=\"ng-doc-search-result-category\">\n          <h4 class=\"ng-doc-search-result-title\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\n          <ul class=\"ng-doc-search-result-pages\">\n            @for (page of item.value; track page) {\n              <li class=\"ng-doc-search-result-page\">\n                <a class=\"ng-doc-search-result-page-link\" [routerLink]=\"[page.route]\">\n                  @if (page.kind) {\n                    <ng-doc-kind-icon\n                      [kind]=\"page.kind\"\n                      [ngDocTooltip]=\"page.kind\"></ng-doc-kind-icon>\n                  }\n                  {{ page.title }}\n                </a>\n              </li>\n            }\n          </ul>\n        </div>\n      }\n    } @else {\n      <div ng-doc-text color=\"muted\">Nothing was found...</div>\n    }\n  </div>\n}\n", styles: [":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\n"] }]
         }], propDecorators: { result: [{
                 type: Input
             }] } });

package/fesm2022/ng-doc-app-components-search-result.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-app-components-search-result.mjs","sources":["../../../../libs/app/components/search-result/search-result.component.ts","../../../../libs/app/components/search-result/search-result.component.html","../../../../libs/app/components/search-result/ng-doc-app-components-search-result.ts"],"sourcesContent":["import { KeyValuePipe, NgFor, NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocPageInfo } from '@ng-doc/core/interfaces';\nimport { NgDocTextComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';\n\n@Component({\n selector: 'ng-doc-search-result',\n templateUrl: './search-result.component.html',\n styleUrls: ['./search-result.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgIf,\n NgFor,\n NgDocTextComponent,\n RouterLink,\n NgDocKindIconComponent,\n NgDocTooltipDirective,\n KeyValuePipe,\n ],\n})\nexport class NgDocSearchResultComponent implements OnChanges {\n @Input()\n result: NgDocPageInfo[] \| null = [];\n\n groupedResult: Record<string, NgDocPageInfo[]> = {};\n\n ngOnChanges({ result }: SimpleChanges): void {\n if (result && this.result) {\n this.groupedResult = this.result.reduce(\n (grouped: Record<string, NgDocPageInfo[]>, item: NgDocPageInfo) => {\n if (!grouped[item.type]) {\n grouped[item.type] = [];\n }\n\n grouped[item.type].push(item);\n\n return grouped;\n },\n {},\n );\n }\n }\n\n typeToLabel(type: string): string {\n switch (type) {\n case 'api':\n return 'API';\n case 'guide':\n return 'Guides';\n default:\n return 'Unknown';\n }\n }\n}\n","<div class=\"ng-doc-search-result-wrapper\" ngIf=\"groupedResult \| keyvalue as results\">\n\t<ng-container ngIf=\"results.length; else emptyTemplate\">\n\t\t<div class=\"ng-doc-search-result-category\" ngFor=\"let item of results\">\n\t\t\t<h4 class=\"ng-doc-search-result-title\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\n\t\t\t<ul class=\"ng-doc-search-result-pages\">\n\t\t\t\t<li class=\"ng-doc-search-result-page\" ngFor=\"let page of item.value\">\n\t\t\t\t\t<a class=\"ng-doc-search-result-page-link\" [routerLink]=\"[page.route]\">\n\t\t\t\t\t\t<ng-doc-kind-icon\n\t\t\t\t\t\t\tngIf=\"page.kind\"\n\t\t\t\t\t\t\t[kind]=\"page.kind\"\n\t\t\t\t\t\t\t[ngDocTooltip]=\"page.kind\"></ng-doc-kind-icon>\n\t\t\t\t\t\t{{ page.title }}\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</ng-container>\n\t<ng-template #emptyTemplate>\n\t\t<div ng-doc-text color=\"muted\">Nothing was found...</div>\n\t</ng-template>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-doc-app-components-search-result.mjs","sources":["../tmp-esm2022/components/search-result/search-result.component.js","../tmp-esm2022/components/search-result/ng-doc-app-components-search-result.js"],"sourcesContent":["import { KeyValuePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocTextComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';\nimport * as i0 from \"@angular/core\";\nexport class NgDocSearchResultComponent {\n constructor() {\n this.result = [];\n this.groupedResult = {};\n }\n ngOnChanges({ result }) {\n if (result && this.result) {\n this.groupedResult = this.result.reduce((grouped, item) => {\n if (!grouped[item.type]) {\n grouped[item.type] = [];\n }\n grouped[item.type].push(item);\n return grouped;\n }, {});\n }\n }\n typeToLabel(type) {\n switch (type) {\n case 'api':\n return 'API';\n case 'guide':\n return 'Guides';\n default:\n return 'Unknown';\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocSearchResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocSearchResultComponent, isStandalone: true, selector: \"ng-doc-search-result\", inputs: { result: \"result\" }, usesOnChanges: true, ngImport: i0, template: \"@if (groupedResult \| keyvalue; as results) {\\n <div class=\\\"ng-doc-search-result-wrapper\\\">\\n @if (results.length) {\\n @for (item of results; track item) {\\n <div class=\\\"ng-doc-search-result-category\\\">\\n <h4 class=\\\"ng-doc-search-result-title\\\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\\n <ul class=\\\"ng-doc-search-result-pages\\\">\\n @for (page of item.value; track page) {\\n <li class=\\\"ng-doc-search-result-page\\\">\\n <a class=\\\"ng-doc-search-result-page-link\\\" [routerLink]=\\\"[page.route]\\\">\\n @if (page.kind) {\\n <ng-doc-kind-icon\\n [kind]=\\\"page.kind\\\"\\n [ngDocTooltip]=\\\"page.kind\\\"></ng-doc-kind-icon>\\n }\\n {{ page.title }}\\n </a>\\n </li>\\n }\\n </ul>\\n </div>\\n }\\n } @else {\\n <div ng-doc-text color=\\\"muted\\\">Nothing was found...</div>\\n }\\n </div>\\n}\\n\", styles: [\":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\\n\"], dependencies: [{ kind: \"component\", type: NgDocTextComponent, selector: \"[ng-doc-text]\", inputs: [\"size\", \"color\", \"align\", \"absoluteContent\"] }, { kind: \"directive\", type: RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { 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: \"pipe\", type: KeyValuePipe, name: \"keyvalue\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ng-doc-search-result', changeDetection: ChangeDetectionStrategy.OnPush, imports: [\n NgDocTextComponent,\n RouterLink,\n NgDocKindIconComponent,\n NgDocTooltipDirective,\n KeyValuePipe,\n ], template: \"@if (groupedResult \| keyvalue; as results) {\\n <div class=\\\"ng-doc-search-result-wrapper\\\">\\n @if (results.length) {\\n @for (item of results; track item) {\\n <div class=\\\"ng-doc-search-result-category\\\">\\n <h4 class=\\\"ng-doc-search-result-title\\\" ng-doc-text>{{ typeToLabel(item.key) }}</h4>\\n <ul class=\\\"ng-doc-search-result-pages\\\">\\n @for (page of item.value; track page) {\\n <li class=\\\"ng-doc-search-result-page\\\">\\n <a class=\\\"ng-doc-search-result-page-link\\\" [routerLink]=\\\"[page.route]\\\">\\n @if (page.kind) {\\n <ng-doc-kind-icon\\n [kind]=\\\"page.kind\\\"\\n [ngDocTooltip]=\\\"page.kind\\\"></ng-doc-kind-icon>\\n }\\n {{ page.title }}\\n </a>\\n </li>\\n }\\n </ul>\\n </div>\\n }\\n } @else {\\n <div ng-doc-text color=\\\"muted\\\">Nothing was found...</div>\\n }\\n </div>\\n}\\n\", styles: [\":host{display:block}:host .ng-doc-search-result-wrapper{display:flex;flex-direction:row}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category:not(:last-child){margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-title{margin:0 0 calc(var(--ng-doc-base-gutter) * 2)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages{list-style:none;padding:0;margin:0}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page{margin-bottom:var(--ng-doc-base-gutter)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link{display:flex;align-items:center;text-decoration:none;color:var(--ng-doc-text)}:host .ng-doc-search-result-wrapper .ng-doc-search-result-category .ng-doc-search-result-pages .ng-doc-search-result-page .ng-doc-search-result-page-link ng-doc-kind-icon{margin-right:var(--ng-doc-base-gutter)}\\n\"] }]\n }], propDecorators: { result: [{\n type: Input\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXJlc3VsdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1yZXN1bHQvc2VhcmNoLXJlc3VsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1yZXN1bHQvc2VhcmNoLXJlc3VsdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUUxRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFlM0UsTUFBTSxPQUFPLDBCQUEwQjtJQWJ2QztRQWVFLFdBQU0sR0FBMkIsRUFBRSxDQUFDO1FBRXBDLGtCQUFhLEdBQW9DLEVBQUUsQ0FBQztLQTZCckQ7SUEzQkMsV0FBVyxDQUFDLEVBQUUsTUFBTSxFQUFpQjtRQUNuQyxJQUFJLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDckMsQ0FBQyxPQUF3QyxFQUFFLElBQW1CLEVBQUUsRUFBRTtnQkFDaEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztvQkFDeEIsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7Z0JBQzFCLENBQUM7Z0JBRUQsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBRTlCLE9BQU8sT0FBTyxDQUFDO1lBQ2pCLENBQUMsRUFDRCxFQUFFLENBQ0gsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVk7UUFDdEIsUUFBUSxJQUFJLEVBQUUsQ0FBQztZQUNiLEtBQUssS0FBSztnQkFDUixPQUFPLEtBQUssQ0FBQztZQUNmLEtBQUssT0FBTztnQkFDVixPQUFPLFFBQVEsQ0FBQztZQUNsQjtnQkFDRSxPQUFPLFNBQVMsQ0FBQztRQUNyQixDQUFDO0lBQ0gsQ0FBQzs4R0FoQ1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsbUlDcEJ2QyxpZ0NBMkJBLHFvQ0RkSSxrQkFBa0IsaUhBQ2xCLFVBQVUsb09BQ1Ysc0JBQXNCLCtGQUN0QixxQkFBcUIscVVBQ3JCLFlBQVk7OzJGQUdILDBCQUEwQjtrQkFidEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDUCxrQkFBa0I7d0JBQ2xCLFVBQVU7d0JBQ1Ysc0JBQXNCO3dCQUN0QixxQkFBcUI7d0JBQ3JCLFlBQVk7cUJBQ2I7OEJBSUQsTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgS2V5VmFsdWVQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgTmdEb2NLaW5kSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMva2luZC1pY29uJztcbmltcG9ydCB7IE5nRG9jUGFnZUluZm8gfSBmcm9tICdAbmctZG9jL2NvcmUvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBOZ0RvY1RleHRDb21wb25lbnQsIE5nRG9jVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJ0BuZy1kb2MvdWkta2l0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctZG9jLXNlYXJjaC1yZXN1bHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLXJlc3VsdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1yZXN1bHQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0RvY1RleHRDb21wb25lbnQsXG4gICAgUm91dGVyTGluayxcbiAgICBOZ0RvY0tpbmRJY29uQ29tcG9uZW50LFxuICAgIE5nRG9jVG9vbHRpcERpcmVjdGl2ZSxcbiAgICBLZXlWYWx1ZVBpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jU2VhcmNoUmVzdWx0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KClcbiAgcmVzdWx0OiBOZ0RvY1BhZ2VJbmZvW10gfCBudWxsID0gW107XG5cbiAgZ3JvdXBlZFJlc3VsdDogUmVjb3JkPHN0cmluZywgTmdEb2NQYWdlSW5mb1tdPiA9IHt9O1xuXG4gIG5nT25DaGFuZ2VzKHsgcmVzdWx0IH06IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAocmVzdWx0ICYmIHRoaXMucmVzdWx0KSB7XG4gICAgICB0aGlzLmdyb3VwZWRSZXN1bHQgPSB0aGlzLnJlc3VsdC5yZWR1Y2UoXG4gICAgICAgIChncm91cGVkOiBSZWNvcmQ8c3RyaW5nLCBOZ0RvY1BhZ2VJbmZvW10+LCBpdGVtOiBOZ0RvY1BhZ2VJbmZvKSA9PiB7XG4gICAgICAgICAgaWYgKCFncm91cGVkW2l0ZW0udHlwZV0pIHtcbiAgICAgICAgICAgIGdyb3VwZWRbaXRlbS50eXBlXSA9IFtdO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGdyb3VwZWRbaXRlbS50eXBlXS5wdXNoKGl0ZW0pO1xuXG4gICAgICAgICAgcmV0dXJuIGdyb3VwZWQ7XG4gICAgICAgIH0sXG4gICAgICAgIHt9LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICB0eXBlVG9MYWJlbCh0eXBlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSAnYXBpJzpcbiAgICAgICAgcmV0dXJuICdBUEknO1xuICAgICAgY2FzZSAnZ3VpZGUnOlxuICAgICAgICByZXR1cm4gJ0d1aWRlcyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ1Vua25vd24nO1xuICAgIH1cbiAgfVxufVxuIiwiQGlmIChncm91cGVkUmVzdWx0IHwga2V5dmFsdWU7IGFzIHJlc3VsdHMpIHtcbiAgPGRpdiBjbGFzcz1cIm5nLWRvYy1zZWFyY2gtcmVzdWx0LXdyYXBwZXJcIj5cbiAgICBAaWYgKHJlc3VsdHMubGVuZ3RoKSB7XG4gICAgICBAZm9yIChpdGVtIG9mIHJlc3VsdHM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5nLWRvYy1zZWFyY2gtcmVzdWx0LWNhdGVnb3J5XCI+XG4gICAgICAgICAgPGg0IGNsYXNzPVwibmctZG9jLXNlYXJjaC1yZXN1bHQtdGl0bGVcIiBuZy1kb2MtdGV4dD57eyB0eXBlVG9MYWJlbChpdGVtLmtleSkgfX08L2g0PlxuICAgICAgICAgIDx1bCBjbGFzcz1cIm5nLWRvYy1zZWFyY2gtcmVzdWx0LXBhZ2VzXCI+XG4gICAgICAgICAgICBAZm9yIChwYWdlIG9mIGl0ZW0udmFsdWU7IHRyYWNrIHBhZ2UpIHtcbiAgICAgICAgICAgICAgPGxpIGNsYXNzPVwibmctZG9jLXNlYXJjaC1yZXN1bHQtcGFnZVwiPlxuICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwibmctZG9jLXNlYXJjaC1yZXN1bHQtcGFnZS1saW5rXCIgW3JvdXRlckxpbmtdPVwiW3BhZ2Uucm91dGVdXCI+XG4gICAgICAgICAgICAgICAgICBAaWYgKHBhZ2Uua2luZCkge1xuICAgICAgICAgICAgICAgICAgICA8bmctZG9jLWtpbmQtaWNvblxuICAgICAgICAgICAgICAgICAgICAgIFtraW5kXT1cInBhZ2Uua2luZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW25nRG9jVG9vbHRpcF09XCJwYWdlLmtpbmRcIj48L25nLWRvYy1raW5kLWljb24+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB7eyBwYWdlLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIH0gQGVsc2Uge1xuICAgICAgPGRpdiBuZy1kb2MtdGV4dCBjb2xvcj1cIm11dGVkXCI+Tm90aGluZyB3YXMgZm91bmQuLi48L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxufVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC1jb21wb25lbnRzLXNlYXJjaC1yZXN1bHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC9jb21wb25lbnRzL3NlYXJjaC1yZXN1bHQvbmctZG9jLWFwcC1jb21wb25lbnRzLXNlYXJjaC1yZXN1bHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-components-search.mjs CHANGED Viewed

@@ -1,18 +1,14 @@
-import { __decorate, __metadata } from 'tslib';
-import { NgIf, NgTemplateOutlet, NgFor, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
-import { RouterLink } from '@angular/router';
 import { NgDocSearchEngine } from '@ng-doc/app/classes';
 import { NgDocSearchDialogComponent } from '@ng-doc/app/components/search-dialog';
-import { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';
-import { NgDocDialogService, observableState, NgDocComponentContent, NgDocButtonIconComponent, NgDocDropdownOriginDirective, NgDocIconComponent, NgDocInputWrapperComponent, NgDocInputStringDirective, NgDocHotkeyDirective, NgDocTagComponent, NgDocLetDirective, NgDocDropdownComponent, NgDocAutofocusDirective, NgDocFocusCatcherDirective, NgDocDataListComponent, NgDocTextComponent, NgDocSpinnerComponent, NgDocHighlighterPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';
-import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { NgDocDialogService, observableState, NgDocComponentContent, NgDocButtonIconComponent, NgDocDropdownOriginDirective, NgDocIconComponent, NgDocInputWrapperComponent, NgDocInputStringDirective, NgDocHotkeyDirective, NgDocTagComponent } from '@ng-doc/ui-kit';
 import { BehaviorSubject, NEVER } from 'rxjs';
 import { skip, switchMap, shareReplay } from 'rxjs/operators';
-let NgDocSearchComponent = class NgDocSearchComponent {
+class NgDocSearchComponent {
     constructor() {
         this.query = new BehaviorSubject('');
         this.dialog = inject(NgDocDialogService);
@@ -22,7 +18,7 @@ let NgDocSearchComponent = class NgDocSearchComponent {
 			please check this article: https://ng-doc.com/docs/getting-started/installation#configuring-application
 			to learn how to provide it.`);
         }
-        this.searchResults = this.query.pipe(skip(1), switchMap((term) => this.searchEngine?.search(term).pipe(observableState()) ?? NEVER), shareReplay(1), untilDestroyed(this));
+        this.searchResults = this.query.pipe(skip(1), switchMap((term) => this.searchEngine?.search(term).pipe(observableState()) ?? NEVER), shareReplay(1), takeUntilDestroyed());
     }
     open() {
         this.dialog.open(new NgDocComponentContent(NgDocSearchDialogComponent), {
@@ -37,39 +33,20 @@ let NgDocSearchComponent = class NgDocSearchComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocSearchComponent, isStandalone: true, selector: "ng-doc-search", ngImport: i0, template: "<ng-container\n  [ngDocHotkey]=\"{ ctrlKey: false, altKey: false, shiftKey: false, code: 'Slash' }\"\n  (ngDocHotkey)=\"open()\">\n  <button ng-doc-button-icon size=\"large\" (click)=\"open()\" ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" [size]=\"24\"></ng-doc-icon>\n  </button>\n\n  <ng-doc-input-wrapper ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input ngDocInputString readonly placeholder=\"Search...\" (click)=\"open()\" />\n    <ng-doc-tag class=\"search-hotkey\" ngDocInputWrapperRight>/</ng-doc-tag>\n  </ng-doc-input-wrapper>\n</ng-container>\n", styles: [":host{--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);--ng-doc-input-background-color: var(--ng-doc-base-1);--ng-doc-input-border: none;--ng-doc-input-border-hover: none;--ng-doc-icon-color: var(--ng-doc-base-7)}:host ng-doc-input-wrapper{cursor:pointer}:host ng-doc-input-wrapper ng-doc-icon,:host ng-doc-input-wrapper ng-doc-tag{cursor:pointer}@media (max-width: 1024px){:host ng-doc-input-wrapper{display:none}}@media (min-width: 1024px){:host{width:240px}:host button[ng-doc-button-icon]{display:none}}.search-hotkey{display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3);margin-right:var(--ng-doc-base-gutter);--ng-doc-tag-border: 1px solid var(--ng-doc-base-6);--ng-doc-tag-color: var(--ng-doc-base-6);--ng-doc-tag-background: transparent}\n"], dependencies: [{ kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocDropdownOriginDirective, selector: "[ngDocDropdownOrigin]", exportAs: ["ngDocDropdownOrigin"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgDocHotkeyDirective, selector: "[ngDocHotkey]", inputs: ["ngDocHotkey"], outputs: ["ngDocHotkey"] }, { kind: "component", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: ["color", "size", "mod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-NgDocSearchComponent = __decorate([
-    UntilDestroy(),
-    __metadata("design:paramtypes", [])
-], NgDocSearchComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocSearchComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: NgDocSearchComponent, isStandalone: true, selector: "ng-doc-search", ngImport: i0, template: "<ng-container\n  [ngDocHotkey]=\"{ ctrlKey: false, altKey: false, shiftKey: false, code: 'Slash' }\"\n  (ngDocHotkey)=\"open()\">\n  <button ng-doc-button-icon size=\"large\" (click)=\"open()\" ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" [size]=\"24\"></ng-doc-icon>\n  </button>\n\n  <ng-doc-input-wrapper ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input ngDocInputString readonly placeholder=\"Search...\" (click)=\"open()\" />\n    <ng-doc-tag class=\"search-hotkey\" ngDocInputWrapperRight>/</ng-doc-tag>\n  </ng-doc-input-wrapper>\n</ng-container>\n", styles: [":host{--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);--ng-doc-input-background-color: var(--ng-doc-base-1);--ng-doc-input-border: none;--ng-doc-input-border-hover: none;--ng-doc-icon-color: var(--ng-doc-base-7)}:host ng-doc-input-wrapper{cursor:pointer}:host ng-doc-input-wrapper ng-doc-icon,:host ng-doc-input-wrapper ng-doc-tag{cursor:pointer}@media (max-width: 1024px){:host ng-doc-input-wrapper{display:none}}@media (min-width: 1024px){:host{width:240px}:host button[ng-doc-button-icon]{display:none}}.search-hotkey{display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3);margin-right:var(--ng-doc-base-gutter);--ng-doc-tag-border: 1px solid var(--ng-doc-base-6);--ng-doc-tag-color: var(--ng-doc-base-6);--ng-doc-tag-background: transparent}\n"], dependencies: [{ kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocDropdownOriginDirective, selector: "[ngDocDropdownOrigin]", exportAs: ["ngDocDropdownOrigin"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgDocHotkeyDirective, selector: "[ngDocHotkey]", inputs: ["ngDocHotkey"], outputs: ["ngDocHotkey"] }, { kind: "component", type: NgDocTagComponent, selector: "ng-doc-tag", inputs: ["color", "size", "mod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-search', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgDocLetDirective,
-                        NgIf,
                         NgDocButtonIconComponent,
                         NgDocDropdownOriginDirective,
                         NgDocIconComponent,
-                        NgDocDropdownComponent,
                         NgDocInputWrapperComponent,
                         NgDocInputStringDirective,
                         FormsModule,
-                        NgDocAutofocusDirective,
-                        NgTemplateOutlet,
-                        NgDocFocusCatcherDirective,
                         NgDocHotkeyDirective,
                         NgDocTagComponent,
-                        NgDocDataListComponent,
-                        RouterLink,
-                        NgDocTextComponent,
-                        NgFor,
-                        NgDocSpinnerComponent,
-                        AsyncPipe,
-                        NgDocHighlighterPipe,
-                        NgDocExecutePipe,
-                        NgDocSanitizeHtmlPipe,
                     ], template: "<ng-container\n  [ngDocHotkey]=\"{ ctrlKey: false, altKey: false, shiftKey: false, code: 'Slash' }\"\n  (ngDocHotkey)=\"open()\">\n  <button ng-doc-button-icon size=\"large\" (click)=\"open()\" ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" [size]=\"24\"></ng-doc-icon>\n  </button>\n\n  <ng-doc-input-wrapper ngDocDropdownOrigin>\n    <ng-doc-icon icon=\"search\" ngDocInputWrapperLeft></ng-doc-icon>\n    <input ngDocInputString readonly placeholder=\"Search...\" (click)=\"open()\" />\n    <ng-doc-tag class=\"search-hotkey\" ngDocInputWrapperRight>/</ng-doc-tag>\n  </ng-doc-input-wrapper>\n</ng-container>\n", styles: [":host{--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);--ng-doc-input-background-color: var(--ng-doc-base-1);--ng-doc-input-border: none;--ng-doc-input-border-hover: none;--ng-doc-icon-color: var(--ng-doc-base-7)}:host ng-doc-input-wrapper{cursor:pointer}:host ng-doc-input-wrapper ng-doc-icon,:host ng-doc-input-wrapper ng-doc-tag{cursor:pointer}@media (max-width: 1024px){:host ng-doc-input-wrapper{display:none}}@media (min-width: 1024px){:host{width:240px}:host button[ng-doc-button-icon]{display:none}}.search-hotkey{display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3);margin-right:var(--ng-doc-base-gutter);--ng-doc-tag-border: 1px solid var(--ng-doc-base-6);--ng-doc-tag-color: var(--ng-doc-base-6);--ng-doc-tag-background: transparent}\n"] }]
         }], ctorParameters: () => [] });