@masmarino/gabarit 1.4.0 → 2.1.0

package/fesm2022/masmarino-gabarit-disclosure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-disclosure.mjs","names":[],"sources":["../../../projects/gabarit/disclosure/disclosure.ts","../../../projects/gabarit/disclosure/disclosure.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, input, model } from '@angular/core'\nimport { Icon } from '@masmarino/gabarit/icon'\n\nexport type DisclosureAppearance = 'bordered' | 'plain'\nexport type DisclosureHeadingLevel = 2 | 3 | 4 | 5 | 6\n\nlet nextDisclosureId = 0\n\n@Component({\n  selector: 'gbt-disclosure',\n  standalone: true,\n  imports: [Icon, NgTemplateOutlet],\n  templateUrl: './disclosure.html',\n  styleUrl: './disclosure.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Disclosure {\n  label = input.required<string>()\n  open = model(false)\n  icon = input<string | null>(null)\n  appearance = input<DisclosureAppearance>('bordered')\n  headingLevel = input<DisclosureHeadingLevel | null>(null)\n\n  protected readonly buttonId = `gbt-disclosure-${++nextDisclosureId}`\n  protected readonly panelId = `${this.buttonId}-panel`\n\n  protected toggle(): void {\n    this.open.set(!this.open())\n  }\n}\n","<div\n  class=\"gbt-disclosure\"\n  [attr.data-appearance]=\"appearance()\"\n  [attr.data-open]=\"open() ? '' : null\"\n>\n  @switch (headingLevel()) {\n    @case (2) {\n      <h2 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h2>\n    }\n    @case (3) {\n      <h3 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h3>\n    }\n    @case (4) {\n      <h4 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h4>\n    }\n    @case (5) {\n      <h5 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h5>\n    }\n    @case (6) {\n      <h6 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h6>\n    }\n    @default {\n      <ng-container *ngTemplateOutlet=\"toggleButton\" />\n    }\n  }\n  <div\n    class=\"gbt-disclosure__panel\"\n    [id]=\"panelId\"\n    [attr.data-open]=\"open() ? '' : null\"\n    [attr.inert]=\"open() ? null : ''\"\n  >\n    <div class=\"gbt-disclosure__panel-inner\">\n      <div class=\"gbt-disclosure__content\"><ng-content /></div>\n    </div>\n  </div>\n</div>\n\n<ng-template #toggleButton>\n  <button\n    type=\"button\"\n    class=\"gbt-disclosure__toggle\"\n    [id]=\"buttonId\"\n    [attr.aria-expanded]=\"open()\"\n    [attr.aria-controls]=\"panelId\"\n    (click)=\"toggle()\"\n  >\n    @if (icon(); as name) {\n      <gbt-icon class=\"gbt-disclosure__icon\" [name]=\"name\" />\n    }\n    <span class=\"gbt-disclosure__label\">{{ label() }}</span>\n    <gbt-icon class=\"gbt-disclosure__chevron\" name=\"chevron-down\" />\n  </button>\n</ng-template>\n"],"mappings":";;;;AAOA,IAAI,mBAAmB;AAUvB,IAAa,aAAb,MAAa,WAAU;CACrB,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,OAAO,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACnB,OAAO,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACjC,aAAa,MAA4B,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACpD,eAAe,MAAqC,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEtC,WAAW,kBAAkB,EAAE;CAC/B,UAAU,GAAG,KAAK,SAAQ;CAEnC,SAAM;EACd,KAAK,KAAK,IAAI,CAAC,KAAK,KAAI,CAAE;CAC5B;CAZW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,MAAA,aAAA;EAAA,UAAA;EAAA,UCjBvB;EAqDA,QAAA,CAAA,w2DAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDzCY;GAAI,UAAA;GAAA,QAAA,CAAA,MAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKrB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EARtB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,YACd;GAAI,SACP,CAAC,MAAM,gBAAgB;GAAC,iBAGhB,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,w2DAAA;EAAA,CAAA"}

package/fesm2022/masmarino-gabarit-divider.mjs

@@ -0,0 +1,90 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var Divider = class Divider {
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Divider,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Divider,
+		isStandalone: true,
+		selector: "gbt-divider",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "separator" },
+			properties: {
+				"attr.data-orientation": "orientation()",
+				"attr.aria-orientation": "orientation() === 'vertical' ? 'vertical' : null"
+			}
+		},
+		ngImport: i0,
+		template: "@if (label()) {\n  <span class=\"gbt-divider__line\"></span>\n  <span class=\"gbt-divider__label\">{{ label() }}</span>\n  <span class=\"gbt-divider__line\"></span>\n} @else {\n  <span class=\"gbt-divider__line\"></span>\n}\n",
+		styles: [":host{display:flex;align-items:center;gap:.75rem}:host[data-orientation=vertical]{flex-direction:column;align-self:stretch}.gbt-divider__line{flex:1;background:var(--border-color)}:host[data-orientation=horizontal] .gbt-divider__line{height:1px}:host[data-orientation=vertical] .gbt-divider__line{width:1px}.gbt-divider__label{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Divider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-divider",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "separator",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.aria-orientation]": "orientation() === 'vertical' ? 'vertical' : null"
+			},
+			template: "@if (label()) {\n  <span class=\"gbt-divider__line\"></span>\n  <span class=\"gbt-divider__label\">{{ label() }}</span>\n  <span class=\"gbt-divider__line\"></span>\n} @else {\n  <span class=\"gbt-divider__line\"></span>\n}\n",
+			styles: [":host{display:flex;align-items:center;gap:.75rem}:host[data-orientation=vertical]{flex-direction:column;align-self:stretch}.gbt-divider__line{flex:1;background:var(--border-color)}:host[data-orientation=horizontal] .gbt-divider__line{height:1px}:host[data-orientation=vertical] .gbt-divider__line{width:1px}.gbt-divider__label{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}\n"]
+		}]
+	}],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}]
+	}
+});
+export { Divider };
+
+//# sourceMappingURL=masmarino-gabarit-divider.mjs.map

package/fesm2022/masmarino-gabarit-divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-divider.mjs","names":[],"sources":["../../../projects/gabarit/divider/divider.ts","../../../projects/gabarit/divider/divider.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\n\nexport type DividerOrientation = 'horizontal' | 'vertical'\n\n@Component({\n  selector: 'gbt-divider',\n  standalone: true,\n  templateUrl: './divider.html',\n  styleUrl: './divider.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'separator',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.aria-orientation]': \"orientation() === 'vertical' ? 'vertical' : null\",\n  },\n})\nexport class Divider {\n  orientation = input<DividerOrientation>('horizontal')\n  label = input<string>('')\n}\n","@if (label()) {\n  <span class=\"gbt-divider__line\"></span>\n  <span class=\"gbt-divider__label\">{{ label() }}</span>\n  <span class=\"gbt-divider__line\"></span>\n} @else {\n  <span class=\"gbt-divider__line\"></span>\n}\n"],"mappings":";;AAgBA,IAAa,UAAb,MAAa,QAAO;CAClB,cAAc,MAA0B,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,QAAQ,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAFd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,YAAA;GAAA,YAAA;IAAA,yBAAA;IAAA,yBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UChBpB;EAOA,QAAA,CAAA,sZAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADSa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAZnB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAa,YACX;GAAI,iBAGC,wBAAwB;GAAM,MACzC;IACJ,MAAM;IACN,2BAA2B;IAC3B,2BAA2B;GAC5B;GAAA,UAAA;GAAA,QAAA,CAAA,sZAAA;EAAA,CAAA"}

package/fesm2022/masmarino-gabarit-docs.mjs

@@ -6,8 +6,18 @@ 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 { Button } from "@masmarino/gabarit/button";
+import { Disclosure } from "@masmarino/gabarit/disclosure";
+import { NavTab, NavTabs } from "@masmarino/gabarit/nav-tabs";
+import { Autocomplete } from "@masmarino/gabarit/autocomplete";
 import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+import { Alert } from "@masmarino/gabarit/alert";
+import { Breadcrumb } from "@masmarino/gabarit/breadcrumb";
+import { Card, CardLink } from "@masmarino/gabarit/card";
+import { EmptyState } from "@masmarino/gabarit/empty-state";
+import { PageLayout } from "@masmarino/gabarit/page-layout";
+import { Skeleton } from "@masmarino/gabarit/skeleton";
+import { Panel } from "@masmarino/gabarit/panel";
 const DEFAULT_DOCS_CONFIG = Object.freeze({
 	root: "/docs",
 	callouts: {
@@ -366,7 +376,7 @@ var MarkdownView = class MarkdownView {
       (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"],
+		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, var(--font-display));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(--focus-ring));outline-offset:2px}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush,
 		encapsulation: i0.ViewEncapsulation.None
 	});
@@ -390,7 +400,7 @@ i0.ɵɵngDeclareClassMetadata({
     ></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"]
+			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, var(--font-display));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(--focus-ring));outline-offset:2px}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -701,7 +711,7 @@ var DocsSearch = class DocsSearch {
 		}],
 		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"],
+		styles: [":host{display:block}.gbt-docs-search ::ng-deep .gbt-autocomplete__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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,
@@ -741,7 +751,7 @@ i0.ɵɵngDeclareClassMetadata({
 			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"]
+			styles: [":host{display:block}.gbt-docs-search ::ng-deep .gbt-autocomplete__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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: {
@@ -831,7 +841,7 @@ var DocsNav = class DocsNav {
 		},
 		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"],
+		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;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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",
@@ -938,7 +948,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			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"]
+			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;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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: {
@@ -1019,7 +1029,7 @@ var MarkdownOutline = class MarkdownOutline {
 		},
 		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"],
+		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(--focus-ring));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,
@@ -1060,7 +1070,7 @@ i0.ɵɵngDeclareClassMetadata({
 			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"]
+			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(--focus-ring));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: {
@@ -1217,7 +1227,7 @@ var DocsPage = class DocsPage {
 		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"],
+		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;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -1404,7 +1414,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			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"]
+			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;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
 		}]
 	}],
 	ctorParameters: () => []