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

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

@@ -1,62 +1,206 @@
+import { Clipboard } from '@angular/cdk/clipboard';
+import { LocationStrategy, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ElementRef, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { viewChild, ElementRef, inject, ChangeDetectorRef, signal, NgZone, PLATFORM_ID, effect, untracked, DestroyRef, reflectComponentType, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, RouterLink, RouterOutlet } from '@angular/router';
+import { NgDocContentAnchorController } from '@ng-doc/app/classes/content-anchor-controller';
+import { NgDocContentController } from '@ng-doc/app/classes/content-controller';
 import { NgDocRootPage } from '@ng-doc/app/classes/root-page';
 import { NgDocPageWrapperComponent } from '@ng-doc/app/components/page-wrapper';
-import { createComponent, generateToc } from '@ng-doc/app/helpers';
+import { ɵrestoreNgDocHydrationSnapshot as _restoreNgDocHydrationSnapshot, generateToc, createComponent, ɵngDocPageUrl as _ngDocPageUrl } from '@ng-doc/app/helpers';
 import { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';
 import { NgDocPageProcessorComponent } from '@ng-doc/app/processors';
 import { provideTypeControl } from '@ng-doc/app/providers/type-control';
+import { NgDocFullscreenRouteService } from '@ng-doc/app/services/fullscreen-route';
 import { NG_DOC_PAGE_SKELETON } from '@ng-doc/app/tokens';
 import { NgDocTypeAliasControlComponent, NgDocStringControlComponent, NgDocNumberControlComponent, NgDocBooleanControlComponent } from '@ng-doc/app/type-controls';
-import { NgDocButtonIconComponent, NgDocTooltipDirective, NgDocIconComponent, DialogOutletComponent } from '@ng-doc/ui-kit';
+import { NgDocButtonIconComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
+import { WA_LOCATION } from '@ng-web-apis/common';
 
+/**
+ * A generated page: its rendered content, the page actions (copy link, edit and view the source),
+ * the table of contents it fills in, and the outlet of its fullscreen routes.
+ *
+ * A fullscreen route (a child route of the page, unless the page sets `disableFullscreenRoutes`)
+ * replaces the page: it is shown on its own on the canvas of demos, with a link back to the page,
+ * and `NgDocFullscreenRouteService` tells the root layout and the page wrapper to hide their
+ * chrome.
+ */
 class NgDocPageComponent {
     constructor() {
+        /** The element that holds the rendered page content. */
+        this.pageContainer = viewChild('pageContainer', { ...(ngDevMode ? { debugName: "pageContainer" } : /* istanbul ignore next */ {}), read: (ElementRef) });
         this.rootPage = inject(NgDocRootPage);
         this.skeleton = inject(NG_DOC_PAGE_SKELETON);
         this.changeDetectorRef = inject(ChangeDetectorRef);
         this.pageWrapper = inject(NgDocPageWrapperComponent);
+        this.contentController = inject(NgDocContentController);
+        /** Whether the link to the page was just copied. */
+        this.linkCopied = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "linkCopied" }] : /* istanbul ignore next */ []));
+        /** Whether one of the page's fullscreen routes is shown instead of the page. */
+        this.fullscreenRoute = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fullscreenRoute" }] : /* istanbul ignore next */ []));
+        /** URL of the page, for the link back from a fullscreen route. */
+        this.pageUrl = signal('/', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pageUrl" }] : /* istanbul ignore next */ []));
+        this.route = inject(ActivatedRoute);
+        this.fullscreenRoutes = inject(NgDocFullscreenRouteService);
+        this.contentAnchorController = inject(NgDocContentAnchorController);
+        this.clipboard = inject(Clipboard);
+        this.ngZone = inject(NgZone);
+        this.location = inject(WA_LOCATION);
+        this.locationStrategy = inject(LocationStrategy);
+        // The router state is complete when the page is created, so a fullscreen route opened
+        // directly (a new tab) is known before the first render and the page content never renders.
+        this.showFullscreenRoute(!!this.route.firstChild);
+        const source = this.rootPage.pageContentSource;
+        if (source && !this.fullscreenRoute()) {
+            // Angular empties this host (it skips hydration) and the content loads asynchronously, so
+            // the server-rendered page stays visible until the loaded content renders.
+            if (isPlatformBrowser(inject(PLATFORM_ID))) {
+                this.snapshot = _restoreNgDocHydrationSnapshot(inject(ElementRef).nativeElement);
+            }
+            this.connectContent(source);
+        }
+        // A page opened on a fullscreen route loads its content only when the reader goes back to
+        // it, because pending content holds the application unstable until it renders. An effect,
+        // so a page that is leaving (its route closes as it is destroyed) loads nothing.
+        effect(() => {
+            if (source && !this.fullscreenRoute())
+                untracked(() => this.connectContent(source));
+        });
+        // A load that needs no new pass (its content is already rendered, for example an empty body)
+        // or that failed settles without `revealLoaded`.
+        effect(() => {
+            if (this.contentController.settled())
+                untracked(() => this.releaseSnapshot());
+        });
+        effect(() => {
+            if (this.contentController.error()) {
+                untracked(() => {
+                    this.releaseSnapshot();
+                    this.pageWrapper.pageToc().clear();
+                    this.contentAnchorController.contentFailed();
+                });
+            }
+        });
+        inject(DestroyRef).onDestroy(() => {
+            clearTimeout(this.linkCopiedTimer);
+            this.releaseSnapshot();
+            this.fullscreenRoutes.set(this, false);
+        });
+    }
+    /**
+     * Shows one of the page's fullscreen routes instead of the page, or the page again. The outlet
+     * of the fullscreen routes calls it when a route opens or closes.
+     * @param shown - Whether a fullscreen route is shown.
+     */
+    showFullscreenRoute(shown) {
+        // Pages that disable fullscreen routes render their child routes themselves.
+        const fullscreen = shown && !this.rootPage.page?.disableFullscreenRoutes;
+        if (fullscreen) {
+            this.pageUrl.set('/' +
+                this.route.pathFromRoot
+                    .flatMap((route) => route.snapshot.url)
+                    .map((segment) => segment.path)
+                    .join('/'));
+        }
+        this.fullscreenRoute.set(fullscreen);
+        this.fullscreenRoutes.set(this, fullscreen);
     }
+    /**
+     * Creates the table of contents from the headings of the rendered page.
+     */
     createToc() {
-        if (this.pageWrapper.pageToc && this.skeleton.toc) {
-            createComponent(this.pageWrapper.pageToc, this.skeleton.toc, {
-                tableOfContent: generateToc(this.pageContainer.nativeElement) ?? [],
-            });
+        const container = this.pageContainer();
+        const pageToc = this.pageWrapper.pageToc();
+        pageToc.clear();
+        if (container && this.skeleton.toc) {
+            const inputs = {
+                tableOfContent: generateToc(container.nativeElement) ?? [],
+            };
+            // Only components that declare the input get it: a custom table of contents may not.
+            const declared = reflectComponentType(this.skeleton.toc)?.inputs ?? [];
+            if (declared.some(({ templateName }) => templateName === 'editSourceFileUrl')) {
+                inputs['editSourceFileUrl'] = this.rootPage.editSourceFileUrl;
+            }
+            // API pages carry their symbol details for the rail, hidden in the content.
+            const details = container.nativeElement.querySelector('[data-ng-doc-rail-details]');
+            if (details && declared.some(({ templateName }) => templateName === 'details')) {
+                details.removeAttribute('hidden');
+                inputs['details'] = details;
+            }
+            createComponent(pageToc, this.skeleton.toc, inputs);
             this.changeDetectorRef.detectChanges();
         }
+        if (this.rootPage.pageContentSource)
+            this.contentAnchorController.contentProcessed();
+    }
+    /**
+     * Shows the page's own content in place of the server-rendered copy when a pass of the loaded
+     * content is about to render, in the same task, so its components render and measure visible.
+     * The pass of the empty content before the source has loaded keeps the copy.
+     * @param version - The content version of the pass.
+     * @internal
+     */
+    revealLoaded(version) {
+        if (version === this.contentController.loadedVersion())
+            this.releaseSnapshot();
+    }
+    /**
+     * Copies the link to the page, without its query and fragment.
+     */
+    copyLink() {
+        this.clipboard.copy(_ngDocPageUrl(this.locationStrategy, this.location));
+        this.linkCopied.set(true);
+        clearTimeout(this.linkCopiedTimer);
+        // The label timer must not hold the application unstable, so it runs outside the zone.
+        this.linkCopiedTimer = this.ngZone.runOutsideAngular(() => setTimeout(() => this.linkCopied.set(false), 1400));
+    }
+    connectContent(source) {
+        // Both calls do nothing once the source is connected.
+        this.contentAnchorController.activate();
+        this.contentController.connect(source);
+    }
+    releaseSnapshot() {
+        const release = this.snapshot;
+        this.snapshot = undefined;
+        release?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: NgDocPageComponent, isStandalone: true, selector: "ng-doc-page", host: { attributes: { "ngSkipHydration": "true" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocPageComponent, isStandalone: true, selector: "ng-doc-page", host: { attributes: { "ngSkipHydration": "true" }, properties: { "attr.data-ng-doc-async-content": "rootPage.pageContentSource && !fullscreenRoute() ? \"\" : null" } }, providers: [
+            NgDocContentAnchorController,
+            NgDocContentController,
             provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, { order: 10 }),
             provideTypeControl('string', NgDocStringControlComponent, { order: 20 }),
             provideTypeControl('number', NgDocNumberControlComponent, { order: 30 }),
-            provideTypeControl('boolean', NgDocBooleanControlComponent, { hideLabel: true, order: 40 }),
-        ], viewQueries: [{ propertyName: "pageContainer", first: true, predicate: ["pageContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "childOutlet", first: true, predicate: ["childOutlet"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-page-controls\">\n  @if (rootPage.editSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.editSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"Suggest Edits\">\n      <ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n    </a>\n  }\n  @if (rootPage.viewSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.viewSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"View Source\">\n      <ng-doc-icon icon=\"code\"></ng-doc-icon>\n    </a>\n  }\n</div>\n\n<div\n  class=\"ng-doc-page-wrapper\"\n  [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n  (afterRender)=\"createToc()\"\n  #pageContainer></div>\n\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <ng-doc-dialog-outlet [config]=\"{ width: '100vw', height: '100vh' }\">\n    <div class=\"ng-doc-fullscreen-wrapper\">\n      <router-outlet></router-outlet>\n    </div>\n  </ng-doc-dialog-outlet>\n}\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}.ng-doc-fullscreen-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: 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: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "component", type: NgDocPageProcessorComponent, selector: "[ngDocPageProcessor]", inputs: ["ngDocPageProcessor"], outputs: ["afterRender"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: DialogOutletComponent, selector: "ng-doc-dialog-outlet", inputs: ["config"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40 }),
+        ], viewQueries: [{ propertyName: "pageContainer", first: true, predicate: ["pageContainer"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (!fullscreenRoute()) {\n  <div class=\"ng-doc-page-controls\">\n    <button\n      type=\"button\"\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      [attr.aria-label]=\"linkCopied() ? 'Link copied' : 'Copy link to this page'\"\n      [ngDocTooltip]=\"linkCopied() ? 'Copied' : 'Copy link'\"\n      [attr.data-ng-doc-copied]=\"linkCopied()\"\n      (click)=\"copyLink()\">\n      <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <path d=\"M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7\" />\n        <path d=\"M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7\" />\n      </svg>\n    </button>\n    @if (rootPage.editSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.editSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Edit this page\"\n        ngDocTooltip=\"Edit this page\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"M12 20h9M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4Z\" />\n        </svg>\n      </a>\n    }\n    @if (rootPage.viewSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.viewSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"View the page source\"\n        ngDocTooltip=\"View source\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"m8 7-5 5 5 5m8-10 5 5-5 5\" />\n        </svg>\n      </a>\n    }\n  </div>\n\n  @if (rootPage.pageContentSource) {\n    @if (contentController.error(); as error) {\n      <div class=\"ng-doc-page-wrapper\" role=\"alert\">{{ error.message }}</div>\n    } @else {\n      <div\n        class=\"ng-doc-page-wrapper\"\n        [ngDocPageProcessor]=\"contentController.html() | ngDocSanitizeHtml\"\n        [contentVersion]=\"contentController.version()\"\n        (beforeRender)=\"revealLoaded($event)\"\n        (contentProcessed)=\"contentController.processed($event)\"\n        (processingError)=\"contentController.processingFailed($event)\"\n        (afterRender)=\"createToc()\"\n        #pageContainer></div>\n    }\n  } @else {\n    <div\n      class=\"ng-doc-page-wrapper\"\n      [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n      (afterRender)=\"createToc()\"\n      #pageContainer></div>\n  }\n}\n\n<!-- A fullscreen route replaces the page; the outlet stays, so it can open and close in place. -->\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <div class=\"ng-doc-fullscreen-route\" [hidden]=\"!fullscreenRoute()\">\n    @if (fullscreenRoute()) {\n      <a\n        class=\"ng-doc-fullscreen-route-back\"\n        [routerLink]=\"pageUrl()\"\n        [attr.aria-label]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\"\n        [ngDocTooltip]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M19 12H5m7 7-7-7 7-7\" />\n        </svg>\n        <span class=\"ng-doc-fullscreen-route-back-label\">{{ rootPage.page?.title ?? 'Back' }}</span>\n      </a>\n    }\n    <router-outlet\n      (activate)=\"showFullscreenRoute(true)\"\n      (deactivate)=\"showFullscreenRoute(false)\" />\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-page-controls{position:absolute;top:0;right:0;display:flex;gap:2px;--ng-doc-button-color: var(--ng-doc-text-muted);--ng-doc-button-hover-color: var(--ng-doc-heading-color);--ng-doc-button-active-color: var(--ng-doc-heading-color);--ng-doc-button-hover-background: var(--ng-doc-hover-background)}:host .ng-doc-page-controls [data-ng-doc-copied=true]{--ng-doc-button-color: var(--ng-doc-success-strong)}.ng-doc-fullscreen-route{background-image:radial-gradient(color-mix(in srgb,var(--ng-doc-base-5) 55%,transparent) 1px,transparent 1px);background-size:16px 16px;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:var(--ng-doc-space-16) var(--ng-doc-space-4);background-color:var(--ng-doc-demo-displayer-background, var(--ng-doc-background))}.ng-doc-fullscreen-route[hidden]{display:none}.ng-doc-fullscreen-route>router-outlet{display:none}.ng-doc-fullscreen-route-back{position:fixed;top:var(--ng-doc-space-4);left:var(--ng-doc-space-4);z-index:1;display:inline-flex;align-items:center;gap:var(--ng-doc-space-2);max-width:calc(100% - var(--ng-doc-space-8));height:32px;padding:0 var(--ng-doc-space-3) 0 var(--ng-doc-space-2);border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-background);box-shadow:0 0 0 1px var(--ng-doc-border-color),var(--ng-doc-shadow-xs);color:var(--ng-doc-text-muted);font-family:var(--ng-doc-font-family);font-size:13px;font-weight:500;line-height:18px;text-decoration:none}.ng-doc-fullscreen-route-back:hover{color:var(--ng-doc-heading-color)}.ng-doc-fullscreen-route-back:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}.ng-doc-fullscreen-route-back svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ng-doc-fullscreen-route-back-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host[data-ng-doc-hydration-snapshot]>:not(.ng-doc-hydration-snapshot){display:none!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"] }, { 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: "component", type: NgDocPageProcessorComponent, selector: "[ngDocPageProcessor]", inputs: ["ngDocPageProcessor", "contentVersion"], outputs: ["beforeRender", "afterRender", "contentProcessed", "processingError"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: NgDocSanitizeHtmlPipe, name: "ngDocSanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-page', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocButtonIconComponent,
                         NgDocTooltipDirective,
-                        NgDocIconComponent,
                         NgDocPageProcessorComponent,
+                        RouterLink,
                         RouterOutlet,
-                        DialogOutletComponent,
                         NgDocSanitizeHtmlPipe,
                     ], providers: [
+                        NgDocContentAnchorController,
+                        NgDocContentController,
                         provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, { order: 10 }),
                         provideTypeControl('string', NgDocStringControlComponent, { order: 20 }),
                         provideTypeControl('number', NgDocNumberControlComponent, { order: 30 }),
-                        provideTypeControl('boolean', NgDocBooleanControlComponent, { hideLabel: true, order: 40 }),
-                    ], host: { ngSkipHydration: 'true' }, template: "<div class=\"ng-doc-page-controls\">\n  @if (rootPage.editSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.editSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"Suggest Edits\">\n      <ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n    </a>\n  }\n  @if (rootPage.viewSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.viewSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"View Source\">\n      <ng-doc-icon icon=\"code\"></ng-doc-icon>\n    </a>\n  }\n</div>\n\n<div\n  class=\"ng-doc-page-wrapper\"\n  [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n  (afterRender)=\"createToc()\"\n  #pageContainer></div>\n\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <ng-doc-dialog-outlet [config]=\"{ width: '100vw', height: '100vh' }\">\n    <div class=\"ng-doc-fullscreen-wrapper\">\n      <router-outlet></router-outlet>\n    </div>\n  </ng-doc-dialog-outlet>\n}\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-page-controls{position:absolute;display:flex;grid-gap:var(--ng-doc-base-gutter);top:0;right:0}.ng-doc-fullscreen-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}\n"] }]
-        }], propDecorators: { pageContainer: [{
-                type: ViewChild,
-                args: ['pageContainer', { read: ElementRef, static: true }]
-            }], childOutlet: [{
-                type: ViewChild,
-                args: ['childOutlet']
-            }] } });
+                        provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40 }),
+                    ], host: {
+                        ngSkipHydration: 'true',
+                        // Tells the browser that the server-rendered content must be kept until the loaded content
+                        // renders (ɵNG_DOC_ASYNC_CONTENT_ATTRIBUTE).
+                        '[attr.data-ng-doc-async-content]': 'rootPage.pageContentSource && !fullscreenRoute() ? "" : null',
+                    }, template: "@if (!fullscreenRoute()) {\n  <div class=\"ng-doc-page-controls\">\n    <button\n      type=\"button\"\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      [attr.aria-label]=\"linkCopied() ? 'Link copied' : 'Copy link to this page'\"\n      [ngDocTooltip]=\"linkCopied() ? 'Copied' : 'Copy link'\"\n      [attr.data-ng-doc-copied]=\"linkCopied()\"\n      (click)=\"copyLink()\">\n      <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <path d=\"M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7\" />\n        <path d=\"M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7\" />\n      </svg>\n    </button>\n    @if (rootPage.editSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.editSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Edit this page\"\n        ngDocTooltip=\"Edit this page\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"M12 20h9M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4Z\" />\n        </svg>\n      </a>\n    }\n    @if (rootPage.viewSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.viewSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"View the page source\"\n        ngDocTooltip=\"View source\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"m8 7-5 5 5 5m8-10 5 5-5 5\" />\n        </svg>\n      </a>\n    }\n  </div>\n\n  @if (rootPage.pageContentSource) {\n    @if (contentController.error(); as error) {\n      <div class=\"ng-doc-page-wrapper\" role=\"alert\">{{ error.message }}</div>\n    } @else {\n      <div\n        class=\"ng-doc-page-wrapper\"\n        [ngDocPageProcessor]=\"contentController.html() | ngDocSanitizeHtml\"\n        [contentVersion]=\"contentController.version()\"\n        (beforeRender)=\"revealLoaded($event)\"\n        (contentProcessed)=\"contentController.processed($event)\"\n        (processingError)=\"contentController.processingFailed($event)\"\n        (afterRender)=\"createToc()\"\n        #pageContainer></div>\n    }\n  } @else {\n    <div\n      class=\"ng-doc-page-wrapper\"\n      [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n      (afterRender)=\"createToc()\"\n      #pageContainer></div>\n  }\n}\n\n<!-- A fullscreen route replaces the page; the outlet stays, so it can open and close in place. -->\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <div class=\"ng-doc-fullscreen-route\" [hidden]=\"!fullscreenRoute()\">\n    @if (fullscreenRoute()) {\n      <a\n        class=\"ng-doc-fullscreen-route-back\"\n        [routerLink]=\"pageUrl()\"\n        [attr.aria-label]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\"\n        [ngDocTooltip]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M19 12H5m7 7-7-7 7-7\" />\n        </svg>\n        <span class=\"ng-doc-fullscreen-route-back-label\">{{ rootPage.page?.title ?? 'Back' }}</span>\n      </a>\n    }\n    <router-outlet\n      (activate)=\"showFullscreenRoute(true)\"\n      (deactivate)=\"showFullscreenRoute(false)\" />\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-page-controls{position:absolute;top:0;right:0;display:flex;gap:2px;--ng-doc-button-color: var(--ng-doc-text-muted);--ng-doc-button-hover-color: var(--ng-doc-heading-color);--ng-doc-button-active-color: var(--ng-doc-heading-color);--ng-doc-button-hover-background: var(--ng-doc-hover-background)}:host .ng-doc-page-controls [data-ng-doc-copied=true]{--ng-doc-button-color: var(--ng-doc-success-strong)}.ng-doc-fullscreen-route{background-image:radial-gradient(color-mix(in srgb,var(--ng-doc-base-5) 55%,transparent) 1px,transparent 1px);background-size:16px 16px;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:var(--ng-doc-space-16) var(--ng-doc-space-4);background-color:var(--ng-doc-demo-displayer-background, var(--ng-doc-background))}.ng-doc-fullscreen-route[hidden]{display:none}.ng-doc-fullscreen-route>router-outlet{display:none}.ng-doc-fullscreen-route-back{position:fixed;top:var(--ng-doc-space-4);left:var(--ng-doc-space-4);z-index:1;display:inline-flex;align-items:center;gap:var(--ng-doc-space-2);max-width:calc(100% - var(--ng-doc-space-8));height:32px;padding:0 var(--ng-doc-space-3) 0 var(--ng-doc-space-2);border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-background);box-shadow:0 0 0 1px var(--ng-doc-border-color),var(--ng-doc-shadow-xs);color:var(--ng-doc-text-muted);font-family:var(--ng-doc-font-family);font-size:13px;font-weight:500;line-height:18px;text-decoration:none}.ng-doc-fullscreen-route-back:hover{color:var(--ng-doc-heading-color)}.ng-doc-fullscreen-route-back:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}.ng-doc-fullscreen-route-back svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ng-doc-fullscreen-route-back-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host[data-ng-doc-hydration-snapshot]>:not(.ng-doc-hydration-snapshot){display:none!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { pageContainer: [{ type: i0.ViewChild, args: ['pageContainer', { ...{ read: (ElementRef) }, isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-components-page.mjs","sources":["../../../../libs/app/components/page/page.component.ts","../../../../libs/app/components/page/page.component.html","../../../../libs/app/components/page/ng-doc-app-components-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport { NgDocPageWrapperComponent } from '@ng-doc/app/components/page-wrapper';\nimport { createComponent, generateToc } from '@ng-doc/app/helpers';\nimport { NgDocPageSkeleton } from '@ng-doc/app/interfaces';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport { NgDocPageProcessorComponent } from '@ng-doc/app/processors';\nimport { provideTypeControl } from '@ng-doc/app/providers/type-control';\nimport { NG_DOC_PAGE_SKELETON } from '@ng-doc/app/tokens';\nimport {\n  NgDocBooleanControlComponent,\n  NgDocNumberControlComponent,\n  NgDocStringControlComponent,\n  NgDocTypeAliasControlComponent,\n} from '@ng-doc/app/type-controls';\nimport {\n  DialogOutletComponent,\n  NgDocButtonIconComponent,\n  NgDocIconComponent,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-page',\n  templateUrl: './page.component.html',\n  styleUrls: ['./page.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocButtonIconComponent,\n    NgDocTooltipDirective,\n    NgDocIconComponent,\n    NgDocPageProcessorComponent,\n    RouterOutlet,\n    DialogOutletComponent,\n    NgDocSanitizeHtmlPipe,\n  ],\n  providers: [\n    provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, { order: 10 }),\n    provideTypeControl('string', NgDocStringControlComponent, { order: 20 }),\n    provideTypeControl('number', NgDocNumberControlComponent, { order: 30 }),\n    provideTypeControl('boolean', NgDocBooleanControlComponent, { hideLabel: true, order: 40 }),\n  ],\n  host: { ngSkipHydration: 'true' },\n})\nexport class NgDocPageComponent {\n  @ViewChild('pageContainer', { read: ElementRef, static: true })\n  pageContainer!: ElementRef<HTMLElement>;\n\n  @ViewChild('childOutlet')\n  childOutlet?: TemplateRef<never>;\n\n  protected rootPage: NgDocRootPage = inject(NgDocRootPage);\n  protected skeleton: NgDocPageSkeleton = inject(NG_DOC_PAGE_SKELETON);\n  protected changeDetectorRef = inject(ChangeDetectorRef);\n\n  protected pageWrapper: NgDocPageWrapperComponent = inject(NgDocPageWrapperComponent);\n\n  createToc(): void {\n    if (this.pageWrapper.pageToc && this.skeleton.toc) {\n      createComponent(this.pageWrapper.pageToc, this.skeleton.toc, {\n        tableOfContent: generateToc(this.pageContainer.nativeElement) ?? [],\n      });\n\n      this.changeDetectorRef.detectChanges();\n    }\n  }\n}\n","<div class=\"ng-doc-page-controls\">\n  @if (rootPage.editSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.editSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"Suggest Edits\">\n      <ng-doc-icon icon=\"edit-2\"></ng-doc-icon>\n    </a>\n  }\n  @if (rootPage.viewSourceFileUrl) {\n    <a\n      ng-doc-button-icon\n      [href]=\"rootPage.viewSourceFileUrl\"\n      target=\"_blank\"\n      ngDocTooltip=\"View Source\">\n      <ng-doc-icon icon=\"code\"></ng-doc-icon>\n    </a>\n  }\n</div>\n\n<div\n  class=\"ng-doc-page-wrapper\"\n  [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n  (afterRender)=\"createToc()\"\n  #pageContainer></div>\n\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <ng-doc-dialog-outlet [config]=\"{ width: '100vw', height: '100vh' }\">\n    <div class=\"ng-doc-fullscreen-wrapper\">\n      <router-outlet></router-outlet>\n    </div>\n  </ng-doc-dialog-outlet>\n}\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-page.mjs","sources":["../../../../libs/app/components/page/page.component.ts","../../../../libs/app/components/page/page.component.html","../../../../libs/app/components/page/ng-doc-app-components-page.ts"],"sourcesContent":["import { Clipboard } from '@angular/cdk/clipboard';\nimport { isPlatformBrowser, LocationStrategy } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  NgZone,\n  PLATFORM_ID,\n  reflectComponentType,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink, RouterOutlet } from '@angular/router';\nimport { NgDocContentAnchorController } from '@ng-doc/app/classes/content-anchor-controller';\nimport { NgDocContentController } from '@ng-doc/app/classes/content-controller';\nimport { NgDocRootPage } from '@ng-doc/app/classes/root-page';\nimport { NgDocPageWrapperComponent } from '@ng-doc/app/components/page-wrapper';\nimport {\n  createComponent,\n  generateToc,\n  ɵngDocPageUrl,\n  ɵrestoreNgDocHydrationSnapshot,\n} from '@ng-doc/app/helpers';\nimport { NgDocPageSkeleton } from '@ng-doc/app/interfaces';\nimport { NgDocSanitizeHtmlPipe } from '@ng-doc/app/pipes';\nimport { NgDocPageProcessorComponent } from '@ng-doc/app/processors';\nimport { provideTypeControl } from '@ng-doc/app/providers/type-control';\nimport { NgDocFullscreenRouteService } from '@ng-doc/app/services/fullscreen-route';\nimport { NG_DOC_PAGE_SKELETON } from '@ng-doc/app/tokens';\nimport {\n  NgDocBooleanControlComponent,\n  NgDocNumberControlComponent,\n  NgDocStringControlComponent,\n  NgDocTypeAliasControlComponent,\n} from '@ng-doc/app/type-controls';\nimport type { NgDocContentSource } from '@ng-doc/core/interfaces';\nimport { NgDocButtonIconComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';\nimport { WA_LOCATION } from '@ng-web-apis/common';\n\n/**\n * A generated page: its rendered content, the page actions (copy link, edit and view the source),\n * the table of contents it fills in, and the outlet of its fullscreen routes.\n *\n * A fullscreen route (a child route of the page, unless the page sets `disableFullscreenRoutes`)\n * replaces the page: it is shown on its own on the canvas of demos, with a link back to the page,\n * and `NgDocFullscreenRouteService` tells the root layout and the page wrapper to hide their\n * chrome.\n */\n@Component({\n  selector: 'ng-doc-page',\n  templateUrl: './page.component.html',\n  styleUrls: ['./page.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocButtonIconComponent,\n    NgDocTooltipDirective,\n    NgDocPageProcessorComponent,\n    RouterLink,\n    RouterOutlet,\n    NgDocSanitizeHtmlPipe,\n  ],\n  providers: [\n    NgDocContentAnchorController,\n    NgDocContentController,\n    provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, { order: 10 }),\n    provideTypeControl('string', NgDocStringControlComponent, { order: 20 }),\n    provideTypeControl('number', NgDocNumberControlComponent, { order: 30 }),\n    provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40 }),\n  ],\n  host: {\n    ngSkipHydration: 'true',\n    // Tells the browser that the server-rendered content must be kept until the loaded content\n    // renders (ɵNG_DOC_ASYNC_CONTENT_ATTRIBUTE).\n    '[attr.data-ng-doc-async-content]':\n      'rootPage.pageContentSource && !fullscreenRoute() ? \"\" : null',\n  },\n})\nexport class NgDocPageComponent {\n  /** The element that holds the rendered page content. */\n  readonly pageContainer = viewChild('pageContainer', { read: ElementRef<HTMLElement> });\n\n  protected rootPage: NgDocRootPage = inject(NgDocRootPage);\n  protected skeleton: NgDocPageSkeleton = inject(NG_DOC_PAGE_SKELETON);\n  protected changeDetectorRef = inject(ChangeDetectorRef);\n\n  protected pageWrapper: NgDocPageWrapperComponent = inject(NgDocPageWrapperComponent);\n  protected readonly contentController = inject(NgDocContentController);\n  /** Whether the link to the page was just copied. */\n  protected readonly linkCopied = signal(false);\n  /** Whether one of the page's fullscreen routes is shown instead of the page. */\n  protected readonly fullscreenRoute = signal(false);\n  /** URL of the page, for the link back from a fullscreen route. */\n  protected readonly pageUrl = signal('/');\n  private readonly route = inject(ActivatedRoute);\n  private readonly fullscreenRoutes = inject(NgDocFullscreenRouteService);\n  private readonly contentAnchorController = inject(NgDocContentAnchorController);\n  private readonly clipboard = inject(Clipboard);\n  private readonly ngZone = inject(NgZone);\n  private readonly location = inject(WA_LOCATION);\n  private readonly locationStrategy = inject(LocationStrategy);\n  private linkCopiedTimer?: ReturnType<typeof setTimeout>;\n  /** Removes the server-rendered copy shown while asynchronous content loads. */\n  private snapshot?: () => void;\n\n  constructor() {\n    // The router state is complete when the page is created, so a fullscreen route opened\n    // directly (a new tab) is known before the first render and the page content never renders.\n    this.showFullscreenRoute(!!this.route.firstChild);\n\n    const source: NgDocContentSource | undefined = this.rootPage.pageContentSource;\n\n    if (source && !this.fullscreenRoute()) {\n      // Angular empties this host (it skips hydration) and the content loads asynchronously, so\n      // the server-rendered page stays visible until the loaded content renders.\n      if (isPlatformBrowser(inject(PLATFORM_ID))) {\n        this.snapshot = ɵrestoreNgDocHydrationSnapshot(inject(ElementRef).nativeElement);\n      }\n      this.connectContent(source);\n    }\n    // A page opened on a fullscreen route loads its content only when the reader goes back to\n    // it, because pending content holds the application unstable until it renders. An effect,\n    // so a page that is leaving (its route closes as it is destroyed) loads nothing.\n    effect(() => {\n      if (source && !this.fullscreenRoute()) untracked(() => this.connectContent(source));\n    });\n    // A load that needs no new pass (its content is already rendered, for example an empty body)\n    // or that failed settles without `revealLoaded`.\n    effect(() => {\n      if (this.contentController.settled()) untracked(() => this.releaseSnapshot());\n    });\n    effect(() => {\n      if (this.contentController.error()) {\n        untracked(() => {\n          this.releaseSnapshot();\n          this.pageWrapper.pageToc().clear();\n          this.contentAnchorController.contentFailed();\n        });\n      }\n    });\n    inject(DestroyRef).onDestroy(() => {\n      clearTimeout(this.linkCopiedTimer);\n      this.releaseSnapshot();\n      this.fullscreenRoutes.set(this, false);\n    });\n  }\n\n  /**\n   * Shows one of the page's fullscreen routes instead of the page, or the page again. The outlet\n   * of the fullscreen routes calls it when a route opens or closes.\n   * @param shown - Whether a fullscreen route is shown.\n   */\n  protected showFullscreenRoute(shown: boolean): void {\n    // Pages that disable fullscreen routes render their child routes themselves.\n    const fullscreen: boolean = shown && !this.rootPage.page?.disableFullscreenRoutes;\n\n    if (fullscreen) {\n      this.pageUrl.set(\n        '/' +\n          this.route.pathFromRoot\n            .flatMap((route: ActivatedRoute) => route.snapshot.url)\n            .map((segment) => segment.path)\n            .join('/'),\n      );\n    }\n    this.fullscreenRoute.set(fullscreen);\n    this.fullscreenRoutes.set(this, fullscreen);\n  }\n\n  /**\n   * Creates the table of contents from the headings of the rendered page.\n   */\n  createToc(): void {\n    const container = this.pageContainer();\n    const pageToc = this.pageWrapper.pageToc();\n\n    pageToc.clear();\n    if (container && this.skeleton.toc) {\n      const inputs: Record<string, unknown> = {\n        tableOfContent: generateToc(container.nativeElement) ?? [],\n      };\n      // Only components that declare the input get it: a custom table of contents may not.\n      const declared = reflectComponentType(this.skeleton.toc)?.inputs ?? [];\n\n      if (declared.some(({ templateName }) => templateName === 'editSourceFileUrl')) {\n        inputs['editSourceFileUrl'] = this.rootPage.editSourceFileUrl;\n      }\n\n      // API pages carry their symbol details for the rail, hidden in the content.\n      const details = container.nativeElement.querySelector('[data-ng-doc-rail-details]');\n\n      if (details && declared.some(({ templateName }) => templateName === 'details')) {\n        details.removeAttribute('hidden');\n        inputs['details'] = details;\n      }\n\n      createComponent(pageToc, this.skeleton.toc, inputs);\n\n      this.changeDetectorRef.detectChanges();\n    }\n    if (this.rootPage.pageContentSource) this.contentAnchorController.contentProcessed();\n  }\n\n  /**\n   * Shows the page's own content in place of the server-rendered copy when a pass of the loaded\n   * content is about to render, in the same task, so its components render and measure visible.\n   * The pass of the empty content before the source has loaded keeps the copy.\n   * @param version - The content version of the pass.\n   * @internal\n   */\n  protected revealLoaded(version: number): void {\n    if (version === this.contentController.loadedVersion()) this.releaseSnapshot();\n  }\n\n  /**\n   * Copies the link to the page, without its query and fragment.\n   */\n  copyLink(): void {\n    this.clipboard.copy(ɵngDocPageUrl(this.locationStrategy, this.location));\n    this.linkCopied.set(true);\n    clearTimeout(this.linkCopiedTimer);\n    // The label timer must not hold the application unstable, so it runs outside the zone.\n    this.linkCopiedTimer = this.ngZone.runOutsideAngular(() =>\n      setTimeout(() => this.linkCopied.set(false), 1400),\n    );\n  }\n\n  private connectContent(source: NgDocContentSource): void {\n    // Both calls do nothing once the source is connected.\n    this.contentAnchorController.activate();\n    this.contentController.connect(source);\n  }\n\n  private releaseSnapshot(): void {\n    const release = this.snapshot;\n\n    this.snapshot = undefined;\n    release?.();\n  }\n}\n","@if (!fullscreenRoute()) {\n  <div class=\"ng-doc-page-controls\">\n    <button\n      type=\"button\"\n      ng-doc-button-icon\n      [rounded]=\"false\"\n      [attr.aria-label]=\"linkCopied() ? 'Link copied' : 'Copy link to this page'\"\n      [ngDocTooltip]=\"linkCopied() ? 'Copied' : 'Copy link'\"\n      [attr.data-ng-doc-copied]=\"linkCopied()\"\n      (click)=\"copyLink()\">\n      <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <path d=\"M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7\" />\n        <path d=\"M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7\" />\n      </svg>\n    </button>\n    @if (rootPage.editSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.editSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"Edit this page\"\n        ngDocTooltip=\"Edit this page\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"M12 20h9M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4Z\" />\n        </svg>\n      </a>\n    }\n    @if (rootPage.viewSourceFileUrl) {\n      <a\n        ng-doc-button-icon\n        [rounded]=\"false\"\n        [href]=\"rootPage.viewSourceFileUrl\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        aria-label=\"View the page source\"\n        ngDocTooltip=\"View source\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n          <path d=\"m8 7-5 5 5 5m8-10 5 5-5 5\" />\n        </svg>\n      </a>\n    }\n  </div>\n\n  @if (rootPage.pageContentSource) {\n    @if (contentController.error(); as error) {\n      <div class=\"ng-doc-page-wrapper\" role=\"alert\">{{ error.message }}</div>\n    } @else {\n      <div\n        class=\"ng-doc-page-wrapper\"\n        [ngDocPageProcessor]=\"contentController.html() | ngDocSanitizeHtml\"\n        [contentVersion]=\"contentController.version()\"\n        (beforeRender)=\"revealLoaded($event)\"\n        (contentProcessed)=\"contentController.processed($event)\"\n        (processingError)=\"contentController.processingFailed($event)\"\n        (afterRender)=\"createToc()\"\n        #pageContainer></div>\n    }\n  } @else {\n    <div\n      class=\"ng-doc-page-wrapper\"\n      [ngDocPageProcessor]=\"rootPage.pageContent | ngDocSanitizeHtml\"\n      (afterRender)=\"createToc()\"\n      #pageContainer></div>\n  }\n}\n\n<!-- A fullscreen route replaces the page; the outlet stays, so it can open and close in place. -->\n@if (!rootPage.page?.disableFullscreenRoutes) {\n  <div class=\"ng-doc-fullscreen-route\" [hidden]=\"!fullscreenRoute()\">\n    @if (fullscreenRoute()) {\n      <a\n        class=\"ng-doc-fullscreen-route-back\"\n        [routerLink]=\"pageUrl()\"\n        [attr.aria-label]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\"\n        [ngDocTooltip]=\"'Back to ' + (rootPage.page?.title ?? 'the page')\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M19 12H5m7 7-7-7 7-7\" />\n        </svg>\n        <span class=\"ng-doc-fullscreen-route-back-label\">{{ rootPage.page?.title ?? 'Back' }}</span>\n      </a>\n    }\n    <router-outlet\n      (activate)=\"showFullscreenRoute(true)\"\n      (deactivate)=\"showFullscreenRoute(false)\" />\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ɵrestoreNgDocHydrationSnapshot","ɵngDocPageUrl"],"mappings":"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"}