@ngb-bootstrap/core 0.0.0 → 0.1.0-next.0

package/fesm2022/ngb-bootstrap-core-layout.mjs

@@ -0,0 +1,272 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, TemplateRef, afterNextRender, booleanAttribute, computed, contentChild, inject, input, model, signal } from "@angular/core";
+let nextId = 0;
+const DESKTOP = "(width >= 1024px)";
+var NgbBrand = class NgbBrand {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbBrand,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbBrand,
+		isStandalone: true,
+		selector: "ng-template[ngbBrand]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbBrand,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[ngbBrand]" }]
+	}]
+});
+var NgbLayout = class NgbLayout {
+	sidebarId = `ngb-sidebar-${nextId++}`;
+	sidebarOpen = signal(false, ...ngDevMode ? [{ debugName: "sidebarOpen" }] : /* istanbul ignore next */ []);
+	desktop = signal(false, ...ngDevMode ? [{ debugName: "desktop" }] : /* istanbul ignore next */ []);
+	brand = contentChild(NgbBrand, {
+		...ngDevMode ? { debugName: "brand" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	rounded = input(true, {
+		...ngDevMode ? { debugName: "rounded" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	mode = input("full-navbar", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	collapsible = input(false, {
+		...ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	sidebarCollapsed = model(false, ...ngDevMode ? [{ debugName: "sidebarCollapsed" }] : /* istanbul ignore next */ []);
+	sidebarRail = computed(() => this.desktop() && this.collapsible() && this.sidebarCollapsed(), ...ngDevMode ? [{ debugName: "sidebarRail" }] : /* istanbul ignore next */ []);
+	sidebarExpanded = computed(() => this.desktop() ? !this.sidebarRail() : this.sidebarOpen(), ...ngDevMode ? [{ debugName: "sidebarExpanded" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const destroyRef = inject(DestroyRef);
+		afterNextRender(() => {
+			if (typeof matchMedia !== "function") return;
+			const query = matchMedia(DESKTOP);
+			const onChange = () => {
+				this.desktop.set(query.matches);
+				if (query.matches) this.closeSidebar();
+			};
+			onChange();
+			query.addEventListener("change", onChange);
+			destroyRef.onDestroy(() => query.removeEventListener("change", onChange));
+		});
+	}
+	openSidebar() {
+		this.sidebarOpen.set(true);
+	}
+	closeSidebar() {
+		this.sidebarOpen.set(false);
+	}
+	toggleSidebar() {
+		if (this.desktop() && this.collapsible()) this.sidebarCollapsed.update((collapsed) => !collapsed);
+		else this.sidebarOpen.update((open) => !open);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbLayout,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.3",
+		type: NgbLayout,
+		isStandalone: true,
+		selector: "ngb-layout",
+		inputs: {
+			rounded: {
+				classPropertyName: "rounded",
+				publicName: "rounded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mode: {
+				classPropertyName: "mode",
+				publicName: "mode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapsible: {
+				classPropertyName: "collapsible",
+				publicName: "collapsible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sidebarCollapsed: {
+				classPropertyName: "sidebarCollapsed",
+				publicName: "sidebarCollapsed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { sidebarCollapsed: "sidebarCollapsedChange" },
+		host: {
+			properties: {
+				"class.ngb-layout-square": "!rounded()",
+				"class.ngb-layout-full-sidebar": "mode() === \"full-sidebar\"",
+				"class.ngb-layout-collapsible": "collapsible()",
+				"class.ngb-layout-sidebar-collapsed": "collapsible() && sidebarCollapsed()"
+			},
+			classAttribute: "ngb-layout"
+		},
+		queries: [{
+			propertyName: "brand",
+			first: true,
+			predicate: NgbBrand,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <ng-content select="ngb-navbar" />
+    <div class="container-fluid px-0">
+      <div class="row g-0 flex-nowrap">
+        <ng-content select="ngb-sidebar" />
+        <ng-content />
+      </div>
+    </div>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbLayout,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-layout",
+			template: `
+    <ng-content select="ngb-navbar" />
+    <div class="container-fluid px-0">
+      <div class="row g-0 flex-nowrap">
+        <ng-content select="ngb-sidebar" />
+        <ng-content />
+      </div>
+    </div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "ngb-layout",
+				"[class.ngb-layout-square]": "!rounded()",
+				"[class.ngb-layout-full-sidebar]": "mode() === \"full-sidebar\"",
+				"[class.ngb-layout-collapsible]": "collapsible()",
+				"[class.ngb-layout-sidebar-collapsed]": "collapsible() && sidebarCollapsed()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		brand: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NgbBrand), {
+				descendants: true,
+				isSignal: true
+			}]
+		}],
+		rounded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rounded",
+				required: false
+			}]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		collapsible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapsible",
+				required: false
+			}]
+		}],
+		sidebarCollapsed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sidebarCollapsed",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["sidebarCollapsedChange"]
+		}]
+	}
+});
+var NgbLayoutContent = class NgbLayoutContent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbLayoutContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: NgbLayoutContent,
+		isStandalone: true,
+		selector: "ngb-layout-content",
+		host: { classAttribute: "ngb-layout-content col" },
+		ngImport: i0,
+		template: `
+    <main class="ngb-layout-main"><ng-content /></main>
+    <ng-content select="ngb-footer" />
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbLayoutContent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-layout-content",
+			template: `
+    <main class="ngb-layout-main"><ng-content /></main>
+    <ng-content select="ngb-footer" />
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "ngb-layout-content col" }
+		}]
+	}]
+});
+export { NgbBrand, NgbLayout, NgbLayoutContent };
+
+//# sourceMappingURL=ngb-bootstrap-core-layout.mjs.map

package/fesm2022/ngb-bootstrap-core-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-layout.mjs","names":[],"sources":["../../../../projects/core/layout/layout.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  contentChild,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\n\nlet nextId = 0;\n\n/** Matches Bootstrap 6 `lg`, where the sidebar drawer turns into a fixed column. */\nconst DESKTOP = '(width >= 1024px)';\n\n/**\n * How `<ngb-layout>` divides the top of the page from `lg` up: `full-navbar` runs the navbar across\n * the whole width above the sidebar; `full-sidebar` runs the sidebar the whole height, with the\n * navbar beside it.\n */\nexport type NgbLayoutMode = 'full-navbar' | 'full-sidebar';\n\n/**\n * The brand (logo, name, version) of `<ngb-layout>`, as a template so it can be shown where the\n * mode puts it: at the start of the navbar, or from `lg` up in `full-sidebar` mode at the top of\n * the sidebar (back in the navbar while the sidebar is collapsed to its rail).\n *\n * ```html\n * <ng-template ngbBrand><a class=\"navbar-brand\" routerLink=\"/\">My app</a></ng-template>\n * ```\n */\n@Directive({ selector: 'ng-template[ngbBrand]' })\nexport class NgbBrand {\n  readonly template = inject(TemplateRef);\n}\n\n/**\n * Page shell in the Taiga UI docs style, on the Bootstrap grid: a fixed `<ngb-navbar>`, an\n * `<ngb-sidebar>` column and an `<ngb-layout-content>` column inside a rounded window frame.\n * Below `lg` the sidebar is a drawer that the navbar's menu button opens.\n *\n * ```html\n * <ngb-layout>\n *   <ng-template ngbBrand>…</ng-template>\n *   <ngb-navbar>…</ngb-navbar>\n *   <ngb-sidebar [items]=\"items\" />\n *   <ngb-layout-content>\n *     <router-outlet />\n *     <ngb-footer>…</ngb-footer>\n *   </ngb-layout-content>\n * </ngb-layout>\n * ```\n */\n@Component({\n  selector: 'ngb-layout',\n  template: `\n    <ng-content select=\"ngb-navbar\" />\n    <div class=\"container-fluid px-0\">\n      <div class=\"row g-0 flex-nowrap\">\n        <ng-content select=\"ngb-sidebar\" />\n        <ng-content />\n      </div>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'ngb-layout',\n    '[class.ngb-layout-square]': '!rounded()',\n    '[class.ngb-layout-full-sidebar]': 'mode() === \"full-sidebar\"',\n    '[class.ngb-layout-collapsible]': 'collapsible()',\n    '[class.ngb-layout-sidebar-collapsed]': 'collapsible() && sidebarCollapsed()',\n  },\n})\nexport class NgbLayout {\n  /** Id of the sidebar drawer, for the menu button's `aria-controls`. */\n  readonly sidebarId = `ngb-sidebar-${nextId++}`;\n  /** Whether the sidebar drawer is open (below `lg` only; from `lg` up the sidebar is always shown). */\n  readonly sidebarOpen = signal(false);\n  /** Whether the viewport is `lg` or wider, where the sidebar is a column rather than a drawer. */\n  readonly desktop = signal(false);\n  /** The `ngbBrand` template, placed in the layout or its navbar. */\n  readonly brand = contentChild(NgbBrand, { descendants: true });\n\n  /** Round the corners of the frame and the sidebar, content and footer panels. */\n  readonly rounded = input(true, { transform: booleanAttribute });\n  /** Whether the navbar spans the full width or the sidebar the full height, from `lg` up. */\n  readonly mode = input<NgbLayoutMode>('full-navbar');\n  /**\n   * Show the navbar's menu button from `lg` up too, to contract the sidebar to a rail of top-level\n   * icons and expand it again.\n   */\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  /** Whether the sidebar is contracted to its icon rail (from `lg` up, when `collapsible`). */\n  readonly sidebarCollapsed = model(false);\n\n  /** Whether the sidebar is contracted right now: `collapsible`, collapsed and from `lg` up. */\n  readonly sidebarRail = computed(\n    () => this.desktop() && this.collapsible() && this.sidebarCollapsed(),\n  );\n  /** Whether the sidebar is shown in full: the open drawer below `lg`, the expanded column from `lg` up. */\n  readonly sidebarExpanded = computed(() =>\n    this.desktop() ? !this.sidebarRail() : this.sidebarOpen(),\n  );\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    afterNextRender(() => {\n      if (typeof matchMedia !== 'function') return;\n      const query = matchMedia(DESKTOP);\n      const onChange = () => {\n        this.desktop.set(query.matches);\n        // Leaving the drawer open while resizing up to lg would keep the page modal.\n        if (query.matches) this.closeSidebar();\n      };\n      onChange();\n      query.addEventListener('change', onChange);\n      destroyRef.onDestroy(() => query.removeEventListener('change', onChange));\n    });\n  }\n\n  openSidebar(): void {\n    this.sidebarOpen.set(true);\n  }\n\n  closeSidebar(): void {\n    this.sidebarOpen.set(false);\n  }\n\n  /** Below `lg` opens or closes the drawer; from `lg` up contracts or expands a `collapsible` sidebar. */\n  toggleSidebar(): void {\n    if (this.desktop() && this.collapsible()) {\n      this.sidebarCollapsed.update((collapsed) => !collapsed);\n    } else {\n      this.sidebarOpen.update((open) => !open);\n    }\n  }\n}\n\n/**\n * The content column of `<ngb-layout>`. Wraps its content in `<main>`; an `<ngb-footer>` inside it\n * is placed after `<main>`, at the bottom of the column.\n */\n@Component({\n  selector: 'ngb-layout-content',\n  template: `\n    <main class=\"ngb-layout-main\"><ng-content /></main>\n    <ng-content select=\"ngb-footer\" />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'ngb-layout-content col' },\n})\nexport class NgbLayoutContent {}\n"],"mappings":"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"}

package/fesm2022/ngb-bootstrap-core-navbar.mjs

@@ -0,0 +1,150 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, contentChild, inject, input } from "@angular/core";
+import { NgbIcon } from "@ngb-bootstrap/core/icon";
+import { NgbBrand, NgbLayout } from "@ngb-bootstrap/core/layout";
+import { ngbIconHamburgerButton } from "@ngb-bootstrap/icons";
+var NgbNavbar = class NgbNavbar {
+	layout = inject(NgbLayout, { optional: true });
+	menuIcon = ngbIconHamburgerButton;
+	ownBrand = contentChild(NgbBrand, ...ngDevMode ? [{ debugName: "ownBrand" }] : /* istanbul ignore next */ []);
+	brand = computed(() => this.layout?.brand() ?? this.ownBrand(), ...ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []);
+	menuLabel = input("Menu", ...ngDevMode ? [{ debugName: "menuLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbNavbar,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbNavbar,
+		isStandalone: true,
+		selector: "ngb-navbar",
+		inputs: { menuLabel: {
+			classPropertyName: "menuLabel",
+			publicName: "menuLabel",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "role": "banner" },
+			classAttribute: "navbar ngb-navbar"
+		},
+		queries: [{
+			propertyName: "ownBrand",
+			first: true,
+			predicate: NgbBrand,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <div class="ngb-navbar-start">
+      @if (layout) {
+        <button
+          type="button"
+          class="btn btn-icon btn-text ngb-navbar-menu"
+          [attr.aria-label]="menuLabel()"
+          [attr.aria-controls]="layout.sidebarId"
+          [attr.aria-expanded]="layout.sidebarExpanded()"
+          (click)="layout.toggleSidebar()"
+        >
+          <ngb-icon [icon]="menuIcon" size="1.5rem" />
+        </button>
+      }
+      @if (brand(); as brand) {
+        <div class="ngb-navbar-brand"><ng-container *ngTemplateOutlet="brand.template" /></div>
+      }
+      <ng-content />
+    </div>
+    <div class="ngb-navbar-center"><ng-content select="[ngbNavbarCenter]" /></div>
+    <div class="ngb-navbar-end"><ng-content select="[ngbNavbarEnd]" /></div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: NgbIcon,
+			selector: "ngb-icon",
+			inputs: [
+				"name",
+				"icon",
+				"theme",
+				"size",
+				"strokeWidth",
+				"label"
+			]
+		}, {
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbNavbar,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-navbar",
+			imports: [NgbIcon, NgTemplateOutlet],
+			template: `
+    <div class="ngb-navbar-start">
+      @if (layout) {
+        <button
+          type="button"
+          class="btn btn-icon btn-text ngb-navbar-menu"
+          [attr.aria-label]="menuLabel()"
+          [attr.aria-controls]="layout.sidebarId"
+          [attr.aria-expanded]="layout.sidebarExpanded()"
+          (click)="layout.toggleSidebar()"
+        >
+          <ngb-icon [icon]="menuIcon" size="1.5rem" />
+        </button>
+      }
+      @if (brand(); as brand) {
+        <div class="ngb-navbar-brand"><ng-container *ngTemplateOutlet="brand.template" /></div>
+      }
+      <ng-content />
+    </div>
+    <div class="ngb-navbar-center"><ng-content select="[ngbNavbarCenter]" /></div>
+    <div class="ngb-navbar-end"><ng-content select="[ngbNavbarEnd]" /></div>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "navbar ngb-navbar",
+				role: "banner"
+			}
+		}]
+	}],
+	propDecorators: {
+		ownBrand: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NgbBrand), { isSignal: true }]
+		}],
+		menuLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { NgbNavbar };
+
+//# sourceMappingURL=ngb-bootstrap-core-navbar.mjs.map

package/fesm2022/ngb-bootstrap-core-navbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-navbar.mjs","names":[],"sources":["../../../../projects/core/navbar/navbar.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  inject,\n  input,\n} from '@angular/core';\nimport { NgbIcon } from '@ngb-bootstrap/core/icon';\nimport { NgbBrand, NgbLayout } from '@ngb-bootstrap/core/layout';\nimport { ngbIconHamburgerButton } from '@ngb-bootstrap/icons';\n\n/**\n * Fixed top bar, built on Bootstrap 6 `.navbar`. Its content goes in three slots: the start\n * (default content, after an `ngbBrand` template if there is one), `[ngbNavbarCenter]` and\n * `[ngbNavbarEnd]`. Inside\n * `<ngb-layout>` it adds a menu button that opens the sidebar drawer below `lg`, and from `lg` up\n * contracts and expands the sidebar when the layout is `collapsible`.\n *\n * ```html\n * <ngb-navbar>\n *   <a class=\"navbar-brand\" routerLink=\"/\">My app</a>\n *   <div ngbNavbarCenter>…search…</div>\n *   <div ngbNavbarEnd>…actions…</div>\n * </ngb-navbar>\n * ```\n */\n@Component({\n  selector: 'ngb-navbar',\n  imports: [NgbIcon, NgTemplateOutlet],\n  template: `\n    <div class=\"ngb-navbar-start\">\n      @if (layout) {\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-text ngb-navbar-menu\"\n          [attr.aria-label]=\"menuLabel()\"\n          [attr.aria-controls]=\"layout.sidebarId\"\n          [attr.aria-expanded]=\"layout.sidebarExpanded()\"\n          (click)=\"layout.toggleSidebar()\"\n        >\n          <ngb-icon [icon]=\"menuIcon\" size=\"1.5rem\" />\n        </button>\n      }\n      @if (brand(); as brand) {\n        <div class=\"ngb-navbar-brand\"><ng-container *ngTemplateOutlet=\"brand.template\" /></div>\n      }\n      <ng-content />\n    </div>\n    <div class=\"ngb-navbar-center\"><ng-content select=\"[ngbNavbarCenter]\" /></div>\n    <div class=\"ngb-navbar-end\"><ng-content select=\"[ngbNavbarEnd]\" /></div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'navbar ngb-navbar', role: 'banner' },\n})\nexport class NgbNavbar {\n  protected readonly layout = inject(NgbLayout, { optional: true });\n  protected readonly menuIcon = ngbIconHamburgerButton;\n  private readonly ownBrand = contentChild(NgbBrand);\n  protected readonly brand = computed(() => this.layout?.brand() ?? this.ownBrand());\n\n  /** Accessible name of the menu button. */\n  readonly menuLabel = input('Menu');\n}\n"],"mappings":";;;;;;AAwDA,IAAa,YAAb,MAAa,UAAS;CACD,SAAS,OAAO,WAAW,EAAE,UAAU,KAAI,CAAE;CAC7C,WAAW;CACb,WAAW,aAAa,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,QAAQ,eAAe,KAAK,QAAQ,MAAK,KAAM,KAAK,SAAQ,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGzE,YAAY,MAAM,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAPvB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,SAAA;GAAA,gBAAA;EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAGqB;GAAQ,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UA5BvC;;;;;;;;;;;;;;;;;;;;;;EAqBT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAtBS;GAAO,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AA0BxB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EA5BrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,SAAS,gBAAgB;GACnC,UAAU;;;;;;;;;;;;;;;;;;;;;;GAsBV,iBAAiB,wBAAwB;GACzC,MAAM;IAAE,OAAO;IAAqB,MAAM;GAAQ;EACnD,CAAA;CAI0C,CAAA;CAAA,gBAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,QAAQ,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}