@ng-doc/app 22.0.0 → 22.2.0

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

@@ -1,7 +1,10 @@
+import { ViewportScroller } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, input, booleanAttribute, inject, DOCUMENT, viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Directive, inject, input, booleanAttribute, DOCUMENT, ElementRef, viewChild, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocFullscreenRouteService } from '@ng-doc/app/services/fullscreen-route';
+import { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';
 import { NgDocSidebarService } from '@ng-doc/app/services/sidebar';
+import { NG_DOC_TEXTS } from '@ng-doc/app/tokens';
 import { NgDocSidenavComponent } from '@ng-doc/ui-kit';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 
@@ -51,6 +54,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImpor
                     selector: '[ngDocCustomSidebar]',
                 }]
         }] });
+/**
+ * How far the router scrolls an anchor below the top of the layout, in pixels: the navbar, the
+ * sticky page tabs and some space. The layout's top offset (the CSS variable that makes room for
+ * an application header above the layout) is added to it.
+ */
+const SCROLL_OFFSET = 120;
 /**
  * Root layout of the NgDoc application: the navbar, the sidebar, the page and the footer.
  *
@@ -59,9 +68,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImpor
  *
  * While a page shows one of its fullscreen routes (`NgDocFullscreenRouteService`), only the page
  * is shown: the navbar, the sidebar, the footer and the skip link are hidden.
+ *
+ * While it is shown, the router scrolls anchors below the navbar (the scroll offset of
+ * `ViewportScroller`), and the keyboard shortcuts of the documentation work
+ * (`NgDocShortcutsService`). When it is destroyed, for example when the reader leaves
+ * documentation served under a route, the previous scroll offset comes back and the shortcuts
+ * stop. Without navbar content, it renders no header.
  */
 class NgDocRootComponent {
     constructor() {
+        this.texts = inject(NG_DOC_TEXTS).navigation;
         /**
          * If `true` then the sidebar will be shown
          * You can use it for example for landing page to hide sidebar
@@ -80,8 +96,15 @@ class NgDocRootComponent {
         this.sidebarService = inject(NgDocSidebarService);
         this.fullscreenRoute = inject(NgDocFullscreenRouteService);
         this.document = inject(DOCUMENT);
+        this.host = inject(ElementRef).nativeElement;
         this.sidenavQuery = viewChild(NgDocSidenavComponent, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sidenavQuery" }] : /* istanbul ignore next */ []));
+        const stopShortcuts = inject(NgDocShortcutsService).listen();
+        const restoreScrollOffset = this.setScrollOffset();
+        inject(DestroyRef).onDestroy(() => {
+            stopShortcuts();
+            restoreScrollOffset();
+        });
     }
     /**
      * The sidenav that holds the sidebar and the page.
@@ -97,16 +120,40 @@ class NgDocRootComponent {
         event?.preventDefault();
         this.document.getElementById('ng-doc-content')?.focus();
     }
+    /**
+     * Makes the router scroll anchors below the layout's header, and below an application header
+     * that the layout makes room for.
+     * @returns A function that restores the previous offset, unless it was changed since.
+     */
+    setScrollOffset() {
+        const viewport = inject(ViewportScroller);
+        // `BrowserViewportScroller` keeps the offset in a field; the server's scroller has none.
+        const read = () => viewport.offset;
+        const previous = read();
+        const offset = () => [0, SCROLL_OFFSET + this.layoutTop()];
+        viewport.setOffset(offset);
+        return () => {
+            if (read() === offset) {
+                viewport.setOffset(typeof previous === 'function' ? previous : [0, 0]);
+            }
+        };
+    }
+    /** The layout's top offset in pixels, read from the margin it gives the page area. */
+    layoutTop() {
+        const main = this.host.querySelector(':scope > .ng-doc-root-wrapper > main');
+        const view = this.document.defaultView;
+        return (main && view && parseFloat(view.getComputedStyle(main).marginTop)) || 0;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocRootComponent, isStandalone: true, selector: "ng-doc-root", inputs: { sidebar: { classPropertyName: "sidebar", publicName: "sidebar", isSignal: true, isRequired: false, transformFunction: null }, footerContent: { classPropertyName: "footerContent", publicName: "footerContent", isSignal: true, isRequired: false, transformFunction: null }, noWidthLimit: { classPropertyName: "noWidthLimit", publicName: "noWidthLimit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-no-width-limit": "noWidthLimit()", "attr.data-ng-doc-fullscreen-route": "fullscreenRoute.active()" } }, viewQueries: [{ propertyName: "sidenavQuery", first: true, predicate: NgDocSidenavComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  Skip to content\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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", 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-content{outline:none}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:15}:host .ng-doc-skip-link{position:fixed;top:var(--ng-doc-space-2);left:var(--ng-doc-space-4);z-index:70;display:inline-flex;align-items:center;height:36px;padding: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-background);color:var(--ng-doc-heading-color);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;font-weight:500;text-decoration:none;box-shadow:var(--ng-doc-shadow-md);transform:translateY(calc(-100% - var(--ng-doc-space-16)))}:host .ng-doc-skip-link:focus{transform:none}:host .ng-doc-skip-link:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring),var(--ng-doc-shadow-md)}@media(max-width:640px){:host:not([data-ng-doc-no-width-limit=true]) .ng-doc-root-wrapper main{--ng-doc-sidenav-content-padding: var(--ng-doc-space-5) var(--ng-doc-space-4)}}:host[data-ng-doc-fullscreen-route=true] .ng-doc-skip-link,:host[data-ng-doc-fullscreen-route=true] .ng-doc-header,:host[data-ng-doc-fullscreen-route=true] footer{display:none}:host[data-ng-doc-fullscreen-route=true] .ng-doc-root-wrapper main{max-width:none;padding:0;--ng-doc-sidenav-width: 0px;--ng-doc-sidenav-content-padding: 0}:host[data-ng-doc-fullscreen-route=true] ::ng-deep .ng-doc-sidenav{display:none}\n"], dependencies: [{ kind: "component", type: NgDocSidenavComponent, selector: "ng-doc-sidenav", inputs: ["sidebar", "opened", "hasBackdrop"], outputs: ["closeEvent"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocRootComponent, isStandalone: true, selector: "ng-doc-root", inputs: { sidebar: { classPropertyName: "sidebar", publicName: "sidebar", isSignal: true, isRequired: false, transformFunction: null }, footerContent: { classPropertyName: "footerContent", publicName: "footerContent", isSignal: true, isRequired: false, transformFunction: null }, noWidthLimit: { classPropertyName: "noWidthLimit", publicName: "noWidthLimit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-no-width-limit": "noWidthLimit()", "attr.data-ng-doc-fullscreen-route": "fullscreenRoute.active()" } }, viewQueries: [{ propertyName: "sidenavQuery", first: true, predicate: NgDocSidenavComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  {{ texts.skipToContent }}\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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", styles: [":host:has(>.ng-doc-root-wrapper>.ng-doc-header:empty){--ng-doc-navbar-height: 0px;--ng-doc-main-padding: var(--ng-doc-navbar-height) 0 0 0}: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);margin-top:var(--ng-doc-layout-top);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: calc(var(--ng-doc-navbar-height) + var(--ng-doc-layout-top));--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-content{outline:none}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:var(--ng-doc-layout-top);height:var(--ng-doc-navbar-height);width:100%;z-index:15}:host .ng-doc-root-wrapper .ng-doc-header:empty{display:none}:host .ng-doc-skip-link{position:fixed;top:calc(var(--ng-doc-layout-top) + var(--ng-doc-space-2));left:var(--ng-doc-space-4);z-index:70;display:inline-flex;align-items:center;height:36px;padding: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-background);color:var(--ng-doc-heading-color);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;font-weight:500;text-decoration:none;box-shadow:var(--ng-doc-shadow-md);transform:translateY(calc(-100% - var(--ng-doc-space-16)))}:host .ng-doc-skip-link:focus{transform:none}:host .ng-doc-skip-link:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring),var(--ng-doc-shadow-md)}@media(max-width:640px){:host:not([data-ng-doc-no-width-limit=true]) .ng-doc-root-wrapper main{--ng-doc-sidenav-content-padding: var(--ng-doc-space-5) var(--ng-doc-space-4)}}:host[data-ng-doc-fullscreen-route=true] .ng-doc-skip-link,:host[data-ng-doc-fullscreen-route=true] .ng-doc-header,:host[data-ng-doc-fullscreen-route=true] footer{display:none}:host[data-ng-doc-fullscreen-route=true] .ng-doc-root-wrapper main{max-width:none;padding:0;--ng-doc-sidenav-width: 0px;--ng-doc-sidenav-content-padding: 0}:host[data-ng-doc-fullscreen-route=true] ::ng-deep .ng-doc-sidenav{display:none}\n"], dependencies: [{ kind: "component", type: NgDocSidenavComponent, selector: "ng-doc-sidenav", inputs: ["sidebar", "opened", "hasBackdrop"], outputs: ["closeEvent"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocRootComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-root', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocSidenavComponent, PolymorpheusOutlet], host: {
                         '[attr.data-ng-doc-no-width-limit]': 'noWidthLimit()',
                         '[attr.data-ng-doc-fullscreen-route]': 'fullscreenRoute.active()',
-                    }, template: "<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  Skip to content\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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", 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-content{outline:none}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:0;height:var(--ng-doc-navbar-height);width:100%;z-index:15}:host .ng-doc-skip-link{position:fixed;top:var(--ng-doc-space-2);left:var(--ng-doc-space-4);z-index:70;display:inline-flex;align-items:center;height:36px;padding: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-background);color:var(--ng-doc-heading-color);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;font-weight:500;text-decoration:none;box-shadow:var(--ng-doc-shadow-md);transform:translateY(calc(-100% - var(--ng-doc-space-16)))}:host .ng-doc-skip-link:focus{transform:none}:host .ng-doc-skip-link:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring),var(--ng-doc-shadow-md)}@media(max-width:640px){:host:not([data-ng-doc-no-width-limit=true]) .ng-doc-root-wrapper main{--ng-doc-sidenav-content-padding: var(--ng-doc-space-5) var(--ng-doc-space-4)}}:host[data-ng-doc-fullscreen-route=true] .ng-doc-skip-link,:host[data-ng-doc-fullscreen-route=true] .ng-doc-header,:host[data-ng-doc-fullscreen-route=true] footer{display:none}:host[data-ng-doc-fullscreen-route=true] .ng-doc-root-wrapper main{max-width:none;padding:0;--ng-doc-sidenav-width: 0px;--ng-doc-sidenav-content-padding: 0}:host[data-ng-doc-fullscreen-route=true] ::ng-deep .ng-doc-sidenav{display:none}\n"] }]
-        }], propDecorators: { sidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebar", required: false }] }], footerContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerContent", required: false }] }], noWidthLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "noWidthLimit", required: false }] }], sidenavQuery: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgDocSidenavComponent), { isSignal: true }] }] } });
+                    }, template: "<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  {{ texts.skipToContent }}\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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", styles: [":host:has(>.ng-doc-root-wrapper>.ng-doc-header:empty){--ng-doc-navbar-height: 0px;--ng-doc-main-padding: var(--ng-doc-navbar-height) 0 0 0}: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);margin-top:var(--ng-doc-layout-top);padding:var(--ng-doc-main-padding);--ng-doc-sidenav-top: calc(var(--ng-doc-navbar-height) + var(--ng-doc-layout-top));--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-content{outline:none}:host .ng-doc-root-wrapper .ng-doc-header{position:fixed;top:var(--ng-doc-layout-top);height:var(--ng-doc-navbar-height);width:100%;z-index:15}:host .ng-doc-root-wrapper .ng-doc-header:empty{display:none}:host .ng-doc-skip-link{position:fixed;top:calc(var(--ng-doc-layout-top) + var(--ng-doc-space-2));left:var(--ng-doc-space-4);z-index:70;display:inline-flex;align-items:center;height:36px;padding: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-background);color:var(--ng-doc-heading-color);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;font-weight:500;text-decoration:none;box-shadow:var(--ng-doc-shadow-md);transform:translateY(calc(-100% - var(--ng-doc-space-16)))}:host .ng-doc-skip-link:focus{transform:none}:host .ng-doc-skip-link:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring),var(--ng-doc-shadow-md)}@media(max-width:640px){:host:not([data-ng-doc-no-width-limit=true]) .ng-doc-root-wrapper main{--ng-doc-sidenav-content-padding: var(--ng-doc-space-5) var(--ng-doc-space-4)}}:host[data-ng-doc-fullscreen-route=true] .ng-doc-skip-link,:host[data-ng-doc-fullscreen-route=true] .ng-doc-header,:host[data-ng-doc-fullscreen-route=true] footer{display:none}:host[data-ng-doc-fullscreen-route=true] .ng-doc-root-wrapper main{max-width:none;padding:0;--ng-doc-sidenav-width: 0px;--ng-doc-sidenav-content-padding: 0}:host[data-ng-doc-fullscreen-route=true] ::ng-deep .ng-doc-sidenav{display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebar", required: false }] }], footerContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerContent", required: false }] }], noWidthLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "noWidthLimit", required: false }] }], sidenavQuery: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgDocSidenavComponent), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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 {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  DOCUMENT,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { NgDocFullscreenRouteService } from '@ng-doc/app/services/fullscreen-route';\nimport { NgDocSidebarService } from '@ng-doc/app/services/sidebar';\nimport { NgDocContent, NgDocSidenavComponent } from '@ng-doc/ui-kit';\nimport { PolymorpheusOutlet } from '@taiga-ui/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})\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})\nexport class NgDocCustomSidebarDirective {}\n\n/**\n * Root layout of the NgDoc application: the navbar, the sidebar, the page and the footer.\n *\n * Its first focusable element is a \"Skip to content\" link, shown only while it has focus, that\n * moves keyboard focus past the navbar and the sidebar to the page.\n *\n * While a page shows one of its fullscreen routes (`NgDocFullscreenRouteService`), only the page\n * is shown: the navbar, the sidebar, the footer and the skip link are hidden.\n */\n@Component({\n  selector: 'ng-doc-root',\n  templateUrl: './root.component.html',\n  styleUrls: ['./root.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocSidenavComponent, PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-no-width-limit]': 'noWidthLimit()',\n    '[attr.data-ng-doc-fullscreen-route]': 'fullscreenRoute.active()',\n  },\n})\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  readonly sidebar = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Content for footer\n   */\n  readonly footerContent = input<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  readonly noWidthLimit = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  protected readonly sidebarService = inject(NgDocSidebarService);\n  protected readonly fullscreenRoute = inject(NgDocFullscreenRouteService);\n  private readonly document = inject(DOCUMENT);\n  private readonly sidenavQuery = viewChild(NgDocSidenavComponent);\n\n  /**\n   * The sidenav that holds the sidebar and the page.\n   */\n  get sidenav(): NgDocSidenavComponent | undefined {\n    return this.sidenavQuery();\n  }\n\n  /**\n   * Moves keyboard focus to the page content, as the skip link does.\n   * @param event - The click on the skip link; its navigation to a fragment is cancelled.\n   */\n  skipToContent(event?: Event): void {\n    event?.preventDefault();\n    this.document.getElementById('ng-doc-content')?.focus();\n  }\n}\n","<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  Skip to content\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-components-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 { ViewportScroller } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\nimport type { NgDocNavigationTexts } from '@ng-doc/app/interfaces';\nimport { NgDocFullscreenRouteService } from '@ng-doc/app/services/fullscreen-route';\nimport { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';\nimport { NgDocSidebarService } from '@ng-doc/app/services/sidebar';\nimport { NG_DOC_TEXTS } from '@ng-doc/app/tokens';\nimport { NgDocContent, NgDocSidenavComponent } from '@ng-doc/ui-kit';\nimport { PolymorpheusOutlet } from '@taiga-ui/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})\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})\nexport class NgDocCustomSidebarDirective {}\n\n/**\n * How far the router scrolls an anchor below the top of the layout, in pixels: the navbar, the\n * sticky page tabs and some space. The layout's top offset (the CSS variable that makes room for\n * an application header above the layout) is added to it.\n */\nconst SCROLL_OFFSET = 120;\n\n/** The offset function of `ViewportScroller`, which has no public getter. */\ntype NgDocScrollOffset = () => [number, number];\n\n/**\n * Root layout of the NgDoc application: the navbar, the sidebar, the page and the footer.\n *\n * Its first focusable element is a \"Skip to content\" link, shown only while it has focus, that\n * moves keyboard focus past the navbar and the sidebar to the page.\n *\n * While a page shows one of its fullscreen routes (`NgDocFullscreenRouteService`), only the page\n * is shown: the navbar, the sidebar, the footer and the skip link are hidden.\n *\n * While it is shown, the router scrolls anchors below the navbar (the scroll offset of\n * `ViewportScroller`), and the keyboard shortcuts of the documentation work\n * (`NgDocShortcutsService`). When it is destroyed, for example when the reader leaves\n * documentation served under a route, the previous scroll offset comes back and the shortcuts\n * stop. Without navbar content, it renders no header.\n */\n@Component({\n  selector: 'ng-doc-root',\n  templateUrl: './root.component.html',\n  styleUrls: ['./root.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocSidenavComponent, PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-no-width-limit]': 'noWidthLimit()',\n    '[attr.data-ng-doc-fullscreen-route]': 'fullscreenRoute.active()',\n  },\n})\nexport class NgDocRootComponent {\n  protected readonly texts: NgDocNavigationTexts = inject(NG_DOC_TEXTS).navigation;\n\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  readonly sidebar = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Content for footer\n   */\n  readonly footerContent = input<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  readonly noWidthLimit = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  protected readonly sidebarService = inject(NgDocSidebarService);\n  protected readonly fullscreenRoute = inject(NgDocFullscreenRouteService);\n  private readonly document = inject(DOCUMENT);\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly sidenavQuery = viewChild(NgDocSidenavComponent);\n\n  constructor() {\n    const stopShortcuts = inject(NgDocShortcutsService).listen();\n    const restoreScrollOffset = this.setScrollOffset();\n\n    inject(DestroyRef).onDestroy(() => {\n      stopShortcuts();\n      restoreScrollOffset();\n    });\n  }\n\n  /**\n   * The sidenav that holds the sidebar and the page.\n   */\n  get sidenav(): NgDocSidenavComponent | undefined {\n    return this.sidenavQuery();\n  }\n\n  /**\n   * Moves keyboard focus to the page content, as the skip link does.\n   * @param event - The click on the skip link; its navigation to a fragment is cancelled.\n   */\n  skipToContent(event?: Event): void {\n    event?.preventDefault();\n    this.document.getElementById('ng-doc-content')?.focus();\n  }\n\n  /**\n   * Makes the router scroll anchors below the layout's header, and below an application header\n   * that the layout makes room for.\n   * @returns A function that restores the previous offset, unless it was changed since.\n   */\n  private setScrollOffset(): () => void {\n    const viewport = inject(ViewportScroller);\n    // `BrowserViewportScroller` keeps the offset in a field; the server's scroller has none.\n    const read = (): unknown => (viewport as unknown as { offset?: unknown }).offset;\n    const previous = read();\n    const offset: NgDocScrollOffset = () => [0, SCROLL_OFFSET + this.layoutTop()];\n\n    viewport.setOffset(offset);\n\n    return () => {\n      if (read() === offset) {\n        viewport.setOffset(\n          typeof previous === 'function' ? (previous as NgDocScrollOffset) : [0, 0],\n        );\n      }\n    };\n  }\n\n  /** The layout's top offset in pixels, read from the margin it gives the page area. */\n  private layoutTop(): number {\n    const main = this.host.querySelector(':scope > .ng-doc-root-wrapper > main');\n    const view = this.document.defaultView;\n\n    return (main && view && parseFloat(view.getComputedStyle(main).marginTop)) || 0;\n  }\n}\n","<a class=\"ng-doc-skip-link\" href=\"#ng-doc-content\" (click)=\"skipToContent($event)\">\n  {{ texts.skipToContent }}\n</a>\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.expandedState()\"\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      <div class=\"ng-doc-content\" id=\"ng-doc-content\" tabindex=\"-1\">\n        <ng-content></ng-content>\n      </div>\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","/**\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-result.mjs

@@ -1,8 +1,9 @@
 import { KeyValuePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';
+import { NG_DOC_TEXTS } from '@ng-doc/app/tokens';
 import { NgDocTextComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
 
 /**
@@ -10,6 +11,7 @@ import { NgDocTextComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
  */
 class NgDocSearchResultComponent {
     constructor() {
+        this.texts = inject(NG_DOC_TEXTS).search;
         /** The pages to list. */
         this.result = input([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
@@ -27,15 +29,15 @@ class NgDocSearchResultComponent {
     typeToLabel(type) {
         switch (type) {
             case 'api':
-                return 'API';
+                return this.texts.resultApi;
             case 'guide':
-                return 'Guides';
+                return this.texts.resultGuides;
             default:
-                return 'Unknown';
+                return this.texts.resultUnknown;
         }
     }
     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 }); }
+    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\">{{ texts.nothingFound }}</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.2.1", ngImport: i0, type: NgDocSearchResultComponent, decorators: [{
             type: Component,
@@ -45,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", 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"] }]
+                    ], 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\">{{ texts.nothingFound }}</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 }] }] } });
 
 /**

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

@@ -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, 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":";;;;;;;AAOA;;AAEG;MAcU,0BAA0B,CAAA;AAbvC,IAAA,WAAA,GAAA;;QAeW,IAAA,CAAA,MAAM,GAAG,KAAK,CAAyB,EAAE;mFAAC;;QAG1C,IAAA,CAAA,aAAa,GAA4C,QAAQ,CAAC,MACzE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,CAC1B,CAAC,OAAwC,EAAE,IAAmB,KAAI;AAChE,YAAA,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;AAEtC,YAAA,OAAO,OAAO;QAChB,CAAC,EACD,EAAE,CACH;0FACF;AAgBF,IAAA;AAdC;;;AAGG;AACH,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;8GA7BW,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,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBvC,mgCA2BA,EAAA,MAAA,EAAA,CAAA,6kCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXI,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,mgCAAA,EAAA,MAAA,EAAA,CAAA,6kCAAA,CAAA,EAAA;;;AErBH;;AAEG;;;;"}
+{"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, inject, input, Signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport type { NgDocSearchTexts } from '@ng-doc/app/interfaces';\nimport { NG_DOC_TEXTS } from '@ng-doc/app/tokens';\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  protected readonly texts: NgDocSearchTexts = inject(NG_DOC_TEXTS).search;\n\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 this.texts.resultApi;\n      case 'guide':\n        return this.texts.resultGuides;\n      default:\n        return this.texts.resultUnknown;\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\">{{ texts.nothingFound }}</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

@@ -4,7 +4,8 @@ import { inject, signal, DOCUMENT, PLATFORM_ID, DestroyRef, afterNextRender, Cha
 import { NgDocSearchEngine } from '@ng-doc/app/classes';
 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';
+import { NG_DOC_TEXTS } from '@ng-doc/app/tokens';
+import { NgDocDialogService, NgDocComponentContent, NgDocButtonIconComponent, NgDocOverlayService } from '@ng-doc/ui-kit';
 
 /**
  * The search button of the navbar. It opens the search palette on click, with Command+K
@@ -16,8 +17,9 @@ class NgDocSearchComponent {
         this.dialog = inject(NgDocDialogService);
         this.searchEngine = inject(NgDocSearchEngine, { optional: true });
         this.shortcuts = inject(NgDocShortcutsService);
+        this.texts = inject(NG_DOC_TEXTS).search;
         /** The chord that opens the search, as the reader's platform labels it. */
-        this.chord = signal('⌘K', /* @ts-ignore */
+        this.chord = signal(this.texts.shortcutMac, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "chord" }] : /* istanbul ignore next */ []));
         this.document = inject(DOCUMENT);
         this.browser = isPlatformBrowser(inject(PLATFORM_ID));
@@ -40,7 +42,7 @@ class NgDocSearchComponent {
         // 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');
+                this.chord.set(this.texts.shortcutOther);
             }
         });
     }
@@ -74,11 +76,11 @@ class NgDocSearchComponent {
         });
     }
     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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NgDocSearchComponent, isStandalone: true, selector: "ng-doc-search", providers: [NgDocDialogService, NgDocOverlayService], ngImport: i0, template: "<button\n  class=\"ng-doc-search-field\"\n  type=\"button\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"texts.label({ shortcut: 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\">{{ texts.placeholder }}</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]=\"texts.label({ shortcut: 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.2.1", ngImport: i0, type: NgDocSearchComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'ng-doc-search', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocButtonIconComponent], providers: [NgDocDialogService, NgDocOverlayService], template: "<button\n  class=\"ng-doc-search-field\"\n  type=\"button\"\n  aria-haspopup=\"dialog\"\n  [attr.aria-label]=\"texts.label({ shortcut: 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\">{{ texts.placeholder }}</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]=\"texts.label({ shortcut: 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

@@ -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 { 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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"}
+{"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 type { NgDocSearchTexts } from '@ng-doc/app/interfaces';\nimport { NgDocShortcutsService } from '@ng-doc/app/services/shortcuts';\nimport { NG_DOC_TEXTS } from '@ng-doc/app/tokens';\nimport {\n  NgDocButtonIconComponent,\n  NgDocComponentContent,\n  NgDocDialogService,\n  NgDocOverlayService,\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  // The palette is created with this component's injector, not the root one: it reads the search\n  // engine and the generated context, which may be provided by the route that holds the docs.\n  providers: [NgDocDialogService, NgDocOverlayService],\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  protected readonly texts: NgDocSearchTexts = inject(NG_DOC_TEXTS).search;\n  /** The chord that opens the search, as the reader's platform labels it. */\n  protected readonly chord = signal(this.texts.shortcutMac);\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(this.texts.shortcutOther);\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]=\"texts.label({ shortcut: 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\">{{ texts.placeholder }}</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]=\"texts.label({ shortcut: 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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"}

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

@@ -1,7 +1,7 @@
 import { Location, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, linkedSignal, inject, ChangeDetectionStrategy, Component, computed } from '@angular/core';
-import { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';
+import { NG_DOC_TEXTS, NG_DOC_CONTEXT } from '@ng-doc/app/tokens';
 import { NgDocExpanderComponent, NgDocExecutePipe, NgDocBindPipe } from '@ng-doc/ui-kit';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, NavigationEnd, RouterLinkActive, RouterLink } from '@angular/router';
@@ -118,6 +118,7 @@ function sentenceCase(text) {
 
 class NgDocSidebarComponent {
     constructor() {
+        this.texts = inject(NG_DOC_TEXTS).navigation;
         this.location = inject(Location);
         this.context = inject(NG_DOC_CONTEXT);
     }
@@ -128,7 +129,7 @@ class NgDocSidebarComponent {
         return this.location.path().includes(route ?? '', 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocSidebarComponent, isStandalone: true, selector: "ng-doc-sidebar", ngImport: i0, template: "<nav class=\"ng-doc-side-bar-wrapper\" aria-label=\"Documentation\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n", styles: [":host{display:block;height:calc(100vh - var(--ng-doc-navbar-height));width:100%;overflow:hidden;background:var(--ng-doc-sidebar-background);border-right:1px solid var(--ng-doc-border-color);box-shadow:var(--ng-doc-sidebar-shadow);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;--ng-doc-sidebar-item-indent: var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper{position:relative;overflow:auto;max-height:100%;padding:calc(var(--ng-doc-sidebar-padding) + var(--ng-doc-space-1)) calc(var(--ng-doc-sidebar-horizontal-padding) / 2) calc(var(--ng-doc-sidebar-padding) * 2.5)}.ng-doc-side-bar-wrapper>*+*,ng-doc-sidebar-category+ng-doc-sidebar-category{margin-top:2px}.ng-doc-side-bar-wrapper ng-doc-sidebar-category[data-ng-doc-expanded=true]+*,.ng-doc-side-bar-wrapper *+ng-doc-sidebar-category[data-ng-doc-expanded=true]{margin-top:var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper ng-doc-sidebar-category ng-doc-sidebar-item+ng-doc-sidebar-item{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocSidebarCategoryComponent, selector: "ng-doc-sidebar-category", inputs: ["category", "isRoot", "content", "expandable", "expanded"] }, { kind: "component", type: NgDocSidebarItemComponent, selector: "ng-doc-sidebar-item", inputs: ["item", "isRoot"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "pipe", type: NgDocBindPipe, name: "bind" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocSidebarComponent, isStandalone: true, selector: "ng-doc-sidebar", ngImport: i0, template: "<nav class=\"ng-doc-side-bar-wrapper\" [attr.aria-label]=\"texts.sidebar\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n", styles: [":host{display:block;height:calc(100vh - var(--ng-doc-navbar-height) - var(--ng-doc-layout-top));width:100%;overflow:hidden;background:var(--ng-doc-sidebar-background);border-right:1px solid var(--ng-doc-border-color);box-shadow:var(--ng-doc-sidebar-shadow);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;--ng-doc-sidebar-item-indent: var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper{position:relative;overflow:auto;max-height:100%;padding:calc(var(--ng-doc-sidebar-padding) + var(--ng-doc-space-1)) calc(var(--ng-doc-sidebar-horizontal-padding) / 2) calc(var(--ng-doc-sidebar-padding) * 2.5)}.ng-doc-side-bar-wrapper>*+*,ng-doc-sidebar-category+ng-doc-sidebar-category{margin-top:2px}.ng-doc-side-bar-wrapper ng-doc-sidebar-category[data-ng-doc-expanded=true]+*,.ng-doc-side-bar-wrapper *+ng-doc-sidebar-category[data-ng-doc-expanded=true]{margin-top:var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper ng-doc-sidebar-category ng-doc-sidebar-item+ng-doc-sidebar-item{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocSidebarCategoryComponent, selector: "ng-doc-sidebar-category", inputs: ["category", "isRoot", "content", "expandable", "expanded"] }, { kind: "component", type: NgDocSidebarItemComponent, selector: "ng-doc-sidebar-item", inputs: ["item", "isRoot"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }, { kind: "pipe", type: NgDocBindPipe, name: "bind" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSidebarComponent, decorators: [{
             type: Component,
@@ -138,7 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImpor
                         NgDocSidebarItemComponent,
                         NgDocExecutePipe,
                         NgDocBindPipe,
-                    ], template: "<nav class=\"ng-doc-side-bar-wrapper\" aria-label=\"Documentation\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n", styles: [":host{display:block;height:calc(100vh - var(--ng-doc-navbar-height));width:100%;overflow:hidden;background:var(--ng-doc-sidebar-background);border-right:1px solid var(--ng-doc-border-color);box-shadow:var(--ng-doc-sidebar-shadow);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;--ng-doc-sidebar-item-indent: var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper{position:relative;overflow:auto;max-height:100%;padding:calc(var(--ng-doc-sidebar-padding) + var(--ng-doc-space-1)) calc(var(--ng-doc-sidebar-horizontal-padding) / 2) calc(var(--ng-doc-sidebar-padding) * 2.5)}.ng-doc-side-bar-wrapper>*+*,ng-doc-sidebar-category+ng-doc-sidebar-category{margin-top:2px}.ng-doc-side-bar-wrapper ng-doc-sidebar-category[data-ng-doc-expanded=true]+*,.ng-doc-side-bar-wrapper *+ng-doc-sidebar-category[data-ng-doc-expanded=true]{margin-top:var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper ng-doc-sidebar-category ng-doc-sidebar-item+ng-doc-sidebar-item{margin-top:0}\n"] }]
+                    ], template: "<nav class=\"ng-doc-side-bar-wrapper\" [attr.aria-label]=\"texts.sidebar\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n", styles: [":host{display:block;height:calc(100vh - var(--ng-doc-navbar-height) - var(--ng-doc-layout-top));width:100%;overflow:hidden;background:var(--ng-doc-sidebar-background);border-right:1px solid var(--ng-doc-border-color);box-shadow:var(--ng-doc-sidebar-shadow);font-family:var(--ng-doc-font-family);font-size:var(--ng-doc-text-sm-size);line-height:20px;--ng-doc-sidebar-item-indent: var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper{position:relative;overflow:auto;max-height:100%;padding:calc(var(--ng-doc-sidebar-padding) + var(--ng-doc-space-1)) calc(var(--ng-doc-sidebar-horizontal-padding) / 2) calc(var(--ng-doc-sidebar-padding) * 2.5)}.ng-doc-side-bar-wrapper>*+*,ng-doc-sidebar-category+ng-doc-sidebar-category{margin-top:2px}.ng-doc-side-bar-wrapper ng-doc-sidebar-category[data-ng-doc-expanded=true]+*,.ng-doc-side-bar-wrapper *+ng-doc-sidebar-category[data-ng-doc-expanded=true]{margin-top:var(--ng-doc-space-2)}.ng-doc-side-bar-wrapper ng-doc-sidebar-category ng-doc-sidebar-item+ng-doc-sidebar-item{margin-top:0}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-sidebar.mjs","sources":["../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.ts","../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.html","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.ts","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.html","../../../../libs/app/components/sidebar/sidebar.component.ts","../../../../libs/app/components/sidebar/sidebar.component.html","../../../../libs/app/components/sidebar/ng-doc-app-components-sidebar.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NgDocContent, NgDocExpanderComponent } from '@ng-doc/ui-kit';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\nimport { filter } from 'rxjs/operators';\n\nlet nextId = 0;\n\n/**\n * A category of the sidebar: a header row that expands and collapses the pages below it.\n *\n * An expandable category opens by itself when the reader navigates to one of its pages.\n */\n@Component({\n  selector: 'ng-doc-sidebar-category',\n  templateUrl: './sidebar-category.component.html',\n  styleUrls: ['./sidebar-category.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocExpanderComponent, PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-is-root]': 'isRoot()',\n    '[attr.data-ng-doc-expandable]': 'expandable()',\n    '[attr.data-ng-doc-expanded]': 'isExpanded()',\n  },\n})\nexport class NgDocSidebarCategoryComponent {\n  /** The category. */\n  readonly category = input.required<NgDocNavigation>();\n\n  /** Whether the category sits at the top level of the sidebar. */\n  readonly isRoot = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** The pages and categories inside the category. */\n  readonly content = input<NgDocContent>('');\n\n  /** Whether the reader can collapse the category. A category that cannot is always open. */\n  readonly expandable = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the category starts open. */\n  readonly expanded = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the category is open: it starts from `expanded` and follows the reader. */\n  readonly isExpanded = linkedSignal(() => this.expanded() || !this.expandable());\n\n  /** Id of the element that holds the pages, for the header's `aria-controls`. */\n  protected readonly childrenId = `ng-doc-sidebar-category-${nextId++}`;\n\n  constructor() {\n    const router = inject(Router);\n\n    router.events\n      .pipe(\n        filter((event) => event instanceof NavigationEnd),\n        takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        const route: string = this.category().route ?? '';\n\n        if (router.url.includes(route)) {\n          this.expand();\n        }\n      });\n  }\n\n  /** Opens the category if it is open, or closes it otherwise. */\n  toggle(): void {\n    this.isExpanded() ? this.collapse() : this.expand();\n  }\n\n  /** Opens the category. */\n  expand(): void {\n    if (this.expandable()) {\n      this.isExpanded.set(true);\n    }\n  }\n\n  /** Closes the category, unless it cannot be collapsed. */\n  collapse(): void {\n    if (this.expandable()) {\n      this.isExpanded.set(false);\n    }\n  }\n}\n","@if (expandable()) {\n  <button\n    type=\"button\"\n    class=\"ng-doc-sidebar-category-button\"\n    [attr.aria-expanded]=\"isExpanded()\"\n    [attr.aria-controls]=\"childrenId\"\n    (click)=\"toggle()\">\n    <span class=\"ng-doc-sidebar-category-title\">{{ category().title }}</span>\n    <svg\n      class=\"ng-doc-sidebar-category-chevron\"\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      stroke-linejoin=\"round\"\n      aria-hidden=\"true\">\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </button>\n} @else {\n  <div class=\"ng-doc-sidebar-category-button\">\n    <span class=\"ng-doc-sidebar-category-title\">{{ category().title }}</span>\n  </div>\n}\n<ng-doc-expander [expanded]=\"isExpanded()\" [content]=\"contentTemplate\" collapseMod=\"hide\" />\n<ng-template #contentTemplate>\n  <!-- The content comes through a template, so the child components keep their state. -->\n  <div class=\"ng-doc-sidebar-category-children\" [id]=\"childrenId\">\n    <ng-content></ng-content>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n  </div>\n</ng-template>\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NgDocColor } from '@ng-doc/ui-kit';\n\n/** A status badge of a sidebar item, from the page's JSDoc status tag. */\nexport interface NgDocSidebarItemStatus {\n  /** Colour of the badge. */\n  type: NgDocColor;\n  /** Text of the badge, in sentence case. */\n  text: string;\n}\n\n/**\n * A page link in the sidebar, with the status badges of the page.\n */\n@Component({\n  selector: 'ng-doc-sidebar-item',\n  templateUrl: './sidebar-item.component.html',\n  styleUrls: ['./sidebar-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLinkActive, RouterLink],\n  host: {\n    '[attr.data-ng-doc-is-root]': 'isRoot()',\n  },\n})\nexport class NgDocSidebarItemComponent {\n  /** The page. */\n  readonly item = input.required<NgDocNavigation>();\n\n  /** Whether the page sits at the top level of the sidebar, beside the categories. */\n  readonly isRoot = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * The badges of the page: one per JSDoc status tag, in the tag's colour (green without one)\n   * and with its text in sentence case.\n   */\n  readonly statuses = computed<NgDocSidebarItemStatus[]>(() => {\n    const statuses: string[] = this.item().metadata?.tags['status'] ?? [];\n\n    return statuses.map((status: string) => {\n      // The tag reads `:<colour> <text>`; a tag without the colour is all text.\n      const [type, text = ''] = status.startsWith(':')\n        ? status.slice(1).split(/\\s+(.+)/)\n        : ['', status];\n\n      return { type: (type || 'success') as NgDocColor, text: sentenceCase(text) };\n    });\n  });\n}\n\n/**\n * Writes a badge text in sentence case (\"NEW STYLES\" becomes \"New styles\").\n * @param text - The text of the status tag.\n * @returns The text in sentence case.\n */\nfunction sentenceCase(text: string): string {\n  const lower: string = text.trim().toLowerCase();\n\n  return lower.charAt(0).toUpperCase() + lower.slice(1);\n}\n","<a\n  class=\"ng-doc-sidebar-link\"\n  [routerLink]=\"[item().route]\"\n  routerLinkActive=\"active\"\n  ariaCurrentWhenActive=\"page\">\n  <span class=\"ng-doc-sidebar-link-title\">{{ item().title }}</span>\n  @for (status of statuses(); track $index) {\n    <span class=\"ng-doc-sidebar-status\" [attr.data-ng-doc-color]=\"status.type\">{{\n      status.text\n    }}</span>\n  }\n</a>\n","import { Location, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NG_DOC_CONTEXT } from '@ng-doc/app/tokens';\nimport { NgDocBindPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';\n\nimport { NgDocSidebarCategoryComponent } from './sidebar-category/sidebar-category.component';\nimport { NgDocSidebarItemComponent } from './sidebar-item/sidebar-item.component';\n\n@Component({\n  selector: 'ng-doc-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    NgDocSidebarCategoryComponent,\n    NgDocSidebarItemComponent,\n    NgDocExecutePipe,\n    NgDocBindPipe,\n  ],\n})\nexport class NgDocSidebarComponent {\n  protected readonly location = inject(Location);\n  protected readonly context = inject(NG_DOC_CONTEXT);\n\n  getNavigation(nav?: NgDocNavigation): NgDocNavigation[] {\n    return nav ? nav.children ?? [] : this.context.navigation;\n  }\n\n  matchRoute(route: string): boolean {\n    return this.location.path().includes(route ?? '', 0);\n  }\n}\n","<nav class=\"ng-doc-side-bar-wrapper\" aria-label=\"Documentation\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-components-sidebar.mjs","sources":["../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.ts","../../../../libs/app/components/sidebar/sidebar-category/sidebar-category.component.html","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.ts","../../../../libs/app/components/sidebar/sidebar-item/sidebar-item.component.html","../../../../libs/app/components/sidebar/sidebar.component.ts","../../../../libs/app/components/sidebar/sidebar.component.html","../../../../libs/app/components/sidebar/ng-doc-app-components-sidebar.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NgDocContent, NgDocExpanderComponent } from '@ng-doc/ui-kit';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\nimport { filter } from 'rxjs/operators';\n\nlet nextId = 0;\n\n/**\n * A category of the sidebar: a header row that expands and collapses the pages below it.\n *\n * An expandable category opens by itself when the reader navigates to one of its pages.\n */\n@Component({\n  selector: 'ng-doc-sidebar-category',\n  templateUrl: './sidebar-category.component.html',\n  styleUrls: ['./sidebar-category.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocExpanderComponent, PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-is-root]': 'isRoot()',\n    '[attr.data-ng-doc-expandable]': 'expandable()',\n    '[attr.data-ng-doc-expanded]': 'isExpanded()',\n  },\n})\nexport class NgDocSidebarCategoryComponent {\n  /** The category. */\n  readonly category = input.required<NgDocNavigation>();\n\n  /** Whether the category sits at the top level of the sidebar. */\n  readonly isRoot = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** The pages and categories inside the category. */\n  readonly content = input<NgDocContent>('');\n\n  /** Whether the reader can collapse the category. A category that cannot is always open. */\n  readonly expandable = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the category starts open. */\n  readonly expanded = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the category is open: it starts from `expanded` and follows the reader. */\n  readonly isExpanded = linkedSignal(() => this.expanded() || !this.expandable());\n\n  /** Id of the element that holds the pages, for the header's `aria-controls`. */\n  protected readonly childrenId = `ng-doc-sidebar-category-${nextId++}`;\n\n  constructor() {\n    const router = inject(Router);\n\n    router.events\n      .pipe(\n        filter((event) => event instanceof NavigationEnd),\n        takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        const route: string = this.category().route ?? '';\n\n        if (router.url.includes(route)) {\n          this.expand();\n        }\n      });\n  }\n\n  /** Opens the category if it is open, or closes it otherwise. */\n  toggle(): void {\n    this.isExpanded() ? this.collapse() : this.expand();\n  }\n\n  /** Opens the category. */\n  expand(): void {\n    if (this.expandable()) {\n      this.isExpanded.set(true);\n    }\n  }\n\n  /** Closes the category, unless it cannot be collapsed. */\n  collapse(): void {\n    if (this.expandable()) {\n      this.isExpanded.set(false);\n    }\n  }\n}\n","@if (expandable()) {\n  <button\n    type=\"button\"\n    class=\"ng-doc-sidebar-category-button\"\n    [attr.aria-expanded]=\"isExpanded()\"\n    [attr.aria-controls]=\"childrenId\"\n    (click)=\"toggle()\">\n    <span class=\"ng-doc-sidebar-category-title\">{{ category().title }}</span>\n    <svg\n      class=\"ng-doc-sidebar-category-chevron\"\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      stroke-linejoin=\"round\"\n      aria-hidden=\"true\">\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </button>\n} @else {\n  <div class=\"ng-doc-sidebar-category-button\">\n    <span class=\"ng-doc-sidebar-category-title\">{{ category().title }}</span>\n  </div>\n}\n<ng-doc-expander [expanded]=\"isExpanded()\" [content]=\"contentTemplate\" collapseMod=\"hide\" />\n<ng-template #contentTemplate>\n  <!-- The content comes through a template, so the child components keep their state. -->\n  <div class=\"ng-doc-sidebar-category-children\" [id]=\"childrenId\">\n    <ng-content></ng-content>\n    <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n  </div>\n</ng-template>\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n} from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { NgDocNavigation } from '@ng-doc/app/interfaces';\nimport { NgDocColor } from '@ng-doc/ui-kit';\n\n/** A status badge of a sidebar item, from the page's JSDoc status tag. */\nexport interface NgDocSidebarItemStatus {\n  /** Colour of the badge. */\n  type: NgDocColor;\n  /** Text of the badge, in sentence case. */\n  text: string;\n}\n\n/**\n * A page link in the sidebar, with the status badges of the page.\n */\n@Component({\n  selector: 'ng-doc-sidebar-item',\n  templateUrl: './sidebar-item.component.html',\n  styleUrls: ['./sidebar-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLinkActive, RouterLink],\n  host: {\n    '[attr.data-ng-doc-is-root]': 'isRoot()',\n  },\n})\nexport class NgDocSidebarItemComponent {\n  /** The page. */\n  readonly item = input.required<NgDocNavigation>();\n\n  /** Whether the page sits at the top level of the sidebar, beside the categories. */\n  readonly isRoot = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * The badges of the page: one per JSDoc status tag, in the tag's colour (green without one)\n   * and with its text in sentence case.\n   */\n  readonly statuses = computed<NgDocSidebarItemStatus[]>(() => {\n    const statuses: string[] = this.item().metadata?.tags['status'] ?? [];\n\n    return statuses.map((status: string) => {\n      // The tag reads `:<colour> <text>`; a tag without the colour is all text.\n      const [type, text = ''] = status.startsWith(':')\n        ? status.slice(1).split(/\\s+(.+)/)\n        : ['', status];\n\n      return { type: (type || 'success') as NgDocColor, text: sentenceCase(text) };\n    });\n  });\n}\n\n/**\n * Writes a badge text in sentence case (\"NEW STYLES\" becomes \"New styles\").\n * @param text - The text of the status tag.\n * @returns The text in sentence case.\n */\nfunction sentenceCase(text: string): string {\n  const lower: string = text.trim().toLowerCase();\n\n  return lower.charAt(0).toUpperCase() + lower.slice(1);\n}\n","<a\n  class=\"ng-doc-sidebar-link\"\n  [routerLink]=\"[item().route]\"\n  routerLinkActive=\"active\"\n  ariaCurrentWhenActive=\"page\">\n  <span class=\"ng-doc-sidebar-link-title\">{{ item().title }}</span>\n  @for (status of statuses(); track $index) {\n    <span class=\"ng-doc-sidebar-status\" [attr.data-ng-doc-color]=\"status.type\">{{\n      status.text\n    }}</span>\n  }\n</a>\n","import { Location, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocNavigation, NgDocNavigationTexts } from '@ng-doc/app/interfaces';\nimport { NG_DOC_CONTEXT, NG_DOC_TEXTS } from '@ng-doc/app/tokens';\nimport { NgDocBindPipe, NgDocExecutePipe } from '@ng-doc/ui-kit';\n\nimport { NgDocSidebarCategoryComponent } from './sidebar-category/sidebar-category.component';\nimport { NgDocSidebarItemComponent } from './sidebar-item/sidebar-item.component';\n\n@Component({\n  selector: 'ng-doc-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    NgDocSidebarCategoryComponent,\n    NgDocSidebarItemComponent,\n    NgDocExecutePipe,\n    NgDocBindPipe,\n  ],\n})\nexport class NgDocSidebarComponent {\n  protected readonly texts: NgDocNavigationTexts = inject(NG_DOC_TEXTS).navigation;\n\n  protected readonly location = inject(Location);\n  protected readonly context = inject(NG_DOC_CONTEXT);\n\n  getNavigation(nav?: NgDocNavigation): NgDocNavigation[] {\n    return nav ? nav.children ?? [] : this.context.navigation;\n  }\n\n  matchRoute(route: string): boolean {\n    return this.location.path().includes(route ?? '', 0);\n  }\n}\n","<nav class=\"ng-doc-side-bar-wrapper\" [attr.aria-label]=\"texts.sidebar\">\n  @for (item of getNavigation | bind: this | execute; track item) {\n    <ng-container\n      *ngTemplateOutlet=\"sidebarTemplate; context: { item: item, root: true }\"></ng-container>\n  }\n\n  <ng-template let-item=\"item\" let-root=\"root\" #sidebarTemplate>\n    @if (item.children?.length) {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-category\n          [category]=\"item\"\n          [expandable]=\"!!item?.expandable\"\n          [expanded]=\"\n            !!item?.expanded || !item?.expandable || (matchRoute | bind: this | execute: item.route)\n          \"\n          [isRoot]=\"!!root\"\n          [content]=\"categoryContent\">\n        </ng-doc-sidebar-category>\n      }\n      <ng-template #categoryContent>\n        @for (child of getNavigation | bind: this | execute: item; track child) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              sidebarTemplate;\n              context: { item: child, root: false }\n            \"></ng-container>\n        }\n      </ng-template>\n    } @else {\n      @if (!item.hidden) {\n        <ng-doc-sidebar-item [item]=\"item\" [isRoot]=\"!!root\"></ng-doc-sidebar-item>\n      }\n    }\n  </ng-template>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}