@nucleus-suite-pe/core 0.1.0

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

@@ -0,0 +1,1111 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injector, signal, computed, Injectable, effect, input, ChangeDetectionStrategy, Component, output, 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 i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import * as i1 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 { DrawerModule } from 'primeng/drawer';
+import * as i4 from 'primeng/listbox';
+import { ListboxModule } from 'primeng/listbox';
+import * as i5 from 'primeng/popover';
+import { PopoverModule } from 'primeng/popover';
+import * as i6 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+
+const NUCLEUS_CONFIG = new InjectionToken('NUCLEUS_CONFIG');
+const CONFIG_URL = 'config.json';
+function provideNucleus(config) {
+    return makeEnvironmentProviders([{ provide: NUCLEUS_CONFIG, useValue: normalize(config) }]);
+}
+async function loadNucleusConfig(url = CONFIG_URL) {
+    const response = await fetch(url, { cache: 'no-store' });
+    if (!response.ok) {
+        throw new Error(`No se pudo cargar ${url}: HTTP ${response.status}`);
+    }
+    return normalize((await response.json()));
+}
+function isNucleusConfigured(config) {
+    return config.securityApiUrl.length > 0 && config.appId.length > 0;
+}
+function ownsUrl(config, url) {
+    if (config.securityApiUrl.length > 0 && url.startsWith(config.securityApiUrl)) {
+        return true;
+    }
+    return config.appApiUrl !== null && config.appApiUrl.length > 0 && url.startsWith(config.appApiUrl);
+}
+function normalize(config) {
+    return {
+        appId: (config.appId ?? '').trim().toLowerCase(),
+        securityApiUrl: trimSlash(config.securityApiUrl),
+        appApiUrl: config.appApiUrl ? trimSlash(config.appApiUrl) : null,
+        landingUrl: config.landingUrl ? trimSlash(config.landingUrl) : null,
+    };
+}
+function trimSlash(value) {
+    return (value ?? '').trim().replace(/\/+$/, '');
+}
+
+class NucleusAuth {
+}
+
+const NUCLEUS_FORCE_BEARER = new HttpContextToken(() => false);
+const NUCLEUS_SKIP_AUTH = new HttpContextToken(() => false);
+
+const SESSION_PATH = '/auth/session';
+const LOGOUT_PATH = '/auth/logout';
+class NucleusSessionAuth {
+    http = inject(HttpClient);
+    config = inject(NUCLEUS_CONFIG);
+    injector = inject(Injector);
+    _ticket = signal(null, ...(ngDevMode ? [{ debugName: "_ticket" }] : /* istanbul ignore next */ []));
+    _failed = signal(false, ...(ngDevMode ? [{ debugName: "_failed" }] : /* istanbul ignore next */ []));
+    pending = null;
+    ticket = this._ticket.asReadonly();
+    failed = this._failed.asReadonly();
+    established = computed(() => this._ticket() !== null, ...(ngDevMode ? [{ debugName: "established" }] : /* istanbul ignore next */ []));
+    establish(force = false) {
+        if (!force && this._ticket() !== null)
+            return Promise.resolve(true);
+        this.pending ??= this.request().finally(() => {
+            this.pending = null;
+        });
+        return this.pending;
+    }
+    async clear() {
+        this._ticket.set(null);
+        this._failed.set(false);
+        if (!isNucleusConfigured(this.config))
+            return;
+        try {
+            await firstValueFrom(this.http.post(`${this.config.securityApiUrl}${LOGOUT_PATH}`, {}, {
+                withCredentials: true,
+                context: new HttpContext().set(NUCLEUS_SKIP_AUTH, true),
+            }));
+        }
+        catch (error) {
+            console.error('[auth] no se pudo cerrar la sesión de cookie', error);
+        }
+    }
+    async request() {
+        if (!isNucleusConfigured(this.config))
+            return false;
+        if (this.injector.get(NucleusAuth, null) === null)
+            return false;
+        try {
+            const ticket = await firstValueFrom(this.http.post(`${this.config.securityApiUrl}${SESSION_PATH}`, {}, {
+                withCredentials: true,
+                context: new HttpContext().set(NUCLEUS_FORCE_BEARER, true),
+            }));
+            this._ticket.set(ticket);
+            this._failed.set(false);
+            return true;
+        }
+        catch (error) {
+            this._ticket.set(null);
+            this._failed.set(true);
+            console.error('[auth] no se pudo abrir la sesión de cookie', error);
+            return false;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusSessionAuth, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusSessionAuth, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusSessionAuth, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const nucleusAuthInterceptor = (req, next) => {
+    const config = inject(NUCLEUS_CONFIG);
+    if (!ownsUrl(config, req.url) || req.context.get(NUCLEUS_SKIP_AUTH)) {
+        return next(req);
+    }
+    const session = inject(NucleusSessionAuth);
+    const auth = inject(NucleusAuth, { optional: true });
+    const request = req.clone({ withCredentials: true });
+    if (!req.context.get(NUCLEUS_FORCE_BEARER) && session.established()) {
+        return next(request).pipe(catchError((error) => {
+            if (!(error instanceof HttpErrorResponse) || error.status !== 401) {
+                return throwError(() => error);
+            }
+            return from(session.establish(true)).pipe(switchMap((renewed) => (renewed ? next(request) : throwError(() => error))));
+        }));
+    }
+    if (!auth) {
+        return next(request);
+    }
+    return from(auth.idToken()).pipe(switchMap((token) => next(token ? request.clone({ setHeaders: { Authorization: `Bearer ${token}` } }) : request)));
+};
+
+const AUTH_SYNC_PATH = '/auth/sync';
+class UserSyncService {
+    http = inject(HttpClient);
+    config = inject(NUCLEUS_CONFIG);
+    appUser = signal(null, ...(ngDevMode ? [{ debugName: "appUser" }] : /* istanbul ignore next */ []));
+    failed = signal(false, ...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
+    async sync(session, idToken) {
+        if (!isNucleusConfigured(this.config)) {
+            console.info('[auth] sincronización omitida: securityApiUrl o appId vacíos en config.json');
+            return;
+        }
+        const token = await idToken();
+        if (!token) {
+            this.failed.set(true);
+            console.error('[auth] no hay ID token con el que autenticar la sincronización');
+            return;
+        }
+        const body = {
+            provider: session.provider,
+            providerUserId: session.providerUserId,
+            email: session.email,
+            displayName: session.displayName,
+            photoUrl: session.photoUrl,
+        };
+        try {
+            const user = await firstValueFrom(this.http.post(`${this.config.securityApiUrl}${AUTH_SYNC_PATH}`, body));
+            this.appUser.set(user);
+            this.failed.set(false);
+        }
+        catch (error) {
+            this.failed.set(true);
+            console.error('[auth] no se pudo sincronizar el usuario con el backend', error);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: UserSyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: UserSyncService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: UserSyncService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class SessionService {
+    http = inject(HttpClient);
+    auth = inject(NucleusAuth, { optional: true });
+    userSync = inject(UserSyncService);
+    sessionAuth = inject(NucleusSessionAuth);
+    config = inject(NUCLEUS_CONFIG);
+    _me = signal(null, ...(ngDevMode ? [{ debugName: "_me" }] : /* istanbul ignore next */ []));
+    _menu = signal([], ...(ngDevMode ? [{ debugName: "_menu" }] : /* istanbul ignore next */ []));
+    _access = signal(null, ...(ngDevMode ? [{ debugName: "_access" }] : /* istanbul ignore next */ []));
+    _scope = signal(null, ...(ngDevMode ? [{ debugName: "_scope" }] : /* istanbul ignore next */ []));
+    _apps = signal([], ...(ngDevMode ? [{ debugName: "_apps" }] : /* istanbul ignore next */ []));
+    _loading = signal(false, ...(ngDevMode ? [{ debugName: "_loading" }] : /* istanbul ignore next */ []));
+    _error = signal(null, ...(ngDevMode ? [{ debugName: "_error" }] : /* istanbul ignore next */ []));
+    inFlight = false;
+    loadedKey = null;
+    me = this._me.asReadonly();
+    menu = this._menu.asReadonly();
+    access = this._access.asReadonly();
+    scope = this._scope.asReadonly();
+    apps = this._apps.asReadonly();
+    loading = this._loading.asReadonly();
+    error = this._error.asReadonly();
+    roleName = computed(() => this._access()?.roleName ?? null, ...(ngDevMode ? [{ debugName: "roleName" }] : /* istanbul ignore next */ []));
+    siteName = computed(() => this._access()?.siteName ?? null, ...(ngDevMode ? [{ debugName: "siteName" }] : /* istanbul ignore next */ []));
+    companies = computed(() => {
+        const me = this._me();
+        if (!me)
+            return [];
+        return [...me.ownedCompanies, ...me.sharedCompanies];
+    }, ...(ngDevMode ? [{ debugName: "companies" }] : /* istanbul ignore next */ []));
+    async load(language, force = false) {
+        if (!isNucleusConfigured(this.config))
+            return;
+        const identity = this.auth?.user() ?? null;
+        if (this.auth && !identity)
+            return;
+        const key = `${identity?.uid ?? 'cookie'}|${language}`;
+        if (this.inFlight)
+            return;
+        if (!force && this.loadedKey === key)
+            return;
+        this.inFlight = true;
+        this.loadedKey = key;
+        this._loading.set(true);
+        this._error.set(null);
+        try {
+            if (identity && this.auth) {
+                await this.userSync.sync(identity, () => this.auth.idToken());
+                await this.sessionAuth.establish(force);
+            }
+            const [me, catalog] = await Promise.all([
+                firstValueFrom(this.http.get(`${this.config.securityApiUrl}/me`)),
+                firstValueFrom(this.http.get(`${this.config.securityApiUrl}/apps`)),
+            ]);
+            this._me.set(me);
+            this._apps.set(this.buildLauncher(me, catalog));
+            const access = [...me.ownedCompanies, ...me.sharedCompanies]
+                .flatMap((company) => company.myAccess)
+                .find((entry) => entry.appId.toLowerCase() === this.config.appId);
+            if (access) {
+                this._access.set(access);
+                this._scope.set('site');
+                this._menu.set(await this.siteMenu(access.siteId, language));
+                return;
+            }
+            this._access.set(null);
+            this._scope.set('account');
+            this._menu.set(await this.accountMenu(language));
+        }
+        catch (error) {
+            this._menu.set([]);
+            this._error.set(describe(error));
+            console.error('[session] no se pudo cargar la sesión del backend', error);
+        }
+        finally {
+            this.inFlight = false;
+            this._loading.set(false);
+        }
+    }
+    reload(language) {
+        return this.load(language, true);
+    }
+    buildLauncher(me, catalog) {
+        const granted = new Set([...me.ownedCompanies, ...me.sharedCompanies]
+            .flatMap((company) => company.myAccess)
+            .map((entry) => entry.appId.toLowerCase()));
+        return catalog
+            .filter((app) => app.id.toLowerCase() !== this.config.appId)
+            .map((app) => ({ ...app, hasAccess: granted.has(app.id.toLowerCase()) }))
+            .sort((a, b) => a.sortOrder - b.sortOrder);
+    }
+    siteMenu(siteId, language) {
+        return firstValueFrom(this.http.get(`${this.config.securityApiUrl}/sites/${siteId}/apps/${this.config.appId}/menu`, { params: { language } }));
+    }
+    accountMenu(language) {
+        return firstValueFrom(this.http.get(`${this.config.securityApiUrl}/me/menu`, {
+            params: { appId: this.config.appId, language },
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SessionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SessionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function describe(error) {
+    if (error instanceof HttpErrorResponse) {
+        const problem = error.error;
+        return problem?.detail ?? problem?.title ?? `HTTP ${error.status}`;
+    }
+    return 'Error desconocido';
+}
+
+const NUCLEUS_LANGS = ['es', 'en'];
+const STORAGE_KEY$1 = 'nucleus_lang';
+function isLang(value) {
+    return value === 'es' || value === 'en';
+}
+function readStored() {
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY$1);
+        if (isLang(stored))
+            return stored;
+    }
+    catch { }
+    return 'es';
+}
+class NucleusLanguage {
+    _lang = signal(readStored(), ...(ngDevMode ? [{ debugName: "_lang" }] : /* istanbul ignore next */ []));
+    lang = this._lang.asReadonly();
+    constructor() {
+        effect(() => {
+            const lang = this._lang();
+            document.documentElement.lang = lang;
+            try {
+                localStorage.setItem(STORAGE_KEY$1, lang);
+            }
+            catch { }
+        });
+    }
+    setLang(lang) {
+        this._lang.set(lang);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusLanguage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusLanguage, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusLanguage, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const THEMES = [
+    {
+        id: 'nucleus',
+        scheme: 'dark',
+        swatch: '#7c6cf5',
+        starfield: true,
+        tokens: {
+            bg: '#050508',
+            surface: '#0d0d15',
+            surfaceAlt: '#16161f',
+            text: '#ffffff',
+            textMuted: 'rgba(255, 255, 255, 0.6)',
+            border: 'rgba(255, 255, 255, 0.14)',
+            accent: '#7c6cf5',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'light',
+        scheme: 'light',
+        swatch: '#f5f5f5',
+        starfield: false,
+        tokens: {
+            bg: '#ffffff',
+            surface: '#f5f5f5',
+            surfaceAlt: '#eeeeee',
+            text: '#1e1e1e',
+            textMuted: '#5a5a5a',
+            border: '#cccedb',
+            accent: '#0078d4',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'dark',
+        scheme: 'dark',
+        swatch: '#1e1e1e',
+        starfield: false,
+        tokens: {
+            bg: '#1e1e1e',
+            surface: '#252526',
+            surfaceAlt: '#2d2d30',
+            text: '#f1f1f1',
+            textMuted: '#a0a0a0',
+            border: '#3f3f46',
+            accent: '#0097fb',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'bubblegum',
+        scheme: 'light',
+        swatch: '#f7b8d4',
+        starfield: false,
+        tokens: {
+            bg: '#fff0f6',
+            surface: '#ffe0ed',
+            surfaceAlt: '#ffd0e4',
+            text: '#3d1029',
+            textMuted: '#8a4c6c',
+            border: '#f0aac9',
+            accent: '#d6337f',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'cool-breeze',
+        scheme: 'light',
+        swatch: '#a8d5e8',
+        starfield: false,
+        tokens: {
+            bg: '#eef7fb',
+            surface: '#dcecf5',
+            surfaceAlt: '#cbe2ef',
+            text: '#102a38',
+            textMuted: '#4a6b7d',
+            border: '#a5c9db',
+            accent: '#0f7ba8',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'cool-slate',
+        scheme: 'dark',
+        swatch: '#3b4a5c',
+        starfield: false,
+        tokens: {
+            bg: '#232b36',
+            surface: '#2c3644',
+            surfaceAlt: '#354152',
+            text: '#e6ecf4',
+            textMuted: '#9fb0c4',
+            border: '#44546a',
+            accent: '#5fa8e8',
+            onAccent: '#0b1118',
+        },
+    },
+    {
+        id: 'icy-mint',
+        scheme: 'light',
+        swatch: '#c4ece5',
+        starfield: false,
+        tokens: {
+            bg: '#f0fbf8',
+            surface: '#dcf3ee',
+            surfaceAlt: '#c9eae3',
+            text: '#0d2f2a',
+            textMuted: '#4a706a',
+            border: '#a3d6cd',
+            accent: '#0d8f7d',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'juicy-plum',
+        scheme: 'dark',
+        swatch: '#6b3a7a',
+        starfield: false,
+        tokens: {
+            bg: '#2a1633',
+            surface: '#372042',
+            surfaceAlt: '#452a52',
+            text: '#f3e8f7',
+            textMuted: '#b795c4',
+            border: '#57366a',
+            accent: '#c86dd7',
+            onAccent: '#1a0d20',
+        },
+    },
+    {
+        id: 'mango-paradise',
+        scheme: 'light',
+        swatch: '#f7c48a',
+        starfield: false,
+        tokens: {
+            bg: '#fff6ec',
+            surface: '#ffe9d4',
+            surfaceAlt: '#ffdcbc',
+            text: '#3d2410',
+            textMuted: '#8a5f38',
+            border: '#f0c096',
+            accent: '#e07314',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'moonlight-glow',
+        scheme: 'dark',
+        swatch: '#1f3a5f',
+        starfield: false,
+        tokens: {
+            bg: '#131f33',
+            surface: '#1c2b45',
+            surfaceAlt: '#243657',
+            text: '#e3ecfa',
+            textMuted: '#94a9c9',
+            border: '#33496e',
+            accent: '#6ea8f0',
+            onAccent: '#0a1020',
+        },
+    },
+    {
+        id: 'mystical-forest',
+        scheme: 'dark',
+        swatch: '#1f4a2e',
+        starfield: false,
+        tokens: {
+            bg: '#132419',
+            surface: '#1b3223',
+            surfaceAlt: '#24422e',
+            text: '#e4f2e8',
+            textMuted: '#93b7a0',
+            border: '#325a41',
+            accent: '#4caf70',
+            onAccent: '#0a1610',
+        },
+    },
+    {
+        id: 'silky-pink',
+        scheme: 'light',
+        swatch: '#f3c2d6',
+        starfield: false,
+        tokens: {
+            bg: '#fdf2f7',
+            surface: '#fae3ed',
+            surfaceAlt: '#f6d3e2',
+            text: '#3a1626',
+            textMuted: '#87566a',
+            border: '#eeb4cb',
+            accent: '#c14b82',
+            onAccent: '#ffffff',
+        },
+    },
+    {
+        id: 'spicy-red',
+        scheme: 'dark',
+        swatch: '#8f1f24',
+        starfield: false,
+        tokens: {
+            bg: '#2a1113',
+            surface: '#3a181b',
+            surfaceAlt: '#4a1f23',
+            text: '#f8e6e7',
+            textMuted: '#c79398',
+            border: '#5f2a2f',
+            accent: '#e8555e',
+            onAccent: '#1a0809',
+        },
+    },
+    {
+        id: 'sunny-day',
+        scheme: 'light',
+        swatch: '#efe4b0',
+        starfield: false,
+        tokens: {
+            bg: '#fdf9e8',
+            surface: '#f7efd2',
+            surfaceAlt: '#f0e5bd',
+            text: '#332d10',
+            textMuted: '#736a38',
+            border: '#ddcf94',
+            accent: '#a8860b',
+            onAccent: '#ffffff',
+        },
+    },
+];
+const THEME_LABELS = {
+    nucleus: 'Nucleus',
+    light: 'Light',
+    dark: 'Dark',
+    bubblegum: 'Bubblegum',
+    'cool-breeze': 'Cool Breeze',
+    'cool-slate': 'Cool Slate',
+    'icy-mint': 'Icy Mint',
+    'juicy-plum': 'Juicy Plum',
+    'mango-paradise': 'Mango Paradise',
+    'moonlight-glow': 'Moonlight Glow',
+    'mystical-forest': 'Mystical Forest',
+    'silky-pink': 'Silky Pink',
+    'spicy-red': 'Spicy Red',
+    'sunny-day': 'Sunny Day',
+};
+const DEFAULT_THEME = 'nucleus';
+const BY_ID = new Map(THEMES.map((theme) => [theme.id, theme]));
+function themeById(id) {
+    return BY_ID.get(id) ?? BY_ID.get(DEFAULT_THEME);
+}
+function isThemePreference(value) {
+    return value === 'system' || (typeof value === 'string' && BY_ID.has(value));
+}
+
+const STORAGE_KEY = 'nucleus_theme';
+function readStoredPreference() {
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (isThemePreference(stored))
+            return stored;
+    }
+    catch { }
+    return DEFAULT_THEME;
+}
+function prefersDark() {
+    return globalThis.matchMedia?.('(prefers-color-scheme: dark)').matches ?? false;
+}
+class ThemeService {
+    _preference = signal(readStoredPreference(), ...(ngDevMode ? [{ debugName: "_preference" }] : /* istanbul ignore next */ []));
+    systemDark = signal(prefersDark(), ...(ngDevMode ? [{ debugName: "systemDark" }] : /* istanbul ignore next */ []));
+    preference = this._preference.asReadonly();
+    theme = computed(() => {
+        const preference = this._preference();
+        if (preference === 'system')
+            return themeById(this.systemDark() ? 'dark' : 'light');
+        return themeById(preference);
+    }, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    starfield = computed(() => this.theme().starfield, ...(ngDevMode ? [{ debugName: "starfield" }] : /* istanbul ignore next */ []));
+    constructor() {
+        globalThis
+            .matchMedia?.('(prefers-color-scheme: dark)')
+            .addEventListener('change', (event) => this.systemDark.set(event.matches));
+        effect(() => {
+            const preference = this._preference();
+            const theme = this.theme();
+            this.applyToDom(theme);
+            try {
+                localStorage.setItem(STORAGE_KEY, preference);
+            }
+            catch { }
+        });
+    }
+    setPreference(preference) {
+        this._preference.set(preference);
+    }
+    applyToDom(theme) {
+        const root = document.documentElement;
+        for (const [name, value] of Object.entries(theme.tokens)) {
+            root.style.setProperty(`--ac-${name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}`, value);
+        }
+        root.dataset['theme'] = theme.id;
+        root.classList.toggle('ns-dark', theme.scheme === 'dark');
+        root.style.colorScheme = theme.scheme;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const MASK = {
+    background: 'rgba(0, 0, 0, 0.55)',
+    color: 'var(--ac-text)',
+};
+const SHADOW = '0 10px 40px rgba(0, 0, 0, 0.45)';
+const PANEL = {
+    background: 'var(--ac-surface)',
+    borderColor: 'var(--ac-border)',
+    color: 'var(--ac-text)',
+};
+const schemeTokens = {
+    primary: {
+        color: 'var(--ac-accent)',
+        contrastColor: 'var(--ac-on-accent)',
+        hoverColor: 'color-mix(in srgb, var(--ac-accent) 85%, var(--ac-text))',
+        activeColor: 'color-mix(in srgb, var(--ac-accent) 70%, var(--ac-text))',
+    },
+    highlight: {
+        background: 'color-mix(in srgb, var(--ac-accent) 16%, transparent)',
+        focusBackground: 'color-mix(in srgb, var(--ac-accent) 24%, transparent)',
+        color: 'var(--ac-text)',
+        focusColor: 'var(--ac-text)',
+    },
+    text: {
+        color: 'var(--ac-text)',
+        hoverColor: 'var(--ac-text)',
+        mutedColor: 'var(--ac-text-muted)',
+        hoverMutedColor: 'var(--ac-text)',
+    },
+    content: {
+        background: 'var(--ac-surface)',
+        hoverBackground: 'var(--ac-surface-alt)',
+        borderColor: 'var(--ac-border)',
+        color: 'var(--ac-text)',
+        hoverColor: 'var(--ac-text)',
+    },
+    overlay: {
+        select: {
+            background: 'var(--ac-surface)',
+            borderColor: 'var(--ac-border)',
+            color: 'var(--ac-text)',
+        },
+        popover: {
+            background: 'var(--ac-surface)',
+            borderColor: 'var(--ac-border)',
+            color: 'var(--ac-text)',
+        },
+        modal: {
+            background: 'var(--ac-surface)',
+            borderColor: 'var(--ac-border)',
+            color: 'var(--ac-text)',
+        },
+    },
+    formField: {
+        background: 'var(--ac-bg)',
+        disabledBackground: 'var(--ac-surface-alt)',
+        filledBackground: 'var(--ac-surface-alt)',
+        filledHoverBackground: 'var(--ac-surface-alt)',
+        filledFocusBackground: 'var(--ac-surface-alt)',
+        borderColor: 'var(--ac-border)',
+        hoverBorderColor: 'var(--ac-accent)',
+        focusBorderColor: 'var(--ac-accent)',
+        color: 'var(--ac-text)',
+        disabledColor: 'var(--ac-text-muted)',
+        placeholderColor: 'var(--ac-text-muted)',
+        floatLabelColor: 'var(--ac-text-muted)',
+        floatLabelFocusColor: 'var(--ac-accent)',
+        iconColor: 'var(--ac-text-muted)',
+    },
+    list: {
+        option: {
+            focusBackground: 'var(--ac-surface-alt)',
+            selectedBackground: 'color-mix(in srgb, var(--ac-accent) 20%, transparent)',
+            selectedFocusBackground: 'color-mix(in srgb, var(--ac-accent) 28%, transparent)',
+            color: 'var(--ac-text)',
+            focusColor: 'var(--ac-text)',
+            selectedColor: 'var(--ac-text)',
+            selectedFocusColor: 'var(--ac-text)',
+            icon: {
+                color: 'var(--ac-text-muted)',
+                focusColor: 'var(--ac-text)',
+            },
+        },
+    },
+    navigation: {
+        item: {
+            focusBackground: 'var(--ac-surface-alt)',
+            activeBackground: 'color-mix(in srgb, var(--ac-accent) 20%, transparent)',
+            color: 'var(--ac-text)',
+            focusColor: 'var(--ac-text)',
+            activeColor: 'var(--ac-text)',
+            icon: {
+                color: 'var(--ac-text-muted)',
+                focusColor: 'var(--ac-text)',
+                activeColor: 'var(--ac-accent)',
+            },
+        },
+    },
+};
+const NucleusPreset = definePreset(Lara, {
+    semantic: {
+        colorScheme: {
+            light: { ...schemeTokens, mask: MASK },
+            dark: { ...schemeTokens, mask: MASK },
+        },
+    },
+    components: {
+        drawer: { root: { ...PANEL, shadow: SHADOW } },
+        popover: { root: { ...PANEL, shadow: SHADOW } },
+        menu: { root: { ...PANEL, shadow: SHADOW } },
+        listbox: { root: PANEL },
+    },
+});
+
+const NUCLEUS_DARK_SELECTOR = '.ns-dark';
+function provideNucleusTheme() {
+    return providePrimeNG({
+        theme: {
+            preset: NucleusPreset,
+            options: { darkModeSelector: NUCLEUS_DARK_SELECTOR },
+        },
+    });
+}
+
+const ORBIT = { rx: 78, ry: 196 };
+class NucleusMark {
+    accent = input('#7C6CF5', ...(ngDevMode ? [{ debugName: "accent" }] : /* istanbul ignore next */ []));
+    size = input(28, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    orbit = ORBIT;
+    rotations = [0, 60, 120];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusMark, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusMark, isStandalone: true, selector: "nucleus-mark", inputs: { accent: { classPropertyName: "accent", publicName: "accent", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg
+      [attr.width]="size()"
+      [attr.height]="size()"
+      viewBox="-230 -230 460 460"
+      aria-hidden="true"
+    >
+      @for (r of rotations; track $index) {
+        <ellipse
+          [attr.rx]="orbit.rx"
+          [attr.ry]="orbit.ry"
+          [attr.transform]="'rotate(' + r + ')'"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="18"
+        />
+      }
+      <circle r="42" [attr.fill]="accent()" />
+    </svg>
+  `, isInline: true, styles: [":host{display:block}svg{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusMark, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-mark', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <svg
+      [attr.width]="size()"
+      [attr.height]="size()"
+      viewBox="-230 -230 460 460"
+      aria-hidden="true"
+    >
+      @for (r of rotations; track $index) {
+        <ellipse
+          [attr.rx]="orbit.rx"
+          [attr.ry]="orbit.ry"
+          [attr.transform]="'rotate(' + r + ')'"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="18"
+        />
+      }
+      <circle r="42" [attr.fill]="accent()" />
+    </svg>
+  `, styles: [":host{display:block}svg{display:block}\n"] }]
+        }], propDecorators: { accent: [{ type: i0.Input, args: [{ isSignal: true, alias: "accent", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+const W = 1280;
+const H = 720;
+const STARS = Array.from({ length: 130 }, (_, i) => {
+    const a = i * 2.399963;
+    const big = i % 11 === 0;
+    const sway = Math.sin(a * 1.7);
+    const lift = Math.cos(a * 2.3);
+    return {
+        cx: +((Math.sin(a * 7.13) * 0.5 + 0.5) * W).toFixed(2),
+        cy: +((Math.cos(a * 3.77) * 0.5 + 0.5) * H).toFixed(2),
+        r: +((big ? 2.4 : 0.9) + (i % 4) * 0.5).toFixed(2),
+        opacity: ((big ? 0.85 : 0.42) + (i % 5) * 0.09).toFixed(2),
+        dx: `${(sway * 26).toFixed(1)}px`,
+        dy: `${(lift * 18).toFixed(1)}px`,
+        duration: `${(11 + (i % 9) * 1.7).toFixed(1)}s`,
+        delay: `-${((i % 13) * 0.85).toFixed(2)}s`,
+    };
+});
+class NucleusStarfield {
+    W = W;
+    H = H;
+    stars = STARS;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusStarfield, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: NucleusStarfield, isStandalone: true, selector: "nucleus-starfield", ngImport: i0, template: `
+    <svg
+      [attr.viewBox]="'0 0 ' + W + ' ' + H"
+      preserveAspectRatio="xMidYMid slice"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <defs>
+        <radialGradient id="ns-starfield-glow" cx="50%" cy="0%" r="75%">
+          <stop offset="0%" stop-color="var(--ac-accent)" stop-opacity="0.18" />
+          <stop offset="70%" stop-color="var(--ac-accent)" stop-opacity="0" />
+        </radialGradient>
+      </defs>
+
+      <rect width="100%" height="100%" fill="url(#ns-starfield-glow)" />
+
+      @for (star of stars; track $index) {
+        <circle
+          [attr.cx]="star.cx"
+          [attr.cy]="star.cy"
+          [attr.r]="star.r"
+          [style.--o]="star.opacity"
+          [style.--dx]="star.dx"
+          [style.--dy]="star.dy"
+          [style.--dur]="star.duration"
+          [style.--delay]="star.delay"
+          fill="#ffffff"
+        />
+      }
+    </svg>
+  `, isInline: true, styles: [":host{position:fixed;inset:0;z-index:-1;display:block;pointer-events:none;background:var(--ac-bg)}svg{display:block;width:100%;height:100%}circle{opacity:var(--o);animation:ns-drift var(--dur) ease-in-out var(--delay) infinite alternate}@keyframes ns-drift{0%{transform:translate(0);opacity:var(--o)}to{transform:translate(var(--dx),var(--dy));opacity:calc(var(--o) * .3)}}@media(prefers-reduced-motion:reduce){circle{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusStarfield, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-starfield', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <svg
+      [attr.viewBox]="'0 0 ' + W + ' ' + H"
+      preserveAspectRatio="xMidYMid slice"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <defs>
+        <radialGradient id="ns-starfield-glow" cx="50%" cy="0%" r="75%">
+          <stop offset="0%" stop-color="var(--ac-accent)" stop-opacity="0.18" />
+          <stop offset="70%" stop-color="var(--ac-accent)" stop-opacity="0" />
+        </radialGradient>
+      </defs>
+
+      <rect width="100%" height="100%" fill="url(#ns-starfield-glow)" />
+
+      @for (star of stars; track $index) {
+        <circle
+          [attr.cx]="star.cx"
+          [attr.cy]="star.cy"
+          [attr.r]="star.r"
+          [style.--o]="star.opacity"
+          [style.--dx]="star.dx"
+          [style.--dy]="star.dy"
+          [style.--dur]="star.duration"
+          [style.--delay]="star.delay"
+          fill="#ffffff"
+        />
+      }
+    </svg>
+  `, styles: [":host{position:fixed;inset:0;z-index:-1;display:block;pointer-events:none;background:var(--ac-bg)}svg{display:block;width:100%;height:100%}circle{opacity:var(--o);animation:ns-drift var(--dur) ease-in-out var(--delay) infinite alternate}@keyframes ns-drift{0%{transform:translate(0);opacity:var(--o)}to{transform:translate(var(--dx),var(--dy));opacity:calc(var(--o) * .3)}}@media(prefers-reduced-motion:reduce){circle{animation:none}}\n"] }]
+        }] });
+
+const SHELL_COPY = {
+    es: {
+        navToggle: 'Mostrar u ocultar el menú',
+        appsLauncher: 'Aplicaciones',
+        appsEmpty: 'No hay otras aplicaciones',
+        settingsTitle: 'Ajustes',
+        settingsTheme: 'Tema',
+        settingsThemeHint: 'Elige cómo se ve la suite en este dispositivo.',
+        themeSystem: 'Del sistema',
+        signOut: 'Cerrar sesión',
+        accountManage: 'Gestionar mi cuenta',
+        accountSwitch: 'Cambiar de cuenta',
+        accessLoading: 'Cargando accesos...',
+        accessEmpty: 'Sin accesos asignados',
+        accountScope: 'Mi cuenta',
+        hintNoAccess: 'Sin acceso',
+        hintComingSoon: 'Próximamente',
+        hintNotDeployed: 'Sin publicar',
+    },
+    en: {
+        navToggle: 'Show or hide the menu',
+        appsLauncher: 'Applications',
+        appsEmpty: 'No other applications',
+        settingsTitle: 'Settings',
+        settingsTheme: 'Theme',
+        settingsThemeHint: 'Choose how the suite looks on this device.',
+        themeSystem: 'System',
+        signOut: 'Sign out',
+        accountManage: 'Manage my account',
+        accountSwitch: 'Switch account',
+        accessLoading: 'Loading access...',
+        accessEmpty: 'No access granted',
+        accountScope: 'My account',
+        hintNoAccess: 'No access',
+        hintComingSoon: 'Coming soon',
+        hintNotDeployed: 'Not deployed',
+    },
+};
+
+class NucleusShell {
+    session = inject(SessionService);
+    sessionAuth = inject(NucleusSessionAuth);
+    themes = inject(ThemeService);
+    language = inject(NucleusLanguage);
+    config = inject(NUCLEUS_CONFIG);
+    injector = inject(Injector);
+    router = inject(Router);
+    brand = input('SUITE', ...(ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []));
+    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+    lead = input('', ...(ngDevMode ? [{ debugName: "lead" }] : /* istanbul ignore next */ []));
+    navItems = input([], ...(ngDevMode ? [{ debugName: "navItems" }] : /* istanbul ignore next */ []));
+    activeNavId = input(null, ...(ngDevMode ? [{ debugName: "activeNavId" }] : /* istanbul ignore next */ []));
+    selectedMenuId = input(null, ...(ngDevMode ? [{ debugName: "selectedMenuId" }] : /* istanbul ignore next */ []));
+    navSelect = output();
+    menuSelect = output();
+    lang = this.language.lang;
+    copy = computed(() => SHELL_COPY[this.lang()], ...(ngDevMode ? [{ debugName: "copy" }] : /* istanbul ignore next */ []));
+    starfield = this.themes.starfield;
+    themePreference = this.themes.preference;
+    menu = this.session.menu;
+    menuLoading = this.session.loading;
+    menuError = this.session.error;
+    launcherApps = this.session.apps;
+    sidebarOpen = signal(true, ...(ngDevMode ? [{ debugName: "sidebarOpen" }] : /* istanbul ignore next */ []));
+    settingsOpen = signal(false, ...(ngDevMode ? [{ debugName: "settingsOpen" }] : /* istanbul ignore next */ []));
+    auth = this.injector.get(NucleusAuth, null);
+    identity = computed(() => {
+        const me = this.session.me();
+        if (me) {
+            return {
+                name: me.displayName ?? me.userId,
+                email: me.userId,
+                photoUrl: me.photoUrl,
+            };
+        }
+        const user = this.auth?.user() ?? null;
+        if (!user)
+            return null;
+        return {
+            name: user.displayName ?? user.email ?? user.providerUserId,
+            email: user.email ?? user.providerUserId,
+            photoUrl: user.photoUrl,
+        };
+    }, ...(ngDevMode ? [{ debugName: "identity" }] : /* istanbul ignore next */ []));
+    initials = computed(() => initialsOf(this.identity()?.name ?? ''), ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+    canSwitchAccount = computed(() => this.auth?.switchAccount !== undefined, ...(ngDevMode ? [{ debugName: "canSwitchAccount" }] : /* istanbul ignore next */ []));
+    accessCaption = computed(() => {
+        const role = this.session.roleName();
+        const site = this.session.siteName();
+        if (role && site)
+            return `${role} · ${site}`;
+        if (this.session.scope() === 'account')
+            return this.copy().accountScope;
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "accessCaption" }] : /* istanbul ignore next */ []));
+    themeOptions = computed(() => [
+        ...THEMES.map((theme) => ({
+            value: theme.id,
+            label: THEME_LABELS[theme.id],
+            swatch: theme.swatch,
+        })),
+        { value: 'system', label: this.copy().themeSystem, swatch: null },
+    ], ...(ngDevMode ? [{ debugName: "themeOptions" }] : /* istanbul ignore next */ []));
+    loadSession = effect(() => {
+        const language = this.lang();
+        const user = this.auth?.user() ?? null;
+        if (this.auth && !user)
+            return;
+        untracked(() => void this.session.load(language));
+    }, ...(ngDevMode ? [{ debugName: "loadSession" }] : /* istanbul ignore next */ []));
+    setLang(lang) {
+        this.language.setLang(lang);
+    }
+    toggleSidebar() {
+        this.sidebarOpen.update((open) => !open);
+    }
+    selectTheme(preference) {
+        if (preference)
+            this.themes.setPreference(preference);
+    }
+    selectNav(id) {
+        this.navSelect.emit(id);
+    }
+    selectMenu(node) {
+        this.menuSelect.emit(node);
+        if (node.route)
+            void this.router.navigateByUrl(node.route);
+    }
+    isSelected(node) {
+        return this.selectedMenuId() === node.id;
+    }
+    canOpen(app) {
+        return app.hasAccess && app.status === 1 && !!app.url;
+    }
+    launch(app) {
+        if (!this.canOpen(app))
+            return;
+        window.location.href = app.url;
+    }
+    appInitials(app) {
+        return initialsOf(app.name);
+    }
+    launchHint(app) {
+        const t = this.copy();
+        if (!app.hasAccess)
+            return t.hintNoAccess;
+        if (app.status !== 1)
+            return t.hintComingSoon;
+        if (!app.url)
+            return t.hintNotDeployed;
+        return '';
+    }
+    async switchAccount() {
+        await this.auth?.switchAccount?.();
+    }
+    async signOut() {
+        await this.sessionAuth.clear();
+        await this.auth?.signOut?.();
+        const landing = this.config.landingUrl;
+        if (landing)
+            window.location.href = landing;
+    }
+    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 (!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-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 (accessCaption()) {\n        <p class=\"access-caption\">{{ accessCaption() }}</p>\n      }\n\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    @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]=\"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}}\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: TooltipModule }, { kind: "directive", type: i6.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: NucleusShell, decorators: [{
+            type: Component,
+            args: [{ selector: 'nucleus-shell', imports: [
+                        AvatarModule,
+                        ButtonModule,
+                        DrawerModule,
+                        ListboxModule,
+                        PopoverModule,
+                        TooltipModule,
+                        FormsModule,
+                        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 (!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-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 (accessCaption()) {\n        <p class=\"access-caption\">{{ accessCaption() }}</p>\n      }\n\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    @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]=\"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}}\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);
+    if (!parts.length)
+        return '?';
+    if (parts.length === 1)
+        return parts[0].slice(0, 2).toUpperCase();
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_THEME, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_LANGS, NUCLEUS_SKIP_AUTH, NucleusAuth, NucleusLanguage, NucleusMark, NucleusPreset, NucleusSessionAuth, NucleusShell, NucleusStarfield, SHELL_COPY, SessionService, THEMES, THEME_LABELS, ThemeService, UserSyncService, isNucleusConfigured, isThemePreference, loadNucleusConfig, nucleusAuthInterceptor, ownsUrl, provideNucleus, provideNucleusTheme, themeById };
+//# sourceMappingURL=nucleus-suite-pe-core.mjs.map