shared-lib-angular 1.0.0

package/dist/fesm2022/shared-lib-angular.mjs

@@ -0,0 +1,1253 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, inject, Input, Component, HostListener } from '@angular/core';
+import * as i1 from 'angular-oauth2-oidc';
+import { OAuthEvent } from 'angular-oauth2-oidc';
+import { BehaviorSubject, firstValueFrom, of, Observable } from 'rxjs';
+import * as i4 from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
+import * as i1$1 from '@angular/common/http';
+import { HttpParams, HttpHeaders } from '@angular/common/http';
+import { map, catchError, take } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+// ========================================
+// VERSION - Auto-generado por sync-version.js
+// ========================================
+// Ejecutar 'npm run sync-version' para actualizar manualmente
+// Se sincroniza automáticamente en prebuild
+/**
+ * Versión actual de la librería @dinafi/frmk
+ * Sincronizada con package.json
+ */
+const VERSION = '1.0.0';
+/**
+ * Información completa de la versión
+ */
+const VERSION_INFO = {
+    version: '1.0.0',
+    name: 'shared-lib-angular',
+    buildDate: '2026-02-03T22:10:56.622Z',
+    angular: '^20.0.0'
+};
+
+/**
+ * Default configuration for the LoginComponent
+ */
+const DEFAULT_LOGIN_CONFIG = {
+    logoUrl: 'assets/@dinafi/frmk/logo-mh.png',
+    logoAlt: 'Logo',
+    logoWidth: '120px',
+    logoHeight: '120px',
+    title: 'Sistema de Autenticación',
+    institutionName: 'Ministerio de Hacienda de El Salvador',
+    loginButtonText: 'Iniciar Sesión con OIDC',
+    logoutButtonText: 'Cerrar Sesión',
+    dashboardButtonText: 'Ir al Dashboard',
+    showVersion: true,
+    version: '1.0.0',
+    redirectUrl: '/home',
+    showLogoutButton: true,
+    showFooter: true
+};
+
+/**
+ * Configuración por defecto de la librería
+ */
+const DEFAULT_LIBRARY_CONFIG = {
+    configServicePath: '/api/v1/config/service',
+    production: false,
+    requireHttps: true,
+    showDebugInformation: false
+};
+/**
+ * Token de inyección para la configuración de la librería
+ *
+ * @example
+ * // En el app.config.ts o app.module.ts de la aplicación consumidora:
+ * providers: [
+ *   {
+ *     provide: FRMK_LIBRARY_CONFIG,
+ *     useValue: {
+ *       configServerHost: 'config-server.miempresa.com',
+ *       frontendId: 'mi-aplicacion-frontend',
+ *       production: environment.production
+ *     }
+ *   }
+ * ]
+ */
+const FRMK_LIBRARY_CONFIG = new InjectionToken('FrmkLibraryConfig');
+/**
+ * Función helper para crear la configuración de la librería
+ *
+ * @example
+ * // En el app.config.ts:
+ * import { provideFrmkConfig } from '@mh-dinafi-frmk/shared-lib-angular';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideFrmkConfig({
+ *       configServerHost: environment.configServerHost,
+ *       frontendId: 'mi-aplicacion'
+ *     })
+ *   ]
+ * };
+ */
+function provideFrmkConfig(config) {
+    return {
+        provide: FRMK_LIBRARY_CONFIG,
+        useValue: {
+            ...DEFAULT_LIBRARY_CONFIG,
+            ...config
+        }
+    };
+}
+
+// Variable global para almacenar la configuración actual
+let currentAppConfig = null;
+// Variable global para almacenar la configuración de la librería
+let libraryConfig = null;
+/**
+ * Inicializa la configuración de la librería con los valores proporcionados por la aplicación
+ * Esta función debe ser llamada antes de usar cualquier servicio de la librería
+ *
+ * @param config Configuración proporcionada por la aplicación consumidora
+ */
+function initializeLibraryConfig(config) {
+    libraryConfig = {
+        ...DEFAULT_LIBRARY_CONFIG,
+        ...config
+    };
+    // Resetear la configuración actual para que se reconstruya con los nuevos valores
+    currentAppConfig = null;
+}
+/**
+ * Obtiene la configuración de la librería
+ * Lanza error si no ha sido inicializada
+ */
+function getLibraryConfig() {
+    if (!libraryConfig) {
+        throw new Error('[FRMK] La librería no ha sido configurada. ' +
+            'Debe proporcionar FRMK_LIBRARY_CONFIG en los providers de su aplicación. ' +
+            'Ejemplo: provideFrmkConfig({ configServerHost: "...", frontendId: "..." })');
+    }
+    return libraryConfig;
+}
+/**
+ * Verifica si la librería ha sido configurada
+ */
+function isLibraryConfigured() {
+    return libraryConfig !== null;
+}
+// Función para crear la configuración por defecto usando los valores de la librería
+function createDefaultAppConfig() {
+    const libConfig = getLibraryConfig();
+    return {
+        hosts: {
+            configServer: libConfig.configServerHost,
+            authServer: '', // Leído desde Config Server
+            keycloak: '', // Leído desde Config Server
+            localApp: '' // Leído desde Config Server
+        },
+        paths: {
+            configService: libConfig.configServicePath || '/api/v1/config/service',
+            realm: libConfig.realm || 'realm-to-create'
+        },
+        configServer: {
+            url: '', // Se construirá dinámicamente
+            frontend: libConfig.frontendId
+        },
+        auth: {
+            issuer: '', // Se construirá dinámicamente
+            loginUrl: '', // Se construirá dinámicamente
+            tokenEndpoint: '', // Se construirá dinámicamente
+            userinfoEndpoint: '', // Se construirá dinámicamente
+            logoutUrl: '', // Se construirá dinámicamente
+            clientId: '',
+            redirectUri: '', // Se construirá dinámicamente
+            postLogoutRedirectUri: '', // Se construirá dinámicamente
+            silentRefreshRedirectUri: '', // Se construirá dinámicamente
+            scope: 'openid email profile'
+        },
+        authorization: {
+            baseUrl: '',
+            verifyEndpoint: '/api/v1/authz/verify-groups',
+            hierarchyEndpoint: '/api/v1/authz/hierarchy-by-component-and-groups',
+        },
+        environment: {
+            production: libConfig.production ?? false,
+            requireHttps: libConfig.requireHttps ?? true,
+            showDebugInformation: libConfig.showDebugInformation ?? false
+        }
+    };
+}
+// Getter para obtener la configuración por defecto (lazy initialization)
+function getDefaultAppConfig() {
+    return createDefaultAppConfig();
+}
+// Función para mapear la configuración del config server a la configuración de la aplicación
+function mapConfigServerResponse(configServerData) {
+    const mappedConfig = {};
+    const defaultConfig = getDefaultAppConfig();
+    // Mapear Auth URL
+    configureAuthServer();
+    // Mapear client ID
+    initializeClientId();
+    // Mapear realm
+    initializeRealmMapping();
+    // Mapear URL de autorización (authServer)
+    initializeAuthorizationConfig();
+    // Mapear scope de autorización
+    initializeAuthScope();
+    // Mapear keycloak URL
+    initializeKeycloakHost();
+    // Mapear callback URL (local app host)
+    configureLocalAppCallback();
+    // Mapear callback URL (local app host)
+    initializeHttpsSettings();
+    return mappedConfig;
+    function initializeHttpsSettings() {
+        if (configServerData["security.url.https"]) {
+            mappedConfig.environment = {
+                ...defaultConfig.environment,
+                ...(mappedConfig.environment || {}),
+                requireHttps: configServerData["security.url.https"]
+            };
+        }
+    }
+    function configureLocalAppCallback() {
+        if (configServerData["security.url.callback"]) {
+            mappedConfig.hosts = {
+                ...defaultConfig.hosts,
+                ...(mappedConfig.hosts || {}),
+                localApp: configServerData["security.url.callback"]
+            };
+        }
+    }
+    function initializeKeycloakHost() {
+        if (configServerData["security.url.keycloak"]) {
+            mappedConfig.hosts = {
+                ...defaultConfig.hosts,
+                ...(mappedConfig.hosts || {}),
+                keycloak: configServerData["security.url.keycloak"]
+            };
+        }
+    }
+    function initializeAuthScope() {
+        if (configServerData["security.scope"]) {
+            mappedConfig.auth = {
+                ...defaultConfig.auth,
+                ...(mappedConfig.auth || {}),
+                scope: configServerData["security.scope"]
+            };
+        }
+    }
+    function initializeAuthorizationConfig() {
+        if (configServerData["security.url.authz"]) {
+            mappedConfig.authorization = {
+                ...defaultConfig.authorization,
+                ...(mappedConfig.authorization || {}),
+                baseUrl: configServerData["security.url.authz"]
+            };
+        }
+    }
+    function initializeRealmMapping() {
+        if (configServerData["security.realm"]) {
+            mappedConfig.paths = {
+                ...defaultConfig.paths,
+                ...(mappedConfig.paths || {}),
+                realm: configServerData["security.realm"]
+            };
+        }
+    }
+    function initializeClientId() {
+        if (configServerData["quarkus.oidc.client-id"]) {
+            mappedConfig.auth = {
+                ...defaultConfig.auth,
+                ...(mappedConfig.auth || {}),
+                clientId: configServerData["quarkus.oidc.client-id"]
+            };
+        }
+    }
+    function configureAuthServer() {
+        if (configServerData["security.url.auth"]) {
+            mappedConfig.hosts = {
+                ...defaultConfig.hosts,
+                ...(mappedConfig.hosts || {}),
+                authServer: configServerData["security.url.auth"]
+            };
+        }
+    }
+}
+/**
+ * Función para establecer la configuración actual con datos del config server
+ * Esta función debe ser llamada desde el ConfigService después de cargar la configuración
+ */
+function setCurrentAppConfig(configServerData) {
+    currentAppConfig = getAppConfigWithServerData(configServerData);
+}
+/**
+ * Función para obtener la configuración actual
+ * Si no se ha establecido una configuración, devuelve la configuración por defecto
+ */
+function getCurrentAppConfig() {
+    return currentAppConfig || getAppConfig();
+}
+// Función para obtener la configuración con posibles sobrescrituras de variables de entorno
+function getAppConfig() {
+    const config = { ...getDefaultAppConfig() };
+    // Construir URLs dinámicamente
+    const protocol = 'https';
+    const localProtocol = config.environment.requireHttps ? 'https' : 'http';
+    // Config Server URL
+    config.configServer.url = `${localProtocol}://${config.hosts.configServer}${config.paths.configService}`;
+    // Auth URLs
+    config.auth.issuer = `${protocol}://${config.hosts.keycloak}/realms/${config.paths.realm}`;
+    config.auth.loginUrl = `${protocol}://${config.hosts.keycloak}/realms/${config.paths.realm}/protocol/openid-connect/auth`;
+    config.auth.tokenEndpoint = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/token`;
+    config.auth.userinfoEndpoint = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/userinfo`;
+    config.auth.logoutUrl = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/logout`;
+    // Redirect URLs (locales)
+    const currentOrigin = globalThis.window?.location?.origin ?? config.hosts.localApp;
+    config.auth.redirectUri = `${currentOrigin}/login`;
+    config.auth.postLogoutRedirectUri = `${currentOrigin}/login`;
+    // Authorization URL
+    config.authorization.baseUrl = `${localProtocol}://${config.authorization.baseUrl}`;
+    return config;
+}
+// Función para obtener la configuración aplicando primero la del config server y luego variables de entorno
+function getAppConfigWithServerData(configServerData) {
+    let config = { ...getDefaultAppConfig() };
+    // Aplicar configuración del config server si está disponible
+    if (configServerData) {
+        const serverMappedConfig = mapConfigServerResponse(configServerData);
+        config = mergeConfigurations(config, serverMappedConfig);
+    }
+    // Construir URLs dinámicamente
+    config = buildDynamicUrls(config);
+    return config;
+}
+// Función auxiliar para fusionar configuraciones
+function mergeConfigurations(base, override) {
+    const merged = { ...base };
+    if (override.hosts) {
+        merged.hosts = { ...merged.hosts, ...override.hosts };
+    }
+    if (override.paths) {
+        merged.paths = { ...merged.paths, ...override.paths };
+    }
+    if (override.configServer) {
+        merged.configServer = { ...merged.configServer, ...override.configServer };
+    }
+    if (override.auth) {
+        merged.auth = { ...merged.auth, ...override.auth };
+    }
+    if (override.authorization) {
+        merged.authorization = { ...merged.authorization, ...override.authorization };
+    }
+    if (override.environment) {
+        merged.environment = { ...merged.environment, ...override.environment };
+    }
+    return merged;
+}
+// Función para construir URLs dinámicamente
+function buildDynamicUrls(config) {
+    const protocol = 'https';
+    const localProtocol = config.environment.requireHttps ? 'https' : 'http';
+    // Config Server URL
+    config.configServer.url = `${protocol}://${config.hosts.configServer}${config.paths.configService}`;
+    // Auth URLs
+    config.auth.issuer = `${protocol}://${config.hosts.keycloak}/realms/${config.paths.realm}`;
+    config.auth.loginUrl = `${protocol}://${config.hosts.keycloak}/realms/${config.paths.realm}/protocol/openid-connect/auth`;
+    config.auth.tokenEndpoint = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/token`;
+    config.auth.userinfoEndpoint = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/userinfo`;
+    config.auth.logoutUrl = `${localProtocol}://${config.hosts.authServer}/oidc/realm/${config.paths.realm}/protocol/openid-connect/logout`;
+    // Redirect URLs (locales)
+    const currentOrigin = globalThis.window?.location?.origin ?? config.hosts.localApp;
+    config.auth.redirectUri = `${currentOrigin}/login`;
+    config.auth.postLogoutRedirectUri = `${currentOrigin}/login`;
+    // Authorization URL
+    config.authorization.baseUrl = `${localProtocol}://${config.authorization.baseUrl}`;
+    return config;
+}
+
+/**
+ * Función para obtener la configuración de autenticación actual
+ * Esta función se evalúa cada vez que se llama, por lo que siempre tendrá la configuración más reciente
+ */
+function getAuthConfig() {
+    const appConfig = getCurrentAppConfig();
+    return {
+        // URL base del servidor de identidad
+        issuer: appConfig.auth.issuer,
+        // URLs específicas para evitar discovery document
+        loginUrl: appConfig.auth.loginUrl,
+        tokenEndpoint: appConfig.auth.tokenEndpoint,
+        userinfoEndpoint: appConfig.auth.userinfoEndpoint,
+        logoutUrl: appConfig.auth.logoutUrl,
+        // IMPORTANTE: URLs de redirección completas
+        redirectUri: appConfig.auth.redirectUri,
+        postLogoutRedirectUri: appConfig.auth.postLogoutRedirectUri,
+        // Configuración del cliente
+        clientId: appConfig.auth.clientId,
+        // Configuración OAuth
+        responseType: 'code',
+        scope: appConfig.auth.scope,
+        // Configuraciones para desarrollo
+        disableAtHashCheck: true,
+        requireHttps: appConfig.environment.requireHttps,
+        showDebugInformation: appConfig.environment.showDebugInformation,
+        strictDiscoveryDocumentValidation: false,
+        skipIssuerCheck: true,
+        // IMPORTANTE: Configuraciones para manejar state y session_state
+        requestAccessToken: true,
+        customQueryParams: {},
+        // Timeouts
+        silentRefreshTimeout: 5000,
+        timeoutFactor: 0.25,
+        // Session checks
+        sessionChecksEnabled: false,
+        clearHashAfterLogin: false,
+        // Configuración OIDC
+        oidc: true
+    };
+}
+// Mantener la exportación original para compatibilidad
+function getAuthConfigEnv() {
+    return getAuthConfig();
+}
+
+class AuthService {
+    oauthService;
+    router;
+    isAuthenticatedSubject$ = new BehaviorSubject(false);
+    isAuthenticated$ = this.isAuthenticatedSubject$.asObservable();
+    isDoneLoadingSubject$ = new BehaviorSubject(false);
+    isDoneLoading$ = this.isDoneLoadingSubject$.asObservable();
+    isInitialLogin = true;
+    constructor(oauthService, router) {
+        this.oauthService = oauthService;
+        this.router = router;
+        this.oauthService.events
+            .subscribe((event) => {
+            if (event instanceof OAuthEvent) {
+                if (event.type === 'token_received') {
+                    this.handleSuccessfulAuthentication();
+                }
+                if (event.type === 'logout') {
+                    this.handleLogout();
+                }
+                if (event.type === 'token_error') {
+                    this.isDoneLoadingSubject$.next(true);
+                }
+                if (event.type === 'silently_refreshed') {
+                    this.handleSilentRefresh();
+                }
+            }
+        });
+    }
+    handleSuccessfulAuthentication() {
+        if (this.oauthService.hasValidAccessToken()) {
+            this.isAuthenticatedSubject$.next(true);
+            this.isDoneLoadingSubject$.next(true);
+            if (this.isInitialLogin) {
+                this.isInitialLogin = false;
+            }
+        }
+        else {
+            this.isDoneLoadingSubject$.next(true);
+        }
+    }
+    handleSilentRefresh() {
+        if (this.oauthService.hasValidAccessToken()) {
+            this.isAuthenticatedSubject$.next(true);
+            this.isDoneLoadingSubject$.next(true);
+        }
+    }
+    handleLogout() {
+        this.isAuthenticatedSubject$.next(false);
+        this.isDoneLoadingSubject$.next(true);
+    }
+    async runInitialLoginSequence() {
+        try {
+            const urlParams = new URLSearchParams(window.location.search);
+            const hasCode = urlParams.has('code');
+            const hasFragment = window.location.hash.includes('access_token') || window.location.hash.includes('code');
+            if (hasCode || hasFragment) {
+                this.isInitialLogin = true;
+                await this.oauthService.tryLoginCodeFlow();
+            }
+            const hasValidToken = this.oauthService.hasValidAccessToken();
+            if (hasValidToken) {
+                if (!hasCode && !hasFragment) {
+                    this.isInitialLogin = false;
+                }
+                this.handleSuccessfulAuthentication();
+            }
+            else {
+                this.isDoneLoadingSubject$.next(true);
+            }
+        }
+        catch (error) {
+            console.error('[AuthService] Error during authentication initialization:', error);
+            this.isDoneLoadingSubject$.next(true);
+        }
+    }
+    setupManualConfiguration() {
+        const authConfig = getAuthConfigEnv();
+        this.oauthService.tokenEndpoint = authConfig.tokenEndpoint;
+        this.oauthService.userinfoEndpoint = authConfig.userinfoEndpoint;
+        this.oauthService.loginUrl = authConfig.loginUrl;
+        this.oauthService.logoutUrl = authConfig.logoutUrl;
+        this.oauthService.clientId = authConfig.clientId;
+        this.oauthService.redirectUri = authConfig.redirectUri;
+        this.oauthService.scope = authConfig.scope;
+        this.oauthService.responseType = authConfig.responseType;
+    }
+    initializeAuth(authConfig) {
+        this.oauthService.configure(authConfig);
+        this.oauthService.setupAutomaticSilentRefresh();
+        this.setupManualConfiguration();
+        this.runInitialLoginSequence();
+    }
+    getAuthConfig() {
+        return getAuthConfigEnv();
+    }
+    login(targetUrl) {
+        this.isInitialLogin = true;
+        if (!this.oauthService.clientId) {
+            return;
+        }
+        if (!this.oauthService.redirectUri) {
+            return;
+        }
+        this.oauthService.initLoginFlow(targetUrl || undefined);
+    }
+    async logout() {
+        try {
+            await this.callKeycloakLogoutEndpoint().catch(err => {
+                console.warn('Keycloak logout endpoint failed, but will continue with local cleanup:', err);
+            });
+            this.performLocalLogout();
+        }
+        catch (error) {
+            console.error('Error during logout:', error);
+            this.performLocalLogout();
+        }
+    }
+    async callKeycloakLogoutEndpoint() {
+        const authConfig = getAuthConfigEnv();
+        const logoutUrl = authConfig.logoutUrl;
+        let refreshToken = this.oauthService.getRefreshToken();
+        if (!refreshToken) {
+            refreshToken = localStorage.getItem('refresh_token')
+                || localStorage.getItem('refresh_token_' + authConfig.clientId)
+                || sessionStorage.getItem('refresh_token');
+        }
+        if (!logoutUrl) {
+            console.warn('Logout URL not configured, skipping Keycloak logout');
+            return;
+        }
+        if (!refreshToken) {
+            console.warn('No refresh token found, logout endpoint may fail');
+        }
+        const body = new URLSearchParams();
+        body.set('client_id', authConfig.clientId);
+        if (refreshToken) {
+            body.set('refresh_token', refreshToken);
+        }
+        const headers = {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        };
+        try {
+            const response = await fetch(logoutUrl, {
+                method: 'POST',
+                headers,
+                body: body.toString()
+            });
+            if (!response.ok) {
+                const errorText = await response.text();
+                console.warn('Keycloak logout returned error, but local cleanup completed:', errorText);
+            }
+        }
+        catch (error) {
+            console.warn('Failed to call Keycloak logout endpoint:', error);
+        }
+    }
+    performLocalLogout() {
+        this.oauthService.logOut(true);
+        // Limpiar tokens del localStorage
+        localStorage.removeItem('access_token');
+        localStorage.removeItem('id_token');
+        localStorage.removeItem('refresh_token');
+        localStorage.removeItem('code_verifier');
+        localStorage.removeItem('nonce');
+        localStorage.removeItem('PKCE_verifier');
+        // Limpiar tokens del sessionStorage
+        sessionStorage.removeItem('access_token');
+        sessionStorage.removeItem('id_token');
+        sessionStorage.removeItem('refresh_token');
+        sessionStorage.removeItem('nonce');
+        sessionStorage.removeItem('PKCE_verifier');
+        this.isAuthenticatedSubject$.next(false);
+        this.isDoneLoadingSubject$.next(true);
+        const currentUrl = this.router.url;
+        if (currentUrl !== '/login' && !currentUrl.includes('/login')) {
+            this.router.navigate(['/login']);
+        }
+    }
+    logoutAndRedirect(targetUrl = '/login') {
+        this.logout();
+        this.router.navigate([targetUrl]);
+    }
+    hasValidToken() {
+        return this.oauthService.hasValidAccessToken();
+    }
+    get identityClaims() {
+        return this.oauthService.getIdentityClaims();
+    }
+    get accessToken() {
+        return this.oauthService.getAccessToken();
+    }
+    getUserRoles() {
+        const claims = this.identityClaims;
+        if (claims?.roles) {
+            return Array.isArray(claims.roles) ? claims.roles : [claims.roles];
+        }
+        if (claims) {
+            const roles = [];
+            if (claims.realm_access?.roles) {
+                roles.push(...claims.realm_access.roles);
+            }
+            const authConfig = getAuthConfigEnv();
+            if (claims.resource_access?.[authConfig.clientId]?.roles) {
+                roles.push(...claims.resource_access[authConfig.clientId].roles);
+            }
+            return roles;
+        }
+        return [];
+    }
+    hasRole(role) {
+        return this.getUserRoles().includes(role);
+    }
+    hasAnyRole(roles) {
+        const userRoles = this.getUserRoles();
+        return roles.some(role => userRoles.includes(role));
+    }
+    getUserGroups() {
+        const claims = this.identityClaims;
+        const groups = [];
+        if (!claims) {
+            return groups;
+        }
+        if (claims.groups) {
+            if (Array.isArray(claims.groups)) {
+                groups.push(...claims.groups);
+            }
+            else {
+                groups.push(claims.groups);
+            }
+        }
+        if (claims.accessTokenGroups) {
+            if (Array.isArray(claims.accessTokenGroups)) {
+                groups.push(...claims.accessTokenGroups);
+            }
+            else {
+                groups.push(claims.accessTokenGroups);
+            }
+        }
+        if (claims.realm_access?.groups) {
+            groups.push(...claims.realm_access.groups);
+        }
+        return [...new Set(groups)];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthService, deps: [{ token: i1.OAuthService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.OAuthService }, { type: i4.Router }] });
+
+class ConfigService {
+    http;
+    configServerData = null;
+    finalAppConfig = null;
+    isLoaded = false;
+    initialAppConfig = getAppConfig();
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * Carga la configuración desde el config-server
+     */
+    async loadConfig() {
+        try {
+            const url = `${this.initialAppConfig.configServer.url}/${this.initialAppConfig.configServer.frontend}`;
+            this.configServerData = await firstValueFrom(this.http.get(url));
+            this.finalAppConfig = getAppConfigWithServerData(this.configServerData);
+            // IMPORTANTE: Establecer la configuración actual para que esté disponible globalmente
+            setCurrentAppConfig(this.configServerData);
+            this.isLoaded = true;
+        }
+        catch (error) {
+            console.log(`Exception while loading config: ${error}`);
+            this.finalAppConfig = this.initialAppConfig;
+            setCurrentAppConfig();
+            this.isLoaded = true;
+        }
+    }
+    /**
+     * Obtiene un valor de configuración por clave del config server
+     */
+    get(key) {
+        return this.configServerData?.[key];
+    }
+    /**
+     * Obtiene toda la configuración del config server
+     */
+    getAll() {
+        return this.configServerData ? { ...this.configServerData } : null;
+    }
+    /**
+     * Verifica si la configuración ha sido cargada
+     */
+    isConfigLoaded() {
+        return this.isLoaded;
+    }
+    /**
+     * Obtiene la configuración final de la aplicación (con valores del config server aplicados)
+     */
+    getAppConfig() {
+        return this.finalAppConfig || this.initialAppConfig;
+    }
+    /**
+     * Obtiene los datos raw del config server
+     */
+    getConfigServerData() {
+        return this.configServerData;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+
+class AuthorizationService {
+    http;
+    authService;
+    configService;
+    constructor(http, authService, configService) {
+        this.http = http;
+        this.authService = authService;
+        this.configService = configService;
+    }
+    /**
+     * Verifica si el usuario tiene permisos para acceder a un recurso específico
+     */
+    verifyPermission(resourcePath, operationName = 'VIEW') {
+        const groups = this.getUserGroups();
+        const config = this.configService.getAppConfig();
+        if (groups.length === 0) {
+            return of(false);
+        }
+        const request = {
+            groupIds: groups,
+            componentId: config.configServer.frontend,
+            resourcePath: resourcePath,
+            operationName: operationName
+        };
+        return this.checkAuthorization(request);
+    }
+    /**
+     * Realiza la llamada HTTP al servicio de autorización
+     */
+    checkAuthorization(request) {
+        let params = new HttpParams();
+        const cleanGroups = request.groupIds.map(group => group.replace(/\//g, ''));
+        const groupIdsString = cleanGroups.join(',');
+        params = params.set('groupIds', groupIdsString);
+        params = params.set('componentId', request.componentId);
+        params = params.set('resourcePath', request.resourcePath);
+        params = params.set('operationName', request.operationName);
+        let headers = new HttpHeaders();
+        const url = `${this.configService.getAppConfig().authorization.baseUrl}${this.configService.getAppConfig().authorization.verifyEndpoint}`;
+        return this.http.get(url, {
+            params,
+            headers
+        }).pipe(map(response => {
+            return response.hasPermission;
+        }), catchError(() => {
+            return of(false);
+        }));
+    }
+    /**
+     * Obtiene los grupos del usuario desde el access token
+     */
+    getUserGroups() {
+        return this.authService.getUserGroups();
+    }
+    /**
+     * Método público para obtener los grupos del usuario (útil para debugging)
+     */
+    getUserGroupsDebug() {
+        return this.authService.getUserGroups();
+    }
+    /**
+     * Obtiene la jerarquía de menús basada en el componente y los grupos del usuario
+     */
+    getMenuHierarchy() {
+        const groups = this.getUserGroups();
+        const config = this.configService.getAppConfig();
+        if (groups.length === 0) {
+            return of([]);
+        }
+        const cleanGroups = groups.map(group => group.replace(/\//g, ''));
+        const groupIdsString = cleanGroups.join(',');
+        let params = new HttpParams();
+        params = params.set('componentId', config.configServer.frontend);
+        params = params.set('groupIds', groupIdsString);
+        let headers = new HttpHeaders();
+        const url = `${config.authorization.baseUrl}${config.authorization.hierarchyEndpoint}`;
+        return this.http.get(url, {
+            params,
+            headers
+        }).pipe(catchError(error => {
+            console.error('Error obteniendo jerarquía de menús:', error);
+            return of([]);
+        }));
+    }
+    /**
+     * Obtiene elementos de menú de nivel raíz (level 1)
+     */
+    getRootMenuItems(menuHierarchy) {
+        return menuHierarchy.filter(item => item.level === 1);
+    }
+    /**
+     * Obtiene elementos hijos de un elemento padre específico por path
+     */
+    getChildMenuItems(menuHierarchy, parentPath, level) {
+        return menuHierarchy.filter(item => item.level === level &&
+            item.hasParent &&
+            item.path.startsWith(parentPath) &&
+            item.path !== parentPath &&
+            this.isDirectChild(item.path, parentPath, level));
+    }
+    /**
+     * Verifica si un elemento tiene hijos
+     */
+    hasChildren(menuHierarchy, item) {
+        return this.getChildMenuItems(menuHierarchy, item.path, item.level + 1).length > 0;
+    }
+    /**
+     * Verifica si un path es hijo directo de otro path
+     */
+    isDirectChild(childPath, parentPath, expectedLevel) {
+        const relativePath = childPath.substring(parentPath.length);
+        const slashCount = (relativePath.match(/\//g) || []).length;
+        return slashCount === 1;
+    }
+    /**
+     * Verifica múltiples permisos a la vez
+     */
+    verifyMultiplePermissions(permissions) {
+        const results = {};
+        const observables = permissions.map(permission => this.verifyPermission(permission.resourcePath, permission.operationName).pipe(map(authorized => ({
+            key: `${permission.resourcePath}_${permission.operationName || 'VIEW'}`,
+            authorized
+        }))));
+        return new Observable(observer => {
+            let completed = 0;
+            observables.forEach(obs => {
+                obs.subscribe(result => {
+                    results[result.key] = result.authorized;
+                    completed++;
+                    if (completed === observables.length) {
+                        observer.next(results);
+                        observer.complete();
+                    }
+                });
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthorizationService, deps: [{ token: i1$1.HttpClient }, { token: AuthService }, { token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthorizationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthorizationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: AuthService }, { type: ConfigService }] });
+
+const authGuard = (route, state) => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const handleAuthenticated = () => {
+        return true;
+    };
+    const handleUnauthenticated = (currentUrl) => {
+        if (currentUrl !== '/login' && !currentUrl.includes('/login')) {
+            router.navigate(['/login'], {
+                queryParams: { returnUrl: currentUrl }
+            });
+        }
+        return false;
+    };
+    return authService.isAuthenticated$.pipe(take(1), map(isAuthenticated => {
+        return isAuthenticated
+            ? handleAuthenticated()
+            : handleUnauthenticated(state.url);
+    }));
+};
+
+class LoginComponent {
+    authService;
+    /**
+     * Configuration object to customize the login component appearance and behavior
+     */
+    config = {};
+    isLoggingIn = false;
+    statusMessage = '';
+    authSubscription;
+    isProcessingCallback = false;
+    // Merged configuration with defaults
+    _mergedConfig = { ...DEFAULT_LOGIN_CONFIG };
+    constructor(authService) {
+        this.authService = authService;
+    }
+    ngOnInit() {
+        // Merge provided config with defaults
+        this._mergedConfig = {
+            ...DEFAULT_LOGIN_CONFIG,
+            ...this.config,
+            version: this.config.version || VERSION
+        };
+        // Check if processing OAuth callback
+        const urlParams = new URLSearchParams(globalThis.location?.search || '');
+        const hasCode = urlParams.has('code');
+        const hasFragment = (globalThis.location?.hash || '').includes('access_token') ||
+            (globalThis.location?.hash || '').includes('code');
+        if (hasCode || hasFragment) {
+            this.isProcessingCallback = true;
+            this.statusMessage = 'Procesando autenticación...';
+        }
+        // Subscribe to authentication state changes
+        this.authSubscription = this.authService.isAuthenticated$.subscribe(isAuthenticated => {
+            if (isAuthenticated && this.isProcessingCallback) {
+                this.statusMessage = '¡Autenticación exitosa! Redirigiendo...';
+                setTimeout(() => {
+                    this.navigateToRedirect();
+                }, 1000);
+            }
+            else if (isAuthenticated && !this.isProcessingCallback) {
+                this.navigateToRedirect();
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.authSubscription) {
+            this.authSubscription.unsubscribe();
+        }
+    }
+    /**
+     * Get merged configuration value
+     */
+    getConfig(key) {
+        return this._mergedConfig[key];
+    }
+    /**
+     * Get custom CSS styles for theming
+     */
+    getCustomStyles() {
+        const styles = {};
+        if (this._mergedConfig.primaryColor) {
+            styles['--color-primary'] = this._mergedConfig.primaryColor;
+        }
+        if (this._mergedConfig.backgroundColor) {
+            styles['--login-bg-color'] = this._mergedConfig.backgroundColor;
+        }
+        if (this._mergedConfig.textColor) {
+            styles['--login-text-color'] = this._mergedConfig.textColor;
+        }
+        return styles;
+    }
+    login() {
+        this.isLoggingIn = true;
+        this.statusMessage = 'Redirigiendo al proveedor de autenticación...';
+        setTimeout(() => {
+            this.authService.login();
+        }, 500);
+    }
+    logout() {
+        this.authService.logout();
+        this.isLoggingIn = false;
+        this.statusMessage = '';
+        this.isProcessingCallback = false;
+    }
+    goToDashboard() {
+        this.navigateToRedirect();
+    }
+    navigateToRedirect() {
+        const redirectUrl = this._mergedConfig.redirectUrl;
+        if (typeof globalThis.location !== 'undefined') {
+            const baseUrl = `${globalThis.location.protocol}//${globalThis.location.host}`;
+            globalThis.location.href = `${baseUrl}${redirectUrl}`;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoginComponent, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: LoginComponent, isStandalone: true, selector: "lib-login", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"login-page\" [ngStyle]=\"getCustomStyles()\">\r\n  <div class=\"login-page__container\">\r\n    <!-- Logo -->\r\n    <div class=\"login-page__logo\">\r\n      <img \r\n        [src]=\"getConfig('logoUrl')\" \r\n        [alt]=\"getConfig('logoAlt')\" \r\n        class=\"login-page__logo-img\"\r\n        [style.width]=\"getConfig('logoWidth')\"\r\n        [style.height]=\"getConfig('logoHeight')\" />\r\n    </div>\r\n\r\n    <!-- Header -->\r\n    <div class=\"login-page__header\">\r\n      <h1>{{ getConfig('title') }}</h1>\r\n      <p *ngIf=\"getConfig('subtitle')\" class=\"subtitle\">{{ getConfig('subtitle') }}</p>\r\n    </div>\r\n    \r\n    <!-- Login Form -->\r\n    <div *ngIf=\"(authService.isDoneLoading$ | async)\" class=\"login-page__form\">\r\n      <div *ngIf=\"!(authService.isAuthenticated$ | async)\">\r\n        <!-- Status Message -->\r\n        <div *ngIf=\"statusMessage\" class=\"auth-alert auth-alert--info\">\r\n          <div class=\"auth-alert__content\">\r\n            <p>{{ statusMessage }}</p>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Login Button -->\r\n        <button \r\n          class=\"btn btn--primary btn--lg\" \r\n          (click)=\"login()\" \r\n          [disabled]=\"isLoggingIn\"\r\n          [class.loading]=\"isLoggingIn\">\r\n          {{ isLoggingIn ? 'Redirigiendo...' : getConfig('loginButtonText') }}\r\n        </button>\r\n\r\n        <!-- Footer -->\r\n        <div class=\"login-page__footer\" *ngIf=\"getConfig('showFooter')\">\r\n          <p *ngIf=\"getConfig('footerText'); else defaultFooter\">\r\n            {{ getConfig('footerText') }}\r\n          </p>\r\n          <ng-template #defaultFooter>\r\n            <p>\r\n              Acceso seguro para usuarios de \r\n              <strong>{{ getConfig('institutionName') }}</strong>\r\n            </p>\r\n          </ng-template>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Already Authenticated -->\r\n      <div *ngIf=\"authService.isAuthenticated$ | async\" class=\"auth-alert auth-alert--success\">\r\n        <div class=\"auth-alert__content\">\r\n          <h4>\u00A1Sesi\u00F3n activa!</h4>\r\n          <p>Ya tienes una sesi\u00F3n iniciada en el sistema.</p>\r\n        </div>\r\n        \r\n        <div class=\"login-page__actions\">\r\n          <button class=\"btn btn--primary btn--lg\" (click)=\"goToDashboard()\">\r\n            {{ getConfig('dashboardButtonText') }}\r\n          </button>\r\n          \r\n          <button \r\n            *ngIf=\"getConfig('showLogoutButton')\"\r\n            class=\"btn btn--secondary btn--lg\" \r\n            (click)=\"logout()\">\r\n            {{ getConfig('logoutButtonText') }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Loading State -->\r\n    <div *ngIf=\"!(authService.isDoneLoading$ | async)\" class=\"auth-loading\">\r\n      <div class=\"auth-loading__spinner\"></div>\r\n      <p class=\"auth-loading__text\">Procesando autenticaci\u00F3n...</p>\r\n    </div>\r\n\r\n    <!-- Version -->\r\n    <div *ngIf=\"getConfig('showVersion')\" class=\"login-page__version\">\r\n      <span>v{{ getConfig('version') }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #313945);padding:var(--spacing-4, 1rem);position:relative}.login-page__container{width:100%;max-width:450px;background:var(--login-bg-color, var(--color-primary, #313945));color:var(--login-text-color, var(--color-white, #ffffff));border-radius:var(--border-radius-2xl, 1rem);box-shadow:0 25px 50px -12px #00000040;padding:var(--spacing-8, 2rem);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.login-page__container:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#313945,#3c4557)}@media(max-width:576px){.login-page__container{padding:var(--spacing-6, 1.5rem);margin:var(--spacing-4, 1rem);max-width:380px}}.login-page__logo{width:120px;height:120px;margin:0 auto var(--spacing-6, 1.5rem) auto;display:flex;justify-content:center;align-items:center}.login-page__logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(30,58,95,.1));transition:transform .25s cubic-bezier(.4,0,.2,1)}.login-page__logo-img:hover{transform:scale(1.05)}.login-page__header{text-align:center;margin-bottom:var(--spacing-8, 2rem)}.login-page__header h1{font-family:var(--font-family-display, \"Bembo Std\", Georgia, serif);font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);color:var(--login-text-color, var(--color-white, #ffffff));margin:0 0 var(--spacing-3, .75rem) 0}@media(max-width:576px){.login-page__header h1{font-size:var(--font-size-2xl, 1.5rem)}}.login-page__header .subtitle{color:var(--login-text-color, var(--color-white, #ffffff));font-size:var(--font-size-base, 1rem);margin:0;font-weight:var(--font-weight-normal, 400);opacity:.8}.login-page__form .btn{width:100%;margin-bottom:var(--spacing-3, .75rem)}.login-page__actions{margin-top:var(--spacing-6, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-3, .75rem)}.login-page__footer{text-align:center;margin-top:var(--spacing-8, 2rem);padding-top:var(--spacing-6, 1.5rem);border-top:1px solid rgba(255,255,255,.2)}.login-page__footer p{color:#fffc;font-size:var(--font-size-sm, .875rem);margin:0}.login-page__version{text-align:center;margin-top:var(--spacing-4, 1rem)}.login-page__version span{font-size:var(--font-size-xs, .75rem);color:#ffffff80}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3, .75rem) var(--spacing-6, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--border-radius-lg, .5rem);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn--lg{height:48px;font-size:var(--font-size-base, 1rem)}.btn--primary{background-color:var(--color-gray-900, #212529);color:var(--color-white, #ffffff);border:1px solid var(--color-primary, #313945)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1c1e4d);border-color:var(--color-primary-hover, #1c1e4d);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.7;cursor:not-allowed}.btn--primary.loading{pointer-events:none}.btn--secondary{background-color:transparent;color:var(--color-white, #ffffff);border:1px solid rgba(255,255,255,.3)}.btn--secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff80}.auth-alert{padding:var(--spacing-4, 1rem);border-radius:var(--border-radius-lg, .5rem);margin-bottom:var(--spacing-4, 1rem)}.auth-alert--info{background:#2ca8ff1a;border:1px solid rgba(44,168,255,.3)}.auth-alert--success{background:#018e111a;border:1px solid rgba(1,142,17,.3)}.auth-alert__content h4{margin:0 0 var(--spacing-2, .5rem) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.auth-alert__content p{margin:0;font-size:var(--font-size-sm, .875rem);opacity:.9}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8, 2rem)}.auth-loading__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-white, #ffffff);border-radius:50%;animation:spin 1s linear infinite}.auth-loading__text{margin-top:var(--spacing-4, 1rem);font-size:var(--font-size-sm, .875rem);color:#fffc}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login-page__container{animation:none}.login-page__logo-img{transition:none}.auth-loading__spinner{animation:none}}@media(prefers-contrast:high){.login-page__container{border:2px solid var(--color-white, #ffffff)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-login', standalone: true, imports: [CommonModule], template: "<div class=\"login-page\" [ngStyle]=\"getCustomStyles()\">\r\n  <div class=\"login-page__container\">\r\n    <!-- Logo -->\r\n    <div class=\"login-page__logo\">\r\n      <img \r\n        [src]=\"getConfig('logoUrl')\" \r\n        [alt]=\"getConfig('logoAlt')\" \r\n        class=\"login-page__logo-img\"\r\n        [style.width]=\"getConfig('logoWidth')\"\r\n        [style.height]=\"getConfig('logoHeight')\" />\r\n    </div>\r\n\r\n    <!-- Header -->\r\n    <div class=\"login-page__header\">\r\n      <h1>{{ getConfig('title') }}</h1>\r\n      <p *ngIf=\"getConfig('subtitle')\" class=\"subtitle\">{{ getConfig('subtitle') }}</p>\r\n    </div>\r\n    \r\n    <!-- Login Form -->\r\n    <div *ngIf=\"(authService.isDoneLoading$ | async)\" class=\"login-page__form\">\r\n      <div *ngIf=\"!(authService.isAuthenticated$ | async)\">\r\n        <!-- Status Message -->\r\n        <div *ngIf=\"statusMessage\" class=\"auth-alert auth-alert--info\">\r\n          <div class=\"auth-alert__content\">\r\n            <p>{{ statusMessage }}</p>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Login Button -->\r\n        <button \r\n          class=\"btn btn--primary btn--lg\" \r\n          (click)=\"login()\" \r\n          [disabled]=\"isLoggingIn\"\r\n          [class.loading]=\"isLoggingIn\">\r\n          {{ isLoggingIn ? 'Redirigiendo...' : getConfig('loginButtonText') }}\r\n        </button>\r\n\r\n        <!-- Footer -->\r\n        <div class=\"login-page__footer\" *ngIf=\"getConfig('showFooter')\">\r\n          <p *ngIf=\"getConfig('footerText'); else defaultFooter\">\r\n            {{ getConfig('footerText') }}\r\n          </p>\r\n          <ng-template #defaultFooter>\r\n            <p>\r\n              Acceso seguro para usuarios de \r\n              <strong>{{ getConfig('institutionName') }}</strong>\r\n            </p>\r\n          </ng-template>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Already Authenticated -->\r\n      <div *ngIf=\"authService.isAuthenticated$ | async\" class=\"auth-alert auth-alert--success\">\r\n        <div class=\"auth-alert__content\">\r\n          <h4>\u00A1Sesi\u00F3n activa!</h4>\r\n          <p>Ya tienes una sesi\u00F3n iniciada en el sistema.</p>\r\n        </div>\r\n        \r\n        <div class=\"login-page__actions\">\r\n          <button class=\"btn btn--primary btn--lg\" (click)=\"goToDashboard()\">\r\n            {{ getConfig('dashboardButtonText') }}\r\n          </button>\r\n          \r\n          <button \r\n            *ngIf=\"getConfig('showLogoutButton')\"\r\n            class=\"btn btn--secondary btn--lg\" \r\n            (click)=\"logout()\">\r\n            {{ getConfig('logoutButtonText') }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Loading State -->\r\n    <div *ngIf=\"!(authService.isDoneLoading$ | async)\" class=\"auth-loading\">\r\n      <div class=\"auth-loading__spinner\"></div>\r\n      <p class=\"auth-loading__text\">Procesando autenticaci\u00F3n...</p>\r\n    </div>\r\n\r\n    <!-- Version -->\r\n    <div *ngIf=\"getConfig('showVersion')\" class=\"login-page__version\">\r\n      <span>v{{ getConfig('version') }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #313945);padding:var(--spacing-4, 1rem);position:relative}.login-page__container{width:100%;max-width:450px;background:var(--login-bg-color, var(--color-primary, #313945));color:var(--login-text-color, var(--color-white, #ffffff));border-radius:var(--border-radius-2xl, 1rem);box-shadow:0 25px 50px -12px #00000040;padding:var(--spacing-8, 2rem);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.login-page__container:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#313945,#3c4557)}@media(max-width:576px){.login-page__container{padding:var(--spacing-6, 1.5rem);margin:var(--spacing-4, 1rem);max-width:380px}}.login-page__logo{width:120px;height:120px;margin:0 auto var(--spacing-6, 1.5rem) auto;display:flex;justify-content:center;align-items:center}.login-page__logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(30,58,95,.1));transition:transform .25s cubic-bezier(.4,0,.2,1)}.login-page__logo-img:hover{transform:scale(1.05)}.login-page__header{text-align:center;margin-bottom:var(--spacing-8, 2rem)}.login-page__header h1{font-family:var(--font-family-display, \"Bembo Std\", Georgia, serif);font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);color:var(--login-text-color, var(--color-white, #ffffff));margin:0 0 var(--spacing-3, .75rem) 0}@media(max-width:576px){.login-page__header h1{font-size:var(--font-size-2xl, 1.5rem)}}.login-page__header .subtitle{color:var(--login-text-color, var(--color-white, #ffffff));font-size:var(--font-size-base, 1rem);margin:0;font-weight:var(--font-weight-normal, 400);opacity:.8}.login-page__form .btn{width:100%;margin-bottom:var(--spacing-3, .75rem)}.login-page__actions{margin-top:var(--spacing-6, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-3, .75rem)}.login-page__footer{text-align:center;margin-top:var(--spacing-8, 2rem);padding-top:var(--spacing-6, 1.5rem);border-top:1px solid rgba(255,255,255,.2)}.login-page__footer p{color:#fffc;font-size:var(--font-size-sm, .875rem);margin:0}.login-page__version{text-align:center;margin-top:var(--spacing-4, 1rem)}.login-page__version span{font-size:var(--font-size-xs, .75rem);color:#ffffff80}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3, .75rem) var(--spacing-6, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-medium, 500);border-radius:var(--border-radius-lg, .5rem);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn--lg{height:48px;font-size:var(--font-size-base, 1rem)}.btn--primary{background-color:var(--color-gray-900, #212529);color:var(--color-white, #ffffff);border:1px solid var(--color-primary, #313945)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1c1e4d);border-color:var(--color-primary-hover, #1c1e4d);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.7;cursor:not-allowed}.btn--primary.loading{pointer-events:none}.btn--secondary{background-color:transparent;color:var(--color-white, #ffffff);border:1px solid rgba(255,255,255,.3)}.btn--secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff80}.auth-alert{padding:var(--spacing-4, 1rem);border-radius:var(--border-radius-lg, .5rem);margin-bottom:var(--spacing-4, 1rem)}.auth-alert--info{background:#2ca8ff1a;border:1px solid rgba(44,168,255,.3)}.auth-alert--success{background:#018e111a;border:1px solid rgba(1,142,17,.3)}.auth-alert__content h4{margin:0 0 var(--spacing-2, .5rem) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.auth-alert__content p{margin:0;font-size:var(--font-size-sm, .875rem);opacity:.9}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8, 2rem)}.auth-loading__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-white, #ffffff);border-radius:50%;animation:spin 1s linear infinite}.auth-loading__text{margin-top:var(--spacing-4, 1rem);font-size:var(--font-size-sm, .875rem);color:#fffc}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login-page__container{animation:none}.login-page__logo-img{transition:none}.auth-loading__spinner{animation:none}}@media(prefers-contrast:high){.login-page__container{border:2px solid var(--color-white, #ffffff)}}\n"] }]
+        }], ctorParameters: () => [{ type: AuthService }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+const DEFAULT_DASHBOARD_CONFIG = {
+    title: 'Sistema',
+    logoUrl: 'assets/@dinafi/frmk/logo-mh.png',
+    logoAlt: 'Logo',
+    footerText: 'Ministerio de Hacienda, El Salvador',
+    showVersion: true,
+    version: VERSION,
+    showStaticMenu: true
+};
+class DashboardComponent {
+    authService;
+    authorizationService;
+    config = {};
+    userInfo = null;
+    userRoles = [];
+    menuHierarchy = [];
+    isMenuOpen = false;
+    isLoadingMenu = false;
+    openMenuItems = new Set();
+    isUserPanelOpen = false;
+    isMobileMenuOpen = false;
+    _mergedConfig = { ...DEFAULT_DASHBOARD_CONFIG };
+    constructor(authService, authorizationService) {
+        this.authService = authService;
+        this.authorizationService = authorizationService;
+    }
+    ngOnInit() {
+        this._mergedConfig = {
+            ...DEFAULT_DASHBOARD_CONFIG,
+            ...this.config,
+            version: this.config.version || VERSION
+        };
+        this.loadUserInfo();
+        this.loadMenuHierarchy();
+    }
+    getConfig(key) {
+        return this._mergedConfig[key];
+    }
+    get appVersion() {
+        return this._mergedConfig.version;
+    }
+    loadUserInfo() {
+        this.userInfo = this.authService.identityClaims;
+        this.userRoles = this.authService.getUserRoles();
+    }
+    loadMenuHierarchy() {
+        this.isLoadingMenu = true;
+        this.authorizationService.getMenuHierarchy().subscribe({
+            next: (menuItems) => {
+                this.menuHierarchy = this.buildHierarchicalMenu(menuItems);
+                this.isLoadingMenu = false;
+            },
+            error: (error) => {
+                console.error('Error loading menu hierarchy:', error);
+                this.menuHierarchy = [];
+                this.isLoadingMenu = false;
+            }
+        });
+    }
+    buildHierarchicalMenu(flatItems) {
+        const itemMap = new Map();
+        flatItems.forEach(item => {
+            itemMap.set(item.path, { ...item, children: [] });
+        });
+        const rootItems = [];
+        flatItems.forEach(item => {
+            const currentItem = itemMap.get(item.path);
+            if (item.level === 1) {
+                rootItems.push(currentItem);
+            }
+            else {
+                const parent = this.findParent(item, flatItems);
+                if (parent) {
+                    const parentItem = itemMap.get(parent.path);
+                    if (parentItem?.children) {
+                        parentItem.children.push(currentItem);
+                    }
+                }
+            }
+        });
+        return rootItems;
+    }
+    findParent(item, allItems) {
+        for (const potentialParent of allItems) {
+            if (potentialParent.level === item.level - 1 &&
+                item.path.startsWith(potentialParent.path) &&
+                item.path !== potentialParent.path) {
+                return potentialParent;
+            }
+        }
+        return null;
+    }
+    toggleMenuItem(itemId, item) {
+        const isCurrentlyOpen = this.openMenuItems.has(itemId);
+        if (isCurrentlyOpen) {
+            this.closeMenuAndChildren(itemId);
+        }
+        else {
+            this.closeSiblingMenus(item);
+            this.openMenuItems.add(itemId);
+        }
+    }
+    closeMenuAndChildren(itemId) {
+        this.openMenuItems.delete(itemId);
+        const itemsToClose = Array.from(this.openMenuItems).filter(id => id.startsWith(itemId + '-'));
+        itemsToClose.forEach(id => this.openMenuItems.delete(id));
+    }
+    closeSiblingMenus(currentItem) {
+        if (currentItem.level === 1) {
+            const rootItems = this.getRootMenuItems();
+            rootItems.forEach(rootItem => {
+                if (rootItem.code !== currentItem.code) {
+                    this.closeMenuAndChildren(rootItem.code);
+                }
+            });
+        }
+        else {
+            const allItems = this.flattenMenuItems(this.menuHierarchy);
+            const parent = this.findParent(currentItem, allItems);
+            if (parent?.children) {
+                parent.children.forEach(sibling => {
+                    if (sibling.code !== currentItem.code) {
+                        this.closeMenuAndChildren(sibling.code);
+                    }
+                });
+            }
+        }
+    }
+    flattenMenuItems(items) {
+        const flattened = [];
+        const flatten = (itemList) => {
+            itemList.forEach(item => {
+                flattened.push(item);
+                if (item.children) {
+                    flatten(item.children);
+                }
+            });
+        };
+        flatten(items);
+        return flattened;
+    }
+    onMenuItemClick(event, item) {
+        if (this.hasChildren(item)) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.toggleMenuItem(item.code, item);
+        }
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        const navElement = target.closest('.dashboard-nav');
+        const userPanel = target.closest('.user-profile');
+        if (!navElement) {
+            this.openMenuItems.clear();
+        }
+        if (!userPanel) {
+            this.isUserPanelOpen = false;
+        }
+    }
+    toggleUserPanel(event) {
+        event.stopPropagation();
+        this.isUserPanelOpen = !this.isUserPanelOpen;
+    }
+    getUsername() {
+        if (!this.userInfo?.preferred_username)
+            return 'usuario';
+        const username = this.userInfo.preferred_username;
+        const atIndex = username.indexOf('@');
+        return atIndex > 0 ? username.substring(0, atIndex) : username;
+    }
+    getUserFullName() {
+        return this.userInfo?.name || 'Usuario';
+    }
+    getDocument() {
+        return this.userInfo?.dui || 'N/A';
+    }
+    getInstitution() {
+        return this.userInfo?.direccion || 'N/A';
+    }
+    getDependency() {
+        return this.userInfo?.dependencia || 'N/A';
+    }
+    getRole() {
+        return this.userInfo?.cargo || 'N/A';
+    }
+    isMenuItemOpen(itemId) {
+        return this.openMenuItems.has(itemId);
+    }
+    hasChildren(item) {
+        return !!(item.children && item.children.length > 0);
+    }
+    getRootMenuItems() {
+        return this.menuHierarchy.filter(item => item.level === 1);
+    }
+    logoutAndRedirect() {
+        this.authService.logoutAndRedirect();
+    }
+    getUserInitials() {
+        if (!this.userInfo)
+            return 'U';
+        const name = this.userInfo.name || this.userInfo.preferred_username || 'Usuario';
+        const words = name.split(' ');
+        if (words.length >= 2) {
+            return (words[0][0] + words[1][0]).toUpperCase();
+        }
+        else {
+            return name.substring(0, 2).toUpperCase();
+        }
+    }
+    toggleMobileMenu() {
+        this.isMobileMenuOpen = !this.isMobileMenuOpen;
+    }
+    closeMobileMenu() {
+        this.isMobileMenuOpen = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DashboardComponent, deps: [{ token: AuthService }, { token: AuthorizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DashboardComponent, isStandalone: true, selector: "lib-dashboard", inputs: { config: "config" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"dashboard\">\r\n  <!-- Header -->\r\n  <header class=\"dashboard-header\">\r\n    <!-- Mobile Header Top -->\r\n    <div class=\"header-mobile-top\">\r\n      <div class=\"ministry-logo-mobile\">\r\n        <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n      </div>\r\n      <h1 class=\"mobile-title\">{{ getConfig('title') }}</h1>\r\n    </div>\r\n\r\n    <!-- Mobile Header Bottom -->\r\n    <div class=\"header-mobile-bottom\">\r\n      <button class=\"hamburger-btn\" \r\n              (click)=\"toggleMobileMenu()\"\r\n              [class.active]=\"isMobileMenuOpen\"\r\n              aria-label=\"Toggle menu\">\r\n        <span class=\"hamburger-line\"></span>\r\n        <span class=\"hamburger-line\"></span>\r\n        <span class=\"hamburger-line\"></span>\r\n      </button>\r\n\r\n      <div class=\"user-profile mobile-user\" *ngIf=\"userInfo\">\r\n        <button class=\"user-info-trigger\" \r\n                (click)=\"toggleUserPanel($event)\"\r\n                [attr.aria-expanded]=\"isUserPanelOpen\"\r\n                aria-label=\"Abrir men\u00FA de usuario\">\r\n          <div class=\"user-avatar\">\r\n            <span>{{ getUserInitials() }}</span>\r\n          </div>\r\n          <div class=\"user-details\">\r\n            <span class=\"user-name\">{{ getUsername() }}</span>\r\n          </div>\r\n          <span class=\"material-symbols-outlined dropdown-icon\">\r\n            {{ isUserPanelOpen ? 'expand_less' : 'expand_more' }}\r\n          </span>\r\n        </button>\r\n        \r\n        <!-- User Panel -->\r\n        <ng-container *ngTemplateOutlet=\"userPanelTemplate\"></ng-container>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Desktop Header -->\r\n    <div class=\"header-desktop-layout\">\r\n      <div class=\"header-left\">\r\n        <div class=\"ministry-logo\">\r\n          <div class=\"logo-icon\">\r\n            <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n          </div>\r\n          <div class=\"ministry-info\">\r\n            <h1>{{ getConfig('title') }}</h1>\r\n            <span class=\"subtitle\" *ngIf=\"getConfig('subtitle')\">{{ getConfig('subtitle') }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"user-profile desktop-user\" *ngIf=\"userInfo\">\r\n          <button class=\"user-info-trigger\" \r\n                  (click)=\"toggleUserPanel($event)\"\r\n                  [attr.aria-expanded]=\"isUserPanelOpen\"\r\n                  aria-label=\"Abrir men\u00FA de usuario\">\r\n            <div class=\"user-avatar\">\r\n              <span>{{ getUserInitials() }}</span>\r\n            </div>\r\n            <div class=\"user-details\">\r\n              <span class=\"user-name\">{{ getUsername() }}</span>\r\n            </div>\r\n            <span class=\"material-symbols-outlined dropdown-icon\">\r\n              {{ isUserPanelOpen ? 'expand_less' : 'expand_more' }}\r\n            </span>\r\n          </button>\r\n          \r\n          <!-- User Panel -->\r\n          <ng-container *ngTemplateOutlet=\"userPanelTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- User Panel Template -->\r\n  <ng-template #userPanelTemplate>\r\n    <div class=\"user-panel\" *ngIf=\"isUserPanelOpen\">\r\n      <div class=\"user-panel-header\">\r\n        <span class=\"panel-title\">Perfil de Usuario</span>\r\n      </div>\r\n      <div class=\"user-panel-content\">\r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">person</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">C\u00F3digo de Usuario:</span>\r\n            <span class=\"info-value\">{{ getUsername() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">badge</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Nombre de Usuario:</span>\r\n            <span class=\"info-value\">{{ getUserFullName() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">credit_card</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Documento:</span>\r\n            <span class=\"info-value\">{{ getDocument() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">business</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Instituci\u00F3n:</span>\r\n            <span class=\"info-value\">{{ getInstitution() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">apartment</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Dependencia:</span>\r\n            <span class=\"info-value\">{{ getDependency() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">work</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Rol:</span>\r\n            <span class=\"info-value\">{{ getRole() }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"user-panel-footer\">\r\n        <button class=\"logout-btn-panel\" (click)=\"logoutAndRedirect()\" title=\"Cerrar sesi\u00F3n\">\r\n          <span class=\"material-symbols-outlined\">logout</span>\r\n          <span class=\"logout-text\">CERRAR SESI\u00D3N</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Mobile Menu Overlay -->\r\n  <div class=\"nav-overlay\" *ngIf=\"isMobileMenuOpen\" (click)=\"closeMobileMenu()\"></div>\r\n\r\n  <!-- Navigation -->\r\n  <nav class=\"dashboard-nav\" [class.mobile-open]=\"isMobileMenuOpen\">\r\n    <div class=\"nav-mobile-header\">\r\n      <div class=\"nav-mobile-logo\">\r\n        <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n        <span class=\"nav-mobile-title\">Men\u00FA</span>\r\n      </div>\r\n      <button class=\"nav-close-btn\" (click)=\"closeMobileMenu()\" aria-label=\"Cerrar men\u00FA\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n    </div>\r\n\r\n    <div class=\"nav-container\">\r\n      <!-- Static Menu Items -->\r\n      <ng-container *ngIf=\"getConfig('showStaticMenu')\">\r\n        <a routerLink=\".\" \r\n           routerLinkActive=\"active\" \r\n           [routerLinkActiveOptions]=\"{exact: true}\" \r\n           class=\"nav-item\"\r\n           (click)=\"closeMobileMenu()\">\r\n          <span class=\"material-symbols-outlined nav-icon\">home</span>\r\n          <span class=\"nav-text\">Inicio</span>\r\n        </a>\r\n      </ng-container>\r\n      \r\n      <!-- Separator -->\r\n      <div class=\"nav-separator\" *ngIf=\"!isLoadingMenu && menuHierarchy.length > 0\"></div>\r\n      \r\n      <!-- Dynamic Menu -->\r\n      <div class=\"dynamic-menu\" *ngIf=\"!isLoadingMenu && menuHierarchy.length > 0\">\r\n        <ng-container *ngFor=\"let rootItem of getRootMenuItems()\">\r\n          <div class=\"menu-item-container\" [class.has-children]=\"hasChildren(rootItem)\">\r\n            <a \r\n              [routerLink]=\"hasChildren(rootItem) ? null : rootItem.path\" \r\n              routerLinkActive=\"active\" \r\n              class=\"nav-item root-item\"\r\n              [class.expandable]=\"hasChildren(rootItem)\"\r\n              (click)=\"onMenuItemClick($event, rootItem)\">\r\n              <span class=\"material-symbols-outlined nav-icon\">folder</span>\r\n              <span class=\"nav-text\">{{ rootItem.name }}</span>\r\n              <span class=\"material-symbols-outlined expand-icon\" *ngIf=\"hasChildren(rootItem)\">\r\n                {{ isMenuItemOpen(rootItem.code) ? 'expand_more' : 'chevron_right' }}\r\n              </span>\r\n            </a>\r\n            \r\n            <!-- Submenu -->\r\n            <div class=\"submenu\" *ngIf=\"hasChildren(rootItem) && isMenuItemOpen(rootItem.code)\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { items: rootItem.children, level: 2 }\"></ng-container>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      \r\n      <!-- Loading Indicator -->\r\n      <div class=\"menu-loading\" *ngIf=\"isLoadingMenu\">\r\n        <span class=\"material-symbols-outlined nav-icon\">hourglass_empty</span>\r\n        <span class=\"nav-text\">Cargando men\u00FA...</span>\r\n      </div>\r\n    </div>\r\n  </nav>\r\n\r\n  <!-- Recursive Menu Template -->\r\n  <ng-template #menuTemplate let-items=\"items\" let-level=\"level\">\r\n    <ng-container *ngFor=\"let item of items\">\r\n      <div class=\"menu-item-container\" [class.has-children]=\"hasChildren(item)\" [attr.data-level]=\"level\">\r\n        <a \r\n          [routerLink]=\"hasChildren(item) ? null : item.path\" \r\n          routerLinkActive=\"active\" \r\n          class=\"nav-item submenu-item\"\r\n          [class.expandable]=\"hasChildren(item)\"\r\n          (click)=\"onMenuItemClick($event, item)\">\r\n          <span class=\"material-symbols-outlined nav-icon\">\r\n            {{ level === 2 ? 'edit_note' : 'radio_button_unchecked' }}\r\n          </span>\r\n          <span class=\"nav-text\">{{ item.name }}</span>\r\n          <span class=\"material-symbols-outlined expand-icon\" *ngIf=\"hasChildren(item)\">\r\n            {{ isMenuItemOpen(item.code) ? 'expand_more' : 'chevron_right' }}\r\n          </span>\r\n        </a>\r\n        \r\n        <!-- Recursive Submenu (max 5 levels) -->\r\n        <div class=\"submenu\" *ngIf=\"hasChildren(item) && isMenuItemOpen(item.code) && level < 5\">\r\n          <ng-container *ngTemplateOutlet=\"menuTemplate; context: { items: item.children, level: level + 1 }\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <!-- Main Content -->\r\n  <main class=\"dashboard-content\">\r\n    <div class=\"content-wrapper\">\r\n      <router-outlet></router-outlet>\r\n    </div>\r\n  </main>\r\n\r\n  <!-- Footer -->\r\n  <footer class=\"dashboard-footer\">\r\n    <div class=\"footer-content\">\r\n      <span class=\"footer-text\">\r\n        {{ getConfig('footerText') }}\r\n        <ng-container *ngIf=\"getConfig('showVersion')\">\r\n          Versi\u00F3n {{ appVersion }}.\r\n        </ng-container>\r\n        Todos los derechos reservados.\r\n      </span>\r\n    </div>\r\n  </footer>\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-height:100vh}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--color-primary, #313945);font-family:var(--font-family-primary, \"Museo Sans\", sans-serif)}.dashboard-header{background:var(--color-primary, #313945);color:var(--color-white, #ffffff);padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);border-bottom:1px solid var(--color-gray-200, #e9ecef);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem);align-items:stretch}}.header-mobile-top{display:none}@media(max-width:768px){.header-mobile-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-3, .75rem)}}.ministry-logo-mobile{display:none}@media(max-width:768px){.ministry-logo-mobile{display:flex;align-items:center}.ministry-logo-mobile img{height:80px;width:auto;filter:brightness(0) invert(1)}}.mobile-title{display:none}@media(max-width:768px){.mobile-title{display:block;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-white, #ffffff);margin:0;text-align:right;flex:1}}.header-mobile-bottom{display:none}@media(max-width:768px){.header-mobile-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-3, .75rem);padding-top:var(--spacing-2, .5rem)}}.header-desktop-layout{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:768px){.header-desktop-layout{display:none}}.header-left{display:flex;align-items:center;gap:var(--spacing-3, .75rem)}.header-right{display:flex;align-items:center}.ministry-logo{display:flex;align-items:center;gap:var(--spacing-4, 1rem)}.ministry-logo .logo-icon{font-size:3rem;display:flex;width:120px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ministry-logo .logo-icon img{width:100%;height:auto}.ministry-logo .ministry-info h1{font-family:var(--font-family-primary, sans-serif);font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--color-white, #ffffff);text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.ministry-logo .ministry-info .subtitle{font-size:var(--font-size-sm, .875rem);color:#ffffffe6;font-weight:var(--font-weight-medium, 500)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:var(--border-radius-md, .375rem);cursor:pointer;padding:8px;z-index:1003;transition:all .3s ease;flex-shrink:0}@media(max-width:768px){.hamburger-btn{display:flex}}.hamburger-btn .hamburger-line{width:100%;height:3px;background:var(--color-white, #ffffff);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-btn.active{background:#fff3}.hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hamburger-btn:hover{background:#fff3}.user-profile{position:relative;display:flex;align-items:center}.user-profile .user-info-trigger{display:flex;align-items:center;gap:var(--spacing-3, .75rem);background:#ffffff1a;padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);border-radius:var(--border-radius-xl, .75rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:inherit;font-family:inherit}.user-profile .user-info-trigger:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.user-profile .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-white, #ffffff) 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #313945);font-size:var(--font-size-lg, 1.125rem);box-shadow:0 4px 12px #0000001a;border:2px solid rgba(255,255,255,.3)}.user-profile .user-details{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem)}.user-profile .user-details .user-name{font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-white, #ffffff)}.user-profile .dropdown-icon{color:#fffc;transition:transform .3s ease}.user-panel{position:absolute;top:calc(100% + var(--spacing-2, .5rem));right:0;min-width:350px;background:var(--color-white, #ffffff);border-radius:var(--border-radius-lg, .5rem);box-shadow:0 10px 40px #0003;border:1px solid var(--color-gray-200, #e9ecef);z-index:1100;overflow:hidden;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.user-panel{position:absolute;right:var(--spacing-2, .5rem);left:var(--spacing-2, .5rem);min-width:auto;width:auto}}.user-panel-header{background:linear-gradient(135deg,#3c4557,#2a3142);padding:var(--spacing-4, 1rem);border-bottom:1px solid var(--color-gray-200, #e9ecef)}.user-panel-header .panel-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-white, #ffffff)}.user-panel-content{padding:var(--spacing-4, 1rem);max-height:400px;overflow-y:auto}.user-info-item{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);border-bottom:1px solid var(--color-gray-100, #f1f3f4);transition:background .2s ease}.user-info-item:last-child{border-bottom:none}.user-info-item:hover{background:var(--color-gray-50, #f8f9fa)}.user-info-item .info-icon{font-size:var(--font-size-xl, 1.25rem);flex-shrink:0;color:var(--color-primary, #313945)}.user-info-item .info-content{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem);flex:1}.user-info-item .info-content .info-label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-600, #5a6268);text-transform:uppercase;letter-spacing:.5px}.user-info-item .info-content .info-value{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-900, #212529);word-break:break-word}.user-panel-footer{padding:var(--spacing-4, 1rem);background:var(--color-gray-50, #f8f9fa);border-top:1px solid var(--color-gray-200, #e9ecef)}.user-panel-footer .logout-btn-panel{width:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--color-white, #ffffff);border:none;padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border-radius:var(--border-radius-lg, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2, .5rem);text-transform:uppercase;letter-spacing:.5px}.user-panel-footer .logout-btn-panel:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}.user-panel-footer .logout-btn-panel:active{transform:translateY(0)}.nav-overlay{display:none}@media(max-width:768px){.nav-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dashboard-nav{border-bottom:1px solid var(--color-gray-200, #e9ecef);box-shadow:0 2px 8px #0000000d;background-color:#3c4557!important;position:sticky;top:88px;z-index:100;transition:transform .3s ease}@media(max-width:768px){.dashboard-nav{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85%;transform:translate(-100%);z-index:1002;overflow-y:auto;box-shadow:2px 0 10px #0000004d;border-bottom:none;border-right:1px solid var(--color-gray-200, #e9ecef)}.dashboard-nav.mobile-open{transform:translate(0)}}.dashboard-nav .nav-mobile-header{display:none}@media(max-width:768px){.dashboard-nav .nav-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4, 1rem);background:var(--color-primary, #313945);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}}.dashboard-nav .nav-mobile-logo{display:flex;align-items:center;gap:var(--spacing-3, .75rem)}.dashboard-nav .nav-mobile-logo img{width:40px;height:auto;filter:brightness(0) invert(1)}.dashboard-nav .nav-mobile-logo .nav-mobile-title{color:var(--color-white, #ffffff);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.dashboard-nav .nav-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--border-radius-md, .375rem);cursor:pointer;transition:all .2s ease;color:var(--color-white, #ffffff)}.dashboard-nav .nav-close-btn:hover{background:#fff3}.nav-container{display:flex;flex-wrap:wrap;gap:var(--spacing-1, .25rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem)}@media(max-width:768px){.nav-container{flex-direction:column;padding:var(--spacing-4, 1rem);gap:var(--spacing-2, .5rem)}}.nav-item{display:flex;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);color:var(--color-white, #ffffff);text-decoration:none;border-radius:var(--border-radius-md, .375rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);transition:all .2s ease;cursor:pointer;background:transparent;border:none;font-family:inherit}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#fff3}.nav-item .nav-icon{font-size:20px}.nav-item .expand-icon{margin-left:auto;font-size:16px}.nav-separator{width:1px;height:24px;background:#fff3;margin:0 var(--spacing-2, .5rem)}@media(max-width:768px){.nav-separator{width:100%;height:1px;margin:var(--spacing-2, .5rem) 0}}.submenu{padding-left:var(--spacing-4, 1rem)}@media(max-width:768px){.submenu{padding-left:var(--spacing-6, 1.5rem)}}.submenu .submenu-item{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);font-size:var(--font-size-sm, .875rem)}.menu-loading{display:flex;align-items:center;gap:var(--spacing-2, .5rem);color:#ffffffb3;padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem)}.dashboard-content{flex:1;background:var(--color-white, #ffffff)}.dashboard-content .content-wrapper{padding:var(--spacing-6, 1.5rem);max-width:1400px;margin:0 auto}@media(max-width:768px){.dashboard-content .content-wrapper{padding:var(--spacing-4, 1rem)}}.dashboard-footer{background:#3c4557;color:#c5c8cf;padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);border-top:1px solid var(--color-gray-200, #e9ecef)}.dashboard-footer .footer-content{text-align:center}.dashboard-footer .footer-text{font-size:var(--font-size-sm, .875rem)}@media(min-width:769px){.mobile-user{display:none}}@media(max-width:768px){.desktop-user{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DashboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dashboard', standalone: true, imports: [CommonModule, RouterModule], template: "<div class=\"dashboard\">\r\n  <!-- Header -->\r\n  <header class=\"dashboard-header\">\r\n    <!-- Mobile Header Top -->\r\n    <div class=\"header-mobile-top\">\r\n      <div class=\"ministry-logo-mobile\">\r\n        <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n      </div>\r\n      <h1 class=\"mobile-title\">{{ getConfig('title') }}</h1>\r\n    </div>\r\n\r\n    <!-- Mobile Header Bottom -->\r\n    <div class=\"header-mobile-bottom\">\r\n      <button class=\"hamburger-btn\" \r\n              (click)=\"toggleMobileMenu()\"\r\n              [class.active]=\"isMobileMenuOpen\"\r\n              aria-label=\"Toggle menu\">\r\n        <span class=\"hamburger-line\"></span>\r\n        <span class=\"hamburger-line\"></span>\r\n        <span class=\"hamburger-line\"></span>\r\n      </button>\r\n\r\n      <div class=\"user-profile mobile-user\" *ngIf=\"userInfo\">\r\n        <button class=\"user-info-trigger\" \r\n                (click)=\"toggleUserPanel($event)\"\r\n                [attr.aria-expanded]=\"isUserPanelOpen\"\r\n                aria-label=\"Abrir men\u00FA de usuario\">\r\n          <div class=\"user-avatar\">\r\n            <span>{{ getUserInitials() }}</span>\r\n          </div>\r\n          <div class=\"user-details\">\r\n            <span class=\"user-name\">{{ getUsername() }}</span>\r\n          </div>\r\n          <span class=\"material-symbols-outlined dropdown-icon\">\r\n            {{ isUserPanelOpen ? 'expand_less' : 'expand_more' }}\r\n          </span>\r\n        </button>\r\n        \r\n        <!-- User Panel -->\r\n        <ng-container *ngTemplateOutlet=\"userPanelTemplate\"></ng-container>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Desktop Header -->\r\n    <div class=\"header-desktop-layout\">\r\n      <div class=\"header-left\">\r\n        <div class=\"ministry-logo\">\r\n          <div class=\"logo-icon\">\r\n            <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n          </div>\r\n          <div class=\"ministry-info\">\r\n            <h1>{{ getConfig('title') }}</h1>\r\n            <span class=\"subtitle\" *ngIf=\"getConfig('subtitle')\">{{ getConfig('subtitle') }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"user-profile desktop-user\" *ngIf=\"userInfo\">\r\n          <button class=\"user-info-trigger\" \r\n                  (click)=\"toggleUserPanel($event)\"\r\n                  [attr.aria-expanded]=\"isUserPanelOpen\"\r\n                  aria-label=\"Abrir men\u00FA de usuario\">\r\n            <div class=\"user-avatar\">\r\n              <span>{{ getUserInitials() }}</span>\r\n            </div>\r\n            <div class=\"user-details\">\r\n              <span class=\"user-name\">{{ getUsername() }}</span>\r\n            </div>\r\n            <span class=\"material-symbols-outlined dropdown-icon\">\r\n              {{ isUserPanelOpen ? 'expand_less' : 'expand_more' }}\r\n            </span>\r\n          </button>\r\n          \r\n          <!-- User Panel -->\r\n          <ng-container *ngTemplateOutlet=\"userPanelTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- User Panel Template -->\r\n  <ng-template #userPanelTemplate>\r\n    <div class=\"user-panel\" *ngIf=\"isUserPanelOpen\">\r\n      <div class=\"user-panel-header\">\r\n        <span class=\"panel-title\">Perfil de Usuario</span>\r\n      </div>\r\n      <div class=\"user-panel-content\">\r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">person</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">C\u00F3digo de Usuario:</span>\r\n            <span class=\"info-value\">{{ getUsername() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">badge</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Nombre de Usuario:</span>\r\n            <span class=\"info-value\">{{ getUserFullName() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">credit_card</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Documento:</span>\r\n            <span class=\"info-value\">{{ getDocument() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">business</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Instituci\u00F3n:</span>\r\n            <span class=\"info-value\">{{ getInstitution() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">apartment</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Dependencia:</span>\r\n            <span class=\"info-value\">{{ getDependency() }}</span>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"user-info-item\">\r\n          <span class=\"material-symbols-outlined info-icon\">work</span>\r\n          <div class=\"info-content\">\r\n            <span class=\"info-label\">Rol:</span>\r\n            <span class=\"info-value\">{{ getRole() }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"user-panel-footer\">\r\n        <button class=\"logout-btn-panel\" (click)=\"logoutAndRedirect()\" title=\"Cerrar sesi\u00F3n\">\r\n          <span class=\"material-symbols-outlined\">logout</span>\r\n          <span class=\"logout-text\">CERRAR SESI\u00D3N</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Mobile Menu Overlay -->\r\n  <div class=\"nav-overlay\" *ngIf=\"isMobileMenuOpen\" (click)=\"closeMobileMenu()\"></div>\r\n\r\n  <!-- Navigation -->\r\n  <nav class=\"dashboard-nav\" [class.mobile-open]=\"isMobileMenuOpen\">\r\n    <div class=\"nav-mobile-header\">\r\n      <div class=\"nav-mobile-logo\">\r\n        <img [src]=\"getConfig('logoUrl')\" [alt]=\"getConfig('logoAlt')\" />\r\n        <span class=\"nav-mobile-title\">Men\u00FA</span>\r\n      </div>\r\n      <button class=\"nav-close-btn\" (click)=\"closeMobileMenu()\" aria-label=\"Cerrar men\u00FA\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n    </div>\r\n\r\n    <div class=\"nav-container\">\r\n      <!-- Static Menu Items -->\r\n      <ng-container *ngIf=\"getConfig('showStaticMenu')\">\r\n        <a routerLink=\".\" \r\n           routerLinkActive=\"active\" \r\n           [routerLinkActiveOptions]=\"{exact: true}\" \r\n           class=\"nav-item\"\r\n           (click)=\"closeMobileMenu()\">\r\n          <span class=\"material-symbols-outlined nav-icon\">home</span>\r\n          <span class=\"nav-text\">Inicio</span>\r\n        </a>\r\n      </ng-container>\r\n      \r\n      <!-- Separator -->\r\n      <div class=\"nav-separator\" *ngIf=\"!isLoadingMenu && menuHierarchy.length > 0\"></div>\r\n      \r\n      <!-- Dynamic Menu -->\r\n      <div class=\"dynamic-menu\" *ngIf=\"!isLoadingMenu && menuHierarchy.length > 0\">\r\n        <ng-container *ngFor=\"let rootItem of getRootMenuItems()\">\r\n          <div class=\"menu-item-container\" [class.has-children]=\"hasChildren(rootItem)\">\r\n            <a \r\n              [routerLink]=\"hasChildren(rootItem) ? null : rootItem.path\" \r\n              routerLinkActive=\"active\" \r\n              class=\"nav-item root-item\"\r\n              [class.expandable]=\"hasChildren(rootItem)\"\r\n              (click)=\"onMenuItemClick($event, rootItem)\">\r\n              <span class=\"material-symbols-outlined nav-icon\">folder</span>\r\n              <span class=\"nav-text\">{{ rootItem.name }}</span>\r\n              <span class=\"material-symbols-outlined expand-icon\" *ngIf=\"hasChildren(rootItem)\">\r\n                {{ isMenuItemOpen(rootItem.code) ? 'expand_more' : 'chevron_right' }}\r\n              </span>\r\n            </a>\r\n            \r\n            <!-- Submenu -->\r\n            <div class=\"submenu\" *ngIf=\"hasChildren(rootItem) && isMenuItemOpen(rootItem.code)\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { items: rootItem.children, level: 2 }\"></ng-container>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      \r\n      <!-- Loading Indicator -->\r\n      <div class=\"menu-loading\" *ngIf=\"isLoadingMenu\">\r\n        <span class=\"material-symbols-outlined nav-icon\">hourglass_empty</span>\r\n        <span class=\"nav-text\">Cargando men\u00FA...</span>\r\n      </div>\r\n    </div>\r\n  </nav>\r\n\r\n  <!-- Recursive Menu Template -->\r\n  <ng-template #menuTemplate let-items=\"items\" let-level=\"level\">\r\n    <ng-container *ngFor=\"let item of items\">\r\n      <div class=\"menu-item-container\" [class.has-children]=\"hasChildren(item)\" [attr.data-level]=\"level\">\r\n        <a \r\n          [routerLink]=\"hasChildren(item) ? null : item.path\" \r\n          routerLinkActive=\"active\" \r\n          class=\"nav-item submenu-item\"\r\n          [class.expandable]=\"hasChildren(item)\"\r\n          (click)=\"onMenuItemClick($event, item)\">\r\n          <span class=\"material-symbols-outlined nav-icon\">\r\n            {{ level === 2 ? 'edit_note' : 'radio_button_unchecked' }}\r\n          </span>\r\n          <span class=\"nav-text\">{{ item.name }}</span>\r\n          <span class=\"material-symbols-outlined expand-icon\" *ngIf=\"hasChildren(item)\">\r\n            {{ isMenuItemOpen(item.code) ? 'expand_more' : 'chevron_right' }}\r\n          </span>\r\n        </a>\r\n        \r\n        <!-- Recursive Submenu (max 5 levels) -->\r\n        <div class=\"submenu\" *ngIf=\"hasChildren(item) && isMenuItemOpen(item.code) && level < 5\">\r\n          <ng-container *ngTemplateOutlet=\"menuTemplate; context: { items: item.children, level: level + 1 }\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <!-- Main Content -->\r\n  <main class=\"dashboard-content\">\r\n    <div class=\"content-wrapper\">\r\n      <router-outlet></router-outlet>\r\n    </div>\r\n  </main>\r\n\r\n  <!-- Footer -->\r\n  <footer class=\"dashboard-footer\">\r\n    <div class=\"footer-content\">\r\n      <span class=\"footer-text\">\r\n        {{ getConfig('footerText') }}\r\n        <ng-container *ngIf=\"getConfig('showVersion')\">\r\n          Versi\u00F3n {{ appVersion }}.\r\n        </ng-container>\r\n        Todos los derechos reservados.\r\n      </span>\r\n    </div>\r\n  </footer>\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-height:100vh}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--color-primary, #313945);font-family:var(--font-family-primary, \"Museo Sans\", sans-serif)}.dashboard-header{background:var(--color-primary, #313945);color:var(--color-white, #ffffff);padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);border-bottom:1px solid var(--color-gray-200, #e9ecef);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem);align-items:stretch}}.header-mobile-top{display:none}@media(max-width:768px){.header-mobile-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-3, .75rem)}}.ministry-logo-mobile{display:none}@media(max-width:768px){.ministry-logo-mobile{display:flex;align-items:center}.ministry-logo-mobile img{height:80px;width:auto;filter:brightness(0) invert(1)}}.mobile-title{display:none}@media(max-width:768px){.mobile-title{display:block;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-white, #ffffff);margin:0;text-align:right;flex:1}}.header-mobile-bottom{display:none}@media(max-width:768px){.header-mobile-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-3, .75rem);padding-top:var(--spacing-2, .5rem)}}.header-desktop-layout{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:768px){.header-desktop-layout{display:none}}.header-left{display:flex;align-items:center;gap:var(--spacing-3, .75rem)}.header-right{display:flex;align-items:center}.ministry-logo{display:flex;align-items:center;gap:var(--spacing-4, 1rem)}.ministry-logo .logo-icon{font-size:3rem;display:flex;width:120px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ministry-logo .logo-icon img{width:100%;height:auto}.ministry-logo .ministry-info h1{font-family:var(--font-family-primary, sans-serif);font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--color-white, #ffffff);text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.ministry-logo .ministry-info .subtitle{font-size:var(--font-size-sm, .875rem);color:#ffffffe6;font-weight:var(--font-weight-medium, 500)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:var(--border-radius-md, .375rem);cursor:pointer;padding:8px;z-index:1003;transition:all .3s ease;flex-shrink:0}@media(max-width:768px){.hamburger-btn{display:flex}}.hamburger-btn .hamburger-line{width:100%;height:3px;background:var(--color-white, #ffffff);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-btn.active{background:#fff3}.hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hamburger-btn:hover{background:#fff3}.user-profile{position:relative;display:flex;align-items:center}.user-profile .user-info-trigger{display:flex;align-items:center;gap:var(--spacing-3, .75rem);background:#ffffff1a;padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);border-radius:var(--border-radius-xl, .75rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:inherit;font-family:inherit}.user-profile .user-info-trigger:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.user-profile .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-white, #ffffff) 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #313945);font-size:var(--font-size-lg, 1.125rem);box-shadow:0 4px 12px #0000001a;border:2px solid rgba(255,255,255,.3)}.user-profile .user-details{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem)}.user-profile .user-details .user-name{font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-white, #ffffff)}.user-profile .dropdown-icon{color:#fffc;transition:transform .3s ease}.user-panel{position:absolute;top:calc(100% + var(--spacing-2, .5rem));right:0;min-width:350px;background:var(--color-white, #ffffff);border-radius:var(--border-radius-lg, .5rem);box-shadow:0 10px 40px #0003;border:1px solid var(--color-gray-200, #e9ecef);z-index:1100;overflow:hidden;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.user-panel{position:absolute;right:var(--spacing-2, .5rem);left:var(--spacing-2, .5rem);min-width:auto;width:auto}}.user-panel-header{background:linear-gradient(135deg,#3c4557,#2a3142);padding:var(--spacing-4, 1rem);border-bottom:1px solid var(--color-gray-200, #e9ecef)}.user-panel-header .panel-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-white, #ffffff)}.user-panel-content{padding:var(--spacing-4, 1rem);max-height:400px;overflow-y:auto}.user-info-item{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);border-bottom:1px solid var(--color-gray-100, #f1f3f4);transition:background .2s ease}.user-info-item:last-child{border-bottom:none}.user-info-item:hover{background:var(--color-gray-50, #f8f9fa)}.user-info-item .info-icon{font-size:var(--font-size-xl, 1.25rem);flex-shrink:0;color:var(--color-primary, #313945)}.user-info-item .info-content{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem);flex:1}.user-info-item .info-content .info-label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-600, #5a6268);text-transform:uppercase;letter-spacing:.5px}.user-info-item .info-content .info-value{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-900, #212529);word-break:break-word}.user-panel-footer{padding:var(--spacing-4, 1rem);background:var(--color-gray-50, #f8f9fa);border-top:1px solid var(--color-gray-200, #e9ecef)}.user-panel-footer .logout-btn-panel{width:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--color-white, #ffffff);border:none;padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border-radius:var(--border-radius-lg, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2, .5rem);text-transform:uppercase;letter-spacing:.5px}.user-panel-footer .logout-btn-panel:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}.user-panel-footer .logout-btn-panel:active{transform:translateY(0)}.nav-overlay{display:none}@media(max-width:768px){.nav-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dashboard-nav{border-bottom:1px solid var(--color-gray-200, #e9ecef);box-shadow:0 2px 8px #0000000d;background-color:#3c4557!important;position:sticky;top:88px;z-index:100;transition:transform .3s ease}@media(max-width:768px){.dashboard-nav{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85%;transform:translate(-100%);z-index:1002;overflow-y:auto;box-shadow:2px 0 10px #0000004d;border-bottom:none;border-right:1px solid var(--color-gray-200, #e9ecef)}.dashboard-nav.mobile-open{transform:translate(0)}}.dashboard-nav .nav-mobile-header{display:none}@media(max-width:768px){.dashboard-nav .nav-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4, 1rem);background:var(--color-primary, #313945);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}}.dashboard-nav .nav-mobile-logo{display:flex;align-items:center;gap:var(--spacing-3, .75rem)}.dashboard-nav .nav-mobile-logo img{width:40px;height:auto;filter:brightness(0) invert(1)}.dashboard-nav .nav-mobile-logo .nav-mobile-title{color:var(--color-white, #ffffff);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600)}.dashboard-nav .nav-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--border-radius-md, .375rem);cursor:pointer;transition:all .2s ease;color:var(--color-white, #ffffff)}.dashboard-nav .nav-close-btn:hover{background:#fff3}.nav-container{display:flex;flex-wrap:wrap;gap:var(--spacing-1, .25rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem)}@media(max-width:768px){.nav-container{flex-direction:column;padding:var(--spacing-4, 1rem);gap:var(--spacing-2, .5rem)}}.nav-item{display:flex;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);color:var(--color-white, #ffffff);text-decoration:none;border-radius:var(--border-radius-md, .375rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);transition:all .2s ease;cursor:pointer;background:transparent;border:none;font-family:inherit}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#fff3}.nav-item .nav-icon{font-size:20px}.nav-item .expand-icon{margin-left:auto;font-size:16px}.nav-separator{width:1px;height:24px;background:#fff3;margin:0 var(--spacing-2, .5rem)}@media(max-width:768px){.nav-separator{width:100%;height:1px;margin:var(--spacing-2, .5rem) 0}}.submenu{padding-left:var(--spacing-4, 1rem)}@media(max-width:768px){.submenu{padding-left:var(--spacing-6, 1.5rem)}}.submenu .submenu-item{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);font-size:var(--font-size-sm, .875rem)}.menu-loading{display:flex;align-items:center;gap:var(--spacing-2, .5rem);color:#ffffffb3;padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem)}.dashboard-content{flex:1;background:var(--color-white, #ffffff)}.dashboard-content .content-wrapper{padding:var(--spacing-6, 1.5rem);max-width:1400px;margin:0 auto}@media(max-width:768px){.dashboard-content .content-wrapper{padding:var(--spacing-4, 1rem)}}.dashboard-footer{background:#3c4557;color:#c5c8cf;padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);border-top:1px solid var(--color-gray-200, #e9ecef)}.dashboard-footer .footer-content{text-align:center}.dashboard-footer .footer-text{font-size:var(--font-size-sm, .875rem)}@media(min-width:769px){.mobile-user{display:none}}@media(max-width:768px){.desktop-user{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], ctorParameters: () => [{ type: AuthService }, { type: AuthorizationService }], propDecorators: { config: [{
+                type: Input
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// ========================================
+// @dinafi/frmk - Public API
+// Angular Shared Library - Ministerio de Hacienda
+// ========================================
+// === VERSION ===
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthService, AuthorizationService, ConfigService, DEFAULT_LIBRARY_CONFIG, DEFAULT_LOGIN_CONFIG, DashboardComponent, FRMK_LIBRARY_CONFIG, LoginComponent, VERSION, VERSION_INFO, authGuard, getAppConfig, getAppConfigWithServerData, getAuthConfig, getAuthConfigEnv, getCurrentAppConfig, getDefaultAppConfig, getLibraryConfig, initializeLibraryConfig, isLibraryConfigured, mapConfigServerResponse, provideFrmkConfig, setCurrentAppConfig };
+//# sourceMappingURL=shared-lib-angular.mjs.map