@mintplayer/ng-spark 22.5.0 → 22.6.0

package/fesm2022/mintplayer-ng-spark-query-list.mjs

@@ -258,10 +258,10 @@ class SparkQueryListComponent {
         }
         this.streamItems.set(items);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkQueryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SparkQueryListComponent, isStandalone: true, selector: "spark-query-list", inputs: { extraActionsTemplate: { classPropertyName: "extraActionsTemplate", publicName: "extraActionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, showCustomActions: { classPropertyName: "showCustomActions", publicName: "showCustomActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClicked: "rowClicked", createClicked: "createClicked", customActionExecuted: "customActionExecuted" }, host: { properties: { "class.virtual-scrolling": "isVirtualScrolling()" } }, viewQueries: [{ propertyName: "grid", first: true, predicate: SparkQueryGridComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"d-flex flex-column h-100\">\n  <div class=\"spark-actionbar py-2 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\" [class.px-3]=\"!isVirtualScrolling()\">\n    <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n      @if (canCreate()) {\n        <button *bsPriorityNavItem=\"1\" class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'common.new' | t }}\n        </button>\n      }\n      @if (showCustomActions()) {\n        @for (action of customActions(); track action.name) {\n          <!-- Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n               priority nav on every selection change. The server enforces the same rule. -->\n          <button *bsPriorityNavItem=\"10 + action.offset\" class=\"btn btn-outline-primary\"\n                  [disabled]=\"!isActionEnabled(action)\" (click)=\"onCustomAction(action)\">\n            {{ action.displayName | resolveTranslation }}\n          </button>\n        }\n      }\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *bsPriorityNavItem=\"50\">\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        </ng-container>\n      }\n    </bs-priority-nav>\n  </div>\n\n  <h2 class=\"mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    {{ (query()?.description | resolveTranslation) || query()?.name || ('common.loading' | t) }}\n    @if (isStreaming()) {\n      <bs-badge [type]=\"colors.success\" class=\"ms-2 align-middle spark-live-badge\">LIVE</bs-badge>\n    }\n  </h2>\n\n  @if (errorMessage(); as err) {\n    <!-- The route could not be resolved to a query at all. A failure INSIDE the grid renders in\n         the grid; this is the one it cannot report, because it never got a query id. -->\n    <bs-alert [type]=\"colors.danger\" class=\"m-3 d-block\">\n      {{ err }}\n    </bs-alert>\n  } @else if (queryId(); as qId) {\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"12\">\n              <bs-input-group>\n                <span class=\"addon\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [ngModel]=\"searchTerm()\"\n                  (ngModelChange)=\"searchTerm.set($event)\">\n                @if (searchTerm()) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <!-- Its own full-width row rather than a column beside the box: the count is\n                 occasional, and reserving 8 columns for it shrank the search permanently. The\n                 @if moved out of the column so nothing reserves vertical space when absent. -->\n            @if (searchTerm() && resultCount() !== null) {\n              <div [md]=\"12\" class=\"text-end mt-1\">\n                <span class=\"text-muted\">\n                  {{ resultCount() }} {{ resultCount() === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              </div>\n            }\n          </div>\n        </bs-grid>\n      </bs-form>\n    </div>\n\n    <!--\n      One grid, both transports. `data` is null for a normal query, so the grid fetches and pages\n      server-side; for a streaming query this page owns the socket and hands the filtered snapshot\n      in. This used to be two near-identical <bs-datatable> blocks with a shared row template.\n    -->\n    <spark-query-grid class=\"flex-grow-1\"\n        [queryId]=\"qId\"\n        [data]=\"gridData()\"\n        [search]=\"searchTerm()\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n", styles: [".spark-actionbar{position:sticky;top:0;z-index:400;background-color:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color);margin-bottom:1rem}.spark-actionbar .btn{border-radius:0}:host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}:host.virtual-scrolling spark-query-grid{display:flex;flex-direction:column;min-height:0}:host.virtual-scrolling ::ng-deep bs-datatable{display:flex;flex-direction:column;min-height:0;--mp-datatable-virtual-max-height: 100%}:host.virtual-scrolling ::ng-deep bs-datatable mp-datatable{flex:1 1 auto;min-height:0}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}.spark-live-badge{font-size:.6em}\n"], dependencies: [{ kind: "component", type: BsBadgeComponent, selector: "bs-badge", inputs: ["type", "unit", "decorative"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "announce", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group", inputs: ["size"] }, { kind: "component", type: BsPriorityNavComponent, selector: "bs-priority-nav", inputs: ["moreLabel", "moreLabelTemplate", "collapseAt", "overflowFrom", "hideEmptyMore", "ariaLabel"], outputs: ["overflowChange"] }, { kind: "directive", type: BsPriorityNavItemDirective, selector: "[bsPriorityNavItem]", inputs: ["bsPriorityNavItem", "bsPriorityNavItemHideBelow"] }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "component", type: SparkQueryGridComponent, selector: "spark-query-grid", inputs: ["queryId", "parentId", "parentType", "data", "search", "reloadToken", "settings", "selection"], outputs: ["settingsChange", "selectionChange", "error", "rowClicked", "customActionExecuted"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkQueryListComponent, isStandalone: true, selector: "spark-query-list", inputs: { extraActionsTemplate: { classPropertyName: "extraActionsTemplate", publicName: "extraActionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, showCustomActions: { classPropertyName: "showCustomActions", publicName: "showCustomActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClicked: "rowClicked", createClicked: "createClicked", customActionExecuted: "customActionExecuted" }, host: { properties: { "class.virtual-scrolling": "isVirtualScrolling()" } }, viewQueries: [{ propertyName: "grid", first: true, predicate: SparkQueryGridComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"d-flex flex-column h-100\">\n  <div class=\"spark-actionbar py-2 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\" [class.px-3]=\"!isVirtualScrolling()\">\n    <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n      @if (canCreate()) {\n        <button *bsPriorityNavItem=\"1\" class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'common.new' | t }}\n        </button>\n      }\n      @if (showCustomActions()) {\n        @for (action of customActions(); track action.name) {\n          <!-- Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n               priority nav on every selection change. The server enforces the same rule. -->\n          <button *bsPriorityNavItem=\"10 + action.offset\" class=\"btn btn-outline-primary\"\n                  [disabled]=\"!isActionEnabled(action)\" (click)=\"onCustomAction(action)\">\n            {{ action.displayName | resolveTranslation }}\n          </button>\n        }\n      }\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *bsPriorityNavItem=\"50\">\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        </ng-container>\n      }\n    </bs-priority-nav>\n  </div>\n\n  <h2 class=\"mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    {{ (query()?.description | resolveTranslation) || query()?.name || ('common.loading' | t) }}\n    @if (isStreaming()) {\n      <bs-badge [type]=\"colors.success\" class=\"ms-2 align-middle spark-live-badge\">LIVE</bs-badge>\n    }\n  </h2>\n\n  @if (errorMessage(); as err) {\n    <!-- The route could not be resolved to a query at all. A failure INSIDE the grid renders in\n         the grid; this is the one it cannot report, because it never got a query id. -->\n    <bs-alert [type]=\"colors.danger\" class=\"m-3 d-block\">\n      {{ err }}\n    </bs-alert>\n  } @else if (queryId(); as qId) {\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"12\">\n              <bs-input-group>\n                <span class=\"addon\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [ngModel]=\"searchTerm()\"\n                  (ngModelChange)=\"searchTerm.set($event)\">\n                @if (searchTerm()) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <!-- Its own full-width row rather than a column beside the box: the count is\n                 occasional, and reserving 8 columns for it shrank the search permanently. The\n                 @if moved out of the column so nothing reserves vertical space when absent. -->\n            @if (searchTerm() && resultCount() !== null) {\n              <div [md]=\"12\" class=\"text-end mt-1\">\n                <span class=\"text-muted\">\n                  {{ resultCount() }} {{ resultCount() === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              </div>\n            }\n          </div>\n        </bs-grid>\n      </bs-form>\n    </div>\n\n    <!--\n      One grid, both transports. `data` is null for a normal query, so the grid fetches and pages\n      server-side; for a streaming query this page owns the socket and hands the filtered snapshot\n      in. This used to be two near-identical <bs-datatable> blocks with a shared row template.\n    -->\n    <spark-query-grid class=\"flex-grow-1\"\n        [queryId]=\"qId\"\n        [data]=\"gridData()\"\n        [search]=\"searchTerm()\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n", styles: [".spark-actionbar{position:sticky;top:0;z-index:400;background-color:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color);margin-bottom:1rem}.spark-actionbar .btn{border-radius:0}:host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}:host.virtual-scrolling spark-query-grid{display:flex;flex-direction:column;min-height:0}:host.virtual-scrolling ::ng-deep bs-datatable{display:flex;flex-direction:column;min-height:0;--mp-datatable-virtual-max-height: 100%}:host.virtual-scrolling ::ng-deep bs-datatable mp-datatable{flex:1 1 auto;min-height:0}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}.spark-live-badge{font-size:.6em}\n"], dependencies: [{ kind: "component", type: BsBadgeComponent, selector: "bs-badge", inputs: ["type", "unit", "decorative"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "announce", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group", inputs: ["size"] }, { kind: "component", type: BsPriorityNavComponent, selector: "bs-priority-nav", inputs: ["moreLabel", "moreLabelTemplate", "collapseAt", "overflowFrom", "hideEmptyMore", "ariaLabel"], outputs: ["overflowChange"] }, { kind: "directive", type: BsPriorityNavItemDirective, selector: "[bsPriorityNavItem]", inputs: ["bsPriorityNavItem", "bsPriorityNavItemHideBelow"] }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "component", type: SparkQueryGridComponent, selector: "spark-query-grid", inputs: ["queryId", "parentId", "parentType", "data", "search", "reloadToken", "settings", "selection"], outputs: ["settingsChange", "selectionChange", "error", "rowClicked", "customActionExecuted"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkQueryListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spark-query-list', imports: [BsBadgeComponent, CommonModule, NgTemplateOutlet, FormsModule, BsAlertComponent, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsInputGroupComponent, BsPriorityNavComponent, BsPriorityNavItemDirective, BsSpinnerComponent, SparkIconComponent, SparkQueryGridComponent, ResolveTranslationPipe, TranslateKeyPipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.virtual-scrolling]': 'isVirtualScrolling()'

package/fesm2022/mintplayer-ng-spark-retry-action-modal.mjs

@@ -103,8 +103,8 @@ class SparkRetryActionModalComponent {
         };
         return populated;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkRetryActionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SparkRetryActionModalComponent, isStandalone: true, selector: "spark-retry-action-modal", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkRetryActionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkRetryActionModalComponent, isStandalone: true, selector: "spark-retry-action-modal", ngImport: i0, template: `
     <bs-modal [isOpen]="isOpen()" (isOpenChange)="!$event && onOption('Cancel')">
       <div *bsModal>
         <div bsModalHeader>
@@ -136,7 +136,7 @@ class SparkRetryActionModalComponent {
     </bs-modal>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BsModalHostComponent, selector: "bs-modal", inputs: ["isOpen", "closeOnEscape", "scrollable"], outputs: ["isOpenChange"] }, { kind: "directive", type: BsModalDirective, selector: "[bsModal]" }, { kind: "directive", type: BsModalHeaderDirective, selector: "[bsModalHeader]" }, { kind: "directive", type: BsModalBodyDirective, selector: "[bsModalBody]" }, { kind: "directive", type: BsModalFooterDirective, selector: "[bsModalFooter]" }, { kind: "directive", type: BsButtonTypeDirective, selector: "button[color],input[type=\"button\"][color],input[type=\"submit\"][color],a[color]", inputs: ["color"] }, { kind: "component", type: SparkPoFormComponent, selector: "spark-po-form", inputs: ["entityType", "formData", "validationErrors", "showButtons", "isSaving", "parentId", "parentType", "objectTypeId", "objectId"], outputs: ["formDataChange", "save", "cancel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkRetryActionModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkRetryActionModalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'spark-retry-action-modal',

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

@@ -20,10 +20,10 @@ class RetryActionService {
         this.resolveRetry?.(result);
         this.resolveRetry = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RetryActionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RetryActionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RetryActionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RetryActionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RetryActionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RetryActionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -70,10 +70,10 @@ class SparkLanguageService {
         const ts = this.translationsMap()[key];
         return this.resolve(ts) || key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkLanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkLanguageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkLanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkLanguageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkLanguageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkLanguageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -156,10 +156,10 @@ class SparkStreamingService {
         const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
         return `${protocol}//${window.location.host}${path}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkStreamingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkStreamingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkStreamingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkStreamingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkStreamingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkStreamingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -333,10 +333,10 @@ class SparkService {
         body.retryResults = [...(body.retryResults || []), result];
         return retryFn();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -393,10 +393,10 @@ class SparkIconRegistry {
     has(name) {
         return this.icons.has(name);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkIconRegistry, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkIconRegistry, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkIconRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkIconRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });

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

@@ -0,0 +1,379 @@
+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: `
+    @if (lang.languages() | keyvalue; as langs) {
+      @if (langs.length > 1) {
+        <bs-select [ngModel]="lang.language()" (ngModelChange)="lang.setLanguage($event)">
+          @for (l of langs; track l.key) {
+            <option [ngValue]="l.key">{{ l.value | resolveTranslation }}</option>
+          }
+        </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: `
+    @if (lang.languages() | keyvalue; as langs) {
+      @if (langs.length > 1) {
+        <bs-select [ngModel]="lang.language()" (ngModelChange)="lang.setLanguage($event)">
+          @for (l of langs; track l.key) {
+            <option [ngValue]="l.key">{{ l.value | resolveTranslation }}</option>
+          }
+        </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]' }]
+        }] });
+/** 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 */ []));
+    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 */ []));
+    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 */ []));
+    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 }, 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: "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      @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  <main class=\"p-4\">\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{height:100%;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      @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  <main class=\"p-4\">\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{height:100%;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 }] }], 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 }] }], 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.
+ */
+
+export { SparkLanguageSelectorComponent, SparkProgramUnitsComponent, SparkShellComponent, SparkShellMainHeaderDirective, SparkShellSidebarFooterDirective, SparkShellSidebarHeaderDirective, SparkShellSidebarTopDirective, SparkShellTabDirective, SparkShellTopbarEndDirective, SparkShellTopbarStartDirective };
+//# sourceMappingURL=mintplayer-ng-spark-shell.mjs.map