@ng-doc/app 22.0.0-beta.2 → 22.0.0

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

@@ -1,78 +0,0 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ElementRef, forwardRef, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 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, NgDocSpinnerComponent, NgDocHighlighterPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';
-import { NgDocOverlayRef, NgDocListHost } from '@ng-doc/ui-kit/classes';
-
-class NgDocSearchDialogComponent {
-    constructor() {
-        this.searchTerm = '';
-        this.elementRef = inject(ElementRef);
-        this.overlayRef = inject(NgDocOverlayRef);
-        this.data = inject(NG_DOC_DIALOG_DATA);
-        this.searchTerm = this.data.term;
-    }
-    search(query) {
-        this.data.search(query);
-        if (this.resultContent) {
-            this.resultContent.nativeElement.scrollTop = 0;
-        }
-    }
-    getPositions(key, item) {
-        return item.positions[key] ?? [];
-    }
-    get listHostOrigin() {
-        return this.inputElement ?? this.elementRef;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: NgDocSearchDialogComponent, isStandalone: true, selector: "ng-doc-search-dialog", host: { attributes: { "animate.enter": "ng-doc-enter-animation" } }, 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  @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%}@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-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}: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)}:host.ng-doc-enter-animation{animation:ng-doc-fade-in-scale .15s ease-in forwards}@keyframes ng-doc-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "browserUrl", "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: "component", type: NgDocSpinnerComponent, selector: "ng-doc-spinner", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NgDocHighlighterPipe, name: "ngDocHighlighterPipe" }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSearchDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-doc-search-dialog', imports: [
-                        CommonModule,
-                        NgDocInputWrapperComponent,
-                        NgDocInputStringDirective,
-                        NgDocAutofocusDirective,
-                        NgDocIconComponent,
-                        NgDocDataListComponent,
-                        RouterLink,
-                        NgDocTagComponent,
-                        NgDocTextComponent,
-                        NgDocHighlighterPipe,
-                        NgDocSanitizeHtmlPipe,
-                        NgDocSpinnerComponent,
-                        NgDocExecutePipe,
-                        FormsModule,
-                    ], providers: [
-                        {
-                            provide: NgDocListHost,
-                            useExisting: forwardRef(() => NgDocSearchDialogComponent),
-                        },
-                    ], host: {
-                        'animate.enter': 'ng-doc-enter-animation',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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%}@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-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}: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)}:host.ng-doc-enter-animation{animation:ng-doc-fade-in-scale .15s ease-in forwards}@keyframes ng-doc-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { inputElement: [{
-                type: ViewChild,
-                args: ['inputElement', { read: ElementRef }]
-            }], resultContent: [{
-                type: ViewChild,
-                args: ['resultContent', { read: ElementRef }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NgDocSearchDialogComponent };
-//# sourceMappingURL=ng-doc-app-components-search-dialog.mjs.map

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

@@ -1 +0,0 @@
-{"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  NgDocExecutePipe,\n  NgDocHighlighterPipe,\n  NgDocHighlightPosition,\n  NgDocIconComponent,\n  NgDocInputStringDirective,\n  NgDocInputWrapperComponent,\n  NgDocSpinnerComponent,\n  NgDocTagComponent,\n  NgDocTextComponent,\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  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    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  host: {\n    'animate.enter': 'ng-doc-enter-animation',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\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  @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>•</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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/types/ng-doc-app-components-search-dialog.d.ts

@@ -1,28 +0,0 @@
-import * as i0 from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { NgDocSearchResult } from '@ng-doc/app/interfaces';
-import { StatedObservable, NgDocHighlightPosition } from '@ng-doc/ui-kit';
-import { NgDocListHost, NgDocOverlayRef } from '@ng-doc/ui-kit/classes';
-
-interface NgDocSearchDialogData {
-    term: string;
-    search: (query: string) => void;
-    searchResults: StatedObservable<NgDocSearchResult[]>;
-}
-declare class NgDocSearchDialogComponent implements NgDocListHost {
-    inputElement: ElementRef<HTMLElement>;
-    resultContent?: ElementRef<HTMLElement>;
-    protected searchTerm: string;
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly overlayRef: NgDocOverlayRef<any>;
-    protected readonly data: NgDocSearchDialogData;
-    constructor();
-    search(query: string): void;
-    getPositions<T extends NgDocSearchResult, K extends keyof T['positions']>(key: K, item: T): NgDocHighlightPosition[];
-    get listHostOrigin(): ElementRef<HTMLElement>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocSearchDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocSearchDialogComponent, "ng-doc-search-dialog", never, {}, {}, never, never, true, never>;
-}
-
-export { NgDocSearchDialogComponent };
-export type { NgDocSearchDialogData };