@ng-doc/app 22.1.0 → 22.2.0

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

@@ -1,19 +1,19 @@
 import { Clipboard } from '@angular/cdk/clipboard';
-import { LocationStrategy, isPlatformBrowser } from '@angular/common';
+import { LocationStrategy, ViewportScroller, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { viewChild, ElementRef, inject, ChangeDetectorRef, signal, NgZone, PLATFORM_ID, effect, untracked, DestroyRef, reflectComponentType, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, viewChild, ElementRef, ChangeDetectorRef, signal, NgZone, PLATFORM_ID, DestroyRef, effect, untracked, 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 { ɵrestoreNgDocHydrationSnapshot as _restoreNgDocHydrationSnapshot, generateToc, createComponent, ɵngDocPageUrl as _ngDocPageUrl } from '@ng-doc/app/helpers';
+import { ɵwatchNgDocContentUpdates as _watchNgDocContentUpdates, ɵupdatedNgDocContent as _updatedNgDocContent, ɵ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 { NG_DOC_TEXTS, NG_DOC_PAGE_SKELETON } from '@ng-doc/app/tokens';
+import { NgDocTypeAliasControlComponent, NgDocStringControlComponent, NgDocNumberControlComponent, NgDocBooleanControlComponent, NgDocStringListControlComponent, NgDocNumberListControlComponent, NgDocTypeAliasListControlComponent, NgDocJsonControlComponent } from '@ng-doc/app/type-controls';
 import { NgDocButtonIconComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
 import { WA_LOCATION } from '@ng-web-apis/common';
 
@@ -28,6 +28,7 @@ import { WA_LOCATION } from '@ng-web-apis/common';
  */
 class NgDocPageComponent {
     constructor() {
+        this.texts = inject(NG_DOC_TEXTS).page;
         /** The element that holds the rendered page content. */
         this.pageContainer = viewChild('pageContainer', { ...(ngDevMode ? { debugName: "pageContainer" } : /* istanbul ignore next */ {}), read: (ElementRef) });
         this.rootPage = inject(NgDocRootPage);
@@ -51,14 +52,27 @@ class NgDocPageComponent {
         this.ngZone = inject(NgZone);
         this.location = inject(WA_LOCATION);
         this.locationStrategy = inject(LocationStrategy);
+        this.viewportScroller = inject(ViewportScroller);
         // 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;
+        const browser = isPlatformBrowser(inject(PLATFORM_ID));
+        if (source && browser) {
+            // Registered before the content controller's own listener, so the HTML is still the one on
+            // the page: an update that changes it renders a new pass, which restores the position.
+            const stop = _watchNgDocContentUpdates(({ ids }) => {
+                const payload = ids.has(source.id) ? _updatedNgDocContent(source.id) : undefined;
+                if (payload && payload.html !== this.contentController.html() && !this.fullscreenRoute()) {
+                    this.updateScroll ??= this.viewportScroller.getScrollPosition();
+                }
+            });
+            inject(DestroyRef).onDestroy(stop);
+        }
         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))) {
+            if (browser) {
                 this.snapshot = _restoreNgDocHydrationSnapshot(inject(ElementRef).nativeElement);
             }
             this.connectContent(source);
@@ -136,6 +150,7 @@ class NgDocPageComponent {
         }
         if (this.rootPage.pageContentSource)
             this.contentAnchorController.contentProcessed();
+        this.restoreUpdateScroll();
     }
     /**
      * Shows the page's own content in place of the server-rendered copy when a pass of the loaded
@@ -163,6 +178,12 @@ class NgDocPageComponent {
         this.contentAnchorController.activate();
         this.contentController.connect(source);
     }
+    restoreUpdateScroll() {
+        const position = this.updateScroll;
+        this.updateScroll = undefined;
+        if (position)
+            this.viewportScroller.scrollToPosition(position);
+    }
     releaseSnapshot() {
         const release = this.snapshot;
         this.snapshot = undefined;
@@ -172,11 +193,34 @@ class NgDocPageComponent {
     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, { 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 }); }
+            provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, {
+                order: 10,
+                cloneable: true,
+            }),
+            provideTypeControl('string', NgDocStringControlComponent, { order: 20, cloneable: true }),
+            provideTypeControl('number', NgDocNumberControlComponent, { order: 30, cloneable: true }),
+            provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40, cloneable: true }),
+            // The chip fields have several interactive parts, so their rows are not labels (see
+            // `labelWrapper`).
+            provideTypeControl('string[]', NgDocStringListControlComponent, {
+                order: 50,
+                labelWrapper: false,
+                cloneable: true,
+            }),
+            provideTypeControl('number[]', NgDocNumberListControlComponent, {
+                order: 50,
+                labelWrapper: false,
+                cloneable: true,
+            }),
+            // Arrays of a union of literals, whose item values the builder lists as `options`.
+            provideTypeControl('NgDocTypeAlias[]', NgDocTypeAliasListControlComponent, {
+                order: 50,
+                labelWrapper: false,
+                cloneable: true,
+            }),
+            // Array types without a control of their own (see the inspector's `arrayType`).
+            provideTypeControl('NgDocArray', NgDocJsonControlComponent, { order: 60, cloneable: true }),
+        ], 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() ? texts.linkCopied : texts.copyLink\"\n      [ngDocTooltip]=\"linkCopied() ? texts.linkCopiedTooltip : texts.copyLinkTooltip\"\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.edit\"\n        [ngDocTooltip]=\"texts.edit\"\n        [href]=\"rootPage.editSourceFileUrl\">\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.viewSource\"\n        [ngDocTooltip]=\"texts.viewSourceTooltip\"\n        [href]=\"rootPage.viewSourceFileUrl\">\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]=\"texts.backTo({ title: rootPage.page?.title })\"\n        [ngDocTooltip]=\"texts.backTo({ title: rootPage.page?.title })\">\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\">{{\n          rootPage.page?.title ?? texts.back\n        }}</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-demo-canvas-dots, 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.2.1", ngImport: i0, type: NgDocPageComponent, decorators: [{
             type: Component,
@@ -190,16 +234,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImpor
                     ], providers: [
                         NgDocContentAnchorController,
                         NgDocContentController,
-                        provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, { order: 10 }),
-                        provideTypeControl('string', NgDocStringControlComponent, { order: 20 }),
-                        provideTypeControl('number', NgDocNumberControlComponent, { order: 30 }),
-                        provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40 }),
+                        provideTypeControl('NgDocTypeAlias', NgDocTypeAliasControlComponent, {
+                            order: 10,
+                            cloneable: true,
+                        }),
+                        provideTypeControl('string', NgDocStringControlComponent, { order: 20, cloneable: true }),
+                        provideTypeControl('number', NgDocNumberControlComponent, { order: 30, cloneable: true }),
+                        provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40, cloneable: true }),
+                        // The chip fields have several interactive parts, so their rows are not labels (see
+                        // `labelWrapper`).
+                        provideTypeControl('string[]', NgDocStringListControlComponent, {
+                            order: 50,
+                            labelWrapper: false,
+                            cloneable: true,
+                        }),
+                        provideTypeControl('number[]', NgDocNumberListControlComponent, {
+                            order: 50,
+                            labelWrapper: false,
+                            cloneable: true,
+                        }),
+                        // Arrays of a union of literals, whose item values the builder lists as `options`.
+                        provideTypeControl('NgDocTypeAlias[]', NgDocTypeAliasListControlComponent, {
+                            order: 50,
+                            labelWrapper: false,
+                            cloneable: true,
+                        }),
+                        // Array types without a control of their own (see the inspector's `arrayType`).
+                        provideTypeControl('NgDocArray', NgDocJsonControlComponent, { order: 60, cloneable: true }),
                     ], 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"] }]
+                    }, 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() ? texts.linkCopied : texts.copyLink\"\n      [ngDocTooltip]=\"linkCopied() ? texts.linkCopiedTooltip : texts.copyLinkTooltip\"\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.edit\"\n        [ngDocTooltip]=\"texts.edit\"\n        [href]=\"rootPage.editSourceFileUrl\">\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.viewSource\"\n        [ngDocTooltip]=\"texts.viewSourceTooltip\"\n        [href]=\"rootPage.viewSourceFileUrl\">\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]=\"texts.backTo({ title: rootPage.page?.title })\"\n        [ngDocTooltip]=\"texts.backTo({ title: rootPage.page?.title })\">\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\">{{\n          rootPage.page?.title ?? texts.back\n        }}</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-demo-canvas-dots, 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 }] }] } });
 
 /**

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 { 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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"}
+{"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, ViewportScroller } 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  ɵupdatedNgDocContent,\n  ɵwatchNgDocContentUpdates,\n} from '@ng-doc/app/helpers';\nimport { NgDocPageSkeleton, NgDocPageTexts } 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, NG_DOC_TEXTS } from '@ng-doc/app/tokens';\nimport {\n  NgDocBooleanControlComponent,\n  NgDocJsonControlComponent,\n  NgDocNumberControlComponent,\n  NgDocNumberListControlComponent,\n  NgDocStringControlComponent,\n  NgDocStringListControlComponent,\n  NgDocTypeAliasControlComponent,\n  NgDocTypeAliasListControlComponent,\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, {\n      order: 10,\n      cloneable: true,\n    }),\n    provideTypeControl('string', NgDocStringControlComponent, { order: 20, cloneable: true }),\n    provideTypeControl('number', NgDocNumberControlComponent, { order: 30, cloneable: true }),\n    provideTypeControl('boolean', NgDocBooleanControlComponent, { order: 40, cloneable: true }),\n    // The chip fields have several interactive parts, so their rows are not labels (see\n    // `labelWrapper`).\n    provideTypeControl('string[]', NgDocStringListControlComponent, {\n      order: 50,\n      labelWrapper: false,\n      cloneable: true,\n    }),\n    provideTypeControl('number[]', NgDocNumberListControlComponent, {\n      order: 50,\n      labelWrapper: false,\n      cloneable: true,\n    }),\n    // Arrays of a union of literals, whose item values the builder lists as `options`.\n    provideTypeControl('NgDocTypeAlias[]', NgDocTypeAliasListControlComponent, {\n      order: 50,\n      labelWrapper: false,\n      cloneable: true,\n    }),\n    // Array types without a control of their own (see the inspector's `arrayType`).\n    provideTypeControl('NgDocArray', NgDocJsonControlComponent, { order: 60, cloneable: true }),\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  protected readonly texts: NgDocPageTexts = inject(NG_DOC_TEXTS).page;\n\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 readonly viewportScroller = inject(ViewportScroller);\n  private linkCopiedTimer?: ReturnType<typeof setTimeout>;\n  /** Removes the server-rendered copy shown while asynchronous content loads. */\n  private snapshot?: () => void;\n  /**\n   * The scroll position when a development content update of this page arrived, restored once\n   * its content has rendered: the new HTML replaces the old one, and the page may be shorter for\n   * a moment while its processors run.\n   */\n  private updateScroll?: [number, number];\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    const browser = isPlatformBrowser(inject(PLATFORM_ID));\n\n    if (source && browser) {\n      // Registered before the content controller's own listener, so the HTML is still the one on\n      // the page: an update that changes it renders a new pass, which restores the position.\n      const stop = ɵwatchNgDocContentUpdates(({ ids }) => {\n        const payload = ids.has(source.id) ? ɵupdatedNgDocContent(source.id) : undefined;\n\n        if (payload && payload.html !== this.contentController.html() && !this.fullscreenRoute()) {\n          this.updateScroll ??= this.viewportScroller.getScrollPosition();\n        }\n      });\n\n      inject(DestroyRef).onDestroy(stop);\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 (browser) {\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    this.restoreUpdateScroll();\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 restoreUpdateScroll(): void {\n    const position = this.updateScroll;\n\n    this.updateScroll = undefined;\n    if (position) this.viewportScroller.scrollToPosition(position);\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() ? texts.linkCopied : texts.copyLink\"\n      [ngDocTooltip]=\"linkCopied() ? texts.linkCopiedTooltip : texts.copyLinkTooltip\"\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.edit\"\n        [ngDocTooltip]=\"texts.edit\"\n        [href]=\"rootPage.editSourceFileUrl\">\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        target=\"_blank\"\n        rel=\"noopener\"\n        [attr.aria-label]=\"texts.viewSource\"\n        [ngDocTooltip]=\"texts.viewSourceTooltip\"\n        [href]=\"rootPage.viewSourceFileUrl\">\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]=\"texts.backTo({ title: rootPage.page?.title })\"\n        [ngDocTooltip]=\"texts.backTo({ title: rootPage.page?.title })\">\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\">{{\n          rootPage.page?.title ?? texts.back\n        }}</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":["ɵwatchNgDocContentUpdates","ɵupdatedNgDocContent","ɵrestoreNgDocHydrationSnapshot","ɵngDocPageUrl"],"mappings":"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"}