@mintplayer/ng-spark 22.23.0 → 22.25.0

package/fesm2022/mintplayer-ng-spark-shell.mjs

@@ -1,88 +1,221 @@
-import * as i0 from '@angular/core';
-import { inject, input, signal, effect, untracked, ChangeDetectionStrategy, Component, TemplateRef, Directive, contentChild, computed, contentChildren } from '@angular/core';
-import { NgTemplateOutlet, KeyValuePipe } from '@angular/common';
-import { BsShellComponent, BsShellSidebarDirective } from '@mintplayer/ng-bootstrap/shell';
-import { BsNavbarTogglerComponent } from '@mintplayer/ng-bootstrap/navbar-toggler';
-import { RouterLink, RouterLinkActive } from '@angular/router';
-import { BsAccordionComponent, BsAccordionTabComponent, BsAccordionTabHeaderDirective } from '@mintplayer/ng-bootstrap/accordion';
-import { SPARK_AUTH_STATE } from '@mintplayer/ng-spark';
-import { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';
-import { ResolveTranslationPipe, IconNamePipe, RouterLinkPipe } from '@mintplayer/ng-spark/pipes';
-import { SparkIconComponent } from '@mintplayer/ng-spark/icon';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { BsSelectComponent, BsSelectOption } from '@mintplayer/ng-bootstrap/select';
-
-/**
- * The server-driven navigation menu: an accordion of program-unit groups fetched from
- * `GET /spark/program-units`, which the server has already filtered to what the caller's rights
- * allow. Hosts write ZERO router links for navigation — every group, unit, icon, label and link
- * comes from `programUnits.json`; content around the menu belongs in `<spark-shell>`'s slots,
- * and a host tempted to hand-write a unit anchor should add a unit to `programUnits.json`
- * instead.
- *
- * Because the response is caller-scoped it must be re-fetched when the caller changes: the
- * component tracks the optional `SPARK_AUTH_STATE` signal (supplied by ng-spark-auth's
- * `provideSparkAuth()`, or by the app's own auth stack) and reloads on every change. Without a
- * provider it fetches once. `reloadToken` is the manual escape hatch (any changed value triggers
- * a reload), and `reload()` the imperative one.
- *
- * Usually rendered by `<spark-shell>`; exported standalone for hosts that own their own layout.
- */
-class SparkProgramUnitsComponent {
-    sparkService = inject(SparkService);
-    authState = inject(SPARK_AUTH_STATE, { optional: true });
-    /** Any changed value triggers a reload — for apps whose auth state isn't a provided signal. */
-    reloadToken = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []));
-    /**
-     * Extra tabs to render after the generated groups, normally forwarded by `<spark-shell>` from
-     * its `*sparkShellTab` directives. They must be rendered by THIS template — see
-     * `SparkShellTabDirective` for why a host-declared `<bs-accordion-tab>` cannot work.
-     */
-    extraTabs = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "extraTabs" }] : /* istanbul ignore next */ []));
-    groups = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            this.authState?.();
-            this.reloadToken();
-            untracked(() => this.reload());
-        });
-    }
-    /** Re-fetches the menu. The response is already rights-filtered per caller. */
-    async reload() {
-        const config = await this.sparkService.getProgramUnits();
-        // Order is the server file's contract, but sort both levels here so the rendered menu never
-        // depends on JSON array order — groups were sorted, units were not (#324 F5).
-        const groups = [...config.programUnitGroups]
-            .sort((a, b) => a.order - b.order)
-            .map(g => ({ ...g, programUnits: [...g.programUnits].sort((a, b) => a.order - b.order) }));
-        this.groups.set(groups);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkProgramUnitsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkProgramUnitsComponent, isStandalone: true, selector: "spark-program-units", inputs: { reloadToken: { classPropertyName: "reloadToken", publicName: "reloadToken", isSignal: true, isRequired: false, transformFunction: null }, extraTabs: { classPropertyName: "extraTabs", publicName: "extraTabs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bs-accordion class=\"d-block\">\n  @for (group of groups(); track group.id) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        <spark-icon [name]=\"group.icon | iconName:'bi-folder'\" />\n        <span class=\"ms-2\">{{ group.name | resolveTranslation }}</span>\n      </ng-container>\n      @for (unit of group.programUnits; track unit.id) {\n        @if (unit | routerLink; as link) {\n          <a [routerLink]=\"link\"\n             routerLinkActive=\"active\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-file'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        } @else {\n          <!-- A url unit is an external address: a plain anchor, never a router link. -->\n          <a [href]=\"unit.url\" target=\"_blank\" rel=\"noopener\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-box-arrow-up-right'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        }\n      }\n    </bs-accordion-tab>\n  }\n  <!-- Host-contributed tabs are rendered HERE, by this template, so that the accordion's content\n       query registers them and they join the generated groups' single-open group. -->\n  @for (tab of extraTabs(); track tab.content) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        @if (tab.headerTemplate; as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl\" />\n        } @else {\n          <spark-icon [name]=\"tab.icon | iconName:'bi-folder'\" />\n          <span class=\"ms-2\">{{ tab.header }}</span>\n        }\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"tab.content\" />\n    </bs-accordion-tab>\n  }\n</bs-accordion>\n", styles: [":host{display:block;--bs-primary-bg-subtle: rgba(255, 255, 255, .1);--bs-border-color: transparent}:host ::ng-deep mp-accordion::part(content){padding:0}.nav-link{color:inherit}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff3}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: BsAccordionComponent, selector: "bs-accordion", inputs: ["multi", "highlightActiveTab"] }, { kind: "component", type: BsAccordionTabComponent, selector: "bs-accordion-tab", inputs: ["isActive", "disabled"], outputs: ["isActiveChange"] }, { kind: "directive", type: BsAccordionTabHeaderDirective, selector: "[bsAccordionTabHeader]" }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: IconNamePipe, name: "iconName" }, { kind: "pipe", type: RouterLinkPipe, name: "routerLink" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkProgramUnitsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-program-units', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgTemplateOutlet,
-                        RouterLink, RouterLinkActive,
-                        BsAccordionComponent, BsAccordionTabComponent, BsAccordionTabHeaderDirective,
-                        SparkIconComponent, ResolveTranslationPipe, IconNamePipe, RouterLinkPipe,
-                    ], template: "<bs-accordion class=\"d-block\">\n  @for (group of groups(); track group.id) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        <spark-icon [name]=\"group.icon | iconName:'bi-folder'\" />\n        <span class=\"ms-2\">{{ group.name | resolveTranslation }}</span>\n      </ng-container>\n      @for (unit of group.programUnits; track unit.id) {\n        @if (unit | routerLink; as link) {\n          <a [routerLink]=\"link\"\n             routerLinkActive=\"active\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-file'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        } @else {\n          <!-- A url unit is an external address: a plain anchor, never a router link. -->\n          <a [href]=\"unit.url\" target=\"_blank\" rel=\"noopener\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-box-arrow-up-right'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        }\n      }\n    </bs-accordion-tab>\n  }\n  <!-- Host-contributed tabs are rendered HERE, by this template, so that the accordion's content\n       query registers them and they join the generated groups' single-open group. -->\n  @for (tab of extraTabs(); track tab.content) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        @if (tab.headerTemplate; as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl\" />\n        } @else {\n          <spark-icon [name]=\"tab.icon | iconName:'bi-folder'\" />\n          <span class=\"ms-2\">{{ tab.header }}</span>\n        }\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"tab.content\" />\n    </bs-accordion-tab>\n  }\n</bs-accordion>\n", styles: [":host{display:block;--bs-primary-bg-subtle: rgba(255, 255, 255, .1);--bs-border-color: transparent}:host ::ng-deep mp-accordion::part(content){padding:0}.nav-link{color:inherit}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff3}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { reloadToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadToken", required: false }] }], extraTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraTabs", required: false }] }] } });
-
-/**
- * The culture switcher: a `bs-select` over `SparkLanguageService`'s languages, persisting the
- * choice. Renders nothing when the app declares one language (or none), so hosts can include it
- * unconditionally — `<spark-shell>`'s topbar does exactly that as its trailing default.
- */
-class SparkLanguageSelectorComponent {
-    lang = inject(SparkLanguageService);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkLanguageSelectorComponent, isStandalone: true, selector: "spark-language-selector", ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, TemplateRef, computed, contentChild, contentChildren, effect, inject, input, signal, untracked } from "@angular/core";
+import { KeyValuePipe, NgTemplateOutlet } from "@angular/common";
+import { BsShellComponent, BsShellSidebarDirective } from "@mintplayer/ng-bootstrap/shell";
+import { BsNavbarTogglerComponent } from "@mintplayer/ng-bootstrap/navbar-toggler";
+import { BS_THEME_DEFAULT_MODES, BsThemeService, BsThemeToggleComponent } from "@mintplayer/ng-bootstrap/theming";
+import { SparkLanguageService, SparkService } from "@mintplayer/ng-spark/services";
+import { RouterLink, RouterLinkActive } from "@angular/router";
+import { BsAccordionComponent, BsAccordionTabComponent, BsAccordionTabHeaderDirective } from "@mintplayer/ng-bootstrap/accordion";
+import { SPARK_AUTH_STATE } from "@mintplayer/ng-spark";
+import { IconNamePipe, ResolveTranslationPipe, RouterLinkPipe } from "@mintplayer/ng-spark/pipes";
+import { SparkIconComponent } from "@mintplayer/ng-spark/icon";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { BsSelectComponent, BsSelectOption } from "@mintplayer/ng-bootstrap/select";
+var SparkProgramUnitsComponent = class SparkProgramUnitsComponent {
+	sparkService = inject(SparkService);
+	authState = inject(SPARK_AUTH_STATE, { optional: true });
+	reloadToken = input(null, ...ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []);
+	extraTabs = input([], ...ngDevMode ? [{ debugName: "extraTabs" }] : /* istanbul ignore next */ []);
+	groups = signal([], ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			this.authState?.();
+			this.reloadToken();
+			untracked(() => this.reload());
+		});
+	}
+	async reload() {
+		const groups = [...(await this.sparkService.getProgramUnits()).programUnitGroups].sort((a, b) => a.order - b.order).map((g) => ({
+			...g,
+			programUnits: [...g.programUnits].sort((a, b) => a.order - b.order)
+		}));
+		this.groups.set(groups);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkProgramUnitsComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkProgramUnitsComponent,
+		isStandalone: true,
+		selector: "spark-program-units",
+		inputs: {
+			reloadToken: {
+				classPropertyName: "reloadToken",
+				publicName: "reloadToken",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			extraTabs: {
+				classPropertyName: "extraTabs",
+				publicName: "extraTabs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<bs-accordion class=\"d-block\">\n  @for (group of groups(); track group.id) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        <spark-icon [name]=\"group.icon | iconName:'bi-folder'\" />\n        <span class=\"ms-2\">{{ group.name | resolveTranslation }}</span>\n      </ng-container>\n      @for (unit of group.programUnits; track unit.id) {\n        @if (unit | routerLink; as link) {\n          <a [routerLink]=\"link\"\n             routerLinkActive=\"active\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-file'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        } @else {\n          <!-- A url unit is an external address: a plain anchor, never a router link. -->\n          <a [href]=\"unit.url\" target=\"_blank\" rel=\"noopener\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-box-arrow-up-right'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        }\n      }\n    </bs-accordion-tab>\n  }\n  <!-- Host-contributed tabs are rendered HERE, by this template, so that the accordion's content\n       query registers them and they join the generated groups' single-open group. -->\n  @for (tab of extraTabs(); track tab.content) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        @if (tab.headerTemplate; as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl\" />\n        } @else {\n          <spark-icon [name]=\"tab.icon | iconName:'bi-folder'\" />\n          <span class=\"ms-2\">{{ tab.header }}</span>\n        }\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"tab.content\" />\n    </bs-accordion-tab>\n  }\n</bs-accordion>\n",
+		styles: [":host{display:block;--bs-primary-bg-subtle: rgba(var(--bs-emphasis-color-rgb), .1);--bs-border-color: transparent;--bs-body-bg: var(--spark-shell-sidebar-bg, var(--bs-tertiary-bg))}:host ::ng-deep mp-accordion::part(content){padding:0}.nav-link{color:inherit}.nav-link:hover{background-color:rgba(var(--bs-emphasis-color-rgb),.1)}.nav-link.active{background-color:rgba(var(--bs-emphasis-color-rgb),.2)}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "directive",
+				type: RouterLinkActive,
+				selector: "[routerLinkActive]",
+				inputs: [
+					"routerLinkActiveOptions",
+					"ariaCurrentWhenActive",
+					"routerLinkActive"
+				],
+				outputs: ["isActiveChange"],
+				exportAs: ["routerLinkActive"]
+			},
+			{
+				kind: "component",
+				type: BsAccordionComponent,
+				selector: "bs-accordion",
+				inputs: ["multi", "highlightActiveTab"]
+			},
+			{
+				kind: "component",
+				type: BsAccordionTabComponent,
+				selector: "bs-accordion-tab",
+				inputs: ["isActive", "disabled"],
+				outputs: ["isActiveChange"]
+			},
+			{
+				kind: "directive",
+				type: BsAccordionTabHeaderDirective,
+				selector: "[bsAccordionTabHeader]"
+			},
+			{
+				kind: "component",
+				type: SparkIconComponent,
+				selector: "spark-icon",
+				inputs: ["name"]
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			},
+			{
+				kind: "pipe",
+				type: IconNamePipe,
+				name: "iconName"
+			},
+			{
+				kind: "pipe",
+				type: RouterLinkPipe,
+				name: "routerLink"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkProgramUnitsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-program-units",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgTemplateOutlet,
+				RouterLink,
+				RouterLinkActive,
+				BsAccordionComponent,
+				BsAccordionTabComponent,
+				BsAccordionTabHeaderDirective,
+				SparkIconComponent,
+				ResolveTranslationPipe,
+				IconNamePipe,
+				RouterLinkPipe
+			],
+			template: "<bs-accordion class=\"d-block\">\n  @for (group of groups(); track group.id) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        <spark-icon [name]=\"group.icon | iconName:'bi-folder'\" />\n        <span class=\"ms-2\">{{ group.name | resolveTranslation }}</span>\n      </ng-container>\n      @for (unit of group.programUnits; track unit.id) {\n        @if (unit | routerLink; as link) {\n          <a [routerLink]=\"link\"\n             routerLinkActive=\"active\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-file'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        } @else {\n          <!-- A url unit is an external address: a plain anchor, never a router link. -->\n          <a [href]=\"unit.url\" target=\"_blank\" rel=\"noopener\"\n             class=\"d-block px-3 py-2 text-decoration-none nav-link\">\n            <spark-icon [name]=\"unit.icon | iconName:'bi-box-arrow-up-right'\" />\n            <span class=\"ms-2\">{{ unit.name | resolveTranslation }}</span>\n          </a>\n        }\n      }\n    </bs-accordion-tab>\n  }\n  <!-- Host-contributed tabs are rendered HERE, by this template, so that the accordion's content\n       query registers them and they join the generated groups' single-open group. -->\n  @for (tab of extraTabs(); track tab.content) {\n    <bs-accordion-tab>\n      <ng-container *bsAccordionTabHeader>\n        @if (tab.headerTemplate; as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl\" />\n        } @else {\n          <spark-icon [name]=\"tab.icon | iconName:'bi-folder'\" />\n          <span class=\"ms-2\">{{ tab.header }}</span>\n        }\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"tab.content\" />\n    </bs-accordion-tab>\n  }\n</bs-accordion>\n",
+			styles: [":host{display:block;--bs-primary-bg-subtle: rgba(var(--bs-emphasis-color-rgb), .1);--bs-border-color: transparent;--bs-body-bg: var(--spark-shell-sidebar-bg, var(--bs-tertiary-bg))}:host ::ng-deep mp-accordion::part(content){padding:0}.nav-link{color:inherit}.nav-link:hover{background-color:rgba(var(--bs-emphasis-color-rgb),.1)}.nav-link.active{background-color:rgba(var(--bs-emphasis-color-rgb),.2)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		reloadToken: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reloadToken",
+				required: false
+			}]
+		}],
+		extraTabs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "extraTabs",
+				required: false
+			}]
+		}]
+	}
+});
+var SparkLanguageSelectorComponent = class SparkLanguageSelectorComponent {
+	lang = inject(SparkLanguageService);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkLanguageSelectorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkLanguageSelectorComponent,
+		isStandalone: true,
+		selector: "spark-language-selector",
+		ngImport: i0,
+		template: `
     @if (lang.languages() | keyvalue; as langs) {
       @if (langs.length > 1) {
         <bs-select [ngModel]="lang.language()" (ngModelChange)="lang.setLanguage($event)">
@@ -92,16 +225,94 @@ class SparkLanguageSelectorComponent {
         </bs-select>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BsSelectComponent, selector: "bs-select", inputs: ["identifier", "size", "multiple", "numberVisible", "disabled"] }, { kind: "directive", type: BsSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkLanguageSelectorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spark-language-selector',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [KeyValuePipe, FormsModule, BsSelectComponent, BsSelectOption, ResolveTranslationPipe],
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgSelectOption,
+				selector: "option",
+				inputs: ["ngValue", "value"]
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgSelectMultipleOption,
+				selector: "option",
+				inputs: ["ngValue", "value"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "component",
+				type: BsSelectComponent,
+				selector: "bs-select",
+				inputs: [
+					"identifier",
+					"size",
+					"multiple",
+					"numberVisible",
+					"disabled"
+				]
+			},
+			{
+				kind: "directive",
+				type: BsSelectOption,
+				selector: "option",
+				inputs: ["ngValue", "value"]
+			},
+			{
+				kind: "pipe",
+				type: KeyValuePipe,
+				name: "keyvalue"
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkLanguageSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-language-selector",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				KeyValuePipe,
+				FormsModule,
+				BsSelectComponent,
+				BsSelectOption,
+				ResolveTranslationPipe
+			],
+			template: `
     @if (lang.languages() | keyvalue; as langs) {
       @if (langs.length > 1) {
         <bs-select [ngModel]="lang.language()" (ngModelChange)="lang.setLanguage($event)">
@@ -111,306 +322,729 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
         </bs-select>
       }
     }
-  `,
-                }]
-        }] });
-
-/**
- * Region slots for `<spark-shell>`.
- *
- * Each directive marks a template that REPLACES one region of the shell chrome (or fills an
- * empty one). An omitted slot is not an empty slot: the shell renders its default — the toggler,
- * the language selector, the title heading — so a host that supplies nothing still gets a
- * complete working shell, and a host that supplies one slot leaves the rest alone.
- *
- * The menu itself is deliberately NOT a slot. Navigation is sourced entirely from
- * `programUnits.json` through the rights-filtered `/spark/program-units` endpoint and re-fetched
- * on sign-in/out; a host that finds itself writing unit anchors in a slot should be adding units
- * to `programUnits.json` instead. Slots exist for the content AROUND the menu: an auth bar, a
- * user chip, branding, a one-off extra link, an alert strip above the routed content.
- *
- * Naming follows the house convention (prefix, component, slot — see `*sparkQueryIcon` in
- * `@mintplayer/ng-spark/grid`): `sparkShell` + region. Every slot also exists as a `TemplateRef`
- * input on `SparkShellComponent` for hosts that cannot use content projection.
- *
- * ```html
- * <spark-shell title="My App">
- *   <spark-auth-bar *sparkShellTopbarEnd />
- *   <div *sparkShellSidebarTop>
- *     <a routerLink="/github-projects" class="nav-link">GitHub projects</a>
- *   </div>
- *   <router-outlet />
- * </spark-shell>
- * ```
- */
-/** Topbar, leading edge. Default: a `bs-navbar-toggler` mirroring the shell's open state. */
-class SparkShellTopbarStartDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarStartDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellTopbarStartDirective, isStandalone: true, selector: "[sparkShellTopbarStart]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarStartDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellTopbarStart]' }]
-        }] });
-/**
- * Topbar, trailing edge. Default: the language selector (which hides itself when the app has
- * one language). This is where an auth bar goes — the shell cannot ship one itself, since
- * `@mintplayer/ng-spark` does not (and must not) depend on `@mintplayer/ng-spark-auth`.
- */
-class SparkShellTopbarEndDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarEndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellTopbarEndDirective, isStandalone: true, selector: "[sparkShellTopbarEnd]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarEndDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellTopbarEnd]' }]
-        }] });
-/**
- * Topbar, trailing edge, **beside** the default chrome rather than instead of it — rendered before
- * the language selector, which stays.
- *
- * ## Why this is not just `*sparkShellTopbarEnd`
- *
- * That slot REPLACES the region, which is right for an auth bar (a host taking over the trailing
- * edge wholesale) and wrong for a page-level action button. A host that only wanted to add a
- * button had to re-render the language selector itself to keep it — which means importing it,
- * knowing it hides itself in a single-language app, and keeping that copy in step with the shell.
- * Every host that did this got it slightly differently.
- *
- * Pairs with `SparkQueryActionsService`: that service resolves a query's custom actions without the
- * grid, and this is where a page-level one goes.
- *
- * ```html
- * <button *sparkShellTopbarActions class="btn btn-primary" (click)="publish()">Publish</button>
- * ```
- *
- * Supplying both slots is allowed and does what it says: `topbarEnd` replaces the default chrome,
- * and these actions still render ahead of whatever it put there.
- */
-class SparkShellTopbarActionsDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellTopbarActionsDirective, isStandalone: true, selector: "[sparkShellTopbarActions]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTopbarActionsDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellTopbarActions]' }]
-        }] });
-/** Sidebar, above everything. Default: `<h5>{{ title }}</h5>`. */
-class SparkShellSidebarHeaderDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellSidebarHeaderDirective, isStandalone: true, selector: "[sparkShellSidebarHeader]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarHeaderDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellSidebarHeader]' }]
-        }] });
-/** Sidebar, between the header and the program-units menu. No default. */
-class SparkShellSidebarTopDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellSidebarTopDirective, isStandalone: true, selector: "[sparkShellSidebarTop]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarTopDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellSidebarTop]' }]
-        }] });
-/**
- * An extra accordion tab in the sidebar menu, rendered after the generated program-unit groups
- * and sharing their single-open behavior.
- *
- * A tab is contributed as DATA (header + body template), not as markup, and that is load-bearing:
- * `bs-accordion` discovers its tabs with an Angular content query, which matches by declaration
- * view, so a `<bs-accordion-tab>` written in a host's template and inserted into the library's
- * accordion is never registered — it would land at index -1, get no hoisted header and no slot.
- * Declaring a second `<bs-accordion>` instead is what puts the tab in its own exclusivity group:
- * `mp-accordion` enforces single-open per element, over children it owns and over
- * `<details name>`, whose grouping cannot cross a shadow root. So the tab element must be created
- * by the menu itself, from what this directive carries.
- *
- * ```html
- * <ng-container *sparkShellTab="'Component demos'; icon: 'palette'">
- *   <a routerLink="/query-slots" routerLinkActive="active" class="nav-link">Query card slots</a>
- * </ng-container>
- * ```
- *
- * Navigation still belongs in `programUnits.json` — this is for pages the model cannot describe
- * (client-side demos, external tools). For sidebar content that is NOT an accordion tab, use
- * `*sparkShellSidebarTop` or `*sparkShellSidebarFooter`.
- */
-class SparkShellTabDirective {
-    templateRef = inject(TemplateRef);
-    /** The tab's header label. */
-    header = input.required({ ...(ngDevMode ? { debugName: "header" } : /* istanbul ignore next */ {}), alias: 'sparkShellTab' });
-    /** Bootstrap icon name for the header, as in `programUnits.json`. Defaults to a folder. */
-    icon = input(undefined, { ...(ngDevMode ? { debugName: "icon" } : /* istanbul ignore next */ {}), alias: 'sparkShellTabIcon' });
-    /** Replaces the icon+label header entirely, for a header that needs its own markup. */
-    headerTemplate = input(null, { ...(ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {}), alias: 'sparkShellTabHeader' });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SparkShellTabDirective, isStandalone: true, selector: "[sparkShellTab]", inputs: { header: { classPropertyName: "header", publicName: "sparkShellTab", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "sparkShellTabIcon", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "sparkShellTabHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellTabDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellTab]' }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkShellTab", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkShellTabIcon", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkShellTabHeader", required: false }] }] } });
-/** Sidebar, at the very bottom. No default. */
-class SparkShellSidebarFooterDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellSidebarFooterDirective, isStandalone: true, selector: "[sparkShellSidebarFooter]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellSidebarFooterDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellSidebarFooter]' }]
-        }] });
-/** Main region, above the projected content (the host's `<router-outlet>`). No default. */
-class SparkShellMainHeaderDirective {
-    templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellMainHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SparkShellMainHeaderDirective, isStandalone: true, selector: "[sparkShellMainHeader]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellMainHeaderDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkShellMainHeader]' }]
-        }] });
-
-/**
- * The application frame: topbar + sidebar + main, wrapping ng-bootstrap's `bs-shell` (whose
- * `mp-shell` web component owns ALL responsive behavior — breakpoints, the overlay drawer,
- * dismiss-on-navigate — in CSS; nothing here re-derives a pixel width). The sidebar renders the
- * server-driven program-units menu; the host projects its `<router-outlet>` as the default
- * content and customizes the chrome through the `*sparkShell*` slots (see `spark-shell-slots.ts`
- * for the doctrine: an omitted slot renders its default, and the menu itself is never a slot).
- *
- * ```html
- * <spark-shell title="My App">
- *   <spark-auth-bar *sparkShellTopbarEnd />
- *   <router-outlet />
- * </spark-shell>
- * ```
- *
- * The one piece of state the shell keeps is the toggler↔drawer mirror: the built-in hamburger is
- * hidden (`::part(hamburger)`) in favor of a `bs-navbar-toggler` in the topbar, so the shell
- * listens to `statechange` to keep the toggler's icon truthful in `auto` mode and only forces
- * `show`/`hide` on explicit toggles.
- *
- * Theming: the chrome colors are CSS custom properties with the classic dark-sidebar defaults —
- * `--spark-shell-topbar-bg`, `--spark-shell-sidebar-bg`, `--spark-shell-main-bg` — overridable on
- * the `<spark-shell>` element. `sidebarTheme` flips the sidebar's `data-bs-theme` (which is what
- * recolors the accordion internals across the shadow boundary) together with its default palette.
- */
-class SparkShellComponent {
-    /** The sidebar heading. Ignored when a `*sparkShellSidebarHeader` slot is supplied. */
-    title = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    /** Forwarded to `bs-shell`: below it the sidebar is an overlay drawer. */
-    breakpoint = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []));
-    /**
-     * `data-bs-theme` for the sidebar — what flips the accordion's shadow-DOM internals between
-     * palettes — plus the matching default background. `null` sets no theme (inherit the page's).
-     */
-    sidebarTheme = input('dark', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarTheme" }] : /* istanbul ignore next */ []));
-    /** Forwarded to the menu: any changed value re-fetches the program units. */
-    reloadToken = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []));
-    /** Extra sidebar tabs as data, for hosts that compute them; `*sparkShellTab` is the usual way. */
-    sidebarTabs = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarTabs" }] : /* istanbul ignore next */ []));
-    // One TemplateRef input per slot, for hosts that cannot use content projection
-    // (the spark-query-card precedent). The projected directive wins when both are present.
-    topbarStartTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarStartTemplate" }] : /* istanbul ignore next */ []));
-    topbarEndTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarEndTemplate" }] : /* istanbul ignore next */ []));
-    topbarActionsTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarActionsTemplate" }] : /* istanbul ignore next */ []));
-    sidebarHeaderTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarHeaderTemplate" }] : /* istanbul ignore next */ []));
-    sidebarTopTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarTopTemplate" }] : /* istanbul ignore next */ []));
-    sidebarFooterTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarFooterTemplate" }] : /* istanbul ignore next */ []));
-    mainHeaderTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mainHeaderTemplate" }] : /* istanbul ignore next */ []));
-    topbarStartSlot = contentChild(SparkShellTopbarStartDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarStartSlot" }] : /* istanbul ignore next */ []));
-    topbarEndSlot = contentChild(SparkShellTopbarEndDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarEndSlot" }] : /* istanbul ignore next */ []));
-    topbarActionsSlot = contentChild(SparkShellTopbarActionsDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarActionsSlot" }] : /* istanbul ignore next */ []));
-    sidebarHeaderSlot = contentChild(SparkShellSidebarHeaderDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarHeaderSlot" }] : /* istanbul ignore next */ []));
-    sidebarTopSlot = contentChild(SparkShellSidebarTopDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarTopSlot" }] : /* istanbul ignore next */ []));
-    sidebarFooterSlot = contentChild(SparkShellSidebarFooterDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarFooterSlot" }] : /* istanbul ignore next */ []));
-    mainHeaderSlot = contentChild(SparkShellMainHeaderDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mainHeaderSlot" }] : /* istanbul ignore next */ []));
-    topbarStartTpl = computed(() => this.topbarStartSlot()?.templateRef ?? this.topbarStartTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarStartTpl" }] : /* istanbul ignore next */ []));
-    topbarEndTpl = computed(() => this.topbarEndSlot()?.templateRef ?? this.topbarEndTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarEndTpl" }] : /* istanbul ignore next */ []));
-    topbarActionsTpl = computed(() => this.topbarActionsSlot()?.templateRef ?? this.topbarActionsTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topbarActionsTpl" }] : /* istanbul ignore next */ []));
-    sidebarHeaderTpl = computed(() => this.sidebarHeaderSlot()?.templateRef ?? this.sidebarHeaderTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarHeaderTpl" }] : /* istanbul ignore next */ []));
-    sidebarTopTpl = computed(() => this.sidebarTopSlot()?.templateRef ?? this.sidebarTopTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarTopTpl" }] : /* istanbul ignore next */ []));
-    sidebarFooterTpl = computed(() => this.sidebarFooterSlot()?.templateRef ?? this.sidebarFooterTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sidebarFooterTpl" }] : /* istanbul ignore next */ []));
-    mainHeaderTpl = computed(() => this.mainHeaderSlot()?.templateRef ?? this.mainHeaderTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mainHeaderTpl" }] : /* istanbul ignore next */ []));
-    /**
-     * Extra accordion tabs, forwarded to the menu so IT creates the `<bs-accordion-tab>` elements —
-     * the only way they share the generated groups' single-open behavior (see
-     * `SparkShellTabDirective`). Data-supplied tabs come first, then projected ones in declaration
-     * order.
-     */
-    tabSlots = contentChildren(SparkShellTabDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tabSlots" }] : /* istanbul ignore next */ []));
-    tabs = computed(() => [
-        ...this.sidebarTabs(),
-        ...this.tabSlots().map(slot => ({
-            header: slot.header(),
-            icon: slot.icon(),
-            headerTemplate: slot.headerTemplate(),
-            content: slot.templateRef,
-        })),
-    ], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
-    shellState = signal('auto', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shellState" }] : /* istanbul ignore next */ []));
-    isSidebarVisible = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isSidebarVisible" }] : /* istanbul ignore next */ []));
-    // Explicit toggles force show/hide; 'auto' responsive behavior is otherwise preserved by
-    // never writing state on our own. The mirror below keeps the toggler icon truthful when the
-    // shell opens/closes itself at the breakpoint.
-    toggleSidebar(open) {
-        this.shellState.set(open ? 'show' : 'hide');
-    }
-    onShellToggle(detail) {
-        this.isSidebarVisible.set(detail.open);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkShellComponent, isStandalone: true, selector: "spark-shell", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, sidebarTheme: { classPropertyName: "sidebarTheme", publicName: "sidebarTheme", isSignal: true, isRequired: false, transformFunction: null }, reloadToken: { classPropertyName: "reloadToken", publicName: "reloadToken", isSignal: true, isRequired: false, transformFunction: null }, sidebarTabs: { classPropertyName: "sidebarTabs", publicName: "sidebarTabs", isSignal: true, isRequired: false, transformFunction: null }, topbarStartTemplate: { classPropertyName: "topbarStartTemplate", publicName: "topbarStartTemplate", isSignal: true, isRequired: false, transformFunction: null }, topbarEndTemplate: { classPropertyName: "topbarEndTemplate", publicName: "topbarEndTemplate", isSignal: true, isRequired: false, transformFunction: null }, topbarActionsTemplate: { classPropertyName: "topbarActionsTemplate", publicName: "topbarActionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, sidebarHeaderTemplate: { classPropertyName: "sidebarHeaderTemplate", publicName: "sidebarHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, sidebarTopTemplate: { classPropertyName: "sidebarTopTemplate", publicName: "sidebarTopTemplate", isSignal: true, isRequired: false, transformFunction: null }, sidebarFooterTemplate: { classPropertyName: "sidebarFooterTemplate", publicName: "sidebarFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, mainHeaderTemplate: { classPropertyName: "mainHeaderTemplate", publicName: "mainHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "topbarStartSlot", first: true, predicate: SparkShellTopbarStartDirective, descendants: true, isSignal: true }, { propertyName: "topbarEndSlot", first: true, predicate: SparkShellTopbarEndDirective, descendants: true, isSignal: true }, { propertyName: "topbarActionsSlot", first: true, predicate: SparkShellTopbarActionsDirective, descendants: true, isSignal: true }, { propertyName: "sidebarHeaderSlot", first: true, predicate: SparkShellSidebarHeaderDirective, descendants: true, isSignal: true }, { propertyName: "sidebarTopSlot", first: true, predicate: SparkShellSidebarTopDirective, descendants: true, isSignal: true }, { propertyName: "sidebarFooterSlot", first: true, predicate: SparkShellSidebarFooterDirective, descendants: true, isSignal: true }, { propertyName: "mainHeaderSlot", first: true, predicate: SparkShellMainHeaderDirective, descendants: true, isSignal: true }, { propertyName: "tabSlots", predicate: SparkShellTabDirective, isSignal: true }], ngImport: i0, template: "<bs-shell [state]=\"shellState()\" [breakpoint]=\"breakpoint()\" [dismissOnNavigate]=\"true\"\n          (statechange)=\"onShellToggle($event)\">\n  <div slot=\"topbar\" class=\"spark-topbar w-100 d-flex align-items-center\">\n    @if (topbarStartTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <bs-navbar-toggler [state]=\"isSidebarVisible()\" (stateChange)=\"toggleSidebar($event)\" />\n    }\n    <div class=\"ms-auto me-3 d-flex align-items-center gap-2\">\n      <!-- Ahead of the trailing chrome, and OUTSIDE the @if below: these actions are additive, so\n           they render whether the host replaced the trailing edge or left the default selector. -->\n      @if (topbarActionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      }\n      @if (topbarEndTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      } @else {\n        <spark-language-selector />\n      }\n    </div>\n  </div>\n\n  <nav bsShellSidebar class=\"spark-sidebar p-2\"\n       [class.spark-sidebar-dark]=\"sidebarTheme() === 'dark'\"\n       [attr.data-bs-theme]=\"sidebarTheme()\">\n    @if (sidebarHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <h5 class=\"p-3 border-bottom\">{{ title() }}</h5>\n    }\n    @if (sidebarTopTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <spark-program-units [reloadToken]=\"reloadToken()\" [extraTabs]=\"tabs()\" />\n    @if (sidebarFooterTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </nav>\n\n  <!-- The padding lives in the stylesheet as `--spark-main-padding`, not as a `p-4` utility, so the\n       sticky action bar can read it and bleed back out to the scrollport edges. See _actionbar.scss. -->\n  <main>\n    @if (mainHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-content />\n  </main>\n</bs-shell>\n", styles: [":host{display:flex;flex-direction:column;height:100vh}bs-shell{flex:1 1 auto;min-height:0}.spark-topbar{background-color:var(--spark-shell-topbar-bg, var(--bs-dark, #212529))}::ng-deep spark-shell mp-shell::part(hamburger){display:none}bs-navbar-toggler{--bs-secondary-color: rgba(255, 255, 255, .85)}main{--spark-main-padding: 1.5rem;--spark-content-inset-block: var(--spark-main-padding);--spark-content-inset-inline: var(--spark-main-padding);height:100%;padding:var(--spark-main-padding);background-color:var(--spark-shell-main-bg, #f8f9fa);display:flex;flex-direction:column;overflow:auto}nav.spark-sidebar{min-height:100%;background:var(--spark-shell-sidebar-bg, #f8f9fa)}nav.spark-sidebar.spark-sidebar-dark{background:var(--spark-shell-sidebar-bg, #333);color:#fff}:host ::ng-deep nav.spark-sidebar{--bs-primary-bg-subtle: rgba(255, 255, 255, .1);--bs-border-color: transparent}:host ::ng-deep nav.spark-sidebar mp-accordion::part(content){padding:0}:host ::ng-deep nav.spark-sidebar .nav-link{color:inherit}:host ::ng-deep nav.spark-sidebar .nav-link:hover{background-color:#ffffff1a}:host ::ng-deep nav.spark-sidebar .nav-link.active{background-color:#fff3}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsShellComponent, selector: "bs-shell", inputs: ["state", "breakpoint", "dismissOnNavigate"], outputs: ["statechange"] }, { kind: "directive", type: BsShellSidebarDirective, selector: "[bsShellSidebar]" }, { kind: "component", type: BsNavbarTogglerComponent, selector: "bs-navbar-toggler", inputs: ["state", "toggleOnClick", "ariaLabel", "controls"], outputs: ["stateChange"] }, { kind: "component", type: SparkProgramUnitsComponent, selector: "spark-program-units", inputs: ["reloadToken", "extraTabs"] }, { kind: "component", type: SparkLanguageSelectorComponent, selector: "spark-language-selector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkShellComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgTemplateOutlet,
-                        BsShellComponent, BsShellSidebarDirective, BsNavbarTogglerComponent,
-                        SparkProgramUnitsComponent, SparkLanguageSelectorComponent,
-                    ], template: "<bs-shell [state]=\"shellState()\" [breakpoint]=\"breakpoint()\" [dismissOnNavigate]=\"true\"\n          (statechange)=\"onShellToggle($event)\">\n  <div slot=\"topbar\" class=\"spark-topbar w-100 d-flex align-items-center\">\n    @if (topbarStartTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <bs-navbar-toggler [state]=\"isSidebarVisible()\" (stateChange)=\"toggleSidebar($event)\" />\n    }\n    <div class=\"ms-auto me-3 d-flex align-items-center gap-2\">\n      <!-- Ahead of the trailing chrome, and OUTSIDE the @if below: these actions are additive, so\n           they render whether the host replaced the trailing edge or left the default selector. -->\n      @if (topbarActionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      }\n      @if (topbarEndTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      } @else {\n        <spark-language-selector />\n      }\n    </div>\n  </div>\n\n  <nav bsShellSidebar class=\"spark-sidebar p-2\"\n       [class.spark-sidebar-dark]=\"sidebarTheme() === 'dark'\"\n       [attr.data-bs-theme]=\"sidebarTheme()\">\n    @if (sidebarHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <h5 class=\"p-3 border-bottom\">{{ title() }}</h5>\n    }\n    @if (sidebarTopTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <spark-program-units [reloadToken]=\"reloadToken()\" [extraTabs]=\"tabs()\" />\n    @if (sidebarFooterTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </nav>\n\n  <!-- The padding lives in the stylesheet as `--spark-main-padding`, not as a `p-4` utility, so the\n       sticky action bar can read it and bleed back out to the scrollport edges. See _actionbar.scss. -->\n  <main>\n    @if (mainHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-content />\n  </main>\n</bs-shell>\n", styles: [":host{display:flex;flex-direction:column;height:100vh}bs-shell{flex:1 1 auto;min-height:0}.spark-topbar{background-color:var(--spark-shell-topbar-bg, var(--bs-dark, #212529))}::ng-deep spark-shell mp-shell::part(hamburger){display:none}bs-navbar-toggler{--bs-secondary-color: rgba(255, 255, 255, .85)}main{--spark-main-padding: 1.5rem;--spark-content-inset-block: var(--spark-main-padding);--spark-content-inset-inline: var(--spark-main-padding);height:100%;padding:var(--spark-main-padding);background-color:var(--spark-shell-main-bg, #f8f9fa);display:flex;flex-direction:column;overflow:auto}nav.spark-sidebar{min-height:100%;background:var(--spark-shell-sidebar-bg, #f8f9fa)}nav.spark-sidebar.spark-sidebar-dark{background:var(--spark-shell-sidebar-bg, #333);color:#fff}:host ::ng-deep nav.spark-sidebar{--bs-primary-bg-subtle: rgba(255, 255, 255, .1);--bs-border-color: transparent}:host ::ng-deep nav.spark-sidebar mp-accordion::part(content){padding:0}:host ::ng-deep nav.spark-sidebar .nav-link{color:inherit}:host ::ng-deep nav.spark-sidebar .nav-link:hover{background-color:#ffffff1a}:host ::ng-deep nav.spark-sidebar .nav-link.active{background-color:#fff3}\n"] }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }], sidebarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTheme", required: false }] }], reloadToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadToken", required: false }] }], sidebarTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTabs", required: false }] }], topbarStartTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "topbarStartTemplate", required: false }] }], topbarEndTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "topbarEndTemplate", required: false }] }], topbarActionsTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "topbarActionsTemplate", required: false }] }], sidebarHeaderTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarHeaderTemplate", required: false }] }], sidebarTopTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTopTemplate", required: false }] }], sidebarFooterTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarFooterTemplate", required: false }] }], mainHeaderTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainHeaderTemplate", required: false }] }], topbarStartSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellTopbarStartDirective), { isSignal: true }] }], topbarEndSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellTopbarEndDirective), { isSignal: true }] }], topbarActionsSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellTopbarActionsDirective), { isSignal: true }] }], sidebarHeaderSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellSidebarHeaderDirective), { isSignal: true }] }], sidebarTopSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellSidebarTopDirective), { isSignal: true }] }], sidebarFooterSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellSidebarFooterDirective), { isSignal: true }] }], mainHeaderSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SparkShellMainHeaderDirective), { isSignal: true }] }], tabSlots: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SparkShellTabDirective), { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+  `
+		}]
+	}]
+});
+var SparkShellTopbarStartDirective = class SparkShellTopbarStartDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellTopbarStartDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellTopbarStartDirective,
+		isStandalone: true,
+		selector: "[sparkShellTopbarStart]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellTopbarStartDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellTopbarStart]" }]
+	}]
+});
+var SparkShellTopbarEndDirective = class SparkShellTopbarEndDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellTopbarEndDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellTopbarEndDirective,
+		isStandalone: true,
+		selector: "[sparkShellTopbarEnd]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellTopbarEndDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellTopbarEnd]" }]
+	}]
+});
+var SparkShellTopbarActionsDirective = class SparkShellTopbarActionsDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellTopbarActionsDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellTopbarActionsDirective,
+		isStandalone: true,
+		selector: "[sparkShellTopbarActions]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellTopbarActionsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellTopbarActions]" }]
+	}]
+});
+var SparkShellSidebarHeaderDirective = class SparkShellSidebarHeaderDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellSidebarHeaderDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellSidebarHeaderDirective,
+		isStandalone: true,
+		selector: "[sparkShellSidebarHeader]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellSidebarHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellSidebarHeader]" }]
+	}]
+});
+var SparkShellSidebarTopDirective = class SparkShellSidebarTopDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellSidebarTopDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellSidebarTopDirective,
+		isStandalone: true,
+		selector: "[sparkShellSidebarTop]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellSidebarTopDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellSidebarTop]" }]
+	}]
+});
+var SparkShellTabDirective = class SparkShellTabDirective {
+	templateRef = inject(TemplateRef);
+	header = input.required({
+		...ngDevMode ? { debugName: "header" } : /* istanbul ignore next */ {},
+		alias: "sparkShellTab"
+	});
+	icon = input(void 0, {
+		...ngDevMode ? { debugName: "icon" } : /* istanbul ignore next */ {},
+		alias: "sparkShellTabIcon"
+	});
+	headerTemplate = input(null, {
+		...ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {},
+		alias: "sparkShellTabHeader"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellTabDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: SparkShellTabDirective,
+		isStandalone: true,
+		selector: "[sparkShellTab]",
+		inputs: {
+			header: {
+				classPropertyName: "header",
+				publicName: "sparkShellTab",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "sparkShellTabIcon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headerTemplate: {
+				classPropertyName: "headerTemplate",
+				publicName: "sparkShellTabHeader",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellTabDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellTab]" }]
+	}],
+	propDecorators: {
+		header: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sparkShellTab",
+				required: true
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sparkShellTabIcon",
+				required: false
+			}]
+		}],
+		headerTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sparkShellTabHeader",
+				required: false
+			}]
+		}]
+	}
+});
+var SparkShellSidebarFooterDirective = class SparkShellSidebarFooterDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellSidebarFooterDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellSidebarFooterDirective,
+		isStandalone: true,
+		selector: "[sparkShellSidebarFooter]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellSidebarFooterDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellSidebarFooter]" }]
+	}]
+});
+var SparkShellMainHeaderDirective = class SparkShellMainHeaderDirective {
+	templateRef = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellMainHeaderDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: SparkShellMainHeaderDirective,
+		isStandalone: true,
+		selector: "[sparkShellMainHeader]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellMainHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkShellMainHeader]" }]
+	}]
+});
+var SparkShellComponent = class SparkShellComponent {
+	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	breakpoint = input("md", ...ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []);
+	themeToggle = input(true, ...ngDevMode ? [{ debugName: "themeToggle" }] : /* istanbul ignore next */ []);
+	theme = inject(BsThemeService);
+	lang = inject(SparkLanguageService);
+	themeModes = computed(() => BS_THEME_DEFAULT_MODES.map((m) => {
+		const name = m.mode.charAt(0).toUpperCase() + m.mode.slice(1);
+		return {
+			...m,
+			label: this.lang.t(`theme.switchTo${name}`),
+			announcement: this.lang.t(`theme.${m.mode}`)
+		};
+	}), ...ngDevMode ? [{ debugName: "themeModes" }] : /* istanbul ignore next */ []);
+	reloadToken = input(null, ...ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []);
+	sidebarTabs = input([], ...ngDevMode ? [{ debugName: "sidebarTabs" }] : /* istanbul ignore next */ []);
+	topbarStartTemplate = input(null, ...ngDevMode ? [{ debugName: "topbarStartTemplate" }] : /* istanbul ignore next */ []);
+	topbarEndTemplate = input(null, ...ngDevMode ? [{ debugName: "topbarEndTemplate" }] : /* istanbul ignore next */ []);
+	topbarActionsTemplate = input(null, ...ngDevMode ? [{ debugName: "topbarActionsTemplate" }] : /* istanbul ignore next */ []);
+	sidebarHeaderTemplate = input(null, ...ngDevMode ? [{ debugName: "sidebarHeaderTemplate" }] : /* istanbul ignore next */ []);
+	sidebarTopTemplate = input(null, ...ngDevMode ? [{ debugName: "sidebarTopTemplate" }] : /* istanbul ignore next */ []);
+	sidebarFooterTemplate = input(null, ...ngDevMode ? [{ debugName: "sidebarFooterTemplate" }] : /* istanbul ignore next */ []);
+	mainHeaderTemplate = input(null, ...ngDevMode ? [{ debugName: "mainHeaderTemplate" }] : /* istanbul ignore next */ []);
+	topbarStartSlot = contentChild(SparkShellTopbarStartDirective, ...ngDevMode ? [{ debugName: "topbarStartSlot" }] : /* istanbul ignore next */ []);
+	topbarEndSlot = contentChild(SparkShellTopbarEndDirective, ...ngDevMode ? [{ debugName: "topbarEndSlot" }] : /* istanbul ignore next */ []);
+	topbarActionsSlot = contentChild(SparkShellTopbarActionsDirective, ...ngDevMode ? [{ debugName: "topbarActionsSlot" }] : /* istanbul ignore next */ []);
+	sidebarHeaderSlot = contentChild(SparkShellSidebarHeaderDirective, ...ngDevMode ? [{ debugName: "sidebarHeaderSlot" }] : /* istanbul ignore next */ []);
+	sidebarTopSlot = contentChild(SparkShellSidebarTopDirective, ...ngDevMode ? [{ debugName: "sidebarTopSlot" }] : /* istanbul ignore next */ []);
+	sidebarFooterSlot = contentChild(SparkShellSidebarFooterDirective, ...ngDevMode ? [{ debugName: "sidebarFooterSlot" }] : /* istanbul ignore next */ []);
+	mainHeaderSlot = contentChild(SparkShellMainHeaderDirective, ...ngDevMode ? [{ debugName: "mainHeaderSlot" }] : /* istanbul ignore next */ []);
+	topbarStartTpl = computed(() => this.topbarStartSlot()?.templateRef ?? this.topbarStartTemplate(), ...ngDevMode ? [{ debugName: "topbarStartTpl" }] : /* istanbul ignore next */ []);
+	topbarEndTpl = computed(() => this.topbarEndSlot()?.templateRef ?? this.topbarEndTemplate(), ...ngDevMode ? [{ debugName: "topbarEndTpl" }] : /* istanbul ignore next */ []);
+	topbarActionsTpl = computed(() => this.topbarActionsSlot()?.templateRef ?? this.topbarActionsTemplate(), ...ngDevMode ? [{ debugName: "topbarActionsTpl" }] : /* istanbul ignore next */ []);
+	sidebarHeaderTpl = computed(() => this.sidebarHeaderSlot()?.templateRef ?? this.sidebarHeaderTemplate(), ...ngDevMode ? [{ debugName: "sidebarHeaderTpl" }] : /* istanbul ignore next */ []);
+	sidebarTopTpl = computed(() => this.sidebarTopSlot()?.templateRef ?? this.sidebarTopTemplate(), ...ngDevMode ? [{ debugName: "sidebarTopTpl" }] : /* istanbul ignore next */ []);
+	sidebarFooterTpl = computed(() => this.sidebarFooterSlot()?.templateRef ?? this.sidebarFooterTemplate(), ...ngDevMode ? [{ debugName: "sidebarFooterTpl" }] : /* istanbul ignore next */ []);
+	mainHeaderTpl = computed(() => this.mainHeaderSlot()?.templateRef ?? this.mainHeaderTemplate(), ...ngDevMode ? [{ debugName: "mainHeaderTpl" }] : /* istanbul ignore next */ []);
+	tabSlots = contentChildren(SparkShellTabDirective, ...ngDevMode ? [{ debugName: "tabSlots" }] : /* istanbul ignore next */ []);
+	tabs = computed(() => [...this.sidebarTabs(), ...this.tabSlots().map((slot) => ({
+		header: slot.header(),
+		icon: slot.icon(),
+		headerTemplate: slot.headerTemplate(),
+		content: slot.templateRef
+	}))], ...ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []);
+	shellState = signal("auto", ...ngDevMode ? [{ debugName: "shellState" }] : /* istanbul ignore next */ []);
+	isSidebarVisible = signal(false, ...ngDevMode ? [{ debugName: "isSidebarVisible" }] : /* istanbul ignore next */ []);
+	toggleSidebar(open) {
+		this.shellState.set(open ? "show" : "hide");
+	}
+	onShellToggle(detail) {
+		this.isSidebarVisible.set(detail.open);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkShellComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkShellComponent,
+		isStandalone: true,
+		selector: "spark-shell",
+		inputs: {
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			breakpoint: {
+				classPropertyName: "breakpoint",
+				publicName: "breakpoint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			themeToggle: {
+				classPropertyName: "themeToggle",
+				publicName: "themeToggle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			reloadToken: {
+				classPropertyName: "reloadToken",
+				publicName: "reloadToken",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sidebarTabs: {
+				classPropertyName: "sidebarTabs",
+				publicName: "sidebarTabs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			topbarStartTemplate: {
+				classPropertyName: "topbarStartTemplate",
+				publicName: "topbarStartTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			topbarEndTemplate: {
+				classPropertyName: "topbarEndTemplate",
+				publicName: "topbarEndTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			topbarActionsTemplate: {
+				classPropertyName: "topbarActionsTemplate",
+				publicName: "topbarActionsTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sidebarHeaderTemplate: {
+				classPropertyName: "sidebarHeaderTemplate",
+				publicName: "sidebarHeaderTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sidebarTopTemplate: {
+				classPropertyName: "sidebarTopTemplate",
+				publicName: "sidebarTopTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sidebarFooterTemplate: {
+				classPropertyName: "sidebarFooterTemplate",
+				publicName: "sidebarFooterTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mainHeaderTemplate: {
+				classPropertyName: "mainHeaderTemplate",
+				publicName: "mainHeaderTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		queries: [
+			{
+				propertyName: "topbarStartSlot",
+				first: true,
+				predicate: SparkShellTopbarStartDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "topbarEndSlot",
+				first: true,
+				predicate: SparkShellTopbarEndDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "topbarActionsSlot",
+				first: true,
+				predicate: SparkShellTopbarActionsDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sidebarHeaderSlot",
+				first: true,
+				predicate: SparkShellSidebarHeaderDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sidebarTopSlot",
+				first: true,
+				predicate: SparkShellSidebarTopDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sidebarFooterSlot",
+				first: true,
+				predicate: SparkShellSidebarFooterDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "mainHeaderSlot",
+				first: true,
+				predicate: SparkShellMainHeaderDirective,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "tabSlots",
+				predicate: SparkShellTabDirective,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: "<bs-shell [state]=\"shellState()\" [breakpoint]=\"breakpoint()\" [dismissOnNavigate]=\"true\"\n          (statechange)=\"onShellToggle($event)\">\n  <div slot=\"topbar\" class=\"spark-topbar w-100 d-flex align-items-center\">\n    @if (topbarStartTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <bs-navbar-toggler [state]=\"isSidebarVisible()\" (stateChange)=\"toggleSidebar($event)\" />\n    }\n    <div class=\"ms-auto me-3 d-flex align-items-center gap-2\">\n      <!-- Ahead of the trailing chrome, and OUTSIDE the @if below: these actions are additive, so\n           they render whether the host replaced the trailing edge or left the default selector. -->\n      @if (topbarActionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      }\n      <!-- Also outside the trailing @if: replacing the end slot (e.g. with spark-auth-bar) keeps it. -->\n      @if (themeToggle()) {\n        <bs-theme-toggle [modes]=\"themeModes()\" />\n      }\n      @if (topbarEndTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      } @else {\n        <spark-language-selector />\n      }\n    </div>\n  </div>\n\n  <nav bsShellSidebar class=\"spark-sidebar p-2\">\n    @if (sidebarHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <h5 class=\"p-3 border-bottom\">{{ title() }}</h5>\n    }\n    @if (sidebarTopTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <spark-program-units [reloadToken]=\"reloadToken()\" [extraTabs]=\"tabs()\" />\n    @if (sidebarFooterTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </nav>\n\n  <!-- The padding lives in the stylesheet as `--spark-main-padding`, not as a `p-4` utility, so the\n       sticky action bar can read it and bleed back out to the scrollport edges. See _actionbar.scss. -->\n  <main>\n    @if (mainHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-content />\n  </main>\n</bs-shell>\n",
+		styles: ["::ng-deep :root,::ng-deep [data-bs-theme=light]{--spark-shell-topbar-bg: var(--bs-tertiary-bg);--spark-shell-topbar-color: var(--bs-body-color);--spark-shell-sidebar-bg: var(--bs-tertiary-bg);--spark-shell-sidebar-color: var(--bs-body-color);--spark-shell-main-bg: var(--bs-body-bg);--spark-shell-main-color: var(--bs-body-color)}::ng-deep [data-bs-theme=dark]{--spark-shell-topbar-bg: var(--bs-tertiary-bg);--spark-shell-topbar-color: var(--bs-body-color);--spark-shell-sidebar-bg: var(--bs-tertiary-bg);--spark-shell-sidebar-color: var(--bs-body-color);--spark-shell-main-bg: var(--bs-body-bg);--spark-shell-main-color: var(--bs-body-color)}:host{display:flex;flex-direction:column;height:100vh;--spark-shell-border-color: var(--bs-border-color)}bs-shell{flex:1 1 auto;min-height:0}.spark-topbar{background-color:var(--spark-shell-topbar-bg, var(--bs-tertiary-bg));color:var(--spark-shell-topbar-color, var(--bs-body-color));border-bottom:var(--bs-border-width) solid var(--spark-shell-border-color)}::ng-deep spark-shell mp-shell::part(hamburger){display:none}bs-navbar-toggler{--bs-secondary-color: var(--spark-shell-topbar-color, var(--bs-body-color))}main{--spark-main-padding: 1.5rem;--spark-content-inset-block: var(--spark-main-padding);--spark-content-inset-inline: var(--spark-main-padding);height:100%;padding:var(--spark-main-padding);background-color:var(--spark-shell-main-bg, var(--bs-body-bg));color:var(--spark-shell-main-color, var(--bs-body-color));display:flex;flex-direction:column;overflow:auto}nav.spark-sidebar{min-height:100%;background:var(--spark-shell-sidebar-bg, var(--bs-tertiary-bg));color:var(--spark-shell-sidebar-color, var(--bs-body-color));border-inline-end:var(--bs-border-width) solid var(--spark-shell-border-color)}:host ::ng-deep nav.spark-sidebar{--bs-primary-bg-subtle: rgba(var(--bs-emphasis-color-rgb), .1);--bs-border-color: transparent}:host ::ng-deep nav.spark-sidebar mp-accordion::part(content){padding:0}:host ::ng-deep nav.spark-sidebar .nav-link{color:inherit}:host ::ng-deep nav.spark-sidebar .nav-link:hover{background-color:rgba(var(--bs-emphasis-color-rgb),.1)}:host ::ng-deep nav.spark-sidebar .nav-link.active{background-color:rgba(var(--bs-emphasis-color-rgb),.2)}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: BsShellComponent,
+				selector: "bs-shell",
+				inputs: [
+					"state",
+					"breakpoint",
+					"dismissOnNavigate"
+				],
+				outputs: ["statechange"]
+			},
+			{
+				kind: "directive",
+				type: BsShellSidebarDirective,
+				selector: "[bsShellSidebar]"
+			},
+			{
+				kind: "component",
+				type: BsNavbarTogglerComponent,
+				selector: "bs-navbar-toggler",
+				inputs: [
+					"state",
+					"toggleOnClick",
+					"ariaLabel",
+					"controls"
+				],
+				outputs: ["stateChange"]
+			},
+			{
+				kind: "component",
+				type: BsThemeToggleComponent,
+				selector: "bs-theme-toggle",
+				inputs: ["modes"]
+			},
+			{
+				kind: "component",
+				type: SparkProgramUnitsComponent,
+				selector: "spark-program-units",
+				inputs: ["reloadToken", "extraTabs"]
+			},
+			{
+				kind: "component",
+				type: SparkLanguageSelectorComponent,
+				selector: "spark-language-selector"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkShellComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-shell",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgTemplateOutlet,
+				BsShellComponent,
+				BsShellSidebarDirective,
+				BsNavbarTogglerComponent,
+				BsThemeToggleComponent,
+				SparkProgramUnitsComponent,
+				SparkLanguageSelectorComponent
+			],
+			template: "<bs-shell [state]=\"shellState()\" [breakpoint]=\"breakpoint()\" [dismissOnNavigate]=\"true\"\n          (statechange)=\"onShellToggle($event)\">\n  <div slot=\"topbar\" class=\"spark-topbar w-100 d-flex align-items-center\">\n    @if (topbarStartTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <bs-navbar-toggler [state]=\"isSidebarVisible()\" (stateChange)=\"toggleSidebar($event)\" />\n    }\n    <div class=\"ms-auto me-3 d-flex align-items-center gap-2\">\n      <!-- Ahead of the trailing chrome, and OUTSIDE the @if below: these actions are additive, so\n           they render whether the host replaced the trailing edge or left the default selector. -->\n      @if (topbarActionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      }\n      <!-- Also outside the trailing @if: replacing the end slot (e.g. with spark-auth-bar) keeps it. -->\n      @if (themeToggle()) {\n        <bs-theme-toggle [modes]=\"themeModes()\" />\n      }\n      @if (topbarEndTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      } @else {\n        <spark-language-selector />\n      }\n    </div>\n  </div>\n\n  <nav bsShellSidebar class=\"spark-sidebar p-2\">\n    @if (sidebarHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    } @else {\n      <h5 class=\"p-3 border-bottom\">{{ title() }}</h5>\n    }\n    @if (sidebarTopTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <spark-program-units [reloadToken]=\"reloadToken()\" [extraTabs]=\"tabs()\" />\n    @if (sidebarFooterTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </nav>\n\n  <!-- The padding lives in the stylesheet as `--spark-main-padding`, not as a `p-4` utility, so the\n       sticky action bar can read it and bleed back out to the scrollport edges. See _actionbar.scss. -->\n  <main>\n    @if (mainHeaderTpl(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-content />\n  </main>\n</bs-shell>\n",
+			styles: ["::ng-deep :root,::ng-deep [data-bs-theme=light]{--spark-shell-topbar-bg: var(--bs-tertiary-bg);--spark-shell-topbar-color: var(--bs-body-color);--spark-shell-sidebar-bg: var(--bs-tertiary-bg);--spark-shell-sidebar-color: var(--bs-body-color);--spark-shell-main-bg: var(--bs-body-bg);--spark-shell-main-color: var(--bs-body-color)}::ng-deep [data-bs-theme=dark]{--spark-shell-topbar-bg: var(--bs-tertiary-bg);--spark-shell-topbar-color: var(--bs-body-color);--spark-shell-sidebar-bg: var(--bs-tertiary-bg);--spark-shell-sidebar-color: var(--bs-body-color);--spark-shell-main-bg: var(--bs-body-bg);--spark-shell-main-color: var(--bs-body-color)}:host{display:flex;flex-direction:column;height:100vh;--spark-shell-border-color: var(--bs-border-color)}bs-shell{flex:1 1 auto;min-height:0}.spark-topbar{background-color:var(--spark-shell-topbar-bg, var(--bs-tertiary-bg));color:var(--spark-shell-topbar-color, var(--bs-body-color));border-bottom:var(--bs-border-width) solid var(--spark-shell-border-color)}::ng-deep spark-shell mp-shell::part(hamburger){display:none}bs-navbar-toggler{--bs-secondary-color: var(--spark-shell-topbar-color, var(--bs-body-color))}main{--spark-main-padding: 1.5rem;--spark-content-inset-block: var(--spark-main-padding);--spark-content-inset-inline: var(--spark-main-padding);height:100%;padding:var(--spark-main-padding);background-color:var(--spark-shell-main-bg, var(--bs-body-bg));color:var(--spark-shell-main-color, var(--bs-body-color));display:flex;flex-direction:column;overflow:auto}nav.spark-sidebar{min-height:100%;background:var(--spark-shell-sidebar-bg, var(--bs-tertiary-bg));color:var(--spark-shell-sidebar-color, var(--bs-body-color));border-inline-end:var(--bs-border-width) solid var(--spark-shell-border-color)}:host ::ng-deep nav.spark-sidebar{--bs-primary-bg-subtle: rgba(var(--bs-emphasis-color-rgb), .1);--bs-border-color: transparent}:host ::ng-deep nav.spark-sidebar mp-accordion::part(content){padding:0}:host ::ng-deep nav.spark-sidebar .nav-link{color:inherit}:host ::ng-deep nav.spark-sidebar .nav-link:hover{background-color:rgba(var(--bs-emphasis-color-rgb),.1)}:host ::ng-deep nav.spark-sidebar .nav-link.active{background-color:rgba(var(--bs-emphasis-color-rgb),.2)}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		breakpoint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "breakpoint",
+				required: false
+			}]
+		}],
+		themeToggle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "themeToggle",
+				required: false
+			}]
+		}],
+		reloadToken: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reloadToken",
+				required: false
+			}]
+		}],
+		sidebarTabs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sidebarTabs",
+				required: false
+			}]
+		}],
+		topbarStartTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "topbarStartTemplate",
+				required: false
+			}]
+		}],
+		topbarEndTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "topbarEndTemplate",
+				required: false
+			}]
+		}],
+		topbarActionsTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "topbarActionsTemplate",
+				required: false
+			}]
+		}],
+		sidebarHeaderTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sidebarHeaderTemplate",
+				required: false
+			}]
+		}],
+		sidebarTopTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sidebarTopTemplate",
+				required: false
+			}]
+		}],
+		sidebarFooterTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sidebarFooterTemplate",
+				required: false
+			}]
+		}],
+		mainHeaderTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mainHeaderTemplate",
+				required: false
+			}]
+		}],
+		topbarStartSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellTopbarStartDirective), { isSignal: true }]
+		}],
+		topbarEndSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellTopbarEndDirective), { isSignal: true }]
+		}],
+		topbarActionsSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellTopbarActionsDirective), { isSignal: true }]
+		}],
+		sidebarHeaderSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellSidebarHeaderDirective), { isSignal: true }]
+		}],
+		sidebarTopSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellSidebarTopDirective), { isSignal: true }]
+		}],
+		sidebarFooterSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellSidebarFooterDirective), { isSignal: true }]
+		}],
+		mainHeaderSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => SparkShellMainHeaderDirective), { isSignal: true }]
+		}],
+		tabSlots: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => SparkShellTabDirective), { isSignal: true }]
+		}]
+	}
+});
 export { SparkLanguageSelectorComponent, SparkProgramUnitsComponent, SparkShellComponent, SparkShellMainHeaderDirective, SparkShellSidebarFooterDirective, SparkShellSidebarHeaderDirective, SparkShellSidebarTopDirective, SparkShellTabDirective, SparkShellTopbarActionsDirective, SparkShellTopbarEndDirective, SparkShellTopbarStartDirective };
-//# sourceMappingURL=mintplayer-ng-spark-shell.mjs.map
+
+//# sourceMappingURL=mintplayer-ng-spark-shell.mjs.map