npm - @ng-doc/app - Versions diffs - 22.0.0-beta.2 → 22.1.0 - Mend

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

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 (215) hide show

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

@@ -1,26 +1,29 @@
 import { KeyValuePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, computed, 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';
+/**
+ * A list of pages grouped by their type (guides and API).
+ */
 class NgDocSearchResultComponent {
     constructor() {
-        this.result = [];
-        this.groupedResult = {};
-    }
-    ngOnChanges({ result }) {
-        if (result && this.result) {
-            this.groupedResult = this.result.reduce((grouped, item) => {
-                if (!grouped[item.type]) {
-                    grouped[item.type] = [];
-                }
-                grouped[item.type].push(item);
-                return grouped;
-            }, {});
-        }
+        /** The pages to list. */
+        this.result = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
+        /** The pages grouped by their type. */
+        this.groupedResult = computed(() => (this.result() ?? []).reduce((grouped, item) => {
+            (grouped[item.type] ??= []).push(item);
+            return grouped;
+        }, {}), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupedResult" }] : /* istanbul ignore next */ []));
     }
+    /**
+     * Returns the heading of a group.
+     * @param type - The page type of the group.
+     */
     typeToLabel(type) {
         switch (type) {
             case 'api':
@@ -31,10 +34,10 @@ class NgDocSearchResultComponent {
                 return 'Unknown';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSearchResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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", "browserUrl", "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: "22.2.1", ngImport: i0, type: NgDocSearchResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocSearchResultComponent, isStandalone: true, selector: "ng-doc-search-result", inputs: { result: { classPropertyName: "result", publicName: "result", isSignal: true, isRequired: false, transformFunction: null } }, 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", "browserUrl", "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: "22.0.6", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-search-result', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocTextComponent,
@@ -42,10 +45,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                         NgDocKindIconComponent,
                         NgDocTooltipDirective,
                         KeyValuePipe,
-                    ], 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
-            }] } });
+                    ], 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: i0.Input, args: [{ isSignal: true, alias: "result", required: false }] }] } });
 /**
  * Generated bundle index. Do not edit.

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 } 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 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","@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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;~~MAoBa~~,0BAA0B,CAAA;AAbvC,IAAA,WAAA,GAAA~~;QAeE~~,IAAA,CAAA,MAAM,~~GAA2B~~,EAAE;~~QAEnC~~,IAAA,CAAA,aAAa,~~GAAoC~~,~~EAAE;AA6BpD~~,~~IAAA;IA3BC~~,~~WAAW~~,CAAC,~~EAAE,MAAM,EAAiB,EAAA;AACnC,QAAA,~~IAAI,~~MAAM,IAAI,IAAI,~~CAAC,MAAM,EAAE~~;AACzB~~,~~YAAA,~~IAAI,~~CAAC~~,~~aAAa~~,~~GAAG,IAAI,CAAC,~~MAAM,~~CAAC~~,~~MAAM,CACrC,~~CAAC,OAAwC,EAAE,IAAmB,KAAI;~~gBAChE~~,~~IAAI~~,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE~~;AACvB~~,~~oBAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,~~EAAE~~;gBACzB;gBAEA~~,~~OAAO,CAAC,~~IAAI,CAAC,IAAI,CAAC~~,CAAC,IAAI,CAAC,IAAI,CAAC~~;~~AAE7B~~,~~gBAAA~~,OAAO,OAAO;~~YAChB~~,CAAC,EACD,EAAE,CACH;~~QACH~~;~~IACF~~;~~AAEA~~,IAAA,WAAW,CAAC,IAAY,EAAA;QACtB,QAAQ,IAAI;AACV,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,KAAK;AACd,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,QAAQ;AACjB,YAAA;AACE,gBAAA,OAAO,SAAS;;IAEtB;~~8GAhCW~~,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,~~aAAA~~,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECpBvC~~,~~igCA2BA~~,EAAA,MAAA,EAAA,CAAA,6kCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDdI~~,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,sBAAsB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACrB,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGH,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,eAAA,EAGf,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,kBAAkB;wBAClB,UAAU;wBACV,sBAAsB;wBACtB,qBAAqB;wBACrB,YAAY;AACb,qBAAA,EAAA,QAAA,EAAA,~~igCAAA~~,EAAA,MAAA,EAAA,CAAA,6kCAAA,CAAA,EAAA~~;;sBAGA~~;;;AErBH;;AAEG;;;;"}
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 } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input, Signal } 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/*\n A list of pages grouped by their type (guides and API).\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 NgDocTextComponent,\n RouterLink,\n NgDocKindIconComponent,\n NgDocTooltipDirective,\n KeyValuePipe,\n ],\n})\nexport class NgDocSearchResultComponent {\n /* The pages to list. /\n readonly result = input<NgDocPageInfo[] \| null>([]);\n\n /* The pages grouped by their type. /\n readonly groupedResult: Signal<Record<string, NgDocPageInfo[]>> = computed(() =>\n (this.result() ?? []).reduce(\n (grouped: Record<string, NgDocPageInfo[]>, item: NgDocPageInfo) => {\n (grouped[item.type] ??= []).push(item);\n\n return grouped;\n },\n {},\n ),\n );\n\n /\n Returns the heading of a group.\n * @param type - The page type of the group.\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","@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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,53 +1,84 @@
+import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
+import { inject, signal, DOCUMENT, PLATFORM_ID, DestroyRef, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocSearchEngine } from '@ng-doc/app/classes';
-import { NgDocSearchDialogComponent } from '@ng-doc/app/components/search-dialog';
-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';
+import { NgDocCommandPaletteComponent } from '@ng-doc/app/components/command-palette';
+import { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';
+import { NgDocDialogService, NgDocComponentContent, NgDocButtonIconComponent } from '@ng-doc/ui-kit';
+/**
+ * The search button of the navbar. It opens the search palette on click, with Command+K
+ * (Control+K) and, while single-key shortcuts are on, with the slash key. Wide screens show a
+ * search field with the key hint; narrow screens show an icon button.
+ */
 class NgDocSearchComponent {
     constructor() {
-        this.query = new BehaviorSubject('');
         this.dialog = inject(NgDocDialogService);
         this.searchEngine = inject(NgDocSearchEngine, { optional: true });
+        this.shortcuts = inject(NgDocShortcutsService);
+        /** The chord that opens the search, as the reader's platform labels it. */
+        this.chord = signal('⌘K', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chord" }] : /* istanbul ignore next */ []));
+        this.document = inject(DOCUMENT);
+        this.browser = isPlatformBrowser(inject(PLATFORM_ID));
         if (!this.searchEngine) {
             throw new Error(`NgDoc: Search engine is not provided,
-			please check this article: https://ng-doc.com/docs/getting-started/installation#configuring-application
+			please check this article: https://ng-doc.com/docs/get-started/installation#4-add-the-providers
 			to learn how to provide it.`);
         }
-        this.searchResults = this.query.pipe(skip(1), switchMap((term) => this.searchEngine?.search(term).pipe(observableState()) ?? NEVER), shareReplay(1), takeUntilDestroyed());
+        const removeSlash = this.shortcuts.register({ key: '/', handler: () => this.open() });
+        const removeChord = this.shortcuts.register({
+            key: 'k',
+            chord: true,
+            handler: () => (this.dialogRef ? this.dialogRef.close() : this.open()),
+        });
+        inject(DestroyRef).onDestroy(() => {
+            removeSlash();
+            removeChord();
+            this.dialogRef?.close();
+        });
+        // The platform is known only in the browser; the server renders the macOS label.
+        afterNextRender(() => {
+            if (!/Mac|iPhone|iPad/i.test(this.document.defaultView?.navigator.platform ?? '')) {
+                this.chord.set('Ctrl K');
+            }
+        });
     }
-    open() {
-        this.dialog.open(new NgDocComponentContent(NgDocSearchDialogComponent), {
+    /**
+     * Opens the search palette. Focus returns to the element that had it when the palette closes.
+     * @param query - The text the search field starts with.
+     */
+    open(query = '') {
+        if (this.dialogRef || !this.browser) {
+            return;
+        }
+        const opener = this.document.activeElement;
+        const narrow = !!this.document.defaultView?.matchMedia?.('(max-width: 640px)').matches;
+        const data = { query };
+        const dialogRef = this.dialog.open(new NgDocComponentContent(NgDocCommandPaletteComponent), {
             hasBackdrop: true,
-            backdropClass: 'ng-doc-blur-backdrop',
-            panelClass: 'ng-doc-transparent-dialog',
-            positionStrategy: this.dialog.positionStrategy().centerHorizontally().top('5vh'),
-            data: {
-                term: this.query.value,
-                search: (query) => this.query.next(query),
-                searchResults: this.searchResults,
-            },
+            backdropClass: 'ng-doc-command-palette-backdrop',
+            panelClass: ['ng-doc-transparent-dialog', 'ng-doc-command-palette-pane'],
+            positionStrategy: this.dialog
+                .positionStrategy()
+                .centerHorizontally()
+                .top(narrow ? '8px' : '10vh'),
+            data,
+        });
+        this.dialogRef = dialogRef;
+        dialogRef.afterClose().subscribe(() => {
+            this.dialogRef = undefined;
+            if (opener instanceof HTMLElement && opener.isConnected && opener !== this.document.body) {
+                opener.focus({ preventScroll: true });
+            }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NgDocSearchComponent, isStandalone: true, selector: "ng-doc-search", ngImport: i0, template: "<button\n  class=\"ng-doc-search-field\"\n  type=\"button\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"'Search (' + chord() + ')'\"\n  aria-keyshortcuts=\"Meta+K Control+K\"\n  (click)=\"open()\">\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"m20 20-3.5-3.5\" />\n  </svg>\n  <span class=\"ng-doc-search-placeholder\">Search docs\u2026</span>\n  <kbd>{{ chord() }}</kbd>\n</button>\n<button\n  class=\"ng-doc-search-button\"\n  type=\"button\"\n  ng-doc-button-icon\n  size=\"large\"\n  [rounded]=\"false\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"'Search (' + chord() + ')'\"\n  aria-keyshortcuts=\"Meta+K Control+K\"\n  (click)=\"open()\">\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"m20 20-3.5-3.5\" />\n  </svg>\n</button>\n", styles: [":host{display:flex;align-items:center}.ng-doc-search-field{display:flex;align-items:center;gap:var(--ng-doc-space-2);width:220px;height:36px;padding:0 var(--ng-doc-space-2) 0 var(--ng-doc-space-3);border:1px solid var(--ng-doc-border-color);border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-1);color:var(--ng-doc-text-muted);font:400 var(--ng-doc-text-sm-size)/20px var(--ng-doc-font-family);text-align:left;cursor:pointer;transition:border-color var(--ng-doc-transition)}.ng-doc-search-field:hover{border-color:var(--ng-doc-border-hover-color)}.ng-doc-search-field:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}.ng-doc-search-field svg{flex:none}.ng-doc-search-field kbd{margin-left:auto;padding:0 6px;border:1px solid var(--ng-doc-kbd-border-color);border-radius:var(--ng-doc-radius-xs);background:var(--ng-doc-kbd-background);font:500 11px/18px var(--ng-doc-font-family);color:var(--ng-doc-text-muted)}.ng-doc-search-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ng-doc-search-button{display:none!important}@media(max-width:1024px){.ng-doc-search-field{display:none}.ng-doc-search-button{display:inline-flex!important}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-search', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgDocButtonIconComponent,
-                        NgDocDropdownOriginDirective,
-                        NgDocIconComponent,
-                        NgDocInputWrapperComponent,
-                        NgDocInputStringDirective,
-                        FormsModule,
-                        NgDocHotkeyDirective,
-                        NgDocTagComponent,
-                    ], 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"] }]
+            args: [{ selector: 'ng-doc-search', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocButtonIconComponent], template: "<button\n  class=\"ng-doc-search-field\"\n  type=\"button\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"'Search (' + chord() + ')'\"\n  aria-keyshortcuts=\"Meta+K Control+K\"\n  (click)=\"open()\">\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"m20 20-3.5-3.5\" />\n  </svg>\n  <span class=\"ng-doc-search-placeholder\">Search docs\u2026</span>\n  <kbd>{{ chord() }}</kbd>\n</button>\n<button\n  class=\"ng-doc-search-button\"\n  type=\"button\"\n  ng-doc-button-icon\n  size=\"large\"\n  [rounded]=\"false\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"'Search (' + chord() + ')'\"\n  aria-keyshortcuts=\"Meta+K Control+K\"\n  (click)=\"open()\">\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"m20 20-3.5-3.5\" />\n  </svg>\n</button>\n", styles: [":host{display:flex;align-items:center}.ng-doc-search-field{display:flex;align-items:center;gap:var(--ng-doc-space-2);width:220px;height:36px;padding:0 var(--ng-doc-space-2) 0 var(--ng-doc-space-3);border:1px solid var(--ng-doc-border-color);border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-1);color:var(--ng-doc-text-muted);font:400 var(--ng-doc-text-sm-size)/20px var(--ng-doc-font-family);text-align:left;cursor:pointer;transition:border-color var(--ng-doc-transition)}.ng-doc-search-field:hover{border-color:var(--ng-doc-border-hover-color)}.ng-doc-search-field:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}.ng-doc-search-field svg{flex:none}.ng-doc-search-field kbd{margin-left:auto;padding:0 6px;border:1px solid var(--ng-doc-kbd-border-color);border-radius:var(--ng-doc-radius-xs);background:var(--ng-doc-kbd-background);font:500 11px/18px var(--ng-doc-font-family);color:var(--ng-doc-text-muted)}.ng-doc-search-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ng-doc-search-button{display:none!important}@media(max-width:1024px){.ng-doc-search-field{display:none}.ng-doc-search-button{display:inline-flex!important}}\n"] }]
         }], ctorParameters: () => [] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-app-components-search.mjs","sources":["../../../../libs/app/components/search/search.component.ts","../../../../libs/app/components/search/search.component.html","../../../../libs/app/components/search/ng-doc-app-components-search.ts"],"sourcesContent":["import { ~~ChangeDetectionStrategy,~~ ~~Component, inject~~ } from '@angular/~~core~~';\nimport { ~~takeUntilDestroyed~~ } from '@angular/core~~/rxjs-interop~~';\nimport { ~~FormsModule } from '@angular/forms';\nimport {~~ NgDocSearchEngine } from '@ng-doc/app/classes';\nimport {\n ~~NgDocSearchDialogComponent~~,\n ~~NgDocSearchDialogData~~,\n} from '@ng-doc/app/components/~~search~~-~~dialog~~';\nimport { ~~NgDocSearchResult~~ } from '@ng-doc/app/~~interfaces~~';\nimport {\n NgDocButtonIconComponent,\n NgDocComponentContent,\n NgDocDialogService,\n NgDocDropdownOriginDirective,\n NgDocHotkeyDirective,\n NgDocIconComponent,\n NgDocInputStringDirective,\n NgDocInputWrapperComponent,\n NgDocTagComponent,\n observableState,\n StatedObservable,\n} from '@ng-doc/ui-kit';\nimport { ~~BehaviorSubject,~~ ~~NEVER~~ } from '~~rxjs~~';\~~nimport~~ { ~~shareReplay~~, ~~skip~~, ~~switchMap~~ } ~~from~~ ~~'rxjs/operators';\n~~\n@Component({\n selector: 'ng-doc-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgDocButtonIconComponent~~,\n NgDocDropdownOriginDirective,\n NgDocIconComponent,\n NgDocInputWrapperComponent,\n NgDocInputStringDirective,\n FormsModule,\n NgDocHotkeyDirective,\n NgDocTagComponent,\n~~ ],\n})\nexport class NgDocSearchComponent {\n protected readonly ~~query:~~ ~~BehaviorSubject<string>~~ = ~~new BehaviorSubject<string>~~('');\n protected readonly ~~searchResults~~: ~~StatedObservable<NgDocSearchResult[]>;\~~n protected readonly ~~dialog~~ = inject(~~NgDocDialogService~~);\n protected readonly ~~searchEngine~~ = inject(~~NgDocSearchEngine,~~ { ~~optional:~~ ~~true~~ });\n\n constructor() {\n if (!this.searchEngine) {\n throw new Error(`NgDoc: Search engine is not provided,\n\t\t\tplease check this article: https://ng-doc.com/docs/~~getting~~-started/installation#~~configuring~~-~~application~~\n\t\t\tto learn how to provide it.`);\n }\n\n this.~~searchResults~~ = this.~~query~~.~~pipe~~(\n ~~skip(1)~~,\n ~~switchMap((term~~: ~~string~~) => this.~~searchEngine?.search~~(~~term~~).~~pipe~~(~~observableState~~()) ?? ~~NEVER~~),\n ~~shareReplay~~(1),\n ~~takeUntilDestroyed~~(),\n );\n }\n\n open(): void {\n this.dialog.open~~<NgDocSearchDialogData>~~(new NgDocComponentContent(~~NgDocSearchDialogComponent~~), {\n hasBackdrop: true,\n backdropClass: 'ng-doc-~~blur~~-backdrop',\n panelClass: 'ng-doc-transparent-dialog',\n positionStrategy: this.dialog.positionStrategy().centerHorizontally().top('~~5vh~~'),\n data: {\n ~~term:~~ this.~~query.value,\~~n ~~search:~~ (~~query:~~ ~~string)~~ => this.~~query~~.~~next(query~~),\n ~~searchResults~~: ~~this.searchResults,\~~n },\n });\n }\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;MAyCa~~,oBAAoB,CAAA;~~AAM~~/B,IAAA,WAAA,GAAA;~~AALmB~~,QAAA,IAAA,CAAA,~~KAAK~~,~~GAA4B~~,~~IAAI~~,~~eAAe~~,~~CAAS~~,EAAE,CAAC;~~AAEhE~~,QAAA,IAAA,CAAA,~~MAAM~~,GAAG,MAAM,CAAC,~~kBAAkB~~,CAAC~~;QACnC~~,IAAA,CAAA,~~YAAY~~,GAAG,MAAM,CAAC,~~iBAAiB~~,~~EAAE~~,~~EAAE~~,QAAQ,~~EAAE~~,~~IAAI~~,~~EAAE~~,CAAC;~~AAG7E~~,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,CAAA;;AAES,8BAAA,CAAA,CAAC;QAC5B;QAEA,~~IAAI~~,~~CAAC~~,~~aAAa,~~GAAG,IAAI,CAAC,~~KAAK~~,CAAC,~~IAAI~~,~~CAClC,IAAI,~~CAAC,~~CAAC~~,~~CAAC~~,~~EACP~~,~~SAAS~~,~~CAAC~~,~~CAAC~~,~~IAAY~~,~~KAAK~~,IAAI,CAAC,~~YAAY~~,EAAE,~~MAAM~~,CAAC,IAAI,CAAC,CAAC,~~IAAI~~,CAAC,~~eAAe~~,EAAE,~~CAAC~~,~~IAAI~~,KAAK,~~CAAC~~,~~EAC7F~~,~~WAAW~~,CAAC,CAAC,CAAC,~~EACd~~,~~kBAAkB,~~EAAE,~~CACrB;IACH;IAEA~~,IAAI,~~GAAA;QACF~~,IAAI,CAAC,~~MAAM~~,CAAC,~~IAAI~~,~~CAAwB~~,~~IAAI~~,~~qBAAqB~~,CAAC,~~0BAA0B~~,CAAC,~~EAAE~~;~~AAC7F~~,YAAA,WAAW,EAAE~~,IAAI~~;~~AACjB~~,YAAA,~~aAAa~~,EAAE~~,sBAAsB~~;~~AACrC~~,YAAA,~~UAAU~~,EAAE,~~2BAA2B~~;~~AACvC~~,YAAA,~~gBAAgB~~,~~EAAE~~,IAAI,CAAC,~~MAAM~~,CAAC,~~gBAAgB~~,EAAE,CAAC,~~kBAAkB~~,EAAE,CAAC,~~GAAG~~,CAAC,KAAK,CAAC;~~AAChF~~,~~YAAA~~,IAAI,EAAE;~~AACJ~~,~~gBAAA~~,IAAI,~~EAAE~~,IAAI,CAAC,~~KAAK~~,CAAC,~~KAAK~~;~~AACtB~~,~~gBAAA~~,MAAM,~~EAAE~~,~~CAAC~~,~~KAAa~~,~~KAAK~~,~~IAAI~~,CAAC,~~KAAK~~,CAAC,IAAI,CAAC,~~KAAK~~,CAAC~~;gBACjD~~,~~aAAa~~,EAAE,~~IAAI~~,CAAC,~~aAAa;AAClC~~,~~aAAA~~;~~AACF~~,~~SAAA~~,~~CAAC~~;~~IACJ;8GAjCW~~,~~oBAAoB~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~eAAA~~,~~CAAA~~,~~SAAA~~,~~EAAA~~,~~CAAA~~,~~CAAA~~;~~AAApB~~,~~IAAA~~,~~SAAA~~,~~IAAA~~,~~CAAA~~,~~IAAA~~,~~GAAA~~,~~EAAA~~,~~CAAA~~,~~oBAAA~~,~~CAAA~~,~~EAAA~~,~~UAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~OAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~oBAAoB~~,~~yECzCjC~~,~~8mBAaA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,~~CAAA~~,~~w0BAAA~~,~~CAAA~~,~~EAAA~~,~~YAAA~~,~~EAAA~~,~~CAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA~~,~~EDkBI~~,~~wBAAwB~~,~~EAAA~~,~~QAAA~~,~~EAAA,+LAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~,~~SAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA~~,~~EACxB~~,~~4BAA4B~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~uBAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CAAA~~,~~qBAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA~~,~~EAC5B~~,~~kBAAkB~~,~~EAAA~~,QAAA,EAAA,~~aAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA,~~MAAA,EAAA,~~YAAA,~~EAAA,~~MAAA~~,CAAA,~~EAAA~~,EAAA,~~EAAA~~,~~IAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,~~EAClB~~,~~0BAA0B~~,~~kHAC1B~~,~~yBAAyB~~,EAAA,QAAA,EAAA,~~yBAAA,~~EAAA,EAAA,~~EAAA~~,~~IAAA~~,EAAA,~~UAAA~~,EAAA,~~IAAA~~,~~EACzB~~,~~WAAW~~,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EACX~~,~~oBAAoB~~,~~6GACpB,iBAAiB,~~EAAA,QAAA,EAAA,~~YAAA,~~EAAA,MAAA,EAAA,CAAA,~~OAAA,EAAA,~~MAAA,EAAA,~~KAAA~~,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;~~2FAGR~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;~~kBAhBhC~~,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,~~EAAA~~,~~eAAA,EAGR,~~uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC~~;wBACP~~,wBAAwB~~;wBACxB~~,~~4BAA4B;wBAC5B~~,~~kBAAkB;wBAClB,0BAA0B;wBAC1B,yBAAyB;wBACzB,WAAW;wBACX,oBAAoB;wBACpB,iBAAiB;AAClB,qBAAA,~~EAAA,QAAA,EAAA,~~8mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~w0BAAA~~,CAAA,EAAA;;;~~AEvCH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-app-components-search.mjs","sources":["../../../../libs/app/components/search/search.component.ts","../../../../libs/app/components/search/search.component.html","../../../../libs/app/components/search/ng-doc-app-components-search.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n DOCUMENT,\n inject,\n PLATFORM_ID,\n signal,\n} from '@angular/core';\nimport { NgDocSearchEngine } from '@ng-doc/app/classes';\nimport {\n NgDocCommandPaletteComponent,\n NgDocCommandPaletteData,\n} from '@ng-doc/app/components/command-palette';\nimport { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';\nimport {\n NgDocButtonIconComponent,\n NgDocComponentContent,\n NgDocDialogService,\n} from '@ng-doc/ui-kit';\nimport { NgDocOverlayRef } from '@ng-doc/ui-kit/classes';\n\n/*\n The search button of the navbar. It opens the search palette on click, with Command+K\n * (Control+K) and, while single-key shortcuts are on, with the slash key. Wide screens show a\n * search field with the key hint; narrow screens show an icon button.\n /\n@Component({\n selector: 'ng-doc-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgDocButtonIconComponent],\n})\nexport class NgDocSearchComponent {\n protected readonly dialog = inject(NgDocDialogService);\n protected readonly searchEngine = inject(NgDocSearchEngine, { optional: true });\n protected readonly shortcuts = inject(NgDocShortcutsService);\n /* The chord that opens the search, as the reader's platform labels it. /\n protected readonly chord = signal('⌘K');\n\n private readonly document = inject(DOCUMENT);\n private readonly browser = isPlatformBrowser(inject(PLATFORM_ID));\n private dialogRef?: NgDocOverlayRef;\n\n constructor() {\n if (!this.searchEngine) {\n throw new Error(`NgDoc: Search engine is not provided,\n\t\t\tplease check this article: https://ng-doc.com/docs/get-started/installation#4-add-the-providers\n\t\t\tto learn how to provide it.`);\n }\n\n const removeSlash = this.shortcuts.register({ key: '/', handler: () => this.open() });\n const removeChord = this.shortcuts.register({\n key: 'k',\n chord: true,\n handler: () => (this.dialogRef ? this.dialogRef.close() : this.open()),\n });\n\n inject(DestroyRef).onDestroy(() => {\n removeSlash();\n removeChord();\n this.dialogRef?.close();\n });\n\n // The platform is known only in the browser; the server renders the macOS label.\n afterNextRender(() => {\n if (!/Mac\|iPhone\|iPad/i.test(this.document.defaultView?.navigator.platform ?? '')) {\n this.chord.set('Ctrl K');\n }\n });\n }\n\n /\n Opens the search palette. Focus returns to the element that had it when the palette closes.\n * @param query - The text the search field starts with.\n /\n open(query: string = ''): void {\n if (this.dialogRef \|\| !this.browser) {\n return;\n }\n\n const opener = this.document.activeElement;\n const narrow = !!this.document.defaultView?.matchMedia?.('(max-width: 640px)').matches;\n const data: NgDocCommandPaletteData = { query };\n const dialogRef = this.dialog.open(new NgDocComponentContent(NgDocCommandPaletteComponent), {\n hasBackdrop: true,\n backdropClass: 'ng-doc-command-palette-backdrop',\n panelClass: ['ng-doc-transparent-dialog', 'ng-doc-command-palette-pane'],\n positionStrategy: this.dialog\n .positionStrategy()\n .centerHorizontally()\n .top(narrow ? '8px' : '10vh'),\n data,\n });\n\n this.dialogRef = dialogRef;\n dialogRef.afterClose().subscribe(() => {\n this.dialogRef = undefined;\n\n if (opener instanceof HTMLElement && opener.isConnected && opener !== this.document.body) {\n opener.focus({ preventScroll: true });\n }\n });\n }\n}\n","<button\n class=\"ng-doc-search-field\"\n type=\"button\"\n aria-haspopup=\"dialog\"\n [attr.aria-label]=\"'Search (' + chord() + ')'\"\n aria-keyshortcuts=\"Meta+K Control+K\"\n (click)=\"open()\">\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n aria-hidden=\"true\">\n <circle cx=\"11\" cy=\"11\" r=\"7\" />\n <path d=\"m20 20-3.5-3.5\" />\n </svg>\n <span class=\"ng-doc-search-placeholder\">Search docs…</span>\n <kbd>{{ chord() }}</kbd>\n</button>\n<button\n class=\"ng-doc-search-button\"\n type=\"button\"\n ng-doc-button-icon\n size=\"large\"\n [rounded]=\"false\"\n aria-haspopup=\"dialog\"\n [attr.aria-label]=\"'Search (' + chord() + ')'\"\n aria-keyshortcuts=\"Meta+K Control+K\"\n (click)=\"open()\">\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n aria-hidden=\"true\">\n <circle cx=\"11\" cy=\"11\" r=\"7\" />\n <path d=\"m20 20-3.5-3.5\" />\n </svg>\n</button>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}