@masmarino/gabarit 1.2.2 → 1.4.0

package/fesm2022/masmarino-gabarit-docs.mjs

@@ -0,0 +1,1414 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, InjectionToken, ViewEncapsulation, afterRenderEffect, computed, effect, inject, input, linkedSignal, output, signal, viewChild } from "@angular/core";
+import { HttpClient, HttpErrorResponse } from "@angular/common/http";
+import { BehaviorSubject, catchError, combineLatest, debounceTime, firstValueFrom, forkJoin, map, of, shareReplay, startWith, switchMap, tap } from "rxjs";
+import { DomSanitizer } from "@angular/platform-browser";
+import { ActivatedRoute, Router, RouterLink } from "@angular/router";
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+import { Alert, Autocomplete, Breadcrumb, Button, Card, CardLink, Disclosure, EmptyState, NavTab, NavTabs, PageLayout, Panel, Skeleton } from "@masmarino/gabarit";
+import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+const DEFAULT_DOCS_CONFIG = Object.freeze({
+	root: "/docs",
+	callouts: {
+		note: "note",
+		warning: "warning"
+	}
+});
+const DOCS_CONFIG = new InjectionToken("DOCS_CONFIG", { factory: () => DEFAULT_DOCS_CONFIG });
+const DOCS_TITLE = new InjectionToken("DOCS_TITLE");
+function provideDocs(config = {}) {
+	return {
+		provide: DOCS_CONFIG,
+		useValue: {
+			...DEFAULT_DOCS_CONFIG,
+			...config
+		}
+	};
+}
+const DEFAULT_DOCS_LABELS = Object.freeze({
+	documentation: "Documentation",
+	showContents: "Show the contents",
+	hideContents: "Hide the contents",
+	searchLabel: "Search the documentation",
+	searchPlaceholder: "Search…",
+	searching: "Searching…",
+	noResults: "No page matches.",
+	searchFailed: "The documentation could not be loaded.",
+	results: (count) => count === 0 ? "No results" : count === 1 ? "1 result" : `${count} results`,
+	onThisPage: "On this page",
+	breadcrumb: "Breadcrumb",
+	neighbours: "Neighbouring pages",
+	previous: "Previous",
+	next: "Next",
+	notFoundHeading: "Page not found",
+	notFoundMessage: "This page does not exist in the documentation. Check the address, or start again from the beginning.",
+	toStart: "Go to the start of the documentation",
+	loadFailed: "The documentation could not be loaded.",
+	retry: "Retry",
+	loading: "Loading the page…",
+	codeBlock: "Code block",
+	table: "Table"
+});
+const DOCS_LABELS = new InjectionToken("DOCS_LABELS");
+function provideDocsLabels(labels) {
+	return {
+		provide: DOCS_LABELS,
+		useValue: labels
+	};
+}
+function docsLabels() {
+	const provided = inject(DOCS_LABELS, { optional: true }) ?? {};
+	const defined = Object.fromEntries(Object.entries(provided).filter(([, value]) => value !== void 0));
+	return computed(() => ({
+		...DEFAULT_DOCS_LABELS,
+		...defined
+	}));
+}
+function docsPageCommands(root, section, page) {
+	return [
+		root,
+		section,
+		page
+	];
+}
+function docsReadingOrder(index) {
+	return index.sections.flatMap((section) => section.pages.map((page) => ({
+		section,
+		page
+	})));
+}
+function firstDocsPage(root, index) {
+	const first = docsReadingOrder(index)[0];
+	return first ? docsPageCommands(root, first.section.slug, first.page.slug) : null;
+}
+function locateDocsPage(root, index, section, page) {
+	const order = docsReadingOrder(index);
+	const at = order.findIndex((entry) => entry.section.slug === section && entry.page.slug === page);
+	if (at < 0) return null;
+	const link = (entry) => entry ? {
+		sectionTitle: entry.section.title,
+		title: entry.page.title,
+		commands: docsPageCommands(root, entry.section.slug, entry.page.slug)
+	} : null;
+	return {
+		...order[at],
+		previous: link(order[at - 1]),
+		next: link(order[at + 1])
+	};
+}
+const looksLikeHtml = (text) => /^\s*<!doctype html|^\s*<html[\s>]/i.test(text);
+var DocsService = class DocsService {
+	http = inject(HttpClient);
+	root = inject(DOCS_CONFIG).root;
+	index$ = null;
+	pages = /* @__PURE__ */ new Map();
+	index() {
+		this.index$ ??= this.http.get(`${this.root}/index.json`).pipe(tap({ error: () => this.index$ = null }), shareReplay(1));
+		return this.index$;
+	}
+	page(section, page) {
+		const key = `${section}/${page}`;
+		const known = this.pages.get(key);
+		if (known !== void 0) return of(known);
+		return this.http.get(`${this.root}/${key}.md`, { responseType: "text" }).pipe(map((text) => {
+			if (looksLikeHtml(text)) throw new HttpErrorResponse({
+				status: 404,
+				statusText: "Not Found",
+				url: `${this.root}/${key}.md`
+			});
+			return text;
+		}), tap((text) => this.pages.set(key, text)));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: DocsService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const isNotFound = (error) => error instanceof HttpErrorResponse && error.status === 404;
+let purifier = null;
+function purify() {
+	if (purifier || typeof window === "undefined") return purifier;
+	purifier = DOMPurify(window);
+	purifier.addHook("uponSanitizeElement", (node, data) => {
+		if (data.tagName === "input" && node.getAttribute("type")?.toLowerCase() !== "checkbox") node.parentNode?.removeChild(node);
+	});
+	purifier.addHook("afterSanitizeAttributes", (node) => {
+		if (node.nodeName === "INPUT") node.setAttribute("disabled", "");
+		if (node.nodeName === "IMG") {
+			node.setAttribute("referrerpolicy", "no-referrer");
+			node.setAttribute("loading", "lazy");
+		}
+	});
+	purifier.addHook("uponSanitizeAttribute", (_node, data) => {
+		if (data.attrName === "class") {
+			const kept = data.attrValue.split(/\s+/).filter((c) => /^language-[\w+#.-]+$/.test(c));
+			if (kept.length) data.attrValue = kept.join(" ");
+			else data.keepAttr = false;
+		}
+	});
+	return purifier;
+}
+const SANITIZE_CONFIG = {
+	FORBID_TAGS: [
+		"style",
+		"form",
+		"button",
+		"textarea",
+		"select",
+		"option",
+		"optgroup",
+		"fieldset",
+		"dialog"
+	],
+	FORBID_ATTR: [
+		"style",
+		"popover",
+		"popovertarget",
+		"popovertargetaction",
+		"for",
+		"tabindex",
+		"aria-owns",
+		"aria-controls",
+		"aria-labelledby",
+		"aria-describedby"
+	],
+	SANITIZE_NAMED_PROPS: true
+};
+const ID_PREFIX = "user-content-";
+function headingSlug(text) {
+	return text.toLowerCase().replace(/[^\p{L}\p{N}\s_-]/gu, "").trim().replace(/[\s-]+/g, "-").replace(/^-+|-+$/g, "") || "section";
+}
+function applyHeadingIds(root) {
+	const headings = Array.from(root.querySelectorAll("h1, h2, h3, h4"));
+	const used = /* @__PURE__ */ new Set();
+	const outline = [];
+	for (const heading of headings) {
+		const text = (heading.textContent ?? "").replace(/\s+/g, " ").trim();
+		const base = ID_PREFIX + headingSlug(text);
+		let id = base;
+		for (let n = 2; used.has(id); n++) id = `${base}-${n}`;
+		used.add(id);
+		heading.id = id;
+		const level = Number(heading.tagName[1]);
+		if (level >= 2 && !heading.parentElement?.closest("blockquote, details")) outline.push({
+			level,
+			text,
+			id
+		});
+	}
+	for (const node of Array.from(root.querySelectorAll("[id]"))) if (used.has(node.id) && !headings.includes(node)) node.removeAttribute("id");
+	return outline;
+}
+function decodeFragment(rawFragment) {
+	try {
+		return decodeURIComponent(rawFragment);
+	} catch {
+		return rawFragment;
+	}
+}
+function findAnchorTarget(root, rawFragment) {
+	const fragment = decodeFragment(rawFragment);
+	if (!fragment) return null;
+	for (const wanted of [fragment, ID_PREFIX + fragment]) for (const node of Array.from(root.querySelectorAll("[id], a[name]"))) if (node.id === wanted || node.tagName === "A" && node.getAttribute("name") === wanted) return node;
+	return null;
+}
+function makeScrollableBlocksFocusable(container, names) {
+	for (const pre of Array.from(container.querySelectorAll("pre"))) {
+		pre.setAttribute("tabindex", "0");
+		pre.setAttribute("role", "region");
+		pre.setAttribute("aria-label", names.codeBlock);
+	}
+	for (const table of Array.from(container.querySelectorAll("table"))) {
+		table.setAttribute("tabindex", "0");
+		table.setAttribute("aria-label", names.table);
+	}
+}
+function nameTaskCheckboxes(container) {
+	for (const box of Array.from(container.querySelectorAll("li > input[type=\"checkbox\"], li > p:first-child > input[type=\"checkbox\"]"))) {
+		const item = box.closest("li");
+		box.setAttribute("aria-label", (item.textContent ?? "").replace(/\s+/g, " ").trim());
+	}
+}
+var MarkdownView = class MarkdownView {
+	content = input.required(...ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []);
+	headingOffset = input(0, ...ngDevMode ? [{ debugName: "headingOffset" }] : /* istanbul ignore next */ []);
+	routedLinkPrefix = input(null, ...ngDevMode ? [{ debugName: "routedLinkPrefix" }] : /* istanbul ignore next */ []);
+	outline = output();
+	sanitizer = inject(DomSanitizer);
+	router = inject(Router, { optional: true });
+	labels = docsLabels();
+	container = viewChild.required("container", ...ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect({ write: () => {
+			this.renderedHtml();
+			const container = this.container().nativeElement;
+			makeScrollableBlocksFocusable(container, this.labels());
+			nameTaskCheckboxes(container);
+			this.outline.emit(applyHeadingIds(container));
+		} });
+	}
+	onClick(event) {
+		if (event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
+		const container = this.container().nativeElement;
+		const routed = this.routedHref(event.target);
+		if (routed !== null) {
+			event.preventDefault();
+			this.router.navigateByUrl(routed);
+			return;
+		}
+		const link = event.target instanceof Element ? event.target.closest("a[href^=\"#\"]") : null;
+		if (!link || !container.contains(link)) return;
+		event.preventDefault();
+		const target = findAnchorTarget(container, link.getAttribute("href").slice(1));
+		if (!target) return;
+		const reduceMotion = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+		target.scrollIntoView?.({
+			behavior: reduceMotion ? "auto" : "smooth",
+			block: "start"
+		});
+		if (target.tabIndex < 0) target.setAttribute("tabindex", "-1");
+		target.focus({ preventScroll: true });
+	}
+	routedHref(target) {
+		const prefix = this.routedLinkPrefix();
+		const link = prefix && this.router && target instanceof Element ? target.closest("a[href]") : null;
+		if (!link || !this.container().nativeElement.contains(link) || link.hasAttribute("target")) return null;
+		const href = link.getAttribute("href");
+		const rest = href.startsWith(prefix) ? href.slice(prefix.length) : null;
+		return rest !== null && (rest === "" || /^[/#?]/.test(rest)) ? href : null;
+	}
+	renderedHtml = computed(() => {
+		const offset = this.headingOffset();
+		const walkTokens = offset > 0 ? (token) => {
+			if (token.type === "heading") token.depth = Math.min(6, token.depth + offset);
+		} : null;
+		const sanitizer = purify();
+		if (!sanitizer) return "";
+		const rawHtml = marked.parse(this.content(), {
+			async: false,
+			walkTokens
+		});
+		return this.sanitizer.bypassSecurityTrustHtml(sanitizer.sanitize(rawHtml, SANITIZE_CONFIG));
+	}, ...ngDevMode ? [{ debugName: "renderedHtml" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MarkdownView,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: MarkdownView,
+		isStandalone: true,
+		selector: "gbt-markdown-view",
+		inputs: {
+			content: {
+				classPropertyName: "content",
+				publicName: "content",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			headingOffset: {
+				classPropertyName: "headingOffset",
+				publicName: "headingOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			routedLinkPrefix: {
+				classPropertyName: "routedLinkPrefix",
+				publicName: "routedLinkPrefix",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { outline: "outline" },
+		viewQueries: [{
+			propertyName: "container",
+			first: true,
+			predicate: ["container"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div
+      class="gbt-markdown-view"
+      #container
+      [innerHTML]="renderedHtml()"
+      (click)="onClick($event)"
+    ></div>`,
+		isInline: true,
+		styles: ["gbt-markdown-view{display:block}.gbt-markdown-view{color:var(--text-primary);font-size:.9375rem;line-height:1.65;overflow-wrap:break-word}.gbt-markdown-view>:first-child{margin-top:0}.gbt-markdown-view>:last-child{margin-bottom:0}.gbt-markdown-view :where(h1,h2,h3,h4,h5,h6){margin:1.75rem 0 .75rem;color:var(--text-primary);font-family:var(--gbt-font-display, inherit);font-weight:600;line-height:1.3}.gbt-markdown-view :where(h1){padding-bottom:.375rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color));font-size:1.625rem;letter-spacing:-.01em}.gbt-markdown-view :where(h2){padding-bottom:.3rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color));font-size:1.3125rem}.gbt-markdown-view :where(h3){font-size:1.0625rem}.gbt-markdown-view :where(h4,h5,h6){font-size:.9375rem}.gbt-markdown-view :where(p,ul,ol,blockquote,pre,table){margin:0 0 1rem}.gbt-markdown-view :where(ul,ol){padding-left:1.5rem}.gbt-markdown-view :where(li+li){margin-top:.25rem}.gbt-markdown-view :where(li:has(>input[type=checkbox]),li:has(>p:first-child>input[type=checkbox])){list-style:none}.gbt-markdown-view :where(li>input[type=checkbox],li>p:first-child>input[type=checkbox]){margin:0 .2em .2em -1.4em;vertical-align:middle}.gbt-markdown-view :where(a){color:var(--primary);text-underline-offset:2px}.gbt-markdown-view :where(strong){font-weight:600}.gbt-markdown-view :where(code){padding:.125rem .375rem;border-radius:var(--site-border-radius-sm);background:var(--bg-hover);font-family:var(--gbt-font-mono, ui-monospace, monospace);font-size:.8125em}.gbt-markdown-view :where(pre){padding:.875rem 1rem;overflow-x:auto;border:1px solid var(--gbt-hairline, var(--border-color));border-radius:var(--site-border-radius-sm);background:var(--bg-panel);line-height:1.5}.gbt-markdown-view :where(pre code){padding:0;background:none;font-size:.8125rem}.gbt-markdown-view :where(blockquote){padding:0 0 0 1rem;border-left:3px solid var(--gbt-card-border, var(--border-color));color:var(--text-secondary)}.gbt-markdown-view :where(hr){height:0;margin:1.5rem 0;border:0;border-top:1px solid var(--gbt-hairline, var(--border-color))}.gbt-markdown-view :where(img){max-width:100%;height:auto}.gbt-markdown-view :where(table){display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.875rem}.gbt-markdown-view :where(th,td){padding:.375rem .75rem;border:1px solid var(--gbt-card-border, var(--border-color));text-align:left}.gbt-markdown-view :where(th){background:var(--bg-hover);font-weight:600}.gbt-markdown-view :where(pre,table):focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MarkdownView,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-markdown-view",
+			standalone: true,
+			template: `<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div
+      class="gbt-markdown-view"
+      #container
+      [innerHTML]="renderedHtml()"
+      (click)="onClick($event)"
+    ></div>`,
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: ["gbt-markdown-view{display:block}.gbt-markdown-view{color:var(--text-primary);font-size:.9375rem;line-height:1.65;overflow-wrap:break-word}.gbt-markdown-view>:first-child{margin-top:0}.gbt-markdown-view>:last-child{margin-bottom:0}.gbt-markdown-view :where(h1,h2,h3,h4,h5,h6){margin:1.75rem 0 .75rem;color:var(--text-primary);font-family:var(--gbt-font-display, inherit);font-weight:600;line-height:1.3}.gbt-markdown-view :where(h1){padding-bottom:.375rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color));font-size:1.625rem;letter-spacing:-.01em}.gbt-markdown-view :where(h2){padding-bottom:.3rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color));font-size:1.3125rem}.gbt-markdown-view :where(h3){font-size:1.0625rem}.gbt-markdown-view :where(h4,h5,h6){font-size:.9375rem}.gbt-markdown-view :where(p,ul,ol,blockquote,pre,table){margin:0 0 1rem}.gbt-markdown-view :where(ul,ol){padding-left:1.5rem}.gbt-markdown-view :where(li+li){margin-top:.25rem}.gbt-markdown-view :where(li:has(>input[type=checkbox]),li:has(>p:first-child>input[type=checkbox])){list-style:none}.gbt-markdown-view :where(li>input[type=checkbox],li>p:first-child>input[type=checkbox]){margin:0 .2em .2em -1.4em;vertical-align:middle}.gbt-markdown-view :where(a){color:var(--primary);text-underline-offset:2px}.gbt-markdown-view :where(strong){font-weight:600}.gbt-markdown-view :where(code){padding:.125rem .375rem;border-radius:var(--site-border-radius-sm);background:var(--bg-hover);font-family:var(--gbt-font-mono, ui-monospace, monospace);font-size:.8125em}.gbt-markdown-view :where(pre){padding:.875rem 1rem;overflow-x:auto;border:1px solid var(--gbt-hairline, var(--border-color));border-radius:var(--site-border-radius-sm);background:var(--bg-panel);line-height:1.5}.gbt-markdown-view :where(pre code){padding:0;background:none;font-size:.8125rem}.gbt-markdown-view :where(blockquote){padding:0 0 0 1rem;border-left:3px solid var(--gbt-card-border, var(--border-color));color:var(--text-secondary)}.gbt-markdown-view :where(hr){height:0;margin:1.5rem 0;border:0;border-top:1px solid var(--gbt-hairline, var(--border-color))}.gbt-markdown-view :where(img){max-width:100%;height:auto}.gbt-markdown-view :where(table){display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.875rem}.gbt-markdown-view :where(th,td){padding:.375rem .75rem;border:1px solid var(--gbt-card-border, var(--border-color));text-align:left}.gbt-markdown-view :where(th){background:var(--bg-hover);font-weight:600}.gbt-markdown-view :where(pre,table):focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		content: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "content",
+				required: true
+			}]
+		}],
+		headingOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingOffset",
+				required: false
+			}]
+		}],
+		routedLinkPrefix: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "routedLinkPrefix",
+				required: false
+			}]
+		}],
+		outline: [{
+			type: i0.Output,
+			args: ["outline"]
+		}],
+		container: [{
+			type: i0.ViewChild,
+			args: ["container", { isSignal: true }]
+		}]
+	}
+});
+const DOCS_SEARCH_LIMIT = 8;
+function fold(text) {
+	let folded = "";
+	const origin = [];
+	let at = 0;
+	for (const char of text) {
+		const plain = char.normalize("NFD").replace(/\p{M}/gu, "").toLowerCase();
+		folded += plain;
+		for (let i = 0; i < plain.length; i++) origin.push(at);
+		at += char.length;
+	}
+	return {
+		text,
+		folded,
+		origin
+	};
+}
+function searchTokens(query) {
+	return [...new Set(fold(query).folded.split(/[^\p{L}\p{N}]+/u).filter(Boolean))];
+}
+function inlineText(line) {
+	return line.replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/`+/g, "").replace(/(\*\*|__|\*|~~)/g, "").replace(/(^|\s)_(\S)/g, "$1$2").replace(/(\S)_(\s|$)/g, "$1$2");
+}
+function parseDocsPage(markdown) {
+	const headings = [];
+	const used = /* @__PURE__ */ new Set();
+	const body = [];
+	let fence = null;
+	for (const line of markdown.split(/\r?\n/)) {
+		const fenceMark = /^\s*(`{3,}|~{3,})/.exec(line)?.[1];
+		if (fence !== null) {
+			if (fenceMark && fenceMark[0] === fence[0] && fenceMark.length >= fence.length) fence = null;
+			else body.push(line);
+			continue;
+		}
+		if (fenceMark) {
+			fence = fenceMark;
+			continue;
+		}
+		const heading = /^(#{1,6})\s+(.*?)\s*#*\s*$/.exec(line);
+		if (heading) {
+			const level = heading[1].length;
+			const text = inlineText(heading[2]).replace(/\s+/g, " ").trim();
+			if (level <= 4) {
+				const base = `user-content-${headingSlug(text)}`;
+				let id = base;
+				for (let n = 2; used.has(id); n++) id = `${base}-${n}`;
+				used.add(id);
+				if (level >= 2) headings.push({
+					id,
+					text
+				});
+			}
+			continue;
+		}
+		if (/^\s*\|?\s*:?-{3,}/.test(line)) continue;
+		body.push(inlineText(line.replace(/^\s*(>\s*)+/, "").replace(/^\s*([-*+]|\d+[.)])\s+/, "").replace(/\|/g, " ")));
+	}
+	return {
+		headings,
+		body: body.join(" ").replace(/\s+/g, " ").trim()
+	};
+}
+const isWordStart = (folded, at) => at === 0 || !/[\p{L}\p{N}]/u.test(folded[at - 1]);
+function count(field, token) {
+	let found = 0;
+	for (let at = field.folded.indexOf(token); at >= 0 && found < 5; at = field.folded.indexOf(token, at + token.length)) found++;
+	return found;
+}
+function weight(field, token, base) {
+	const at = field.folded.indexOf(token);
+	if (at < 0) return 0;
+	return isWordStart(field.folded, at) ? base * 1.5 : base;
+}
+const EXCERPT_BEFORE = 40;
+const EXCERPT_LENGTH = 140;
+function excerptAround(field, token) {
+	const at = field.folded.indexOf(token);
+	if (at < 0) return null;
+	const start = field.origin[at];
+	const end = at + token.length < field.origin.length ? field.origin[at + token.length] : field.text.length;
+	let from = Math.max(0, start - EXCERPT_BEFORE);
+	let to = Math.min(field.text.length, from + EXCERPT_LENGTH);
+	if (from > 0) {
+		const space = field.text.indexOf(" ", from);
+		from = space >= 0 && space < start ? space + 1 : from;
+	}
+	if (to < field.text.length) {
+		const space = field.text.lastIndexOf(" ", to);
+		to = space > end ? space : to;
+	}
+	return {
+		before: (from > 0 ? "…" : "") + field.text.slice(from, start),
+		match: field.text.slice(start, end),
+		after: field.text.slice(end, to) + (to < field.text.length ? "…" : "")
+	};
+}
+var DocsSearchService = class DocsSearchService {
+	docs = inject(DocsService);
+	documents = null;
+	prepare() {
+		this.load().catch(() => {});
+	}
+	load() {
+		this.documents ??= firstValueFrom(this.docs.index().pipe(switchMap((index) => {
+			const order = docsReadingOrder(index);
+			if (order.length === 0) return of([]);
+			return forkJoin(order.map(({ section, page }, position) => this.docs.page(section.slug, page.slug).pipe(map((markdown) => {
+				const parsed = parseDocsPage(markdown);
+				return {
+					order: position,
+					sectionTitle: section.title,
+					description: page.description,
+					commands: docsPageCommands(this.docs.root, section.slug, page.slug),
+					title: fold(page.title),
+					section: fold(section.title),
+					headings: parsed.headings.map((heading) => ({
+						id: heading.id,
+						field: fold(heading.text)
+					})),
+					body: fold(parsed.body)
+				};
+			}), catchError(() => of(null))))).pipe(map((documents) => documents.filter((document) => document !== null)));
+		}))).catch((error) => {
+			this.documents = null;
+			throw error;
+		});
+		return this.documents;
+	}
+	async search(query) {
+		const tokens = searchTokens(query);
+		if (tokens.length === 0) return [];
+		const documents = await this.load();
+		const scored = [];
+		for (const document of documents) {
+			let score = 0;
+			let complete = true;
+			for (const token of tokens) {
+				const inTitle = weight(document.title, token, 12);
+				const inSection = weight(document.section, token, 3);
+				const inHeading = Math.max(0, ...document.headings.map((heading) => weight(heading.field, token, 5)));
+				const inBody = count(document.body, token);
+				if (inTitle + inSection + inHeading + inBody === 0) {
+					complete = false;
+					break;
+				}
+				score += inTitle + inSection + inHeading + inBody;
+			}
+			if (!complete) continue;
+			let heading = null;
+			let headingMatches = 0;
+			for (const candidate of document.headings) {
+				const matches = tokens.filter((token) => candidate.field.folded.includes(token)).length;
+				if (matches > headingMatches) {
+					heading = candidate;
+					headingMatches = matches;
+				}
+			}
+			const excerpt = [...tokens].sort((a, b) => b.length - a.length).map((token) => excerptAround(document.body, token)).find((found) => found !== null) ?? {
+				before: document.description,
+				match: "",
+				after: ""
+			};
+			scored.push({
+				score,
+				order: document.order,
+				hit: {
+					sectionTitle: document.sectionTitle,
+					pageTitle: document.title.text,
+					commands: document.commands,
+					fragment: heading?.id ?? null,
+					heading: heading?.field.text ?? null,
+					excerpt
+				}
+			});
+		}
+		return scored.sort((a, b) => b.score - a.score || a.order - b.order).slice(0, 8).map((entry) => entry.hit);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsSearchService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsSearchService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: DocsSearchService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const docsHomeGuard = () => {
+	const router = inject(Router);
+	const docs = inject(DocsService);
+	return docs.index().pipe(map((index) => {
+		const first = firstDocsPage(docs.root, index);
+		return first ? router.createUrlTree(first) : true;
+	}), catchError(() => of(true)));
+};
+function docsRoutes(page) {
+	const loadComponent = page;
+	return [
+		{
+			path: "",
+			pathMatch: "full",
+			canActivate: [docsHomeGuard],
+			loadComponent
+		},
+		{
+			path: ":section/:page",
+			loadComponent
+		},
+		{
+			path: "**",
+			loadComponent
+		}
+	];
+}
+var DocsSearch = class DocsSearch {
+	opened = output();
+	searchService = inject(DocsSearchService);
+	router = inject(Router);
+	field = viewChild.required(Autocomplete, ...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	labels = docsLabels();
+	search = (query) => this.searchService.search(query);
+	label = (hit) => hit.pageTitle;
+	announce = (count) => this.labels().results(count);
+	prepare() {
+		this.searchService.prepare();
+	}
+	open(hit) {
+		this.field().writeValue(null);
+		this.router.navigate(hit.commands, { fragment: hit.fragment ?? void 0 });
+		this.opened.emit(hit);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsSearch,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: DocsSearch,
+		isStandalone: true,
+		selector: "gbt-docs-search",
+		outputs: { opened: "opened" },
+		viewQueries: [{
+			propertyName: "field",
+			first: true,
+			predicate: Autocomplete,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<gbt-autocomplete\n  class=\"gbt-docs-search\"\n  [label]=\"labels().searchLabel\"\n  [placeholder]=\"labels().searchPlaceholder\"\n  [search]=\"search\"\n  [displayFn]=\"label\"\n  [itemTemplate]=\"result\"\n  [debounceMs]=\"150\"\n  [minLength]=\"2\"\n  [loadingMessage]=\"labels().searching\"\n  [noResultsMessage]=\"labels().noResults\"\n  [searchErrorMessage]=\"labels().searchFailed\"\n  [resultsAnnouncement]=\"announce\"\n  (focusin)=\"prepare()\"\n  (itemSelected)=\"open($event)\"\n/>\n\n<ng-template #result let-hit>\n  <span class=\"gbt-docs-search__result\">\n    <span class=\"gbt-docs-search__where\">{{ hit.sectionTitle }}</span>\n    <span class=\"gbt-docs-search__title\">\n      {{ hit.pageTitle }}\n      @if (hit.heading) {\n        <span class=\"gbt-docs-search__heading\">› {{ hit.heading }}</span>\n      }\n    </span>\n    @if (hit.excerpt.before || hit.excerpt.match) {\n      <span class=\"gbt-docs-search__excerpt\"\n        >{{ hit.excerpt.before }}<mark>{{ hit.excerpt.match }}</mark\n        >{{ hit.excerpt.after }}</span\n      >\n    }\n  </span>\n</ng-template>\n",
+		styles: [":host{display:block}.gbt-docs-search ::ng-deep .gbt-autocomplete__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-docs-search__result{display:flex;flex-direction:column;gap:.125rem;min-width:0;text-align:left}.gbt-docs-search__where{color:var(--text-secondary);font-size:.75rem;font-weight:500}.gbt-docs-search__title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.gbt-docs-search__heading{color:var(--text-secondary);font-weight:500}.gbt-docs-search__excerpt{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.gbt-docs-search__excerpt mark{padding:0 .0625rem;border-radius:2px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--text-primary)}\n"],
+		dependencies: [{
+			kind: "component",
+			type: Autocomplete,
+			selector: "gbt-autocomplete",
+			inputs: [
+				"id",
+				"label",
+				"placeholder",
+				"disabled",
+				"required",
+				"errorMessage",
+				"search",
+				"displayFn",
+				"itemTemplate",
+				"debounceMs",
+				"minLength",
+				"loadingMessage",
+				"noResultsMessage",
+				"searchErrorMessage",
+				"resultsAnnouncement"
+			],
+			outputs: ["itemSelected"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: DocsSearch,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-docs-search",
+			standalone: true,
+			imports: [Autocomplete],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-autocomplete\n  class=\"gbt-docs-search\"\n  [label]=\"labels().searchLabel\"\n  [placeholder]=\"labels().searchPlaceholder\"\n  [search]=\"search\"\n  [displayFn]=\"label\"\n  [itemTemplate]=\"result\"\n  [debounceMs]=\"150\"\n  [minLength]=\"2\"\n  [loadingMessage]=\"labels().searching\"\n  [noResultsMessage]=\"labels().noResults\"\n  [searchErrorMessage]=\"labels().searchFailed\"\n  [resultsAnnouncement]=\"announce\"\n  (focusin)=\"prepare()\"\n  (itemSelected)=\"open($event)\"\n/>\n\n<ng-template #result let-hit>\n  <span class=\"gbt-docs-search__result\">\n    <span class=\"gbt-docs-search__where\">{{ hit.sectionTitle }}</span>\n    <span class=\"gbt-docs-search__title\">\n      {{ hit.pageTitle }}\n      @if (hit.heading) {\n        <span class=\"gbt-docs-search__heading\">› {{ hit.heading }}</span>\n      }\n    </span>\n    @if (hit.excerpt.before || hit.excerpt.match) {\n      <span class=\"gbt-docs-search__excerpt\"\n        >{{ hit.excerpt.before }}<mark>{{ hit.excerpt.match }}</mark\n        >{{ hit.excerpt.after }}</span\n      >\n    }\n  </span>\n</ng-template>\n",
+			styles: [":host{display:block}.gbt-docs-search ::ng-deep .gbt-autocomplete__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-docs-search__result{display:flex;flex-direction:column;gap:.125rem;min-width:0;text-align:left}.gbt-docs-search__where{color:var(--text-secondary);font-size:.75rem;font-weight:500}.gbt-docs-search__title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.gbt-docs-search__heading{color:var(--text-secondary);font-weight:500}.gbt-docs-search__excerpt{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.gbt-docs-search__excerpt mark{padding:0 .0625rem;border-radius:2px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--text-primary)}\n"]
+		}]
+	}],
+	propDecorators: {
+		opened: [{
+			type: i0.Output,
+			args: ["opened"]
+		}],
+		field: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => Autocomplete), { isSignal: true }]
+		}]
+	}
+});
+let nextNavId = 0;
+var DocsNav = class DocsNav {
+	index = input.required(...ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []);
+	section = input(null, ...ngDevMode ? [{ debugName: "section" }] : /* istanbul ignore next */ []);
+	page = input(null, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+	root = inject(DocsService).root;
+	labels = docsLabels();
+	bodyId = `gbt-docs-nav-${++nextNavId}`;
+	navOpen = signal(false, ...ngDevMode ? [{ debugName: "navOpen" }] : /* istanbul ignore next */ []);
+	toggled = linkedSignal({
+		...ngDevMode ? { debugName: "toggled" } : /* istanbul ignore next */ {},
+		source: this.section,
+		computation: () => ({})
+	});
+	sections = computed(() => this.index().sections.map((section) => {
+		const current = section.slug === this.section();
+		return {
+			slug: section.slug,
+			title: section.title,
+			open: this.toggled()[section.slug] ?? current,
+			pages: section.pages.map((page) => ({
+				slug: page.slug,
+				title: page.title,
+				commands: docsPageCommands(this.root, section.slug, page.slug),
+				current: current && page.slug === this.page()
+			}))
+		};
+	}), ...ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []);
+	setOpen(slug, open) {
+		this.toggled.update((toggled) => ({
+			...toggled,
+			[slug]: open
+		}));
+	}
+	close() {
+		this.navOpen.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsNav,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: DocsNav,
+		isStandalone: true,
+		selector: "gbt-docs-nav",
+		inputs: {
+			index: {
+				classPropertyName: "index",
+				publicName: "index",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			section: {
+				classPropertyName: "section",
+				publicName: "section",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			page: {
+				classPropertyName: "page",
+				publicName: "page",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div class=\"gbt-docs-nav\" [class.gbt-docs-nav--open]=\"navOpen()\">\n  <div class=\"gbt-docs-nav__header\">\n    <h2 class=\"gbt-docs-nav__heading\">{{ labels().documentation }}</h2>\n    <gbt-button\n      class=\"gbt-docs-nav__toggle\"\n      variant=\"secondary\"\n      size=\"small\"\n      iconName=\"list\"\n      [text]=\"navOpen() ? labels().hideContents : labels().showContents\"\n      [ariaExpanded]=\"navOpen()\"\n      [ariaControls]=\"bodyId\"\n      (clicked)=\"navOpen.set(!navOpen())\"\n    />\n  </div>\n\n  <gbt-docs-search class=\"gbt-docs-nav__search\" (opened)=\"close()\" />\n\n  <div class=\"gbt-docs-nav__body\" [id]=\"bodyId\">\n    @for (section of sections(); track section.slug) {\n      <gbt-disclosure\n        class=\"gbt-docs-nav__section\"\n        appearance=\"plain\"\n        [headingLevel]=\"3\"\n        [label]=\"section.title\"\n        [open]=\"section.open\"\n        (openChange)=\"setOpen(section.slug, $event)\"\n      >\n        <gbt-nav-tabs orientation=\"vertical\" [landmark]=\"false\">\n          @for (page of section.pages; track page.slug) {\n            <a gbtNavTab [routerLink]=\"page.commands\" [active]=\"page.current\" (click)=\"close()\">{{\n              page.title\n            }}</a>\n          }\n        </gbt-nav-tabs>\n      </gbt-disclosure>\n    }\n  </div>\n</div>\n",
+		styles: [":host{display:block}.gbt-docs-nav__header{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;margin-bottom:.5rem}.gbt-docs-nav__heading{flex:1;min-width:0;margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.4}.gbt-docs-nav__toggle{display:none}.gbt-docs-nav__search{margin-bottom:.75rem}.gbt-docs-nav__body{display:flex;flex-direction:column;gap:.25rem}.gbt-docs-nav__section ::ng-deep .gbt-disclosure__toggle{width:100%;padding-inline:.75rem .5rem;color:var(--text-primary);font-size:.8125rem}.gbt-docs-nav__section ::ng-deep .gbt-disclosure__content{padding:.125rem 0 .5rem .5rem}@container gbt-page-layout (min-width: 769px){.gbt-docs-nav__body{max-height:calc(100vh - 8rem);margin-inline:-.25rem;padding-inline:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}@container gbt-page-layout (max-width: 768px){.gbt-docs-nav{padding-bottom:.75rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color))}.gbt-docs-nav__heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-docs-nav__toggle{display:block;flex:0 1 auto;min-width:0;margin-right:auto}.gbt-docs-nav__search{margin-bottom:0}.gbt-docs-nav__body{display:none;margin-top:.75rem}.gbt-docs-nav--open .gbt-docs-nav__body{display:flex}.gbt-docs-nav__section ::ng-deep .gbt-nav-tabs[data-orientation=vertical] div.gbt-nav-tabs__list{flex-direction:column;gap:2px;overflow:visible;box-shadow:none;-webkit-mask-image:none;mask-image:none}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical]{padding:.4375rem .75rem;border-bottom:0;border-radius:var(--site-border-radius-sm);font-weight:400;white-space:normal}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical]:hover{background:var(--bg-hover)}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical][data-active]{background:color-mix(in srgb,var(--primary) 10%,transparent);font-weight:600}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical][data-active]:before{content:\"\"}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical] .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical] .gbt-nav-tab__label:after{content:none}}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "gbt-button, a[gbtButton]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"text",
+					"iconName",
+					"ariaLabel",
+					"loading",
+					"loadingLabel",
+					"disabled",
+					"pressed",
+					"ariaExpanded",
+					"ariaControls",
+					"ariaHaspopup",
+					"block",
+					"iconOnly"
+				],
+				outputs: ["clicked"]
+			},
+			{
+				kind: "component",
+				type: Disclosure,
+				selector: "gbt-disclosure",
+				inputs: [
+					"label",
+					"open",
+					"icon",
+					"appearance",
+					"headingLevel"
+				],
+				outputs: ["openChange"]
+			},
+			{
+				kind: "component",
+				type: NavTab,
+				selector: "a[gbtNavTab]",
+				inputs: [
+					"active",
+					"icon",
+					"badge"
+				]
+			},
+			{
+				kind: "component",
+				type: NavTabs,
+				selector: "gbt-nav-tabs",
+				inputs: [
+					"ariaLabel",
+					"orientation",
+					"landmark"
+				]
+			},
+			{
+				kind: "component",
+				type: DocsSearch,
+				selector: "gbt-docs-search",
+				outputs: ["opened"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: DocsNav,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-docs-nav",
+			standalone: true,
+			imports: [
+				RouterLink,
+				Button,
+				Disclosure,
+				NavTab,
+				NavTabs,
+				DocsSearch
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"gbt-docs-nav\" [class.gbt-docs-nav--open]=\"navOpen()\">\n  <div class=\"gbt-docs-nav__header\">\n    <h2 class=\"gbt-docs-nav__heading\">{{ labels().documentation }}</h2>\n    <gbt-button\n      class=\"gbt-docs-nav__toggle\"\n      variant=\"secondary\"\n      size=\"small\"\n      iconName=\"list\"\n      [text]=\"navOpen() ? labels().hideContents : labels().showContents\"\n      [ariaExpanded]=\"navOpen()\"\n      [ariaControls]=\"bodyId\"\n      (clicked)=\"navOpen.set(!navOpen())\"\n    />\n  </div>\n\n  <gbt-docs-search class=\"gbt-docs-nav__search\" (opened)=\"close()\" />\n\n  <div class=\"gbt-docs-nav__body\" [id]=\"bodyId\">\n    @for (section of sections(); track section.slug) {\n      <gbt-disclosure\n        class=\"gbt-docs-nav__section\"\n        appearance=\"plain\"\n        [headingLevel]=\"3\"\n        [label]=\"section.title\"\n        [open]=\"section.open\"\n        (openChange)=\"setOpen(section.slug, $event)\"\n      >\n        <gbt-nav-tabs orientation=\"vertical\" [landmark]=\"false\">\n          @for (page of section.pages; track page.slug) {\n            <a gbtNavTab [routerLink]=\"page.commands\" [active]=\"page.current\" (click)=\"close()\">{{\n              page.title\n            }}</a>\n          }\n        </gbt-nav-tabs>\n      </gbt-disclosure>\n    }\n  </div>\n</div>\n",
+			styles: [":host{display:block}.gbt-docs-nav__header{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;margin-bottom:.5rem}.gbt-docs-nav__heading{flex:1;min-width:0;margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.4}.gbt-docs-nav__toggle{display:none}.gbt-docs-nav__search{margin-bottom:.75rem}.gbt-docs-nav__body{display:flex;flex-direction:column;gap:.25rem}.gbt-docs-nav__section ::ng-deep .gbt-disclosure__toggle{width:100%;padding-inline:.75rem .5rem;color:var(--text-primary);font-size:.8125rem}.gbt-docs-nav__section ::ng-deep .gbt-disclosure__content{padding:.125rem 0 .5rem .5rem}@container gbt-page-layout (min-width: 769px){.gbt-docs-nav__body{max-height:calc(100vh - 8rem);margin-inline:-.25rem;padding-inline:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}@container gbt-page-layout (max-width: 768px){.gbt-docs-nav{padding-bottom:.75rem;border-bottom:1px solid var(--gbt-hairline, var(--border-color))}.gbt-docs-nav__heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-docs-nav__toggle{display:block;flex:0 1 auto;min-width:0;margin-right:auto}.gbt-docs-nav__search{margin-bottom:0}.gbt-docs-nav__body{display:none;margin-top:.75rem}.gbt-docs-nav--open .gbt-docs-nav__body{display:flex}.gbt-docs-nav__section ::ng-deep .gbt-nav-tabs[data-orientation=vertical] div.gbt-nav-tabs__list{flex-direction:column;gap:2px;overflow:visible;box-shadow:none;-webkit-mask-image:none;mask-image:none}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical]{padding:.4375rem .75rem;border-bottom:0;border-radius:var(--site-border-radius-sm);font-weight:400;white-space:normal}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical]:hover{background:var(--bg-hover)}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical][data-active]{background:color-mix(in srgb,var(--primary) 10%,transparent);font-weight:600}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical][data-active]:before{content:\"\"}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical] .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}.gbt-docs-nav__section ::ng-deep a.gbt-nav-tab[data-orientation=vertical] .gbt-nav-tab__label:after{content:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		index: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "index",
+				required: true
+			}]
+		}],
+		section: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "section",
+				required: false
+			}]
+		}],
+		page: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "page",
+				required: false
+			}]
+		}]
+	}
+});
+function hasOutline(entries) {
+	return entries.length >= 2;
+}
+var MarkdownOutline = class MarkdownOutline {
+	entries = input.required(...ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	labels = docsLabels();
+	here = [];
+	goTo(id) {
+		const heading = document.getElementById(id);
+		if (!heading) return;
+		const reduceMotion = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+		heading.scrollIntoView?.({
+			behavior: reduceMotion ? "auto" : "smooth",
+			block: "start"
+		});
+		heading.setAttribute("tabindex", "-1");
+		heading.focus({ preventScroll: true });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: MarkdownOutline,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: MarkdownOutline,
+		isStandalone: true,
+		selector: "gbt-markdown-outline",
+		inputs: {
+			entries: {
+				classPropertyName: "entries",
+				publicName: "entries",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<gbt-panel [heading]=\"labels().onThisPage\" [headingLevel]=\"headingLevel()\">\n  <ul class=\"gbt-markdown-outline__list\">\n    @for (entry of entries(); track entry.id) {\n      <li class=\"gbt-markdown-outline__item\" [attr.data-level]=\"entry.level\">\n        <a\n          class=\"gbt-markdown-outline__link\"\n          [routerLink]=\"here\"\n          [fragment]=\"entry.id\"\n          [title]=\"entry.text\"\n          (click)=\"goTo(entry.id)\"\n          >{{ entry.text }}</a\n        >\n      </li>\n    }\n  </ul>\n</gbt-panel>\n",
+		styles: [":host{display:block}.gbt-markdown-outline__list{margin:0;padding:0;list-style:none;border-left:1px solid var(--gbt-hairline, var(--border-color))}.gbt-markdown-outline__link{display:block;margin-left:-1px;padding:.25rem .5rem .25rem .75rem;border-left:2px solid transparent;color:var(--text-secondary);font-size:.8125rem;line-height:1.45;text-decoration:none;overflow-wrap:anywhere;transition:border-color var(--site-transition-fast),color var(--site-transition-fast)}.gbt-markdown-outline__link:hover{border-left-color:var(--primary);color:var(--text-primary)}.gbt-markdown-outline__link:focus-visible{border-radius:var(--site-border-radius-sm);outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-markdown-outline__item[data-level=\"2\"] .gbt-markdown-outline__link{color:var(--text-primary)}.gbt-markdown-outline__item[data-level=\"3\"] .gbt-markdown-outline__link{padding-left:1.5rem}.gbt-markdown-outline__item[data-level=\"4\"] .gbt-markdown-outline__link{padding-left:2.25rem}@media(prefers-reduced-motion:reduce){.gbt-markdown-outline__link{transition:none}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: RouterLink,
+			selector: "[routerLink]",
+			inputs: [
+				"target",
+				"queryParams",
+				"fragment",
+				"queryParamsHandling",
+				"state",
+				"info",
+				"relativeTo",
+				"preserveFragment",
+				"skipLocationChange",
+				"replaceUrl",
+				"browserUrl",
+				"routerLink"
+			]
+		}, {
+			kind: "component",
+			type: Panel,
+			selector: "gbt-panel",
+			inputs: ["heading", "headingLevel"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: MarkdownOutline,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-markdown-outline",
+			standalone: true,
+			imports: [RouterLink, Panel],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-panel [heading]=\"labels().onThisPage\" [headingLevel]=\"headingLevel()\">\n  <ul class=\"gbt-markdown-outline__list\">\n    @for (entry of entries(); track entry.id) {\n      <li class=\"gbt-markdown-outline__item\" [attr.data-level]=\"entry.level\">\n        <a\n          class=\"gbt-markdown-outline__link\"\n          [routerLink]=\"here\"\n          [fragment]=\"entry.id\"\n          [title]=\"entry.text\"\n          (click)=\"goTo(entry.id)\"\n          >{{ entry.text }}</a\n        >\n      </li>\n    }\n  </ul>\n</gbt-panel>\n",
+			styles: [":host{display:block}.gbt-markdown-outline__list{margin:0;padding:0;list-style:none;border-left:1px solid var(--gbt-hairline, var(--border-color))}.gbt-markdown-outline__link{display:block;margin-left:-1px;padding:.25rem .5rem .25rem .75rem;border-left:2px solid transparent;color:var(--text-secondary);font-size:.8125rem;line-height:1.45;text-decoration:none;overflow-wrap:anywhere;transition:border-color var(--site-transition-fast),color var(--site-transition-fast)}.gbt-markdown-outline__link:hover{border-left-color:var(--primary);color:var(--text-primary)}.gbt-markdown-outline__link:focus-visible{border-radius:var(--site-border-radius-sm);outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-markdown-outline__item[data-level=\"2\"] .gbt-markdown-outline__link{color:var(--text-primary)}.gbt-markdown-outline__item[data-level=\"3\"] .gbt-markdown-outline__link{padding-left:1.5rem}.gbt-markdown-outline__item[data-level=\"4\"] .gbt-markdown-outline__link{padding-left:2.25rem}@media(prefers-reduced-motion:reduce){.gbt-markdown-outline__link{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		entries: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "entries",
+				required: true
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}]
+	}
+});
+const keyOf = (section, page) => `${section}/${page}`;
+var DocsPage = class DocsPage {
+	docs = inject(DocsService);
+	route = inject(ActivatedRoute);
+	setTitle = inject(DOCS_TITLE, { optional: true });
+	callouts = inject(DOCS_CONFIG).callouts;
+	host = inject(ElementRef);
+	labels = docsLabels();
+	root = this.docs.root;
+	skeletonRows = [
+		"38%",
+		"92%",
+		"84%",
+		"96%",
+		"60%"
+	];
+	reload$ = new BehaviorSubject(void 0);
+	index = signal(null, ...ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []);
+	params = toSignal(this.route.paramMap, { requireSync: true });
+	sectionSlug = computed(() => this.params().get("section"), ...ngDevMode ? [{ debugName: "sectionSlug" }] : /* istanbul ignore next */ []);
+	pageSlug = computed(() => this.params().get("page"), ...ngDevMode ? [{ debugName: "pageSlug" }] : /* istanbul ignore next */ []);
+	view = toSignal(combineLatest([this.route.paramMap, this.reload$]).pipe(switchMap(([params]) => this.load(params))), { initialValue: { kind: "loading" } });
+	page = computed(() => {
+		const view = this.view();
+		return view.kind === "page" ? view : null;
+	}, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+	notFound = computed(() => {
+		const view = this.view();
+		return view.kind === "not-found" ? view : null;
+	}, ...ngDevMode ? [{ debugName: "notFound" }] : /* istanbul ignore next */ []);
+	outline = signal([], ...ngDevMode ? [{ debugName: "outline" }] : /* istanbul ignore next */ []);
+	showOutline = computed(() => this.view().kind === "page" && hasOutline(this.outline()), ...ngDevMode ? [{ debugName: "showOutline" }] : /* istanbul ignore next */ []);
+	wanted = null;
+	renderedKey = null;
+	constructor() {
+		effect(() => {
+			const view = this.view();
+			const labels = this.labels();
+			this.setTitle?.(view.kind === "page" ? view.location.page.title : view.kind === "not-found" ? labels.notFoundHeading : labels.documentation);
+		});
+		let first = true;
+		combineLatest([this.route.paramMap, this.route.fragment]).pipe(debounceTime(0), takeUntilDestroyed(inject(DestroyRef))).subscribe(([params, fragment]) => {
+			this.wanted = {
+				key: keyOf(params.get("section"), params.get("page")),
+				fragment,
+				moveFocus: !first
+			};
+			first = false;
+			this.settle();
+		});
+	}
+	load(params) {
+		const section = params.get("section");
+		const page = params.get("page");
+		return this.docs.index().pipe(tap((index) => this.index.set(index)), switchMap((index) => {
+			const location = locateDocsPage(this.root, index, section, page);
+			const notFound = {
+				kind: "not-found",
+				firstPage: firstDocsPage(this.root, index)
+			};
+			if (!location) return of(notFound);
+			return this.docs.page(location.section.slug, location.page.slug).pipe(map((content) => ({
+				kind: "page",
+				location,
+				content
+			})), catchError((error) => of(isNotFound(error) ? notFound : { kind: "failed" })));
+		}), catchError(() => of({ kind: "failed" })), startWith({ kind: "loading" }));
+	}
+	retry() {
+		this.reload$.next();
+	}
+	sectionLink(location) {
+		return docsPageCommands(this.root, location.section.slug, location.section.pages[0].slug);
+	}
+	onRendered(entries) {
+		this.outline.set(entries);
+		const content = this.content();
+		if (!content) return;
+		for (const quote of Array.from(content.querySelectorAll("blockquote"))) {
+			const lead = quote.firstElementChild?.tagName === "P" ? quote.firstElementChild.firstChild : null;
+			const word = lead instanceof HTMLElement && lead.tagName === "STRONG" ? (lead.textContent ?? "").trim().toLowerCase() : "";
+			const kind = Object.hasOwn(this.callouts, word) ? this.callouts[word] : void 0;
+			if (kind) {
+				quote.setAttribute("data-callout", kind);
+				quote.setAttribute("role", "note");
+			}
+		}
+		const view = this.view();
+		this.renderedKey = view.kind === "page" ? keyOf(view.location.section.slug, view.location.page.slug) : null;
+		this.settle();
+	}
+	content() {
+		return this.host.nativeElement.querySelector(".gbt-docs-page__content");
+	}
+	settle() {
+		const wanted = this.wanted;
+		const content = this.content();
+		if (!wanted || wanted.key !== this.renderedKey || !content) return;
+		this.wanted = null;
+		const reduceMotion = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+		const target = wanted.fragment ? findAnchorTarget(content, wanted.fragment) : null;
+		if (target) {
+			target.scrollIntoView?.({
+				behavior: wanted.moveFocus && !reduceMotion ? "smooth" : "auto",
+				block: "start"
+			});
+			if (wanted.moveFocus) this.focus(target);
+			return;
+		}
+		if (wanted.moveFocus) {
+			const heading = content.querySelector("h1");
+			if (heading) this.focus(heading);
+			this.host.nativeElement.ownerDocument.defaultView?.scrollTo?.({ top: 0 });
+		}
+	}
+	focus(element) {
+		if (element.tabIndex < 0) element.setAttribute("tabindex", "-1");
+		element.focus({ preventScroll: true });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: DocsPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: DocsPage,
+		isStandalone: true,
+		selector: "gbt-docs-page",
+		ngImport: i0,
+		template: "<gbt-page-layout\n  width=\"wide\"\n  asideWidth=\"sm\"\n  [navLabel]=\"labels().documentation\"\n  [asideLabel]=\"labels().onThisPage\"\n  stickyNav\n>\n  <!-- One root per projected block: a control-flow block only gets projected into a named slot that way. -->\n  @if (index(); as index) {\n    <gbt-docs-nav page-nav [index]=\"index\" [section]=\"sectionSlug()\" [page]=\"pageSlug()\" />\n  }\n\n  <div class=\"gbt-docs-page\">\n    @if (page(); as page) {\n      <gbt-breadcrumb class=\"gbt-docs-page__breadcrumb\" [ariaLabel]=\"labels().breadcrumb\">\n        <li breadcrumb-ancestor>\n          <a class=\"gbt-breadcrumb__item\" [routerLink]=\"root\">{{ labels().documentation }}</a>\n        </li>\n        <li breadcrumb-ancestor>\n          <a class=\"gbt-breadcrumb__item\" [routerLink]=\"sectionLink(page.location)\">{{\n            page.location.section.title\n          }}</a>\n        </li>\n        {{ page.location.page.title }}\n      </gbt-breadcrumb>\n\n      <article class=\"gbt-docs-page__article\">\n        <gbt-card variant=\"outlined\" [flush]=\"true\">\n          <div class=\"gbt-docs-page__body\">\n            <gbt-markdown-view\n              class=\"gbt-docs-page__content\"\n              [content]=\"page.content\"\n              [routedLinkPrefix]=\"root\"\n              (outline)=\"onRendered($event)\"\n            />\n          </div>\n        </gbt-card>\n      </article>\n\n      @if (page.location.previous || page.location.next) {\n        <nav class=\"gbt-docs-page__pager\" [attr.aria-label]=\"labels().neighbours\">\n          @if (page.location.previous; as previous) {\n            <gbt-card class=\"gbt-docs-page__neighbour\" variant=\"outlined\" hoverable>\n              <span class=\"gbt-docs-page__neighbour-label\"\n                >{{ labels().previous }} · {{ previous.sectionTitle }}</span\n              >\n              <a\n                gbtCardLink\n                class=\"gbt-docs-page__neighbour-link\"\n                [routerLink]=\"previous.commands\"\n                >{{ previous.title }}</a\n              >\n            </gbt-card>\n          }\n          @if (page.location.next; as next) {\n            <gbt-card\n              class=\"gbt-docs-page__neighbour gbt-docs-page__neighbour--next\"\n              variant=\"outlined\"\n              hoverable\n            >\n              <span class=\"gbt-docs-page__neighbour-label\"\n                >{{ labels().next }} · {{ next.sectionTitle }}</span\n              >\n              <a gbtCardLink class=\"gbt-docs-page__neighbour-link\" [routerLink]=\"next.commands\">{{\n                next.title\n              }}</a>\n            </gbt-card>\n          }\n        </nav>\n      }\n    } @else if (notFound(); as notFound) {\n      <gbt-card class=\"gbt-docs-page__not-found\" variant=\"outlined\">\n        <gbt-empty-state\n          illustration=\"book\"\n          [headingLevel]=\"1\"\n          [heading]=\"labels().notFoundHeading\"\n          [message]=\"labels().notFoundMessage\"\n        >\n          @if (notFound.firstPage; as firstPage) {\n            <a gbtButton variant=\"primary\" [routerLink]=\"firstPage\">{{ labels().toStart }}</a>\n          }\n        </gbt-empty-state>\n      </gbt-card>\n    } @else if (view().kind === 'failed') {\n      <gbt-alert class=\"gbt-docs-page__failed\" variant=\"error\" appearance=\"subtle\">\n        {{ labels().loadFailed }}\n        <gbt-button\n          alert-actions\n          variant=\"secondary\"\n          size=\"small\"\n          iconName=\"refresh-cw\"\n          [text]=\"labels().retry\"\n          (clicked)=\"retry()\"\n        />\n      </gbt-alert>\n    } @else {\n      <div class=\"gbt-docs-page__loading\" aria-busy=\"true\">\n        <span class=\"gbt-docs-page__status\" role=\"status\">{{ labels().loading }}</span>\n        <gbt-card variant=\"outlined\" [flush]=\"true\" aria-hidden=\"true\">\n          <div class=\"gbt-docs-page__loading-card\">\n            @for (width of skeletonRows; track $index) {\n              <gbt-skeleton [width]=\"width\" [height]=\"$first ? '1.75rem' : '0.875rem'\" />\n            }\n          </div>\n        </gbt-card>\n      </div>\n    }\n  </div>\n\n  @if (showOutline()) {\n    <div page-aside class=\"gbt-docs-page__aside\">\n      <gbt-markdown-outline [entries]=\"outline()\" />\n    </div>\n  }\n</gbt-page-layout>\n",
+		styles: [":host{display:block}gbt-page-layout[data-width]{max-width:none}@container gbt-page-layout (max-width: 1100px){:host ::ng-deep .gbt-page-layout__aside{display:none}}.gbt-docs-page{display:flex;flex-direction:column;gap:1rem;min-width:0}.gbt-docs-page__breadcrumb{display:block;min-width:0}.gbt-docs-page__article{container:docs-article/inline-size;min-width:0}gbt-card ::ng-deep .gbt-card{color:inherit;font-size:inherit;line-height:inherit}.gbt-docs-page__body{padding:1.75rem 2.25rem 2rem}.gbt-docs-page__body ::ng-deep .gbt-markdown-view{font-size:1rem;line-height:1.7}.gbt-docs-page__body ::ng-deep h1,.gbt-docs-page__body ::ng-deep h2,.gbt-docs-page__body ::ng-deep h3,.gbt-docs-page__body ::ng-deep h4{scroll-margin-top:1rem}.gbt-docs-page__body ::ng-deep [tabindex=\"-1\"]:focus{outline:none}.gbt-docs-page__body ::ng-deep pre{font-size:.875rem}.gbt-docs-page__body ::ng-deep table{width:max-content;min-width:100%}.gbt-docs-page__body ::ng-deep th{background:var(--bg-panel);font-weight:600}.gbt-docs-page__body ::ng-deep td code,.gbt-docs-page__body ::ng-deep th code{white-space:nowrap}.gbt-docs-page__body ::ng-deep blockquote[data-callout]{padding:.75rem 1rem;border:1px solid transparent;border-left-width:4px;border-radius:var(--site-border-radius-sm);color:var(--text-primary)}.gbt-docs-page__body ::ng-deep blockquote[data-callout]>:last-child{margin-bottom:0}.gbt-docs-page__body ::ng-deep blockquote[data-callout=note]{border-color:color-mix(in srgb,var(--color-info-bg-text) 25%,transparent);border-left-color:var(--color-info-bg-text);background:color-mix(in srgb,var(--color-info-bg) 55%,var(--bg-principal))}.gbt-docs-page__body ::ng-deep blockquote[data-callout=warning]{border-color:color-mix(in srgb,var(--color-warning-bg-text) 25%,transparent);border-left-color:var(--color-warning-bg-text);background:color-mix(in srgb,var(--color-warning-bg) 55%,var(--bg-principal))}@container docs-article (max-width: 559px){.gbt-docs-page__body{padding:1.125rem 1rem 1.25rem}}.gbt-docs-page__pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gbt-docs-page__neighbour--next{grid-column:2;text-align:right}.gbt-docs-page__neighbour-label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.75rem}.gbt-docs-page__neighbour-link{color:var(--primary);font-weight:600;overflow-wrap:anywhere}@container gbt-page-layout (max-width: 559px){.gbt-docs-page__pager{grid-template-columns:minmax(0,1fr)}.gbt-docs-page__neighbour--next{grid-column:auto}}.gbt-docs-page__not-found{display:block}.gbt-docs-page__loading-card{display:flex;flex-direction:column;gap:.875rem;padding:1.75rem 2.25rem}.gbt-docs-page__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: Alert,
+				selector: "gbt-alert",
+				inputs: [
+					"variant",
+					"dismissible",
+					"closeLabel",
+					"live",
+					"heading",
+					"size",
+					"appearance",
+					"iconAlign"
+				],
+				outputs: ["dismissed"]
+			},
+			{
+				kind: "component",
+				type: Breadcrumb,
+				selector: "gbt-breadcrumb",
+				inputs: ["ariaLabel"]
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "gbt-button, a[gbtButton]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"text",
+					"iconName",
+					"ariaLabel",
+					"loading",
+					"loadingLabel",
+					"disabled",
+					"pressed",
+					"ariaExpanded",
+					"ariaControls",
+					"ariaHaspopup",
+					"block",
+					"iconOnly"
+				],
+				outputs: ["clicked"]
+			},
+			{
+				kind: "component",
+				type: Card,
+				selector: "gbt-card",
+				inputs: [
+					"hoverable",
+					"heading",
+					"icon",
+					"headingLevel",
+					"variant",
+					"description",
+					"count",
+					"flush",
+					"tone",
+					"selected",
+					"selectedLabel",
+					"href",
+					"linkLabel"
+				]
+			},
+			{
+				kind: "component",
+				type: CardLink,
+				selector: "a[gbtCardLink]"
+			},
+			{
+				kind: "component",
+				type: EmptyState,
+				selector: "gbt-empty-state",
+				inputs: [
+					"illustration",
+					"heading",
+					"message",
+					"icon",
+					"size",
+					"tone",
+					"headingLevel",
+					"headingId",
+					"headingFocusable"
+				]
+			},
+			{
+				kind: "component",
+				type: PageLayout,
+				selector: "gbt-page-layout",
+				inputs: [
+					"width",
+					"asideWidth",
+					"asidePosition",
+					"navLabel",
+					"asideLabel",
+					"stickyNav"
+				]
+			},
+			{
+				kind: "component",
+				type: Skeleton,
+				selector: "gbt-skeleton",
+				inputs: [
+					"variant",
+					"width",
+					"height"
+				]
+			},
+			{
+				kind: "component",
+				type: MarkdownView,
+				selector: "gbt-markdown-view",
+				inputs: [
+					"content",
+					"headingOffset",
+					"routedLinkPrefix"
+				],
+				outputs: ["outline"]
+			},
+			{
+				kind: "component",
+				type: MarkdownOutline,
+				selector: "gbt-markdown-outline",
+				inputs: ["entries", "headingLevel"]
+			},
+			{
+				kind: "component",
+				type: DocsNav,
+				selector: "gbt-docs-nav",
+				inputs: [
+					"index",
+					"section",
+					"page"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: DocsPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-docs-page",
+			standalone: true,
+			imports: [
+				RouterLink,
+				Alert,
+				Breadcrumb,
+				Button,
+				Card,
+				CardLink,
+				EmptyState,
+				PageLayout,
+				Skeleton,
+				MarkdownView,
+				MarkdownOutline,
+				DocsNav
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-page-layout\n  width=\"wide\"\n  asideWidth=\"sm\"\n  [navLabel]=\"labels().documentation\"\n  [asideLabel]=\"labels().onThisPage\"\n  stickyNav\n>\n  <!-- One root per projected block: a control-flow block only gets projected into a named slot that way. -->\n  @if (index(); as index) {\n    <gbt-docs-nav page-nav [index]=\"index\" [section]=\"sectionSlug()\" [page]=\"pageSlug()\" />\n  }\n\n  <div class=\"gbt-docs-page\">\n    @if (page(); as page) {\n      <gbt-breadcrumb class=\"gbt-docs-page__breadcrumb\" [ariaLabel]=\"labels().breadcrumb\">\n        <li breadcrumb-ancestor>\n          <a class=\"gbt-breadcrumb__item\" [routerLink]=\"root\">{{ labels().documentation }}</a>\n        </li>\n        <li breadcrumb-ancestor>\n          <a class=\"gbt-breadcrumb__item\" [routerLink]=\"sectionLink(page.location)\">{{\n            page.location.section.title\n          }}</a>\n        </li>\n        {{ page.location.page.title }}\n      </gbt-breadcrumb>\n\n      <article class=\"gbt-docs-page__article\">\n        <gbt-card variant=\"outlined\" [flush]=\"true\">\n          <div class=\"gbt-docs-page__body\">\n            <gbt-markdown-view\n              class=\"gbt-docs-page__content\"\n              [content]=\"page.content\"\n              [routedLinkPrefix]=\"root\"\n              (outline)=\"onRendered($event)\"\n            />\n          </div>\n        </gbt-card>\n      </article>\n\n      @if (page.location.previous || page.location.next) {\n        <nav class=\"gbt-docs-page__pager\" [attr.aria-label]=\"labels().neighbours\">\n          @if (page.location.previous; as previous) {\n            <gbt-card class=\"gbt-docs-page__neighbour\" variant=\"outlined\" hoverable>\n              <span class=\"gbt-docs-page__neighbour-label\"\n                >{{ labels().previous }} · {{ previous.sectionTitle }}</span\n              >\n              <a\n                gbtCardLink\n                class=\"gbt-docs-page__neighbour-link\"\n                [routerLink]=\"previous.commands\"\n                >{{ previous.title }}</a\n              >\n            </gbt-card>\n          }\n          @if (page.location.next; as next) {\n            <gbt-card\n              class=\"gbt-docs-page__neighbour gbt-docs-page__neighbour--next\"\n              variant=\"outlined\"\n              hoverable\n            >\n              <span class=\"gbt-docs-page__neighbour-label\"\n                >{{ labels().next }} · {{ next.sectionTitle }}</span\n              >\n              <a gbtCardLink class=\"gbt-docs-page__neighbour-link\" [routerLink]=\"next.commands\">{{\n                next.title\n              }}</a>\n            </gbt-card>\n          }\n        </nav>\n      }\n    } @else if (notFound(); as notFound) {\n      <gbt-card class=\"gbt-docs-page__not-found\" variant=\"outlined\">\n        <gbt-empty-state\n          illustration=\"book\"\n          [headingLevel]=\"1\"\n          [heading]=\"labels().notFoundHeading\"\n          [message]=\"labels().notFoundMessage\"\n        >\n          @if (notFound.firstPage; as firstPage) {\n            <a gbtButton variant=\"primary\" [routerLink]=\"firstPage\">{{ labels().toStart }}</a>\n          }\n        </gbt-empty-state>\n      </gbt-card>\n    } @else if (view().kind === 'failed') {\n      <gbt-alert class=\"gbt-docs-page__failed\" variant=\"error\" appearance=\"subtle\">\n        {{ labels().loadFailed }}\n        <gbt-button\n          alert-actions\n          variant=\"secondary\"\n          size=\"small\"\n          iconName=\"refresh-cw\"\n          [text]=\"labels().retry\"\n          (clicked)=\"retry()\"\n        />\n      </gbt-alert>\n    } @else {\n      <div class=\"gbt-docs-page__loading\" aria-busy=\"true\">\n        <span class=\"gbt-docs-page__status\" role=\"status\">{{ labels().loading }}</span>\n        <gbt-card variant=\"outlined\" [flush]=\"true\" aria-hidden=\"true\">\n          <div class=\"gbt-docs-page__loading-card\">\n            @for (width of skeletonRows; track $index) {\n              <gbt-skeleton [width]=\"width\" [height]=\"$first ? '1.75rem' : '0.875rem'\" />\n            }\n          </div>\n        </gbt-card>\n      </div>\n    }\n  </div>\n\n  @if (showOutline()) {\n    <div page-aside class=\"gbt-docs-page__aside\">\n      <gbt-markdown-outline [entries]=\"outline()\" />\n    </div>\n  }\n</gbt-page-layout>\n",
+			styles: [":host{display:block}gbt-page-layout[data-width]{max-width:none}@container gbt-page-layout (max-width: 1100px){:host ::ng-deep .gbt-page-layout__aside{display:none}}.gbt-docs-page{display:flex;flex-direction:column;gap:1rem;min-width:0}.gbt-docs-page__breadcrumb{display:block;min-width:0}.gbt-docs-page__article{container:docs-article/inline-size;min-width:0}gbt-card ::ng-deep .gbt-card{color:inherit;font-size:inherit;line-height:inherit}.gbt-docs-page__body{padding:1.75rem 2.25rem 2rem}.gbt-docs-page__body ::ng-deep .gbt-markdown-view{font-size:1rem;line-height:1.7}.gbt-docs-page__body ::ng-deep h1,.gbt-docs-page__body ::ng-deep h2,.gbt-docs-page__body ::ng-deep h3,.gbt-docs-page__body ::ng-deep h4{scroll-margin-top:1rem}.gbt-docs-page__body ::ng-deep [tabindex=\"-1\"]:focus{outline:none}.gbt-docs-page__body ::ng-deep pre{font-size:.875rem}.gbt-docs-page__body ::ng-deep table{width:max-content;min-width:100%}.gbt-docs-page__body ::ng-deep th{background:var(--bg-panel);font-weight:600}.gbt-docs-page__body ::ng-deep td code,.gbt-docs-page__body ::ng-deep th code{white-space:nowrap}.gbt-docs-page__body ::ng-deep blockquote[data-callout]{padding:.75rem 1rem;border:1px solid transparent;border-left-width:4px;border-radius:var(--site-border-radius-sm);color:var(--text-primary)}.gbt-docs-page__body ::ng-deep blockquote[data-callout]>:last-child{margin-bottom:0}.gbt-docs-page__body ::ng-deep blockquote[data-callout=note]{border-color:color-mix(in srgb,var(--color-info-bg-text) 25%,transparent);border-left-color:var(--color-info-bg-text);background:color-mix(in srgb,var(--color-info-bg) 55%,var(--bg-principal))}.gbt-docs-page__body ::ng-deep blockquote[data-callout=warning]{border-color:color-mix(in srgb,var(--color-warning-bg-text) 25%,transparent);border-left-color:var(--color-warning-bg-text);background:color-mix(in srgb,var(--color-warning-bg) 55%,var(--bg-principal))}@container docs-article (max-width: 559px){.gbt-docs-page__body{padding:1.125rem 1rem 1.25rem}}.gbt-docs-page__pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gbt-docs-page__neighbour--next{grid-column:2;text-align:right}.gbt-docs-page__neighbour-label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.75rem}.gbt-docs-page__neighbour-link{color:var(--primary);font-weight:600;overflow-wrap:anywhere}@container gbt-page-layout (max-width: 559px){.gbt-docs-page__pager{grid-template-columns:minmax(0,1fr)}.gbt-docs-page__neighbour--next{grid-column:auto}}.gbt-docs-page__not-found{display:block}.gbt-docs-page__loading-card{display:flex;flex-direction:column;gap:.875rem;padding:1.75rem 2.25rem}.gbt-docs-page__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"]
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { DEFAULT_DOCS_CONFIG, DEFAULT_DOCS_LABELS, DOCS_CONFIG, DOCS_LABELS, DOCS_SEARCH_LIMIT, DOCS_TITLE, DocsNav, DocsPage, DocsSearch, DocsSearchService, DocsService, MarkdownOutline, MarkdownView, decodeFragment, docsHomeGuard, docsLabels, docsPageCommands, docsReadingOrder, docsRoutes, findAnchorTarget, firstDocsPage, hasOutline, headingSlug, isNotFound, locateDocsPage, makeScrollableBlocksFocusable, nameTaskCheckboxes, parseDocsPage, provideDocs, provideDocsLabels, searchTokens };
+
+//# sourceMappingURL=masmarino-gabarit-docs.mjs.map