@nucleus-suite-pe/core 0.4.0 → 0.6.0

package/fesm2022/nucleus-suite-pe-core.mjs

@@ -1,29 +1,47 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injector, signal, computed, Injectable, effect, input, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, output, untracked } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injector, signal, computed, Injectable, effect, input, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, model, output, TemplateRef, Directive, contentChildren, untracked } from '@angular/core';
 import { HttpContextToken, HttpClient, HttpContext, HttpErrorResponse } from '@angular/common/http';
 import { firstValueFrom, catchError, throwError, from, switchMap } from 'rxjs';
 import { definePreset } from '@primeuix/themes';
 import Lara from '@primeuix/themes/lara';
 import { providePrimeNG } from 'primeng/config';
-import * as i9 from '@angular/forms';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import * as i6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import * as i1 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i2 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i3 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import * as i4 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i5 from 'primeng/toggleswitch';
+import { ToggleSwitchModule } from 'primeng/toggleswitch';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i2$1 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i3$1 from 'primeng/tag';
+import { TagModule } from 'primeng/tag';
+import * as i4$1 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
 import { Router } from '@angular/router';
-import * as i1 from 'primeng/avatar';
+import * as i1$2 from 'primeng/avatar';
 import { AvatarModule } from 'primeng/avatar';
-import * as i2 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
-import * as i3 from 'primeng/drawer';
+import * as i2$2 from 'primeng/breadcrumb';
+import { BreadcrumbModule } from 'primeng/breadcrumb';
+import * as i4$2 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import * as i5$1 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i6$1 from 'primeng/drawer';
 import { DrawerModule } from 'primeng/drawer';
-import * as i4 from 'primeng/listbox';
+import * as i7 from 'primeng/listbox';
 import { ListboxModule } from 'primeng/listbox';
-import * as i5 from 'primeng/popover';
+import * as i8 from 'primeng/popover';
 import { PopoverModule } from 'primeng/popover';
-import * as i6 from 'primeng/select';
-import { SelectModule } from 'primeng/select';
-import * as i7 from 'primeng/tag';
-import { TagModule } from 'primeng/tag';
-import * as i8 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
 
 const NUCLEUS_CONFIG = new InjectionToken('NUCLEUS_CONFIG');
 const CONFIG_URL = 'config.json';
@@ -968,6 +986,291 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
   `, styles: [":host{display:inline-flex}\n"] }]
         }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: true }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }] } });
 
+class NucleusCard {
+    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+    subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusCard, isStandalone: true, selector: "nucleus-card", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (heading() || subtitle()) {
+      <div class="head">
+        @if (heading()) {
+          <h2>{{ heading() }}</h2>
+        }
+        @if (subtitle()) {
+          <p class="subtitle">{{ subtitle() }}</p>
+        }
+      </div>
+    }
+
+    <ng-content />
+
+    <div class="actions">
+      <ng-content select="[nucleusCardActions]" />
+    </div>
+  `, isInline: true, styles: [":host{display:block;padding:22px 24px;border:1px solid var(--ac-border);border-radius:12px;background:color-mix(in srgb,var(--ac-surface) 70%,transparent)}.head{margin-bottom:18px}h2{margin:0;font-size:16px;font-weight:600}.subtitle{margin:4px 0 0;color:var(--ac-text-muted);font-size:13px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.actions:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-card', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (heading() || subtitle()) {
+      <div class="head">
+        @if (heading()) {
+          <h2>{{ heading() }}</h2>
+        }
+        @if (subtitle()) {
+          <p class="subtitle">{{ subtitle() }}</p>
+        }
+      </div>
+    }
+
+    <ng-content />
+
+    <div class="actions">
+      <ng-content select="[nucleusCardActions]" />
+    </div>
+  `, styles: [":host{display:block;padding:22px 24px;border:1px solid var(--ac-border);border-radius:12px;background:color-mix(in srgb,var(--ac-surface) 70%,transparent)}.head{margin-bottom:18px}h2{margin:0;font-size:16px;font-weight:600}.subtitle{margin:4px 0 0;color:var(--ac-text-muted);font-size:13px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.actions:empty{display:none}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }] } });
+
+class NucleusTabs {
+    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    active = model.required(...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusTabs, isStandalone: true, selector: "nucleus-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { active: "activeChange" }, ngImport: i0, template: `
+    <div class="bar" role="tablist">
+      @for (tab of tabs(); track tab.id) {
+        <button
+          type="button"
+          class="tab"
+          role="tab"
+          [class.is-active]="tab.id === active()"
+          [attr.aria-selected]="tab.id === active()"
+          (click)="active.set(tab.id)"
+        >
+          @if (tab.icon) {
+            <i [class]="tab.icon" aria-hidden="true"></i>
+          }
+          {{ tab.label }}
+          @if (tab.badge !== undefined) {
+            <span class="badge">{{ tab.badge }}</span>
+          }
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.bar{display:flex;overflow-x:auto;justify-content:flex-start;gap:4px;border-bottom:1px solid var(--ac-border);scrollbar-width:none}.bar::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--ac-text-muted);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s ease,border-color .12s ease}.tab:hover{color:var(--ac-text)}.tab.is-active{border-bottom-color:var(--ac-accent);color:var(--ac-text)}.tab i{font-size:13px}.badge{padding:1px 7px;border-radius:var(--ac-radius-pill);background:color-mix(in srgb,var(--ac-text) 12%,transparent);font-size:11px}.tab.is-active .badge{background:color-mix(in srgb,var(--ac-accent) 26%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusTabs, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="bar" role="tablist">
+      @for (tab of tabs(); track tab.id) {
+        <button
+          type="button"
+          class="tab"
+          role="tab"
+          [class.is-active]="tab.id === active()"
+          [attr.aria-selected]="tab.id === active()"
+          (click)="active.set(tab.id)"
+        >
+          @if (tab.icon) {
+            <i [class]="tab.icon" aria-hidden="true"></i>
+          }
+          {{ tab.label }}
+          @if (tab.badge !== undefined) {
+            <span class="badge">{{ tab.badge }}</span>
+          }
+        </button>
+      }
+    </div>
+  `, styles: [":host{display:block}.bar{display:flex;overflow-x:auto;justify-content:flex-start;gap:4px;border-bottom:1px solid var(--ac-border);scrollbar-width:none}.bar::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--ac-text-muted);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s ease,border-color .12s ease}.tab:hover{color:var(--ac-text)}.tab.is-active{border-bottom-color:var(--ac-accent);color:var(--ac-text)}.tab i{font-size:13px}.badge{padding:1px 7px;border-radius:var(--ac-radius-pill);background:color-mix(in srgb,var(--ac-text) 12%,transparent);font-size:11px}.tab.is-active .badge{background:color-mix(in srgb,var(--ac-accent) 26%,transparent)}\n"] }]
+        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: true }] }, { type: i0.Output, args: ["activeChange"] }] } });
+
+class NucleusPage {
+    heading = signal('', ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+    lead = signal('', ...(ngDevMode ? [{ debugName: "lead" }] : /* istanbul ignore next */ []));
+    crumbs = signal([], ...(ngDevMode ? [{ debugName: "crumbs" }] : /* istanbul ignore next */ []));
+    set(heading, lead = '', crumbs = []) {
+        this.heading.set(heading);
+        this.lead.set(lead);
+        this.crumbs.set(crumbs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusPage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusPage, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusPage, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function provideNucleusFeedback() {
+    return makeEnvironmentProviders([ConfirmationService, MessageService]);
+}
+class NucleusFeedback {
+    confirmation = inject(ConfirmationService);
+    messages = inject(MessageService);
+    ask(request) {
+        return new Promise((resolve) => {
+            this.confirmation.confirm({
+                header: request.header,
+                message: request.message,
+                acceptLabel: request.accept,
+                rejectLabel: request.reject,
+                icon: request.icon ?? NUCLEUS_ICONS.warning,
+                acceptButtonStyleClass: request.tone === 'danger' ? 'p-button-danger' : '',
+                accept: () => resolve(true),
+                reject: () => resolve(false),
+            });
+        });
+    }
+    done(summary, detail = '') {
+        this.messages.add({ severity: 'success', summary, detail, life: 3200 });
+    }
+    failed(summary, detail = '') {
+        this.messages.add({ severity: 'error', summary, detail, life: 5000 });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusFeedback, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusFeedback, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusFeedback, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function resolveFieldSize(field) {
+    if (field.size)
+        return field.size;
+    if (field.kind === 'textarea')
+        return 'full';
+    const max = field.maxlength;
+    if (max === undefined)
+        return 'md';
+    if (max <= 8)
+        return 'xs';
+    if (max <= 20)
+        return 'sm';
+    if (max <= 40)
+        return 'md';
+    if (max <= 80)
+        return 'lg';
+    return 'full';
+}
+
+class NucleusForm {
+    fields = input.required(...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    columns = input(null, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    read(field) {
+        return this.value()[field.key] ?? null;
+    }
+    text(field) {
+        const raw = this.value()[field.key];
+        return raw === null || raw === undefined ? '' : String(raw);
+    }
+    checked(field) {
+        return this.value()[field.key] === true;
+    }
+    write(field, next) {
+        this.valueChange.emit({ ...this.value(), [field.key]: next });
+    }
+    isDisabled(field) {
+        return this.readonly() || field.disabled === true;
+    }
+    fieldClass(field) {
+        const span = field.span ?? 1;
+        return `is-span-${span === 'full' ? 'full' : span} is-size-${resolveFieldSize(field)}`;
+    }
+    gridClass() {
+        const columns = this.columns();
+        return columns ? `is-cap-${Math.min(Math.max(columns, 1), 4)}` : '';
+    }
+    optionsOf(field) {
+        return [...(field.options ?? [])];
+    }
+    kindOf(field) {
+        return field.kind ?? 'text';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusForm, isStandalone: true, selector: "nucleus-form", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"grid\" [class]=\"gridClass()\">\n  @for (field of fields(); track field.key) {\n    <div class=\"field\" [class]=\"fieldClass(field)\">\n      @if (kindOf(field) !== 'checkbox' && kindOf(field) !== 'switch') {\n        <label [attr.for]=\"'nf-' + field.key\">{{ field.label }}</label>\n      }\n\n      @switch (kindOf(field)) {\n        @case ('textarea') {\n          <textarea\n            pTextarea\n            [id]=\"'nf-' + field.key\"\n            [rows]=\"field.rows ?? 3\"\n            [ngModel]=\"text(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [attr.maxlength]=\"field.maxlength ?? null\"\n            [attr.placeholder]=\"field.placeholder ?? null\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            fluid\n          ></textarea>\n        }\n        @case ('select') {\n          <p-select\n            [inputId]=\"'nf-' + field.key\"\n            [options]=\"optionsOf(field)\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [ngModel]=\"read(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [placeholder]=\"field.placeholder ?? ''\"\n            [showClear]=\"field.clearable === true\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            fluid\n          />\n        }\n        @case ('checkbox') {\n          <div class=\"inline\">\n            <p-checkbox\n              [inputId]=\"'nf-' + field.key\"\n              [binary]=\"true\"\n              [ngModel]=\"checked(field)\"\n              (ngModelChange)=\"write(field, $event)\"\n              [disabled]=\"isDisabled(field)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n            />\n            <label [attr.for]=\"'nf-' + field.key\" class=\"inline-label\">{{ field.label }}</label>\n          </div>\n        }\n        @case ('switch') {\n          <div class=\"inline\">\n            <p-toggleswitch\n              [inputId]=\"'nf-' + field.key\"\n              [ngModel]=\"checked(field)\"\n              (ngModelChange)=\"write(field, $event)\"\n              [disabled]=\"isDisabled(field)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n            />\n            <label [attr.for]=\"'nf-' + field.key\" class=\"inline-label\">{{ field.label }}</label>\n          </div>\n        }\n        @default {\n          <input\n            pInputText\n            [id]=\"'nf-' + field.key\"\n            [type]=\"kindOf(field) === 'number' ? 'number' : kindOf(field)\"\n            [ngModel]=\"text(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [attr.maxlength]=\"field.maxlength ?? null\"\n            [attr.placeholder]=\"field.placeholder ?? null\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            autocomplete=\"off\"\n            fluid\n          />\n        }\n      }\n\n      @if (field.hint) {\n        <p class=\"hint\">{{ field.hint }}</p>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.grid{display:grid;grid-template-columns:1fr;gap:18px 20px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field label{color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.field .hint{margin:0;max-width:52ch;color:var(--ac-text-muted);font-size:12px;line-height:1.45}.inline{display:flex;min-height:38px;align-items:center;gap:10px}.inline-label{color:var(--ac-text);font-size:13px;letter-spacing:normal;text-transform:none}.is-size-xs :is(input,textarea,.p-select){max-width:9ch}.is-size-sm :is(input,textarea,.p-select){max-width:18ch}.is-size-md :is(input,textarea,.p-select){max-width:30ch}.is-size-lg :is(input,textarea,.p-select){max-width:46ch}.is-span-full{grid-column:1 / -1}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-span-2,.is-span-3,.is-span-4{grid-column:span 2}}@media(min-width:1080px){.grid:not(.is-cap-1):not(.is-cap-2){grid-template-columns:repeat(3,minmax(0,1fr))}.grid:not(.is-cap-1):not(.is-cap-2) .is-span-2{grid-column:span 2}.grid:not(.is-cap-1):not(.is-cap-2) :is(.is-span-3,.is-span-4){grid-column:span 3}}@media(min-width:1500px){.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3){grid-template-columns:repeat(4,minmax(0,1fr))}.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-3{grid-column:span 3}.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-4{grid-column:span 4}}.grid.is-cap-1{grid-template-columns:1fr}.grid.is-cap-1 .field{grid-column:1 / -1}\n"], dependencies: [{ kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-form', imports: [
+                        CheckboxModule,
+                        InputTextModule,
+                        SelectModule,
+                        TextareaModule,
+                        ToggleSwitchModule,
+                        FormsModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"grid\" [class]=\"gridClass()\">\n  @for (field of fields(); track field.key) {\n    <div class=\"field\" [class]=\"fieldClass(field)\">\n      @if (kindOf(field) !== 'checkbox' && kindOf(field) !== 'switch') {\n        <label [attr.for]=\"'nf-' + field.key\">{{ field.label }}</label>\n      }\n\n      @switch (kindOf(field)) {\n        @case ('textarea') {\n          <textarea\n            pTextarea\n            [id]=\"'nf-' + field.key\"\n            [rows]=\"field.rows ?? 3\"\n            [ngModel]=\"text(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [attr.maxlength]=\"field.maxlength ?? null\"\n            [attr.placeholder]=\"field.placeholder ?? null\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            fluid\n          ></textarea>\n        }\n        @case ('select') {\n          <p-select\n            [inputId]=\"'nf-' + field.key\"\n            [options]=\"optionsOf(field)\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [ngModel]=\"read(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [placeholder]=\"field.placeholder ?? ''\"\n            [showClear]=\"field.clearable === true\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            fluid\n          />\n        }\n        @case ('checkbox') {\n          <div class=\"inline\">\n            <p-checkbox\n              [inputId]=\"'nf-' + field.key\"\n              [binary]=\"true\"\n              [ngModel]=\"checked(field)\"\n              (ngModelChange)=\"write(field, $event)\"\n              [disabled]=\"isDisabled(field)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n            />\n            <label [attr.for]=\"'nf-' + field.key\" class=\"inline-label\">{{ field.label }}</label>\n          </div>\n        }\n        @case ('switch') {\n          <div class=\"inline\">\n            <p-toggleswitch\n              [inputId]=\"'nf-' + field.key\"\n              [ngModel]=\"checked(field)\"\n              (ngModelChange)=\"write(field, $event)\"\n              [disabled]=\"isDisabled(field)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n            />\n            <label [attr.for]=\"'nf-' + field.key\" class=\"inline-label\">{{ field.label }}</label>\n          </div>\n        }\n        @default {\n          <input\n            pInputText\n            [id]=\"'nf-' + field.key\"\n            [type]=\"kindOf(field) === 'number' ? 'number' : kindOf(field)\"\n            [ngModel]=\"text(field)\"\n            (ngModelChange)=\"write(field, $event)\"\n            [disabled]=\"isDisabled(field)\"\n            [attr.maxlength]=\"field.maxlength ?? null\"\n            [attr.placeholder]=\"field.placeholder ?? null\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            autocomplete=\"off\"\n            fluid\n          />\n        }\n      }\n\n      @if (field.hint) {\n        <p class=\"hint\">{{ field.hint }}</p>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.grid{display:grid;grid-template-columns:1fr;gap:18px 20px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field label{color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.field .hint{margin:0;max-width:52ch;color:var(--ac-text-muted);font-size:12px;line-height:1.45}.inline{display:flex;min-height:38px;align-items:center;gap:10px}.inline-label{color:var(--ac-text);font-size:13px;letter-spacing:normal;text-transform:none}.is-size-xs :is(input,textarea,.p-select){max-width:9ch}.is-size-sm :is(input,textarea,.p-select){max-width:18ch}.is-size-md :is(input,textarea,.p-select){max-width:30ch}.is-size-lg :is(input,textarea,.p-select){max-width:46ch}.is-span-full{grid-column:1 / -1}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-span-2,.is-span-3,.is-span-4{grid-column:span 2}}@media(min-width:1080px){.grid:not(.is-cap-1):not(.is-cap-2){grid-template-columns:repeat(3,minmax(0,1fr))}.grid:not(.is-cap-1):not(.is-cap-2) .is-span-2{grid-column:span 2}.grid:not(.is-cap-1):not(.is-cap-2) :is(.is-span-3,.is-span-4){grid-column:span 3}}@media(min-width:1500px){.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3){grid-template-columns:repeat(4,minmax(0,1fr))}.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-3{grid-column:span 3}.grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-4{grid-column:span 4}}.grid.is-cap-1{grid-template-columns:1fr}.grid.is-cap-1 .field{grid-column:1 / -1}\n"] }]
+        }], propDecorators: { fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+class NucleusCell {
+    nucleusCell = input.required(...(ngDevMode ? [{ debugName: "nucleusCell" }] : /* istanbul ignore next */ []));
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: NucleusCell, isStandalone: true, selector: "[nucleusCell]", inputs: { nucleusCell: { classPropertyName: "nucleusCell", publicName: "nucleusCell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nucleusCell]',
+                }]
+        }], propDecorators: { nucleusCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "nucleusCell", required: true }] }] } });
+
+class NucleusList {
+    rows = input.required(...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    empty = input('', ...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    minWidth = input('640px', ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+    rowClass = input(() => '', ...(ngDevMode ? [{ debugName: "rowClass" }] : /* istanbul ignore next */ []));
+    action = output();
+    toggle = output();
+    cells = contentChildren(NucleusCell, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
+    tableStyle = computed(() => ({ 'min-width': this.minWidth() }), ...(ngDevMode ? [{ debugName: "tableStyle" }] : /* istanbul ignore next */ []));
+    showEmpty = computed(() => !this.loading() && this.rows().length === 0, ...(ngDevMode ? [{ debugName: "showEmpty" }] : /* istanbul ignore next */ []));
+    cellTemplate(key) {
+        return this.cells().find((cell) => cell.nucleusCell() === key)?.template ?? null;
+    }
+    text(column, row) {
+        if (column.value)
+            return column.value(row);
+        const raw = row[column.key];
+        return raw === null || raw === undefined ? '—' : String(raw);
+    }
+    tagOf(column, row) {
+        return column.tag ? column.tag(row) : null;
+    }
+    visibleActions(row) {
+        return this.actions().filter((entry) => !entry.visible || entry.visible(row));
+    }
+    run(entry, row) {
+        this.action.emit({ id: entry.id, row });
+    }
+    isChecked(column, row) {
+        return column.checked ? column.checked(row) : false;
+    }
+    isLocked(column, row) {
+        return column.disabled ? column.disabled(row) : false;
+    }
+    hintOf(column, row) {
+        return column.hint ? column.hint(row) : '';
+    }
+    flip(column, row) {
+        if (this.isLocked(column, row))
+            return;
+        this.toggle.emit({ key: column.key, row, value: !this.isChecked(column, row) });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusList, isStandalone: true, selector: "nucleus-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action", toggle: "toggle" }, queries: [{ propertyName: "cells", predicate: NucleusCell, isSignal: true }], ngImport: i0, template: "<div class=\"head\">\n  <ng-content select=\"[nucleusListTitle]\" />\n  <div class=\"head-actions\">\n    <ng-content select=\"[nucleusListActions]\" />\n  </div>\n</div>\n\n@if (showEmpty()) {\n  <div class=\"placeholder\">{{ empty() }}</div>\n} @else {\n  <p-table [value]=\"rows()\" styleClass=\"ns-table\" [tableStyle]=\"tableStyle()\">\n    <ng-template #header>\n      <tr>\n        @for (column of columns(); track column.key) {\n          <th [class]=\"'align-' + (column.align ?? 'left')\" [style.width]=\"column.width\">\n            {{ column.header }}\n          </th>\n        }\n        @if (actions().length) {\n          <th class=\"align-right\"></th>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template #body let-row>\n      <tr [class]=\"rowClass()(row)\">\n        @for (column of columns(); track column.key) {\n          <td [class]=\"'align-' + (column.align ?? 'left')\" [class.strong]=\"column.strong\">\n            @if (cellTemplate(column.key); as custom) {\n              <ng-container\n                [ngTemplateOutlet]=\"custom\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, column: column }\"\n              />\n            } @else if (column.kind === 'switch') {\n              <span class=\"switch-cell\">\n                <button\n                  type=\"button\"\n                  class=\"ns-switch\"\n                  role=\"switch\"\n                  [class.is-on]=\"isChecked(column, row)\"\n                  [attr.aria-checked]=\"isChecked(column, row)\"\n                  [attr.aria-label]=\"text(column, row)\"\n                  [disabled]=\"isLocked(column, row)\"\n                  [pTooltip]=\"hintOf(column, row)\"\n                  tooltipPosition=\"top\"\n                  (click)=\"flip(column, row)\"\n                >\n                  <span class=\"knob\"></span>\n                </button>\n                <span class=\"switch-label\">{{ text(column, row) }}</span>\n              </span>\n            } @else {\n              {{ text(column, row) }}\n              @if (tagOf(column, row); as tag) {\n                <p-tag [value]=\"tag.label\" [severity]=\"tag.severity ?? 'secondary'\" />\n              }\n            }\n          </td>\n        }\n\n        @if (actions().length) {\n          <td class=\"align-right actions\">\n            @for (entry of visibleActions(row); track entry.id) {\n              <p-button\n                [icon]=\"entry.icon\"\n                [severity]=\"entry.tone === 'danger' ? 'danger' : 'secondary'\"\n                size=\"small\"\n                [text]=\"true\"\n                [rounded]=\"true\"\n                [pTooltip]=\"entry.label\"\n                tooltipPosition=\"left\"\n                [ariaLabel]=\"entry.label\"\n                (onClick)=\"run(entry, row)\"\n              />\n            }\n          </td>\n        }\n      </tr>\n    </ng-template>\n  </p-table>\n}\n", styles: [":host{display:block}.head{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.head-actions{display:flex;gap:8px}.placeholder{padding:26px;border:1px dashed var(--ac-border);border-radius:10px;color:var(--ac-text-muted);font-size:14px}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.strong{font-weight:600}.actions{white-space:nowrap}.switch-cell{display:inline-flex;align-items:center;gap:10px}.switch-label{color:var(--ac-text-muted);font-size:12px}.ns-switch{position:relative;width:38px;height:22px;flex:none;padding:0;border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);background:color-mix(in srgb,var(--ac-text) 10%,transparent);cursor:pointer;transition:background .14s ease,border-color .14s ease}.ns-switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ac-text);transition:transform .14s ease}.ns-switch.is-on{border-color:var(--ac-accent);background:var(--ac-accent)}.ns-switch.is-on .knob{background:var(--ac-on-accent);transform:translate(16px)}.ns-switch:disabled{cursor:not-allowed;opacity:.45}.ns-switch:focus-visible{outline:2px solid var(--ac-accent);outline-offset:2px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusList, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-list', imports: [NgTemplateOutlet, ButtonModule, TableModule, TagModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"head\">\n  <ng-content select=\"[nucleusListTitle]\" />\n  <div class=\"head-actions\">\n    <ng-content select=\"[nucleusListActions]\" />\n  </div>\n</div>\n\n@if (showEmpty()) {\n  <div class=\"placeholder\">{{ empty() }}</div>\n} @else {\n  <p-table [value]=\"rows()\" styleClass=\"ns-table\" [tableStyle]=\"tableStyle()\">\n    <ng-template #header>\n      <tr>\n        @for (column of columns(); track column.key) {\n          <th [class]=\"'align-' + (column.align ?? 'left')\" [style.width]=\"column.width\">\n            {{ column.header }}\n          </th>\n        }\n        @if (actions().length) {\n          <th class=\"align-right\"></th>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template #body let-row>\n      <tr [class]=\"rowClass()(row)\">\n        @for (column of columns(); track column.key) {\n          <td [class]=\"'align-' + (column.align ?? 'left')\" [class.strong]=\"column.strong\">\n            @if (cellTemplate(column.key); as custom) {\n              <ng-container\n                [ngTemplateOutlet]=\"custom\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, column: column }\"\n              />\n            } @else if (column.kind === 'switch') {\n              <span class=\"switch-cell\">\n                <button\n                  type=\"button\"\n                  class=\"ns-switch\"\n                  role=\"switch\"\n                  [class.is-on]=\"isChecked(column, row)\"\n                  [attr.aria-checked]=\"isChecked(column, row)\"\n                  [attr.aria-label]=\"text(column, row)\"\n                  [disabled]=\"isLocked(column, row)\"\n                  [pTooltip]=\"hintOf(column, row)\"\n                  tooltipPosition=\"top\"\n                  (click)=\"flip(column, row)\"\n                >\n                  <span class=\"knob\"></span>\n                </button>\n                <span class=\"switch-label\">{{ text(column, row) }}</span>\n              </span>\n            } @else {\n              {{ text(column, row) }}\n              @if (tagOf(column, row); as tag) {\n                <p-tag [value]=\"tag.label\" [severity]=\"tag.severity ?? 'secondary'\" />\n              }\n            }\n          </td>\n        }\n\n        @if (actions().length) {\n          <td class=\"align-right actions\">\n            @for (entry of visibleActions(row); track entry.id) {\n              <p-button\n                [icon]=\"entry.icon\"\n                [severity]=\"entry.tone === 'danger' ? 'danger' : 'secondary'\"\n                size=\"small\"\n                [text]=\"true\"\n                [rounded]=\"true\"\n                [pTooltip]=\"entry.label\"\n                tooltipPosition=\"left\"\n                [ariaLabel]=\"entry.label\"\n                (onClick)=\"run(entry, row)\"\n              />\n            }\n          </td>\n        }\n      </tr>\n    </ng-template>\n  </p-table>\n}\n", styles: [":host{display:block}.head{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.head-actions{display:flex;gap:8px}.placeholder{padding:26px;border:1px dashed var(--ac-border);border-radius:10px;color:var(--ac-text-muted);font-size:14px}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.strong{font-weight:600}.actions{white-space:nowrap}.switch-cell{display:inline-flex;align-items:center;gap:10px}.switch-label{color:var(--ac-text-muted);font-size:12px}.ns-switch{position:relative;width:38px;height:22px;flex:none;padding:0;border:1px solid var(--ac-border);border-radius:var(--ac-radius-pill);background:color-mix(in srgb,var(--ac-text) 10%,transparent);cursor:pointer;transition:background .14s ease,border-color .14s ease}.ns-switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ac-text);transition:transform .14s ease}.ns-switch.is-on{border-color:var(--ac-accent);background:var(--ac-accent)}.ns-switch.is-on .knob{background:var(--ac-on-accent);transform:translate(16px)}.ns-switch:disabled{cursor:not-allowed;opacity:.45}.ns-switch:focus-visible{outline:2px solid var(--ac-accent);outline-offset:2px}\n"] }]
+        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], toggle: [{ type: i0.Output, args: ["toggle"] }], cells: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NucleusCell), { isSignal: true }] }] } });
+
 const ORBIT = { rx: 78, ry: 196 };
 class NucleusMark {
     accent = input('#7C6CF5', ...(ngDevMode ? [{ debugName: "accent" }] : /* istanbul ignore next */ []));
@@ -1184,6 +1487,7 @@ class NucleusShell {
     sessionAuth = inject(NucleusSessionAuth);
     themes = inject(ThemeService);
     language = inject(NucleusLanguage);
+    page = inject(NucleusPage);
     config = inject(NUCLEUS_CONFIG);
     injector = inject(Injector);
     router = inject(Router);
@@ -1196,6 +1500,14 @@ class NucleusShell {
     navSelect = output();
     menuSelect = output();
     lang = this.language.lang;
+    icons = NUCLEUS_ICONS;
+    title = computed(() => this.heading() || this.page.heading(), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    subtitle = computed(() => this.lead() || this.page.lead(), ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+    home = computed(() => ({ icon: 'pi pi-home', routerLink: '/' }), ...(ngDevMode ? [{ debugName: "home" }] : /* istanbul ignore next */ []));
+    crumbs = computed(() => this.page.crumbs().map((crumb) => ({
+        label: crumb.label,
+        routerLink: crumb.route ? [...crumb.route] : undefined,
+    })), ...(ngDevMode ? [{ debugName: "crumbs" }] : /* istanbul ignore next */ []));
     copy = computed(() => SHELL_COPY[this.lang()], ...(ngDevMode ? [{ debugName: "copy" }] : /* istanbul ignore next */ []));
     starfield = this.themes.starfield;
     themePreference = this.themes.preference;
@@ -1358,13 +1670,16 @@ class NucleusShell {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusShell, isStandalone: true, selector: "nucleus-shell", inputs: { brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, lead: { classPropertyName: "lead", publicName: "lead", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, activeNavId: { classPropertyName: "activeNavId", publicName: "activeNavId", isSignal: true, isRequired: false, transformFunction: null }, selectedMenuId: { classPropertyName: "selectedMenuId", publicName: "selectedMenuId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navSelect: "navSelect", menuSelect: "menuSelect" }, ngImport: i0, template: "@let t = copy();\n@let me = identity();\n\n@if (starfield()) {\n  <nucleus-starfield />\n}\n\n<header class=\"topbar\">\n  <div class=\"side\">\n    <p-button\n      icon=\"pi pi-bars\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.navToggle\"\n      [pTooltip]=\"t.navToggle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"toggleSidebar()\"\n    />\n\n    <div class=\"brand\">\n      <nucleus-mark [size]=\"20\" />\n      <div class=\"brand-name\">\n        <span class=\"brand-primary\">NUCLEUS</span>\n        <span class=\"brand-secondary\">{{ brand() }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"side\">\n    <div class=\"lang-switch\" role=\"group\" aria-label=\"Idioma / Language\">\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'es'\"\n        [attr.aria-pressed]=\"lang() === 'es'\"\n        (click)=\"setLang('es')\"\n      >\n        ES\n      </button>\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'en'\"\n        [attr.aria-pressed]=\"lang() === 'en'\"\n        (click)=\"setLang('en')\"\n      >\n        EN\n      </button>\n    </div>\n\n    <p-button\n      icon=\"pi pi-th-large\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.appsLauncher\"\n      [pTooltip]=\"t.appsLauncher\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"launcher.toggle($event)\"\n    />\n\n    <p-popover #launcher>\n      <div class=\"launcher\">\n        <p class=\"launcher-title\">{{ t.appsLauncher }}</p>\n\n        @if (!hasCompany()) {\n          <div class=\"launcher-notice\">\n            <i class=\"pi pi-building\" aria-hidden=\"true\"></i>\n            <div>\n              <p class=\"launcher-notice-title\">{{ t.noCompanyTitle }}</p>\n              <p class=\"launcher-notice-body\">{{ t.noCompanyHint }}</p>\n            </div>\n          </div>\n        }\n\n        @if (!launcherApps().length) {\n          <p class=\"launcher-empty\">{{ t.appsEmpty }}</p>\n        }\n\n        <div class=\"launcher-grid\">\n          @for (app of launcherApps(); track app.id) {\n            <button\n              type=\"button\"\n              class=\"launcher-item\"\n              [class.is-disabled]=\"!canOpen(app)\"\n              [disabled]=\"!canOpen(app)\"\n              [pTooltip]=\"launchHint(app)\"\n              tooltipPosition=\"bottom\"\n              (click)=\"launch(app); launcher.hide()\"\n            >\n              <span class=\"launcher-icon\" [style.background]=\"app.color ?? '#64748b'\">\n                @if (app.icon) {\n                  <i [class]=\"app.icon\" aria-hidden=\"true\"></i>\n                } @else {\n                  <span class=\"launcher-initials\">{{ appInitials(app) }}</span>\n                }\n              </span>\n              <span class=\"launcher-name\">{{ app.name }}</span>\n              @if (launchHint(app)) {\n                <span class=\"launcher-badge\">{{ launchHint(app) }}</span>\n              }\n            </button>\n          }\n        </div>\n      </div>\n    </p-popover>\n\n    <p-button\n      icon=\"pi pi-cog\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.settingsTitle\"\n      [pTooltip]=\"t.settingsTitle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"settingsOpen.set(true)\"\n    />\n\n    @if (me) {\n      <p-button\n        severity=\"secondary\"\n        size=\"small\"\n        [text]=\"true\"\n        [rounded]=\"true\"\n        styleClass=\"avatar-trigger\"\n        [ariaLabel]=\"me.name\"\n        [pTooltip]=\"me.name\"\n        tooltipPosition=\"bottom\"\n        (onClick)=\"account.toggle($event)\"\n      >\n        <p-avatar\n          [image]=\"me.photoUrl ?? undefined\"\n          [label]=\"me.photoUrl ? undefined : initials()\"\n          shape=\"circle\"\n          size=\"normal\"\n        />\n      </p-button>\n    }\n  </div>\n</header>\n\n<p-popover #account>\n  @if (me) {\n    <div class=\"account\">\n      <p class=\"account-email\">{{ me.email }}</p>\n\n      <div class=\"account-head\">\n        @if (me.photoUrl) {\n          <img class=\"account-photo\" [src]=\"me.photoUrl\" alt=\"\" width=\"72\" height=\"72\" />\n        } @else {\n          <span class=\"account-photo account-initials\">{{ initials() }}</span>\n        }\n        <p class=\"account-hi\">{{ me.name }}</p>\n      </div>\n\n      <div class=\"account-context\">\n        @if (roleName()) {\n          <p-tag [value]=\"roleName()!\" severity=\"secondary\" />\n        }\n        <p class=\"account-place\">{{ contextCaption() }}</p>\n        <p-button\n          [label]=\"t.switchSite\"\n          icon=\"pi pi-building\"\n          severity=\"secondary\"\n          size=\"small\"\n          [outlined]=\"true\"\n          [rounded]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"openContext(); account.hide()\"\n        />\n      </div>\n\n      <div class=\"account-actions\">\n        @if (canSwitchAccount()) {\n          <p-button\n            [label]=\"t.accountSwitch\"\n            icon=\"pi pi-users\"\n            severity=\"secondary\"\n            size=\"small\"\n            [text]=\"true\"\n            [fluid]=\"true\"\n            (onClick)=\"switchAccount(); account.hide()\"\n          />\n        }\n        <p-button\n          [label]=\"t.signOut\"\n          icon=\"pi pi-sign-out\"\n          severity=\"secondary\"\n          size=\"small\"\n          [text]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"signOut(); account.hide()\"\n        />\n      </div>\n    </div>\n  }\n</p-popover>\n\n<div class=\"body\">\n  <aside class=\"sidebar\" [class.is-collapsed]=\"!sidebarOpen()\">\n    @if (navItems().length) {\n      <nav>\n        @for (item of navItems(); track item.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"activeNavId() === item.id\"\n            [attr.aria-current]=\"activeNavId() === item.id ? 'page' : null\"\n            [pTooltip]=\"sidebarOpen() ? '' : item.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectNav(item.id)\"\n          >\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n          </button>\n        }\n      </nav>\n    }\n\n    <nav class=\"access-menu\">\n      @if (menuLoading()) {\n        <p class=\"access-state\">{{ t.accessLoading }}</p>\n      } @else if (menuError()) {\n        <p class=\"access-state is-error\">{{ menuError() }}</p>\n      } @else if (!menu().length) {\n        <p class=\"access-state\">{{ t.accessEmpty }}</p>\n      } @else {\n        @for (node of menu(); track node.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"isSelected(node)\"\n            [pTooltip]=\"sidebarOpen() ? '' : node.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectMenu(node)\"\n          >\n            <i [class]=\"node.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ node.label }}</span>\n          </button>\n\n          @for (child of node.children; track child.id) {\n            <button\n              type=\"button\"\n              class=\"nav-item is-child\"\n              [class.is-active]=\"isSelected(child)\"\n              [pTooltip]=\"sidebarOpen() ? '' : child.label\"\n              tooltipPosition=\"right\"\n              (click)=\"selectMenu(child)\"\n            >\n              <i [class]=\"child.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n              <span class=\"nav-label\">{{ child.label }}</span>\n            </button>\n          }\n        }\n      }\n    </nav>\n  </aside>\n\n  <main class=\"content\">\n    <ng-content select=\"[nucleusTop]\" />\n\n    @if (heading()) {\n      <h1>{{ heading() }}</h1>\n    }\n    @if (lead()) {\n      <p class=\"lead\">{{ lead() }}</p>\n    }\n\n    <ng-content />\n  </main>\n</div>\n\n<p-drawer\n  [visible]=\"contextOpen()\"\n  (visibleChange)=\"contextOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.contextTitle\"\n  [style]=\"{ width: '380px' }\"\n>\n  <p class=\"settings-hint\">{{ t.contextHint }}</p>\n\n  <label class=\"field-label\" for=\"nucleus-company\">{{ t.companyLabel }}</label>\n  <p-select\n    inputId=\"nucleus-company\"\n    [options]=\"companyChoices()\"\n    optionValue=\"id\"\n    optionLabel=\"name\"\n    [ngModel]=\"companyChoice()\"\n    (ngModelChange)=\"onCompanyChange($event)\"\n    [placeholder]=\"t.companyPlaceholder\"\n    [fluid]=\"true\"\n  >\n    <ng-template #item let-option>\n      <span class=\"company-option\">\n        <span class=\"company-name\">{{ option.name }}</span>\n        <p-tag [value]=\"option.tag\" severity=\"secondary\" />\n      </span>\n    </ng-template>\n  </p-select>\n\n  <label class=\"field-label\" for=\"nucleus-site\">{{ t.siteLabel }}</label>\n\n  @if (sitesLoading()) {\n    <p class=\"access-state\">{{ t.sitesLoading }}</p>\n  } @else if (!siteOptions().length) {\n    <p class=\"access-state\">{{ t.sitesEmpty }}</p>\n  } @else {\n    <p-select\n      inputId=\"nucleus-site\"\n      [options]=\"siteOptions()\"\n      optionValue=\"id\"\n      optionLabel=\"name\"\n      [ngModel]=\"siteChoice()\"\n      (ngModelChange)=\"siteChoice.set($event)\"\n      [placeholder]=\"t.sitePlaceholder\"\n      [fluid]=\"true\"\n    />\n  }\n\n  <div class=\"context-actions\">\n    <p-button\n      [label]=\"t.confirmSwitch\"\n      icon=\"pi pi-arrow-right\"\n      [disabled]=\"!canConfirm()\"\n      [loading]=\"switching()\"\n      [fluid]=\"true\"\n      (onClick)=\"confirmSwitch()\"\n    />\n  </div>\n</p-drawer>\n\n<p-drawer\n  [visible]=\"settingsOpen()\"\n  (visibleChange)=\"settingsOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.settingsTitle\"\n  [style]=\"{ width: '340px' }\"\n>\n  <h3 class=\"settings-heading\">{{ t.settingsTheme }}</h3>\n  <p class=\"settings-hint\">{{ t.settingsThemeHint }}</p>\n\n  <p-listbox\n    [options]=\"themeOptions()\"\n    optionValue=\"value\"\n    optionLabel=\"label\"\n    [ngModel]=\"themePreference()\"\n    (ngModelChange)=\"selectTheme($event)\"\n    [ariaLabel]=\"t.settingsTheme\"\n  >\n    <ng-template #item let-option>\n      <span class=\"theme-option\">\n        @if (option.swatch) {\n          <span class=\"theme-swatch\" [style.background]=\"option.swatch\" aria-hidden=\"true\"></span>\n        } @else {\n          <i class=\"pi pi-desktop theme-swatch-icon\" aria-hidden=\"true\"></i>\n        }\n        <span>{{ option.label }}</span>\n      </span>\n    </ng-template>\n  </p-listbox>\n</p-drawer>\n", styles: [":host{display:flex;flex-direction:column;min-height:100dvh;background:var(--ac-bg);color:var(--ac-text)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 12px 0 8px;background:var(--ac-surface);border-bottom:1px solid var(--ac-border)}.side{display:flex;align-items:center;gap:4px}.brand{display:flex;align-items:center;gap:9px;margin-left:4px}.brand-name{display:flex;align-items:baseline;gap:7px}.brand-primary{font-size:13px;font-weight:700;letter-spacing:.15em}.brand-secondary{font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--ac-text-muted)}.lang-switch{display:flex;align-items:center;gap:2px;margin-right:6px;border:1px solid var(--ac-border);border-radius:999px;padding:2px}.lang-pill{font-size:10px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:var(--ac-text-muted);cursor:pointer}.lang-pill.is-active{background:var(--ac-accent);color:var(--ac-on-accent)}.launcher{width:320px;padding:4px}.launcher-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ac-text-muted)}.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.launcher-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:none;border-radius:8px;background:transparent;color:var(--ac-text);cursor:pointer}.launcher-item:hover:not(:disabled){background:var(--ac-surface-alt)}.launcher-item.is-disabled{opacity:.5;cursor:default}.launcher-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff}.launcher-icon i{font-size:18px}.launcher-name{font-size:11px;font-weight:500;line-height:1.3;text-align:center}.launcher-badge{font-size:9px;font-weight:500;color:var(--ac-text-muted)}.account{width:300px;padding:4px;text-align:center}.account-email{margin:0 0 12px;font-size:12px;color:var(--ac-text-muted)}.account-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--ac-border)}.account-photo{width:72px;height:72px;border-radius:999px;object-fit:cover}.account-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--ac-accent);color:var(--ac-on-accent);font-size:26px;font-weight:600}.account-hi{margin:0;font-size:16px;font-weight:500}.account-actions{display:flex;flex-direction:column;gap:2px;padding-top:8px}.body{display:flex;flex:1;min-height:0}.sidebar{flex:none;width:224px;padding:12px 10px;background:var(--ac-surface);border-right:1px solid var(--ac-border);transition:width .18s ease}.sidebar.is-collapsed{width:60px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;border-radius:6px;background:transparent;color:var(--ac-text-muted);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer}.nav-item i{flex:none;font-size:15px}.nav-item:hover{background:var(--ac-surface-alt);color:var(--ac-text)}.nav-item.is-active{background:color-mix(in srgb,var(--ac-accent) 18%,transparent);color:var(--ac-text)}.nav-item.is-active i{color:var(--ac-accent)}.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .nav-item{justify-content:center;padding-inline:0}.content{flex:1;min-width:0;padding:28px 28px 64px;display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.lead{margin:0;font-size:14px;line-height:1.6;font-weight:300;color:var(--ac-text-muted)}.settings-heading{margin:0 0 4px;font-size:14px;font-weight:600}.settings-hint{margin:0 0 14px;font-size:12px;font-weight:300;color:var(--ac-text-muted)}.theme-option{display:flex;align-items:center;gap:10px}.theme-swatch{flex:none;width:16px;height:16px;border-radius:3px;border:1px solid var(--ac-border)}.theme-swatch-icon{flex:none;width:16px;font-size:14px;color:var(--ac-text-muted)}.access-menu{display:flex;flex-direction:column;gap:.15rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.access-caption{margin:0 0 .4rem;padding:0 .75rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-state{margin:0;padding:.35rem .75rem;font-size:.78rem;opacity:.7}.access-state.is-error{color:var(--p-red-400, #f87171);opacity:1}.nav-item.is-child{padding-left:2.1rem;font-size:.86rem}.launcher-initials{font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1;color:#fff}.launcher-empty{margin:.25rem 0 .5rem;font-size:.82rem;opacity:.7}@media(max-width:720px){.sidebar{width:60px}.sidebar .nav-label{display:none}.sidebar .nav-item{justify-content:center;padding-inline:0}.brand-secondary{display:none}.content{padding:20px 16px 48px}h1{font-size:22px}.launcher{width:260px}}.account-context{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--ac-border);border-bottom:1px solid var(--ac-border)}.account-place{margin:0;color:var(--ac-text-muted);font-size:12px;text-align:center}.field-label{display:block;margin:18px 0 6px;color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.company-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-actions{margin-top:24px}.launcher-notice{display:flex;gap:10px;margin-bottom:14px;padding:12px;border:1px solid color-mix(in srgb,var(--ac-accent) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--ac-accent) 10%,transparent)}.launcher-notice i{margin-top:2px;color:var(--ac-accent);font-size:15px}.launcher-notice-title{margin:0 0 4px;font-size:13px;font-weight:600}.launcher-notice-body{margin:0;color:var(--ac-text-muted);font-size:12px;line-height:1.45}\n"], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i3.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "component", type: i4.Listbox, selector: "p-listbox, p-listBox, p-list-box", inputs: ["hostName", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "ariaLabel", "selectOnFocus", "searchLocale", "focusOnHover", "filterMessage", "filterFields", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "scrollHeight", "tabindex", "multiple", "styleClass", "listStyle", "listStyleClass", "readonly", "checkbox", "filter", "filterBy", "filterMatchMode", "filterLocale", "metaKeySelection", "dataKey", "showToggleAll", "optionLabel", "optionValue", "optionGroupChildren", "optionGroupLabel", "optionDisabled", "ariaFilterLabel", "filterPlaceHolder", "emptyFilterMessage", "emptyMessage", "group", "options", "filterValue", "selectAll", "striped", "highlightOnSelect", "checkmark", "dragdrop", "dropListData", "fluid"], outputs: ["onChange", "onClick", "onDblClick", "onFilter", "onFocus", "onBlur", "onSelectAllChange", "onLazyLoad", "onDrop"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i5.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i7.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NucleusMark, selector: "nucleus-mark", inputs: ["accent", "size"] }, { kind: "component", type: NucleusStarfield, selector: "nucleus-starfield" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusShell, isStandalone: true, selector: "nucleus-shell", inputs: { brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, lead: { classPropertyName: "lead", publicName: "lead", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, activeNavId: { classPropertyName: "activeNavId", publicName: "activeNavId", isSignal: true, isRequired: false, transformFunction: null }, selectedMenuId: { classPropertyName: "selectedMenuId", publicName: "selectedMenuId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navSelect: "navSelect", menuSelect: "menuSelect" }, ngImport: i0, template: "@let t = copy();\n@let me = identity();\n\n@if (starfield()) {\n  <nucleus-starfield />\n}\n\n<header class=\"topbar\">\n  <div class=\"side\">\n    <p-button\n      icon=\"pi pi-bars\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.navToggle\"\n      [pTooltip]=\"t.navToggle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"toggleSidebar()\"\n    />\n\n    <div class=\"brand\">\n      <nucleus-mark [size]=\"20\" />\n      <div class=\"brand-name\">\n        <span class=\"brand-primary\">NUCLEUS</span>\n        <span class=\"brand-secondary\">{{ brand() }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"side\">\n    <div class=\"lang-switch\" role=\"group\" aria-label=\"Idioma / Language\">\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'es'\"\n        [attr.aria-pressed]=\"lang() === 'es'\"\n        (click)=\"setLang('es')\"\n      >\n        ES\n      </button>\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'en'\"\n        [attr.aria-pressed]=\"lang() === 'en'\"\n        (click)=\"setLang('en')\"\n      >\n        EN\n      </button>\n    </div>\n\n    <p-button\n      icon=\"pi pi-th-large\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.appsLauncher\"\n      [pTooltip]=\"t.appsLauncher\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"launcher.toggle($event)\"\n    />\n\n    <p-popover #launcher>\n      <div class=\"launcher\">\n        <p class=\"launcher-title\">{{ t.appsLauncher }}</p>\n\n        @if (!hasCompany()) {\n          <div class=\"launcher-notice\">\n            <i class=\"pi pi-building\" aria-hidden=\"true\"></i>\n            <div>\n              <p class=\"launcher-notice-title\">{{ t.noCompanyTitle }}</p>\n              <p class=\"launcher-notice-body\">{{ t.noCompanyHint }}</p>\n            </div>\n          </div>\n        }\n\n        @if (!launcherApps().length) {\n          <p class=\"launcher-empty\">{{ t.appsEmpty }}</p>\n        }\n\n        <div class=\"launcher-grid\">\n          @for (app of launcherApps(); track app.id) {\n            <button\n              type=\"button\"\n              class=\"launcher-item\"\n              [class.is-disabled]=\"!canOpen(app)\"\n              [disabled]=\"!canOpen(app)\"\n              [pTooltip]=\"launchHint(app)\"\n              tooltipPosition=\"bottom\"\n              (click)=\"launch(app); launcher.hide()\"\n            >\n              <span class=\"launcher-icon\" [style.background]=\"app.color ?? '#64748b'\">\n                @if (app.icon) {\n                  <i [class]=\"app.icon\" aria-hidden=\"true\"></i>\n                } @else {\n                  <span class=\"launcher-initials\">{{ appInitials(app) }}</span>\n                }\n              </span>\n              <span class=\"launcher-name\">{{ app.name }}</span>\n              @if (launchHint(app)) {\n                <span class=\"launcher-badge\">{{ launchHint(app) }}</span>\n              }\n            </button>\n          }\n        </div>\n      </div>\n    </p-popover>\n\n    <p-button\n      icon=\"pi pi-cog\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.settingsTitle\"\n      [pTooltip]=\"t.settingsTitle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"settingsOpen.set(true)\"\n    />\n\n    @if (me) {\n      <p-button\n        severity=\"secondary\"\n        size=\"small\"\n        [text]=\"true\"\n        [rounded]=\"true\"\n        styleClass=\"avatar-trigger\"\n        [ariaLabel]=\"me.name\"\n        [pTooltip]=\"me.name\"\n        tooltipPosition=\"bottom\"\n        (onClick)=\"account.toggle($event)\"\n      >\n        <p-avatar\n          [image]=\"me.photoUrl ?? undefined\"\n          [label]=\"me.photoUrl ? undefined : initials()\"\n          shape=\"circle\"\n          size=\"normal\"\n        />\n      </p-button>\n    }\n  </div>\n</header>\n\n<p-popover #account>\n  @if (me) {\n    <div class=\"account\">\n      <p class=\"account-email\">{{ me.email }}</p>\n\n      <div class=\"account-head\">\n        @if (me.photoUrl) {\n          <img class=\"account-photo\" [src]=\"me.photoUrl\" alt=\"\" width=\"72\" height=\"72\" />\n        } @else {\n          <span class=\"account-photo account-initials\">{{ initials() }}</span>\n        }\n        <p class=\"account-hi\">{{ me.name }}</p>\n      </div>\n\n      <div class=\"account-context\">\n        @if (roleName()) {\n          <p-tag [value]=\"roleName()!\" severity=\"secondary\" />\n        }\n        <p class=\"account-place\">{{ contextCaption() }}</p>\n        <p-button\n          [label]=\"t.switchSite\"\n          icon=\"pi pi-building\"\n          severity=\"secondary\"\n          size=\"small\"\n          [outlined]=\"true\"\n          [rounded]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"openContext(); account.hide()\"\n        />\n      </div>\n\n      <div class=\"account-actions\">\n        @if (canSwitchAccount()) {\n          <p-button\n            [label]=\"t.accountSwitch\"\n            icon=\"pi pi-users\"\n            severity=\"secondary\"\n            size=\"small\"\n            [text]=\"true\"\n            [fluid]=\"true\"\n            (onClick)=\"switchAccount(); account.hide()\"\n          />\n        }\n        <p-button\n          [label]=\"t.signOut\"\n          icon=\"pi pi-sign-out\"\n          severity=\"secondary\"\n          size=\"small\"\n          [text]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"signOut(); account.hide()\"\n        />\n      </div>\n    </div>\n  }\n</p-popover>\n\n<div class=\"body\">\n  <aside class=\"sidebar\" [class.is-collapsed]=\"!sidebarOpen()\">\n    @if (navItems().length) {\n      <nav>\n        @for (item of navItems(); track item.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"activeNavId() === item.id\"\n            [attr.aria-current]=\"activeNavId() === item.id ? 'page' : null\"\n            [pTooltip]=\"sidebarOpen() ? '' : item.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectNav(item.id)\"\n          >\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n          </button>\n        }\n      </nav>\n    }\n\n    <nav class=\"access-menu\">\n      @if (menuLoading()) {\n        <p class=\"access-state\">{{ t.accessLoading }}</p>\n      } @else if (menuError()) {\n        <p class=\"access-state is-error\">{{ menuError() }}</p>\n      } @else if (!menu().length) {\n        <p class=\"access-state\">{{ t.accessEmpty }}</p>\n      } @else {\n        @for (node of menu(); track node.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"isSelected(node)\"\n            [pTooltip]=\"sidebarOpen() ? '' : node.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectMenu(node)\"\n          >\n            <i [class]=\"node.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ node.label }}</span>\n          </button>\n\n          @for (child of node.children; track child.id) {\n            <button\n              type=\"button\"\n              class=\"nav-item is-child\"\n              [class.is-active]=\"isSelected(child)\"\n              [pTooltip]=\"sidebarOpen() ? '' : child.label\"\n              tooltipPosition=\"right\"\n              (click)=\"selectMenu(child)\"\n            >\n              <i [class]=\"child.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n              <span class=\"nav-label\">{{ child.label }}</span>\n            </button>\n          }\n        }\n      }\n    </nav>\n  </aside>\n\n  <main class=\"content\">\n    <div class=\"measure\">\n      <ng-content select=\"[nucleusTop]\" />\n\n      @if (crumbs().length) {\n        <p-breadcrumb [model]=\"crumbs()\" [home]=\"home()\" styleClass=\"ns-crumbs\" />\n      }\n\n      @if (title()) {\n        <h1>{{ title() }}</h1>\n      }\n      @if (subtitle()) {\n        <p class=\"lead\">{{ subtitle() }}</p>\n      }\n\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<p-drawer\n  [visible]=\"contextOpen()\"\n  (visibleChange)=\"contextOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.contextTitle\"\n  [style]=\"{ width: '380px' }\"\n>\n  <p class=\"settings-hint\">{{ t.contextHint }}</p>\n\n  <label class=\"field-label\" for=\"nucleus-company\">{{ t.companyLabel }}</label>\n  <p-select\n    inputId=\"nucleus-company\"\n    [options]=\"companyChoices()\"\n    optionValue=\"id\"\n    optionLabel=\"name\"\n    [ngModel]=\"companyChoice()\"\n    (ngModelChange)=\"onCompanyChange($event)\"\n    [placeholder]=\"t.companyPlaceholder\"\n    [fluid]=\"true\"\n  >\n    <ng-template #item let-option>\n      <span class=\"company-option\">\n        <span class=\"company-name\">{{ option.name }}</span>\n        <p-tag [value]=\"option.tag\" severity=\"secondary\" />\n      </span>\n    </ng-template>\n  </p-select>\n\n  <label class=\"field-label\" for=\"nucleus-site\">{{ t.siteLabel }}</label>\n\n  @if (sitesLoading()) {\n    <p class=\"access-state\">{{ t.sitesLoading }}</p>\n  } @else if (!siteOptions().length) {\n    <p class=\"access-state\">{{ t.sitesEmpty }}</p>\n  } @else {\n    <p-select\n      inputId=\"nucleus-site\"\n      [options]=\"siteOptions()\"\n      optionValue=\"id\"\n      optionLabel=\"name\"\n      [ngModel]=\"siteChoice()\"\n      (ngModelChange)=\"siteChoice.set($event)\"\n      [placeholder]=\"t.sitePlaceholder\"\n      [fluid]=\"true\"\n    />\n  }\n\n  <div class=\"context-actions\">\n    <p-button\n      [label]=\"t.confirmSwitch\"\n      icon=\"pi pi-arrow-right\"\n      [disabled]=\"!canConfirm()\"\n      [loading]=\"switching()\"\n      [fluid]=\"true\"\n      (onClick)=\"confirmSwitch()\"\n    />\n  </div>\n</p-drawer>\n\n<p-drawer\n  [visible]=\"settingsOpen()\"\n  (visibleChange)=\"settingsOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.settingsTitle\"\n  [style]=\"{ width: '340px' }\"\n>\n  <h3 class=\"settings-heading\">{{ t.settingsTheme }}</h3>\n  <p class=\"settings-hint\">{{ t.settingsThemeHint }}</p>\n\n  <p-listbox\n    [options]=\"themeOptions()\"\n    optionValue=\"value\"\n    optionLabel=\"label\"\n    [ngModel]=\"themePreference()\"\n    (ngModelChange)=\"selectTheme($event)\"\n    [ariaLabel]=\"t.settingsTheme\"\n  >\n    <ng-template #item let-option>\n      <span class=\"theme-option\">\n        @if (option.swatch) {\n          <span class=\"theme-swatch\" [style.background]=\"option.swatch\" aria-hidden=\"true\"></span>\n        } @else {\n          <i class=\"pi pi-desktop theme-swatch-icon\" aria-hidden=\"true\"></i>\n        }\n        <span>{{ option.label }}</span>\n      </span>\n    </ng-template>\n  </p-listbox>\n</p-drawer>\n\n<p-toast position=\"bottom-right\" styleClass=\"ns-toast\">\n  <ng-template #message let-message>\n    <nucleus-lordicon\n      [src]=\"message.severity === 'success' ? icons.check : icons.warning\"\n      [tone]=\"message.severity === 'success' ? 'accent' : 'danger'\"\n      [size]=\"34\"\n      trigger=\"in\"\n    />\n    <div class=\"toast-text\">\n      <p class=\"toast-summary\">{{ message.summary }}</p>\n      @if (message.detail) {\n        <p class=\"toast-detail\">{{ message.detail }}</p>\n      }\n    </div>\n  </ng-template>\n</p-toast>\n\n<p-confirmdialog [style]=\"{ width: '420px' }\">\n  <ng-template #headless let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\n    <div class=\"confirm\">\n      <nucleus-lordicon\n        [src]=\"message.icon\"\n        [tone]=\"message.acceptButtonStyleClass ? 'danger' : 'accent'\"\n        [size]=\"64\"\n        trigger=\"loop\"\n      />\n      <h2>{{ message.header }}</h2>\n      <p>{{ message.message }}</p>\n      <div class=\"confirm-actions\">\n        <p-button\n          [label]=\"message.rejectLabel\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          (onClick)=\"onReject()\"\n        />\n        <p-button\n          [label]=\"message.acceptLabel\"\n          [severity]=\"message.acceptButtonStyleClass ? 'danger' : 'primary'\"\n          (onClick)=\"onAccept()\"\n        />\n      </div>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [":host{display:flex;flex-direction:column;min-height:100dvh;background:var(--ac-bg);color:var(--ac-text)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 12px 0 8px;background:var(--ac-surface);border-bottom:1px solid var(--ac-border)}.side{display:flex;align-items:center;gap:4px}.brand{display:flex;align-items:center;gap:9px;margin-left:4px}.brand-name{display:flex;align-items:baseline;gap:7px}.brand-primary{font-size:13px;font-weight:700;letter-spacing:.15em}.brand-secondary{font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--ac-text-muted)}.lang-switch{display:flex;align-items:center;gap:2px;margin-right:6px;border:1px solid var(--ac-border);border-radius:999px;padding:2px}.lang-pill{font-size:10px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:var(--ac-text-muted);cursor:pointer}.lang-pill.is-active{background:var(--ac-accent);color:var(--ac-on-accent)}.launcher{width:320px;padding:4px}.launcher-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ac-text-muted)}.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.launcher-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:none;border-radius:8px;background:transparent;color:var(--ac-text);cursor:pointer}.launcher-item:hover:not(:disabled){background:var(--ac-surface-alt)}.launcher-item.is-disabled{opacity:.5;cursor:default}.launcher-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff}.launcher-icon i{font-size:18px}.launcher-name{font-size:11px;font-weight:500;line-height:1.3;text-align:center}.launcher-badge{font-size:9px;font-weight:500;color:var(--ac-text-muted)}.account{width:300px;padding:4px;text-align:center}.account-email{margin:0 0 12px;font-size:12px;color:var(--ac-text-muted)}.account-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--ac-border)}.account-photo{width:72px;height:72px;border-radius:999px;object-fit:cover}.account-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--ac-accent);color:var(--ac-on-accent);font-size:26px;font-weight:600}.account-hi{margin:0;font-size:16px;font-weight:500}.account-actions{display:flex;flex-direction:column;gap:2px;padding-top:8px}.body{display:flex;flex:1;min-height:0}.sidebar{flex:none;width:224px;padding:12px 10px;background:var(--ac-surface);border-right:1px solid var(--ac-border);transition:width .18s ease}.sidebar.is-collapsed{width:60px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;border-radius:6px;background:transparent;color:var(--ac-text-muted);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer}.nav-item i{flex:none;font-size:15px}.nav-item:hover{background:var(--ac-surface-alt);color:var(--ac-text)}.nav-item.is-active{background:color-mix(in srgb,var(--ac-accent) 18%,transparent);color:var(--ac-text)}.nav-item.is-active i{color:var(--ac-accent)}.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .nav-item{justify-content:center;padding-inline:0}.content{flex:1;min-width:0;padding:28px 28px 64px;display:flex;flex-direction:column;gap:14px}.measure{display:flex;width:100%;max-width:var(--ac-content-max, 1440px);flex-direction:column;gap:14px;margin-inline:auto}h1{margin:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.lead{margin:0;font-size:14px;line-height:1.6;font-weight:300;color:var(--ac-text-muted)}.settings-heading{margin:0 0 4px;font-size:14px;font-weight:600}.settings-hint{margin:0 0 14px;font-size:12px;font-weight:300;color:var(--ac-text-muted)}.theme-option{display:flex;align-items:center;gap:10px}.theme-swatch{flex:none;width:16px;height:16px;border-radius:3px;border:1px solid var(--ac-border)}.theme-swatch-icon{flex:none;width:16px;font-size:14px;color:var(--ac-text-muted)}.access-menu{display:flex;flex-direction:column;gap:.15rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.access-caption{margin:0 0 .4rem;padding:0 .75rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-state{margin:0;padding:.35rem .75rem;font-size:.78rem;opacity:.7}.access-state.is-error{color:var(--p-red-400, #f87171);opacity:1}.nav-item.is-child{padding-left:2.1rem;font-size:.86rem}.launcher-initials{font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1;color:#fff}.launcher-empty{margin:.25rem 0 .5rem;font-size:.82rem;opacity:.7}@media(max-width:720px){.sidebar{width:60px}.sidebar .nav-label{display:none}.sidebar .nav-item{justify-content:center;padding-inline:0}.brand-secondary{display:none}.content{padding:20px 16px 48px}h1{font-size:22px}.launcher{width:260px}}.account-context{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--ac-border);border-bottom:1px solid var(--ac-border)}.account-place{margin:0;color:var(--ac-text-muted);font-size:12px;text-align:center}.field-label{display:block;margin:18px 0 6px;color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.company-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-actions{margin-top:24px}.launcher-notice{display:flex;gap:10px;margin-bottom:14px;padding:12px;border:1px solid color-mix(in srgb,var(--ac-accent) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--ac-accent) 10%,transparent)}.launcher-notice i{margin-top:2px;color:var(--ac-accent);font-size:15px}.launcher-notice-title{margin:0 0 4px;font-size:13px;font-weight:600}.launcher-notice-body{margin:0;color:var(--ac-text-muted);font-size:12px;line-height:1.45}.confirm{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 24px 20px;border:1px solid var(--ac-border);border-radius:14px;background:var(--ac-surface);text-align:center}.confirm h2{margin:8px 0 0;font-size:17px;font-weight:600}.confirm p{margin:0;max-width:34ch;color:var(--ac-text-muted);font-size:13px;line-height:1.5}.confirm-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.toast-text{flex:1;margin-left:12px}.toast-summary{margin:0;font-size:13px;font-weight:600}.toast-detail{margin:2px 0 0;color:var(--ac-text-muted);font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i2$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i4$2.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i5$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i6$1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "component", type: i7.Listbox, selector: "p-listbox, p-listBox, p-list-box", inputs: ["hostName", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "ariaLabel", "selectOnFocus", "searchLocale", "focusOnHover", "filterMessage", "filterFields", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "scrollHeight", "tabindex", "multiple", "styleClass", "listStyle", "listStyleClass", "readonly", "checkbox", "filter", "filterBy", "filterMatchMode", "filterLocale", "metaKeySelection", "dataKey", "showToggleAll", "optionLabel", "optionValue", "optionGroupChildren", "optionGroupLabel", "optionDisabled", "ariaFilterLabel", "filterPlaceHolder", "emptyFilterMessage", "emptyMessage", "group", "options", "filterValue", "selectAll", "striped", "highlightOnSelect", "checkmark", "dragdrop", "dropListData", "fluid"], outputs: ["onChange", "onClick", "onDblClick", "onFilter", "onFocus", "onBlur", "onSelectAllChange", "onLazyLoad", "onDrop"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i8.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NucleusLordicon, selector: "nucleus-lordicon", inputs: ["src", "trigger", "state", "size", "tone"] }, { kind: "component", type: NucleusMark, selector: "nucleus-mark", inputs: ["accent", "size"] }, { kind: "component", type: NucleusStarfield, selector: "nucleus-starfield" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusShell, decorators: [{
             type: Component,
             args: [{ selector: 'nucleus-shell', imports: [
                         AvatarModule,
+                        BreadcrumbModule,
                         ButtonModule,
+                        ConfirmDialogModule,
+                        ToastModule,
                         DrawerModule,
                         ListboxModule,
                         PopoverModule,
@@ -1372,9 +1687,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         TagModule,
                         TooltipModule,
                         FormsModule,
+                        NucleusLordicon,
                         NucleusMark,
                         NucleusStarfield,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let t = copy();\n@let me = identity();\n\n@if (starfield()) {\n  <nucleus-starfield />\n}\n\n<header class=\"topbar\">\n  <div class=\"side\">\n    <p-button\n      icon=\"pi pi-bars\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.navToggle\"\n      [pTooltip]=\"t.navToggle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"toggleSidebar()\"\n    />\n\n    <div class=\"brand\">\n      <nucleus-mark [size]=\"20\" />\n      <div class=\"brand-name\">\n        <span class=\"brand-primary\">NUCLEUS</span>\n        <span class=\"brand-secondary\">{{ brand() }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"side\">\n    <div class=\"lang-switch\" role=\"group\" aria-label=\"Idioma / Language\">\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'es'\"\n        [attr.aria-pressed]=\"lang() === 'es'\"\n        (click)=\"setLang('es')\"\n      >\n        ES\n      </button>\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'en'\"\n        [attr.aria-pressed]=\"lang() === 'en'\"\n        (click)=\"setLang('en')\"\n      >\n        EN\n      </button>\n    </div>\n\n    <p-button\n      icon=\"pi pi-th-large\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.appsLauncher\"\n      [pTooltip]=\"t.appsLauncher\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"launcher.toggle($event)\"\n    />\n\n    <p-popover #launcher>\n      <div class=\"launcher\">\n        <p class=\"launcher-title\">{{ t.appsLauncher }}</p>\n\n        @if (!hasCompany()) {\n          <div class=\"launcher-notice\">\n            <i class=\"pi pi-building\" aria-hidden=\"true\"></i>\n            <div>\n              <p class=\"launcher-notice-title\">{{ t.noCompanyTitle }}</p>\n              <p class=\"launcher-notice-body\">{{ t.noCompanyHint }}</p>\n            </div>\n          </div>\n        }\n\n        @if (!launcherApps().length) {\n          <p class=\"launcher-empty\">{{ t.appsEmpty }}</p>\n        }\n\n        <div class=\"launcher-grid\">\n          @for (app of launcherApps(); track app.id) {\n            <button\n              type=\"button\"\n              class=\"launcher-item\"\n              [class.is-disabled]=\"!canOpen(app)\"\n              [disabled]=\"!canOpen(app)\"\n              [pTooltip]=\"launchHint(app)\"\n              tooltipPosition=\"bottom\"\n              (click)=\"launch(app); launcher.hide()\"\n            >\n              <span class=\"launcher-icon\" [style.background]=\"app.color ?? '#64748b'\">\n                @if (app.icon) {\n                  <i [class]=\"app.icon\" aria-hidden=\"true\"></i>\n                } @else {\n                  <span class=\"launcher-initials\">{{ appInitials(app) }}</span>\n                }\n              </span>\n              <span class=\"launcher-name\">{{ app.name }}</span>\n              @if (launchHint(app)) {\n                <span class=\"launcher-badge\">{{ launchHint(app) }}</span>\n              }\n            </button>\n          }\n        </div>\n      </div>\n    </p-popover>\n\n    <p-button\n      icon=\"pi pi-cog\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.settingsTitle\"\n      [pTooltip]=\"t.settingsTitle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"settingsOpen.set(true)\"\n    />\n\n    @if (me) {\n      <p-button\n        severity=\"secondary\"\n        size=\"small\"\n        [text]=\"true\"\n        [rounded]=\"true\"\n        styleClass=\"avatar-trigger\"\n        [ariaLabel]=\"me.name\"\n        [pTooltip]=\"me.name\"\n        tooltipPosition=\"bottom\"\n        (onClick)=\"account.toggle($event)\"\n      >\n        <p-avatar\n          [image]=\"me.photoUrl ?? undefined\"\n          [label]=\"me.photoUrl ? undefined : initials()\"\n          shape=\"circle\"\n          size=\"normal\"\n        />\n      </p-button>\n    }\n  </div>\n</header>\n\n<p-popover #account>\n  @if (me) {\n    <div class=\"account\">\n      <p class=\"account-email\">{{ me.email }}</p>\n\n      <div class=\"account-head\">\n        @if (me.photoUrl) {\n          <img class=\"account-photo\" [src]=\"me.photoUrl\" alt=\"\" width=\"72\" height=\"72\" />\n        } @else {\n          <span class=\"account-photo account-initials\">{{ initials() }}</span>\n        }\n        <p class=\"account-hi\">{{ me.name }}</p>\n      </div>\n\n      <div class=\"account-context\">\n        @if (roleName()) {\n          <p-tag [value]=\"roleName()!\" severity=\"secondary\" />\n        }\n        <p class=\"account-place\">{{ contextCaption() }}</p>\n        <p-button\n          [label]=\"t.switchSite\"\n          icon=\"pi pi-building\"\n          severity=\"secondary\"\n          size=\"small\"\n          [outlined]=\"true\"\n          [rounded]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"openContext(); account.hide()\"\n        />\n      </div>\n\n      <div class=\"account-actions\">\n        @if (canSwitchAccount()) {\n          <p-button\n            [label]=\"t.accountSwitch\"\n            icon=\"pi pi-users\"\n            severity=\"secondary\"\n            size=\"small\"\n            [text]=\"true\"\n            [fluid]=\"true\"\n            (onClick)=\"switchAccount(); account.hide()\"\n          />\n        }\n        <p-button\n          [label]=\"t.signOut\"\n          icon=\"pi pi-sign-out\"\n          severity=\"secondary\"\n          size=\"small\"\n          [text]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"signOut(); account.hide()\"\n        />\n      </div>\n    </div>\n  }\n</p-popover>\n\n<div class=\"body\">\n  <aside class=\"sidebar\" [class.is-collapsed]=\"!sidebarOpen()\">\n    @if (navItems().length) {\n      <nav>\n        @for (item of navItems(); track item.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"activeNavId() === item.id\"\n            [attr.aria-current]=\"activeNavId() === item.id ? 'page' : null\"\n            [pTooltip]=\"sidebarOpen() ? '' : item.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectNav(item.id)\"\n          >\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n          </button>\n        }\n      </nav>\n    }\n\n    <nav class=\"access-menu\">\n      @if (menuLoading()) {\n        <p class=\"access-state\">{{ t.accessLoading }}</p>\n      } @else if (menuError()) {\n        <p class=\"access-state is-error\">{{ menuError() }}</p>\n      } @else if (!menu().length) {\n        <p class=\"access-state\">{{ t.accessEmpty }}</p>\n      } @else {\n        @for (node of menu(); track node.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"isSelected(node)\"\n            [pTooltip]=\"sidebarOpen() ? '' : node.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectMenu(node)\"\n          >\n            <i [class]=\"node.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ node.label }}</span>\n          </button>\n\n          @for (child of node.children; track child.id) {\n            <button\n              type=\"button\"\n              class=\"nav-item is-child\"\n              [class.is-active]=\"isSelected(child)\"\n              [pTooltip]=\"sidebarOpen() ? '' : child.label\"\n              tooltipPosition=\"right\"\n              (click)=\"selectMenu(child)\"\n            >\n              <i [class]=\"child.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n              <span class=\"nav-label\">{{ child.label }}</span>\n            </button>\n          }\n        }\n      }\n    </nav>\n  </aside>\n\n  <main class=\"content\">\n    <ng-content select=\"[nucleusTop]\" />\n\n    @if (heading()) {\n      <h1>{{ heading() }}</h1>\n    }\n    @if (lead()) {\n      <p class=\"lead\">{{ lead() }}</p>\n    }\n\n    <ng-content />\n  </main>\n</div>\n\n<p-drawer\n  [visible]=\"contextOpen()\"\n  (visibleChange)=\"contextOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.contextTitle\"\n  [style]=\"{ width: '380px' }\"\n>\n  <p class=\"settings-hint\">{{ t.contextHint }}</p>\n\n  <label class=\"field-label\" for=\"nucleus-company\">{{ t.companyLabel }}</label>\n  <p-select\n    inputId=\"nucleus-company\"\n    [options]=\"companyChoices()\"\n    optionValue=\"id\"\n    optionLabel=\"name\"\n    [ngModel]=\"companyChoice()\"\n    (ngModelChange)=\"onCompanyChange($event)\"\n    [placeholder]=\"t.companyPlaceholder\"\n    [fluid]=\"true\"\n  >\n    <ng-template #item let-option>\n      <span class=\"company-option\">\n        <span class=\"company-name\">{{ option.name }}</span>\n        <p-tag [value]=\"option.tag\" severity=\"secondary\" />\n      </span>\n    </ng-template>\n  </p-select>\n\n  <label class=\"field-label\" for=\"nucleus-site\">{{ t.siteLabel }}</label>\n\n  @if (sitesLoading()) {\n    <p class=\"access-state\">{{ t.sitesLoading }}</p>\n  } @else if (!siteOptions().length) {\n    <p class=\"access-state\">{{ t.sitesEmpty }}</p>\n  } @else {\n    <p-select\n      inputId=\"nucleus-site\"\n      [options]=\"siteOptions()\"\n      optionValue=\"id\"\n      optionLabel=\"name\"\n      [ngModel]=\"siteChoice()\"\n      (ngModelChange)=\"siteChoice.set($event)\"\n      [placeholder]=\"t.sitePlaceholder\"\n      [fluid]=\"true\"\n    />\n  }\n\n  <div class=\"context-actions\">\n    <p-button\n      [label]=\"t.confirmSwitch\"\n      icon=\"pi pi-arrow-right\"\n      [disabled]=\"!canConfirm()\"\n      [loading]=\"switching()\"\n      [fluid]=\"true\"\n      (onClick)=\"confirmSwitch()\"\n    />\n  </div>\n</p-drawer>\n\n<p-drawer\n  [visible]=\"settingsOpen()\"\n  (visibleChange)=\"settingsOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.settingsTitle\"\n  [style]=\"{ width: '340px' }\"\n>\n  <h3 class=\"settings-heading\">{{ t.settingsTheme }}</h3>\n  <p class=\"settings-hint\">{{ t.settingsThemeHint }}</p>\n\n  <p-listbox\n    [options]=\"themeOptions()\"\n    optionValue=\"value\"\n    optionLabel=\"label\"\n    [ngModel]=\"themePreference()\"\n    (ngModelChange)=\"selectTheme($event)\"\n    [ariaLabel]=\"t.settingsTheme\"\n  >\n    <ng-template #item let-option>\n      <span class=\"theme-option\">\n        @if (option.swatch) {\n          <span class=\"theme-swatch\" [style.background]=\"option.swatch\" aria-hidden=\"true\"></span>\n        } @else {\n          <i class=\"pi pi-desktop theme-swatch-icon\" aria-hidden=\"true\"></i>\n        }\n        <span>{{ option.label }}</span>\n      </span>\n    </ng-template>\n  </p-listbox>\n</p-drawer>\n", styles: [":host{display:flex;flex-direction:column;min-height:100dvh;background:var(--ac-bg);color:var(--ac-text)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 12px 0 8px;background:var(--ac-surface);border-bottom:1px solid var(--ac-border)}.side{display:flex;align-items:center;gap:4px}.brand{display:flex;align-items:center;gap:9px;margin-left:4px}.brand-name{display:flex;align-items:baseline;gap:7px}.brand-primary{font-size:13px;font-weight:700;letter-spacing:.15em}.brand-secondary{font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--ac-text-muted)}.lang-switch{display:flex;align-items:center;gap:2px;margin-right:6px;border:1px solid var(--ac-border);border-radius:999px;padding:2px}.lang-pill{font-size:10px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:var(--ac-text-muted);cursor:pointer}.lang-pill.is-active{background:var(--ac-accent);color:var(--ac-on-accent)}.launcher{width:320px;padding:4px}.launcher-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ac-text-muted)}.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.launcher-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:none;border-radius:8px;background:transparent;color:var(--ac-text);cursor:pointer}.launcher-item:hover:not(:disabled){background:var(--ac-surface-alt)}.launcher-item.is-disabled{opacity:.5;cursor:default}.launcher-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff}.launcher-icon i{font-size:18px}.launcher-name{font-size:11px;font-weight:500;line-height:1.3;text-align:center}.launcher-badge{font-size:9px;font-weight:500;color:var(--ac-text-muted)}.account{width:300px;padding:4px;text-align:center}.account-email{margin:0 0 12px;font-size:12px;color:var(--ac-text-muted)}.account-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--ac-border)}.account-photo{width:72px;height:72px;border-radius:999px;object-fit:cover}.account-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--ac-accent);color:var(--ac-on-accent);font-size:26px;font-weight:600}.account-hi{margin:0;font-size:16px;font-weight:500}.account-actions{display:flex;flex-direction:column;gap:2px;padding-top:8px}.body{display:flex;flex:1;min-height:0}.sidebar{flex:none;width:224px;padding:12px 10px;background:var(--ac-surface);border-right:1px solid var(--ac-border);transition:width .18s ease}.sidebar.is-collapsed{width:60px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;border-radius:6px;background:transparent;color:var(--ac-text-muted);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer}.nav-item i{flex:none;font-size:15px}.nav-item:hover{background:var(--ac-surface-alt);color:var(--ac-text)}.nav-item.is-active{background:color-mix(in srgb,var(--ac-accent) 18%,transparent);color:var(--ac-text)}.nav-item.is-active i{color:var(--ac-accent)}.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .nav-item{justify-content:center;padding-inline:0}.content{flex:1;min-width:0;padding:28px 28px 64px;display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.lead{margin:0;font-size:14px;line-height:1.6;font-weight:300;color:var(--ac-text-muted)}.settings-heading{margin:0 0 4px;font-size:14px;font-weight:600}.settings-hint{margin:0 0 14px;font-size:12px;font-weight:300;color:var(--ac-text-muted)}.theme-option{display:flex;align-items:center;gap:10px}.theme-swatch{flex:none;width:16px;height:16px;border-radius:3px;border:1px solid var(--ac-border)}.theme-swatch-icon{flex:none;width:16px;font-size:14px;color:var(--ac-text-muted)}.access-menu{display:flex;flex-direction:column;gap:.15rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.access-caption{margin:0 0 .4rem;padding:0 .75rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-state{margin:0;padding:.35rem .75rem;font-size:.78rem;opacity:.7}.access-state.is-error{color:var(--p-red-400, #f87171);opacity:1}.nav-item.is-child{padding-left:2.1rem;font-size:.86rem}.launcher-initials{font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1;color:#fff}.launcher-empty{margin:.25rem 0 .5rem;font-size:.82rem;opacity:.7}@media(max-width:720px){.sidebar{width:60px}.sidebar .nav-label{display:none}.sidebar .nav-item{justify-content:center;padding-inline:0}.brand-secondary{display:none}.content{padding:20px 16px 48px}h1{font-size:22px}.launcher{width:260px}}.account-context{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--ac-border);border-bottom:1px solid var(--ac-border)}.account-place{margin:0;color:var(--ac-text-muted);font-size:12px;text-align:center}.field-label{display:block;margin:18px 0 6px;color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.company-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-actions{margin-top:24px}.launcher-notice{display:flex;gap:10px;margin-bottom:14px;padding:12px;border:1px solid color-mix(in srgb,var(--ac-accent) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--ac-accent) 10%,transparent)}.launcher-notice i{margin-top:2px;color:var(--ac-accent);font-size:15px}.launcher-notice-title{margin:0 0 4px;font-size:13px;font-weight:600}.launcher-notice-body{margin:0;color:var(--ac-text-muted);font-size:12px;line-height:1.45}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let t = copy();\n@let me = identity();\n\n@if (starfield()) {\n  <nucleus-starfield />\n}\n\n<header class=\"topbar\">\n  <div class=\"side\">\n    <p-button\n      icon=\"pi pi-bars\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.navToggle\"\n      [pTooltip]=\"t.navToggle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"toggleSidebar()\"\n    />\n\n    <div class=\"brand\">\n      <nucleus-mark [size]=\"20\" />\n      <div class=\"brand-name\">\n        <span class=\"brand-primary\">NUCLEUS</span>\n        <span class=\"brand-secondary\">{{ brand() }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"side\">\n    <div class=\"lang-switch\" role=\"group\" aria-label=\"Idioma / Language\">\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'es'\"\n        [attr.aria-pressed]=\"lang() === 'es'\"\n        (click)=\"setLang('es')\"\n      >\n        ES\n      </button>\n      <button\n        type=\"button\"\n        class=\"lang-pill\"\n        [class.is-active]=\"lang() === 'en'\"\n        [attr.aria-pressed]=\"lang() === 'en'\"\n        (click)=\"setLang('en')\"\n      >\n        EN\n      </button>\n    </div>\n\n    <p-button\n      icon=\"pi pi-th-large\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.appsLauncher\"\n      [pTooltip]=\"t.appsLauncher\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"launcher.toggle($event)\"\n    />\n\n    <p-popover #launcher>\n      <div class=\"launcher\">\n        <p class=\"launcher-title\">{{ t.appsLauncher }}</p>\n\n        @if (!hasCompany()) {\n          <div class=\"launcher-notice\">\n            <i class=\"pi pi-building\" aria-hidden=\"true\"></i>\n            <div>\n              <p class=\"launcher-notice-title\">{{ t.noCompanyTitle }}</p>\n              <p class=\"launcher-notice-body\">{{ t.noCompanyHint }}</p>\n            </div>\n          </div>\n        }\n\n        @if (!launcherApps().length) {\n          <p class=\"launcher-empty\">{{ t.appsEmpty }}</p>\n        }\n\n        <div class=\"launcher-grid\">\n          @for (app of launcherApps(); track app.id) {\n            <button\n              type=\"button\"\n              class=\"launcher-item\"\n              [class.is-disabled]=\"!canOpen(app)\"\n              [disabled]=\"!canOpen(app)\"\n              [pTooltip]=\"launchHint(app)\"\n              tooltipPosition=\"bottom\"\n              (click)=\"launch(app); launcher.hide()\"\n            >\n              <span class=\"launcher-icon\" [style.background]=\"app.color ?? '#64748b'\">\n                @if (app.icon) {\n                  <i [class]=\"app.icon\" aria-hidden=\"true\"></i>\n                } @else {\n                  <span class=\"launcher-initials\">{{ appInitials(app) }}</span>\n                }\n              </span>\n              <span class=\"launcher-name\">{{ app.name }}</span>\n              @if (launchHint(app)) {\n                <span class=\"launcher-badge\">{{ launchHint(app) }}</span>\n              }\n            </button>\n          }\n        </div>\n      </div>\n    </p-popover>\n\n    <p-button\n      icon=\"pi pi-cog\"\n      severity=\"secondary\"\n      size=\"small\"\n      [text]=\"true\"\n      [rounded]=\"true\"\n      [ariaLabel]=\"t.settingsTitle\"\n      [pTooltip]=\"t.settingsTitle\"\n      tooltipPosition=\"bottom\"\n      (onClick)=\"settingsOpen.set(true)\"\n    />\n\n    @if (me) {\n      <p-button\n        severity=\"secondary\"\n        size=\"small\"\n        [text]=\"true\"\n        [rounded]=\"true\"\n        styleClass=\"avatar-trigger\"\n        [ariaLabel]=\"me.name\"\n        [pTooltip]=\"me.name\"\n        tooltipPosition=\"bottom\"\n        (onClick)=\"account.toggle($event)\"\n      >\n        <p-avatar\n          [image]=\"me.photoUrl ?? undefined\"\n          [label]=\"me.photoUrl ? undefined : initials()\"\n          shape=\"circle\"\n          size=\"normal\"\n        />\n      </p-button>\n    }\n  </div>\n</header>\n\n<p-popover #account>\n  @if (me) {\n    <div class=\"account\">\n      <p class=\"account-email\">{{ me.email }}</p>\n\n      <div class=\"account-head\">\n        @if (me.photoUrl) {\n          <img class=\"account-photo\" [src]=\"me.photoUrl\" alt=\"\" width=\"72\" height=\"72\" />\n        } @else {\n          <span class=\"account-photo account-initials\">{{ initials() }}</span>\n        }\n        <p class=\"account-hi\">{{ me.name }}</p>\n      </div>\n\n      <div class=\"account-context\">\n        @if (roleName()) {\n          <p-tag [value]=\"roleName()!\" severity=\"secondary\" />\n        }\n        <p class=\"account-place\">{{ contextCaption() }}</p>\n        <p-button\n          [label]=\"t.switchSite\"\n          icon=\"pi pi-building\"\n          severity=\"secondary\"\n          size=\"small\"\n          [outlined]=\"true\"\n          [rounded]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"openContext(); account.hide()\"\n        />\n      </div>\n\n      <div class=\"account-actions\">\n        @if (canSwitchAccount()) {\n          <p-button\n            [label]=\"t.accountSwitch\"\n            icon=\"pi pi-users\"\n            severity=\"secondary\"\n            size=\"small\"\n            [text]=\"true\"\n            [fluid]=\"true\"\n            (onClick)=\"switchAccount(); account.hide()\"\n          />\n        }\n        <p-button\n          [label]=\"t.signOut\"\n          icon=\"pi pi-sign-out\"\n          severity=\"secondary\"\n          size=\"small\"\n          [text]=\"true\"\n          [fluid]=\"true\"\n          (onClick)=\"signOut(); account.hide()\"\n        />\n      </div>\n    </div>\n  }\n</p-popover>\n\n<div class=\"body\">\n  <aside class=\"sidebar\" [class.is-collapsed]=\"!sidebarOpen()\">\n    @if (navItems().length) {\n      <nav>\n        @for (item of navItems(); track item.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"activeNavId() === item.id\"\n            [attr.aria-current]=\"activeNavId() === item.id ? 'page' : null\"\n            [pTooltip]=\"sidebarOpen() ? '' : item.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectNav(item.id)\"\n          >\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n          </button>\n        }\n      </nav>\n    }\n\n    <nav class=\"access-menu\">\n      @if (menuLoading()) {\n        <p class=\"access-state\">{{ t.accessLoading }}</p>\n      } @else if (menuError()) {\n        <p class=\"access-state is-error\">{{ menuError() }}</p>\n      } @else if (!menu().length) {\n        <p class=\"access-state\">{{ t.accessEmpty }}</p>\n      } @else {\n        @for (node of menu(); track node.id) {\n          <button\n            type=\"button\"\n            class=\"nav-item\"\n            [class.is-active]=\"isSelected(node)\"\n            [pTooltip]=\"sidebarOpen() ? '' : node.label\"\n            tooltipPosition=\"right\"\n            (click)=\"selectMenu(node)\"\n          >\n            <i [class]=\"node.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n            <span class=\"nav-label\">{{ node.label }}</span>\n          </button>\n\n          @for (child of node.children; track child.id) {\n            <button\n              type=\"button\"\n              class=\"nav-item is-child\"\n              [class.is-active]=\"isSelected(child)\"\n              [pTooltip]=\"sidebarOpen() ? '' : child.label\"\n              tooltipPosition=\"right\"\n              (click)=\"selectMenu(child)\"\n            >\n              <i [class]=\"child.icon ?? 'pi pi-circle'\" aria-hidden=\"true\"></i>\n              <span class=\"nav-label\">{{ child.label }}</span>\n            </button>\n          }\n        }\n      }\n    </nav>\n  </aside>\n\n  <main class=\"content\">\n    <div class=\"measure\">\n      <ng-content select=\"[nucleusTop]\" />\n\n      @if (crumbs().length) {\n        <p-breadcrumb [model]=\"crumbs()\" [home]=\"home()\" styleClass=\"ns-crumbs\" />\n      }\n\n      @if (title()) {\n        <h1>{{ title() }}</h1>\n      }\n      @if (subtitle()) {\n        <p class=\"lead\">{{ subtitle() }}</p>\n      }\n\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<p-drawer\n  [visible]=\"contextOpen()\"\n  (visibleChange)=\"contextOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.contextTitle\"\n  [style]=\"{ width: '380px' }\"\n>\n  <p class=\"settings-hint\">{{ t.contextHint }}</p>\n\n  <label class=\"field-label\" for=\"nucleus-company\">{{ t.companyLabel }}</label>\n  <p-select\n    inputId=\"nucleus-company\"\n    [options]=\"companyChoices()\"\n    optionValue=\"id\"\n    optionLabel=\"name\"\n    [ngModel]=\"companyChoice()\"\n    (ngModelChange)=\"onCompanyChange($event)\"\n    [placeholder]=\"t.companyPlaceholder\"\n    [fluid]=\"true\"\n  >\n    <ng-template #item let-option>\n      <span class=\"company-option\">\n        <span class=\"company-name\">{{ option.name }}</span>\n        <p-tag [value]=\"option.tag\" severity=\"secondary\" />\n      </span>\n    </ng-template>\n  </p-select>\n\n  <label class=\"field-label\" for=\"nucleus-site\">{{ t.siteLabel }}</label>\n\n  @if (sitesLoading()) {\n    <p class=\"access-state\">{{ t.sitesLoading }}</p>\n  } @else if (!siteOptions().length) {\n    <p class=\"access-state\">{{ t.sitesEmpty }}</p>\n  } @else {\n    <p-select\n      inputId=\"nucleus-site\"\n      [options]=\"siteOptions()\"\n      optionValue=\"id\"\n      optionLabel=\"name\"\n      [ngModel]=\"siteChoice()\"\n      (ngModelChange)=\"siteChoice.set($event)\"\n      [placeholder]=\"t.sitePlaceholder\"\n      [fluid]=\"true\"\n    />\n  }\n\n  <div class=\"context-actions\">\n    <p-button\n      [label]=\"t.confirmSwitch\"\n      icon=\"pi pi-arrow-right\"\n      [disabled]=\"!canConfirm()\"\n      [loading]=\"switching()\"\n      [fluid]=\"true\"\n      (onClick)=\"confirmSwitch()\"\n    />\n  </div>\n</p-drawer>\n\n<p-drawer\n  [visible]=\"settingsOpen()\"\n  (visibleChange)=\"settingsOpen.set($event)\"\n  position=\"right\"\n  [header]=\"t.settingsTitle\"\n  [style]=\"{ width: '340px' }\"\n>\n  <h3 class=\"settings-heading\">{{ t.settingsTheme }}</h3>\n  <p class=\"settings-hint\">{{ t.settingsThemeHint }}</p>\n\n  <p-listbox\n    [options]=\"themeOptions()\"\n    optionValue=\"value\"\n    optionLabel=\"label\"\n    [ngModel]=\"themePreference()\"\n    (ngModelChange)=\"selectTheme($event)\"\n    [ariaLabel]=\"t.settingsTheme\"\n  >\n    <ng-template #item let-option>\n      <span class=\"theme-option\">\n        @if (option.swatch) {\n          <span class=\"theme-swatch\" [style.background]=\"option.swatch\" aria-hidden=\"true\"></span>\n        } @else {\n          <i class=\"pi pi-desktop theme-swatch-icon\" aria-hidden=\"true\"></i>\n        }\n        <span>{{ option.label }}</span>\n      </span>\n    </ng-template>\n  </p-listbox>\n</p-drawer>\n\n<p-toast position=\"bottom-right\" styleClass=\"ns-toast\">\n  <ng-template #message let-message>\n    <nucleus-lordicon\n      [src]=\"message.severity === 'success' ? icons.check : icons.warning\"\n      [tone]=\"message.severity === 'success' ? 'accent' : 'danger'\"\n      [size]=\"34\"\n      trigger=\"in\"\n    />\n    <div class=\"toast-text\">\n      <p class=\"toast-summary\">{{ message.summary }}</p>\n      @if (message.detail) {\n        <p class=\"toast-detail\">{{ message.detail }}</p>\n      }\n    </div>\n  </ng-template>\n</p-toast>\n\n<p-confirmdialog [style]=\"{ width: '420px' }\">\n  <ng-template #headless let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\n    <div class=\"confirm\">\n      <nucleus-lordicon\n        [src]=\"message.icon\"\n        [tone]=\"message.acceptButtonStyleClass ? 'danger' : 'accent'\"\n        [size]=\"64\"\n        trigger=\"loop\"\n      />\n      <h2>{{ message.header }}</h2>\n      <p>{{ message.message }}</p>\n      <div class=\"confirm-actions\">\n        <p-button\n          [label]=\"message.rejectLabel\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          (onClick)=\"onReject()\"\n        />\n        <p-button\n          [label]=\"message.acceptLabel\"\n          [severity]=\"message.acceptButtonStyleClass ? 'danger' : 'primary'\"\n          (onClick)=\"onAccept()\"\n        />\n      </div>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [":host{display:flex;flex-direction:column;min-height:100dvh;background:var(--ac-bg);color:var(--ac-text)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 12px 0 8px;background:var(--ac-surface);border-bottom:1px solid var(--ac-border)}.side{display:flex;align-items:center;gap:4px}.brand{display:flex;align-items:center;gap:9px;margin-left:4px}.brand-name{display:flex;align-items:baseline;gap:7px}.brand-primary{font-size:13px;font-weight:700;letter-spacing:.15em}.brand-secondary{font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--ac-text-muted)}.lang-switch{display:flex;align-items:center;gap:2px;margin-right:6px;border:1px solid var(--ac-border);border-radius:999px;padding:2px}.lang-pill{font-size:10px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:var(--ac-text-muted);cursor:pointer}.lang-pill.is-active{background:var(--ac-accent);color:var(--ac-on-accent)}.launcher{width:320px;padding:4px}.launcher-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ac-text-muted)}.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.launcher-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:none;border-radius:8px;background:transparent;color:var(--ac-text);cursor:pointer}.launcher-item:hover:not(:disabled){background:var(--ac-surface-alt)}.launcher-item.is-disabled{opacity:.5;cursor:default}.launcher-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff}.launcher-icon i{font-size:18px}.launcher-name{font-size:11px;font-weight:500;line-height:1.3;text-align:center}.launcher-badge{font-size:9px;font-weight:500;color:var(--ac-text-muted)}.account{width:300px;padding:4px;text-align:center}.account-email{margin:0 0 12px;font-size:12px;color:var(--ac-text-muted)}.account-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--ac-border)}.account-photo{width:72px;height:72px;border-radius:999px;object-fit:cover}.account-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--ac-accent);color:var(--ac-on-accent);font-size:26px;font-weight:600}.account-hi{margin:0;font-size:16px;font-weight:500}.account-actions{display:flex;flex-direction:column;gap:2px;padding-top:8px}.body{display:flex;flex:1;min-height:0}.sidebar{flex:none;width:224px;padding:12px 10px;background:var(--ac-surface);border-right:1px solid var(--ac-border);transition:width .18s ease}.sidebar.is-collapsed{width:60px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;border-radius:6px;background:transparent;color:var(--ac-text-muted);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer}.nav-item i{flex:none;font-size:15px}.nav-item:hover{background:var(--ac-surface-alt);color:var(--ac-text)}.nav-item.is-active{background:color-mix(in srgb,var(--ac-accent) 18%,transparent);color:var(--ac-text)}.nav-item.is-active i{color:var(--ac-accent)}.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .nav-item{justify-content:center;padding-inline:0}.content{flex:1;min-width:0;padding:28px 28px 64px;display:flex;flex-direction:column;gap:14px}.measure{display:flex;width:100%;max-width:var(--ac-content-max, 1440px);flex-direction:column;gap:14px;margin-inline:auto}h1{margin:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.lead{margin:0;font-size:14px;line-height:1.6;font-weight:300;color:var(--ac-text-muted)}.settings-heading{margin:0 0 4px;font-size:14px;font-weight:600}.settings-hint{margin:0 0 14px;font-size:12px;font-weight:300;color:var(--ac-text-muted)}.theme-option{display:flex;align-items:center;gap:10px}.theme-swatch{flex:none;width:16px;height:16px;border-radius:3px;border:1px solid var(--ac-border)}.theme-swatch-icon{flex:none;width:16px;font-size:14px;color:var(--ac-text-muted)}.access-menu{display:flex;flex-direction:column;gap:.15rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.access-caption{margin:0 0 .4rem;padding:0 .75rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-state{margin:0;padding:.35rem .75rem;font-size:.78rem;opacity:.7}.access-state.is-error{color:var(--p-red-400, #f87171);opacity:1}.nav-item.is-child{padding-left:2.1rem;font-size:.86rem}.launcher-initials{font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1;color:#fff}.launcher-empty{margin:.25rem 0 .5rem;font-size:.82rem;opacity:.7}@media(max-width:720px){.sidebar{width:60px}.sidebar .nav-label{display:none}.sidebar .nav-item{justify-content:center;padding-inline:0}.brand-secondary{display:none}.content{padding:20px 16px 48px}h1{font-size:22px}.launcher{width:260px}}.account-context{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--ac-border);border-bottom:1px solid var(--ac-border)}.account-place{margin:0;color:var(--ac-text-muted);font-size:12px;text-align:center}.field-label{display:block;margin:18px 0 6px;color:var(--ac-text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.company-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-actions{margin-top:24px}.launcher-notice{display:flex;gap:10px;margin-bottom:14px;padding:12px;border:1px solid color-mix(in srgb,var(--ac-accent) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--ac-accent) 10%,transparent)}.launcher-notice i{margin-top:2px;color:var(--ac-accent);font-size:15px}.launcher-notice-title{margin:0 0 4px;font-size:13px;font-weight:600}.launcher-notice-body{margin:0;color:var(--ac-text-muted);font-size:12px;line-height:1.45}.confirm{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 24px 20px;border:1px solid var(--ac-border);border-radius:14px;background:var(--ac-surface);text-align:center}.confirm h2{margin:8px 0 0;font-size:17px;font-weight:600}.confirm p{margin:0;max-width:34ch;color:var(--ac-text-muted);font-size:13px;line-height:1.5}.confirm-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.toast-text{flex:1;margin-left:12px}.toast-summary{margin:0;font-size:13px;font-weight:600}.toast-detail{margin:2px 0 0;color:var(--ac-text-muted);font-size:12px}\n"] }]
         }], propDecorators: { brand: [{ type: i0.Input, args: [{ isSignal: true, alias: "brand", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], lead: [{ type: i0.Input, args: [{ isSignal: true, alias: "lead", required: false }] }], navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: false }] }], activeNavId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeNavId", required: false }] }], selectedMenuId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMenuId", required: false }] }], navSelect: [{ type: i0.Output, args: ["navSelect"] }], menuSelect: [{ type: i0.Output, args: ["menuSelect"] }] } });
 function initialsOf(source) {
     const parts = source.trim().split(/\s+/).filter(Boolean);
@@ -1389,5 +1705,5 @@ function initialsOf(source) {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_THEME, NO_PERMISSIONS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_ICONS, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_SKIP_AUTH, NucleusAuth, NucleusLanguage, NucleusLordicon, NucleusMark, NucleusPreset, NucleusSessionAuth, NucleusShell, NucleusStarfield, SHELL_COPY, SessionService, THEMES, THEME_LABELS, ThemeService, UserSyncService, consumeNucleusLogout, findMenuByRoute, isNucleusConfigured, isThemePreference, loadLordicon, loadNucleusConfig, nucleusAuthInterceptor, nucleusLogoutUrl, ownsUrl, permissionsOf, provideNucleus, provideNucleusTheme, themeById };
+export { DEFAULT_THEME, NO_PERMISSIONS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_ICONS, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_SKIP_AUTH, NucleusAuth, NucleusCard, NucleusCell, NucleusFeedback, NucleusForm, NucleusLanguage, NucleusList, NucleusLordicon, NucleusMark, NucleusPage, NucleusPreset, NucleusSessionAuth, NucleusShell, NucleusStarfield, NucleusTabs, SHELL_COPY, SessionService, THEMES, THEME_LABELS, ThemeService, UserSyncService, consumeNucleusLogout, findMenuByRoute, isNucleusConfigured, isThemePreference, loadLordicon, loadNucleusConfig, nucleusAuthInterceptor, nucleusLogoutUrl, ownsUrl, permissionsOf, provideNucleus, provideNucleusFeedback, provideNucleusTheme, resolveFieldSize, themeById };
 //# sourceMappingURL=nucleus-suite-pe-core.mjs.map