shared-lib-angular 1.0.36 → 2.0.1

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { AuthConfig, OAuthService } from 'angular-oauth2-oidc';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
@@ -10,14 +10,14 @@ import { HttpClient } from '@angular/common/http';
  * Versión actual de la librería @dinafi/frmk
  * Sincronizada con package.json
  */
-declare const VERSION = "1.0.36";
+declare const VERSION = "2.0.1";
 /**
  * Información completa de la versión
  */
 declare const VERSION_INFO: {
-    readonly version: "1.0.36";
+    readonly version: "2.0.1";
     readonly name: "shared-lib-angular";
-    readonly buildDate: "2026-02-05T18:40:47.647Z";
+    readonly buildDate: "2026-02-05T20:39:22.686Z";
     readonly angular: "^20.0.0";
 };
 
@@ -196,8 +196,9 @@ interface MenuHierarchyRequest {
 }
 
 /**
- * Configuración de la librería que debe ser proporcionada por la aplicación consumidora
+ * Configuración de la librería que debe ser proporcionada por la aplicación consumidora.
  * Estos valores son críticos y deben ser configurados al inicializar la librería
+ * mediante `FrmkConfigStore.initialize()` en el APP_INITIALIZER.
  */
 interface FrmkLibraryConfig {
     /**
@@ -251,120 +252,76 @@ interface FrmkLibraryConfig {
  * Configuración por defecto de la librería
  */
 declare const DEFAULT_LIBRARY_CONFIG: Partial<FrmkLibraryConfig>;
+
 /**
- * Token de inyección para la configuración de la librería
+ * Store centralizado de configuración del framework.
  *
- * @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
- *     }
- *   }
- * ]
- */
-declare const FRMK_LIBRARY_CONFIG: InjectionToken<FrmkLibraryConfig>;
-/**
- * Función helper para crear la configuración de la librería
+ * Reemplaza las variables globales mutables (`currentAppConfig`, `libraryConfig`)
+ * con un servicio inyectable basado en signals de Angular.
  *
- * @example
- * // En el app.config.ts:
- * import { provideFrmkConfig } from '@mh-dinafi-frmk/shared-lib-angular';
+ * Ciclo de vida:
+ *   1. `initialize(config)` — llamado en APP_INITIALIZER con FrmkLibraryConfig
+ *   2. `applyServerConfig(data)` — llamado por ConfigService tras obtener datos del Config Server
  *
- * export const appConfig: ApplicationConfig = {
- *   providers: [
- *     provideFrmkConfig({
- *       configServerHost: environment.configServerHost,
- *       frontendId: 'mi-aplicacion'
- *     })
- *   ]
- * };
- */
-declare function provideFrmkConfig(config: FrmkLibraryConfig): {
-    provide: InjectionToken<FrmkLibraryConfig>;
-    useValue: {
-        /**
-         * URL del servidor de configuración (Config Server)
-         * Ejemplo: 'config-server.example.com' o 'localhost:8080'
-         */
-        configServerHost: string;
-        /**
-         * Identificador del frontend en el Config Server
-         * Este valor identifica la aplicación para obtener su configuración específica
-         * Ejemplo: 'mi-aplicacion-frontend'
-         */
-        frontendId: string;
-        configServicePath?: string;
-        realm?: string;
-        production?: boolean;
-        requireHttps?: boolean;
-        showDebugInformation?: boolean;
-        loginConfig?: Partial<LoginConfig>;
-        dashboardConfig?: Partial<DashboardConfig>;
-    };
-};
-
-/**
- * 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
+ * Todas las propiedades computadas lanzan error si se leen antes de `initialize()`.
  *
- * @param config Configuración proporcionada por la aplicación consumidora
- */
-declare function initializeLibraryConfig(config: FrmkLibraryConfig): void;
-/**
- * Obtiene la configuración de la librería
- * Lanza error si no ha sido inicializada
- */
-declare function getLibraryConfig(): FrmkLibraryConfig;
-/**
- * Verifica si la librería ha sido configurada
- */
-declare function isLibraryConfigured(): boolean;
-/**
- * Obtiene la configuración del componente Login
- * Combina los valores por defecto con los configurados en la librería
- */
-declare function getLoginConfig(): LoginConfig;
-/**
- * Obtiene la configuración del componente Dashboard
- * Combina los valores por defecto con los configurados en la librería
- */
-declare function getDashboardConfig(): DashboardConfig;
-declare function getDefaultAppConfig(): AppConfiguration;
-declare function mapConfigServerResponse(configServerData: ConfigServerResponse): Partial<AppConfiguration>;
-/**
- * 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
- */
-declare function setCurrentAppConfig(configServerData?: ConfigServerResponse): void;
-/**
- * Función para obtener la configuración actual
- * Si no se ha establecido una configuración, devuelve la configuración por defecto
- */
-declare function getCurrentAppConfig(): AppConfiguration;
-declare function getAppConfig(): AppConfiguration;
-declare function getAppConfigWithServerData(configServerData?: ConfigServerResponse): AppConfiguration;
-
-/**
- * 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
+ * @example
+ * // En APP_INITIALIZER:
+ * const store = inject(FrmkConfigStore);
+ * store.initialize(myLibraryConfig);
+ * await configService.loadConfig();          // internamente llama store.applyServerConfig()
+ * authService.initializeAuth(store.authConfig());
  */
-declare function getAuthConfig(): AuthConfig;
-declare function getAuthConfigEnv(): AuthConfig;
+declare class FrmkConfigStore {
+    private readonly _libraryConfig;
+    private readonly _serverConfig;
+    /** Indica si la librería ha sido inicializada con `initialize()`. */
+    readonly isConfigured: i0.Signal<boolean>;
+    /** Configuración de la librería (merged con defaults). Lanza si no inicializada. */
+    readonly libraryConfig: i0.Signal<FrmkLibraryConfig>;
+    /** Configuración del componente Login (defaults + libraryConfig.loginConfig). */
+    readonly loginConfig: i0.Signal<LoginConfig>;
+    /** Configuración del componente Dashboard (defaults + libraryConfig.dashboardConfig). */
+    readonly dashboardConfig: i0.Signal<DashboardConfig>;
+    /**
+     * Configuración completa de la aplicación.
+     * Si hay datos del Config Server se aplican; en caso contrario se usan solo los defaults + libraryConfig.
+     */
+    readonly appConfig: i0.Signal<AppConfiguration>;
+    /** AuthConfig de angular-oauth2-oidc derivada de appConfig. */
+    readonly authConfig: i0.Signal<AuthConfig>;
+    /**
+     * Inicializa la librería con la configuración proporcionada por la app consumidora.
+     * Debe llamarse UNA vez dentro del APP_INITIALIZER, antes de cualquier otro uso.
+     *
+     * @param config Configuración de la librería (se fusiona con DEFAULT_LIBRARY_CONFIG)
+     */
+    initialize(config: FrmkLibraryConfig): void;
+    /**
+     * Aplica los datos devueltos por el Config Server.
+     * Llamado por `ConfigService.loadConfig()` después de la petición HTTP.
+     *
+     * @param data Respuesta del Config Server (o undefined si falló la carga)
+     */
+    applyServerConfig(data?: ConfigServerResponse): void;
+    private createDefaultAppConfig;
+    private mapConfigServerResponse;
+    private mergeConfigurations;
+    private buildDynamicUrls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrmkConfigStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FrmkConfigStore>;
+}
 
 declare class AuthService {
     private readonly oauthService;
     private readonly router;
+    private readonly store;
     private readonly isAuthenticatedSubject$;
     isAuthenticated$: rxjs.Observable<boolean>;
     private readonly isDoneLoadingSubject$;
     isDoneLoading$: rxjs.Observable<boolean>;
     private isInitialLogin;
-    constructor(oauthService: OAuthService, router: Router);
+    constructor(oauthService: OAuthService, router: Router, store: FrmkConfigStore);
     /**
      * Limpia tokens expirados al iniciar la aplicación
      * Solo limpia si NO estamos en un callback OAuth
@@ -424,11 +381,10 @@ declare class AuthService {
 
 declare class ConfigService {
     private readonly http;
+    private readonly store;
     private configServerData;
-    private finalAppConfig;
     private isLoaded;
-    private readonly initialAppConfig;
-    constructor(http: HttpClient);
+    constructor(http: HttpClient, store: FrmkConfigStore);
     /**
      * Carga la configuración desde el config-server
      */
@@ -518,12 +474,14 @@ declare class LoginComponent implements OnInit, OnDestroy {
     /**
      * Configuration object to customize the login component appearance and behavior
      */
-    config: Partial<LoginConfig>;
+    readonly config: i0.InputSignal<Partial<LoginConfig>>;
+    private readonly store;
     isLoggingIn: boolean;
     statusMessage: string;
     private authSubscription?;
     private isProcessingCallback;
-    private _mergedConfig;
+    /** Configuración merged: defaults ← libraryConfig.loginConfig ← @Input config */
+    readonly mergedConfig: i0.Signal<LoginConfig>;
     constructor(authService: AuthService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -542,13 +500,14 @@ declare class LoginComponent implements OnInit, OnDestroy {
     goToDashboard(): void;
     private navigateToRedirect;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "lib-login", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "lib-login", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class DashboardComponent implements OnInit {
     authService: AuthService;
     private readonly authorizationService;
-    config: Partial<DashboardConfig>;
+    readonly config: i0.InputSignal<Partial<DashboardConfig>>;
+    private readonly store;
     userInfo: any;
     userRoles: string[];
     menuHierarchy: MenuHierarchyItem[];
@@ -557,7 +516,8 @@ declare class DashboardComponent implements OnInit {
     openMenuItems: Set<string>;
     isUserPanelOpen: boolean;
     isMobileMenuOpen: boolean;
-    private _mergedConfig;
+    /** Configuración merged: defaults ← libraryConfig.dashboardConfig ← @Input config */
+    readonly mergedConfig: i0.Signal<DashboardConfig>;
     constructor(authService: AuthService, authorizationService: AuthorizationService);
     ngOnInit(): void;
     getConfig<K extends keyof DashboardConfig>(key: K): DashboardConfig[K];
@@ -592,8 +552,8 @@ declare class DashboardComponent implements OnInit {
     toggleMobileMenu(): void;
     closeMobileMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardComponent, "lib-dashboard", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardComponent, "lib-dashboard", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AuthService, AuthorizationService, ConfigService, DEFAULT_DASHBOARD_CONFIG, DEFAULT_LIBRARY_CONFIG, DEFAULT_LOGIN_CONFIG, DashboardComponent, FRMK_LIBRARY_CONFIG, LoginComponent, VERSION, VERSION_INFO, authGuard, getAppConfig, getAppConfigWithServerData, getAuthConfig, getAuthConfigEnv, getCurrentAppConfig, getDashboardConfig, getDefaultAppConfig, getLibraryConfig, getLoginConfig, initializeLibraryConfig, isLibraryConfigured, mapConfigServerResponse, provideFrmkConfig, setCurrentAppConfig };
+export { AuthService, AuthorizationService, ConfigService, DEFAULT_DASHBOARD_CONFIG, DEFAULT_LIBRARY_CONFIG, DEFAULT_LOGIN_CONFIG, DashboardComponent, FrmkConfigStore, LoginComponent, VERSION, VERSION_INFO, authGuard };
 export type { AppConfiguration, AuthorizationRequest, AuthorizationResponse, ConfigServerResponse, DashboardConfig, FrmkLibraryConfig, LoginConfig, MenuHierarchyItem, MenuHierarchyRequest };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-lib-angular",
-  "version": "1.0.36",
+  "version": "2.0.1",
   "description": "Angular Librería Framework para autenticación, autorización y componentes de UI",
   "keywords": [
     "angular",

package/src/assets/icons/material-symbols.css

@@ -7,6 +7,7 @@
   src: url('/assets/icons/MaterialSymbolsOutlined.ttf') format('truetype');
 }
 
+/* Clase principal para iconos outlined */
 .material-symbols-outlined {
   font-family: 'Material Symbols Outlined';
   font-weight: normal;
@@ -23,3 +24,22 @@
   font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;
 }
+
+/* Alias: material-symbols-rounded usa la misma fuente Outlined */
+/* Esto permite compatibilidad con código que use 'rounded' */
+.material-symbols-rounded {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}

package/src/lib/styles/_tokens.scss

@@ -3,6 +3,65 @@
 // Variables CSS reutilizables
 // ========================================
 
+// === FUENTES INSTITUCIONALES ===
+// Bembo Std - Para titulares importantes
+@font-face {
+  font-family: 'Bembo Std';
+  src: url('/assets/fonts/Bembo/BemboStd.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Bembo Std';
+  src: url('/assets/fonts/Bembo/BemboStd-Bold.otf') format('opentype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Bembo Std';
+  src: url('/assets/fonts/Bembo/BemboStd-SemiboldItalic.otf') format('opentype');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+// Museo Sans - Para cuerpos de texto
+@font-face {
+  font-family: 'Museo Sans';
+  src: url('/assets/fonts/MuseoSans/Museo_Sans_500.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Museo Sans';
+  src: url('/assets/fonts/MuseoSans/Museo_Sans_500.otf') format('opentype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Museo Sans';
+  src: url('/assets/fonts/MuseoSans/Museo_Sans_500_Italic.otf') format('opentype');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Museo Sans';
+  src: url('/assets/fonts/MuseoSans/Museo_Sans_Rounded_500.otf') format('opentype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
 // === COLORES ===
 :root {
   // Colores primarios
@@ -46,10 +105,17 @@
 
 // === TIPOGRAFÍA ===
 :root {
-  // Familia de fuentes
-  --font-family-primary: 'Museo Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-family-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-  --font-family-mono: 'Fira Code', 'Monaco', 'Consolas', monospace;
+  // Familia de fuentes institucionales
+  // Bembo Std - Para titulares importantes
+  --font-family-headings: 'Bembo Std', Georgia, 'Times New Roman', serif;
+  // Museo Sans - Para cuerpos de texto
+  --font-family-body: 'Museo Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  // Monoespaciada para código
+  --font-family-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
+  
+  // Alias para compatibilidad
+  --font-family-primary: var(--font-family-body);
+  --font-family-secondary: var(--font-family-headings);
   
   // Tamaños de fuente
   --font-size-xs: 0.75rem;    // 12px