@telcomdev/ui 0.0.1 → 0.0.2

package/README.md

@@ -1,11 +1,93 @@
 # Telcomdev UI
 
+## Iconos
+
+```ts
+import { TdIcon, TdIconoRegistry } from '@telcomdev/ui';
+
+@Component({
+  imports: [TdIcon],
+})
+export class App {
+  constructor(registry: TdIconoRegistry) {
+    registry.registrar({
+      estrella: 'M12 2 15 9 22 9 17 14 19 22 12 17 5 22 7 14 2 9 9 9Z',
+    });
+  }
+}
+```
+
+```html
+<td-icon nombre="security" tamano="24px" />
+<td-icon nombre="estrella" titulo="Favorito" />
+```
+
+El icono hereda el color CSS mediante `currentColor`. Si el nombre no existe, se muestra
+`folder`.
+
+## Header
+
+```ts
+import { TdHeader } from '@telcomdev/ui';
+
+@Component({
+  imports: [TdHeader],
+})
+export class App {
+  sidebarAbierto = true;
+}
+```
+
+```html
+<td-header
+  [menuAbierto]="sidebarAbierto"
+  [oscuro]="oscuro"
+  usuario="Andrea Torres"
+  cargo="Administradora"
+  [notificaciones]="notificaciones"
+  (menuToggle)="sidebarAbierto = !sidebarAbierto"
+  (notificacionSeleccionada)="abrirNotificacion($event)"
+  (verTodasNotificaciones)="verNotificaciones()"
+  (accionPerfil)="ejecutarAccionPerfil($event)"
+>
+  <button tdHeaderActions type="button">Acción adicional</button>
+</td-header>
+```
+
+El header incluye dropdowns funcionales de notificaciones y perfil, avatar por iniciales,
+modo responsive y tema oscuro. Las acciones `tdHeaderActions` aparecen a la derecha.
+
+## Footer
+
+```ts
+import { TdFooter } from '@telcomdev/ui';
+
+@Component({
+  imports: [TdFooter],
+})
+export class App {}
+```
+
+```html
+<td-footer
+  empresa="TelcomDev"
+  texto="Todos los derechos reservados."
+  version="1.0.0"
+  [oscuro]="oscuro"
+>
+  <a tdFooterLinks href="/privacidad">Privacidad</a>
+  <span tdFooterActions>Angular 21</span>
+</td-footer>
+```
+
+El footer calcula el año actual por defecto y admite el modo `compacto`.
+
 ## Sidebar
 
 `TdSidebar` es standalone y no depende de Angular Material ni Tailwind.
 
 ```ts
-import { MenuSidebar, TdSidebar } from 'telcomdev-ui';
+import { MenuSidebar, TdSidebar } from '@telcomdev/ui';
 
 @Component({
   imports: [TdSidebar],
@@ -32,6 +114,7 @@ export class App {
   subtitulo="Central Platform"
   [menu]="menu"
   [(abierto)]="abierto"
+  modoCerrado="oculto"
   [oscuro]="oscuro"
   [cargando]="false"
   error=""
@@ -39,6 +122,17 @@ export class App {
 />
 ```
 
+El botón para abrir o cerrar debe vivir en el header de la aplicación:
+
+```html
+<button type="button" (click)="abierto = !abierto">
+  <td-icon [nombre]="abierto ? 'close' : 'menu'" />
+</button>
+```
+
+`modoCerrado` acepta `compacto` para conservar una barra de iconos u `oculto` para cerrar
+completamente el sidebar.
+
 La aplicación consumidora obtiene el menú desde su propia API. El componente ordena cada
 nivel por `orden`, usa `folder` cuando no recibe icono y renderiza los submenús
 recursivamente.

package/fesm2022/telcomdev-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, EventEmitter, signal, Output, Input, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy, Injectable, inject, HostBinding, EventEmitter, HostListener, Output, signal } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 
@@ -358,6 +358,279 @@ class TdAlerta {
     }
 }
 
+class TdFooter {
+    empresa = 'TelcomDev';
+    texto = 'Todos los derechos reservados.';
+    version = '';
+    oscuro = false;
+    compacto = false;
+    anio = new Date().getFullYear();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TdFooter, isStandalone: true, selector: "td-footer", inputs: { empresa: "empresa", texto: "texto", version: "version", oscuro: "oscuro", compacto: "compacto", anio: "anio" }, ngImport: i0, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: #fff;--td-footer-borde: #e2e8f0;--td-footer-texto: #475569;--td-footer-suave: #94a3b8;display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: #111116;--td-footer-borde: #29292f;--td-footer-texto: #d4d4d8;--td-footer-suave: #71717a}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: #fff;--td-footer-borde: #e2e8f0;--td-footer-texto: #475569;--td-footer-suave: #94a3b8;display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: #111116;--td-footer-borde: #29292f;--td-footer-texto: #d4d4d8;--td-footer-suave: #71717a}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"] }]
+        }], propDecorators: { empresa: [{
+                type: Input
+            }], texto: [{
+                type: Input
+            }], version: [{
+                type: Input
+            }], oscuro: [{
+                type: Input
+            }], compacto: [{
+                type: Input
+            }], anio: [{
+                type: Input
+            }] } });
+
+const TD_ICONOS = {
+    home: {
+        path: 'M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z',
+    },
+    dashboard: {
+        path: 'M4 3h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm10 0h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm0 8h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1ZM4 14h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z',
+    },
+    folder: {
+        path: 'M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z',
+    },
+    settings: {
+        path: 'M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8.5 3.5c0-.5-.05-.98-.14-1.45l2.02-1.57-2-3.46-2.47 1a8.7 8.7 0 0 0-2.5-1.45L15 2.5h-4l-.4 2.57a8.7 8.7 0 0 0-2.51 1.45l-2.47-1-2 3.46 2.02 1.57a7.7 7.7 0 0 0 0 2.9l-2.02 1.57 2 3.46 2.47-1a8.7 8.7 0 0 0 2.5 1.45L11 21.5h4l.4-2.57a8.7 8.7 0 0 0 2.51-1.45l2.47 1 2-3.46-2.02-1.57c.09-.47.14-.95.14-1.45Z',
+    },
+    people: {
+        path: 'M16 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.5 12a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM16 13c-4 0-7 2-7 4.5V21h14v-3.5C23 15 20 13 16 13ZM6.5 14C2.9 14 1 15.8 1 18v3h6v-3.5c0-1.2.48-2.28 1.3-3.16A9.3 9.3 0 0 0 6.5 14Z',
+    },
+    person: {
+        path: 'M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5Z',
+    },
+    security: {
+        path: 'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4 2.6 2.58 5.6-5.58L18 9l-7 7Z',
+    },
+    inventory: {
+        path: 'm12 2 9 5-9 5-9-5 9-5Zm-7 8.5 6 3.33V22l-6-3.33V10.5Zm8 11.5v-8.17l6-3.33v8.17L13 22Z',
+    },
+    shopping_cart: {
+        path: 'M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 2h11.6l-1.9 5H8.1L4.3 3H1v2h2l3.6 9.6A2 2 0 0 0 8.5 16H19v-2H8.5l-.4-1H18a2 2 0 0 0 1.86-1.27L22 6H6.2Z',
+    },
+    receipt: {
+        path: 'M5 2v20l3-2 4 2 4-2 3 2V2l-3 2-4-2-4 2-3-2Zm3 6h8v2H8V8Zm0 4h8v2H8v-2Z',
+    },
+    assessment: {
+        path: 'M4 20h16v2H4a2 2 0 0 1-2-2V4h2v16Zm3-2H5v-6h2v6Zm4 0H9V7h2v11Zm4 0h-2V4h2v14Zm4 0h-2v-9h2v9Z',
+    },
+    description: {
+        path: 'M6 2h8l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 1.5V8h4.5L13 3.5ZM8 12v2h8v-2H8Zm0 4v2h8v-2H8Z',
+    },
+    business: {
+        path: 'M3 21V3h10v5h8v13h-7v-4h-2v4H3Zm3-14h2V5H6v2Zm4 0h2V5h-2v2Zm-4 4h2V9H6v2Zm4 0h2V9h-2v2Zm6 1h2v-2h-2v2Zm0 4h2v-2h-2v2Z',
+    },
+    chevron_left: {
+        path: 'M14.7 5.3a1 1 0 0 1 0 1.4L9.4 12l5.3 5.3a1 1 0 1 1-1.4 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.4 0Z',
+    },
+    chevron_right: {
+        path: 'M9.3 5.3a1 1 0 0 0 0 1.4l5.3 5.3-5.3 5.3a1 1 0 1 0 1.4 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.4 0Z',
+    },
+    sun: {
+        path: 'M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0-5a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1Zm0 17a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1ZM2 12a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm17 0a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1ZM4.22 4.22a1 1 0 0 1 1.42 0l1.41 1.42a1 1 0 0 1-1.41 1.41L4.22 5.64a1 1 0 0 1 0-1.42Zm12.73 12.73a1 1 0 0 1 1.41 0l1.42 1.41a1 1 0 0 1-1.42 1.42l-1.41-1.42a1 1 0 0 1 0-1.41Zm2.83-12.73a1 1 0 0 1 0 1.42l-1.42 1.41a1 1 0 0 1-1.41-1.41l1.41-1.42a1 1 0 0 1 1.42 0ZM7.05 16.95a1 1 0 0 1 0 1.41l-1.41 1.42a1 1 0 0 1-1.42-1.42l1.42-1.41a1 1 0 0 1 1.41 0Z',
+    },
+    moon: {
+        path: 'M20.5 15.2A8.5 8.5 0 0 1 8.8 3.5 9 9 0 1 0 20.5 15.2Z',
+    },
+    alert: {
+        path: 'M12 2 1 21h22L12 2Zm-1 7h2v6h-2V9Zm0 8h2v2h-2v-2Z',
+    },
+    check: {
+        path: 'm9.2 16.2-4.4-4.4-1.6 1.6 6 6L21 7.6 19.4 6 9.2 16.2Z',
+    },
+    close: {
+        path: 'M6.4 5 12 10.6 17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5Z',
+    },
+    menu: {
+        path: 'M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z',
+    },
+    search: {
+        path: 'M10.5 3a7.5 7.5 0 1 0 4.73 13.32L20.91 22 22 20.91l-5.68-5.68A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z',
+    },
+    notifications: {
+        path: 'M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5.5-6.84V3a1.5 1.5 0 0 0-3 0v1.16A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z',
+    },
+    chevron_down: {
+        path: 'M5.3 8.3a1 1 0 0 1 1.4 0l5.3 5.3 5.3-5.3a1 1 0 1 1 1.4 1.4l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 0-1.4Z',
+    },
+    apps: {
+        path: 'M4 3h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm12 0h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM4 15h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Zm12 0h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z',
+    },
+    help: {
+        path: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-4.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm.2-9.5c-2 0-3.37 1.03-3.7 2.75l1.95.4c.17-.84.77-1.3 1.67-1.3 1 0 1.63.52 1.63 1.35 0 .67-.33 1.03-1.27 1.58-1.12.65-1.48 1.27-1.48 2.47V14h2v-.55c0-.67.2-.94 1.12-1.5 1.18-.72 1.88-1.58 1.88-2.9C16 7.25 14.5 6 12.2 6Z',
+    },
+};
+const TD_ICONOS_NOMBRES = Object.freeze(Object.keys(TD_ICONOS));
+
+class TdIconoRegistry {
+    iconos = new Map(Object.entries(TD_ICONOS));
+    registrar(iconos) {
+        for (const [nombre, definicion] of Object.entries(iconos)) {
+            const clave = this.normalizar(nombre);
+            if (!clave)
+                continue;
+            this.iconos.set(clave, typeof definicion === 'string' ? { path: definicion } : definicion);
+        }
+    }
+    obtener(nombre) {
+        return this.iconos.get(this.normalizar(nombre)) ?? this.iconos.get('folder');
+    }
+    existe(nombre) {
+        return this.iconos.has(this.normalizar(nombre));
+    }
+    nombres() {
+        return [...this.iconos.keys()];
+    }
+    normalizar(nombre) {
+        return (nombre ?? '').trim().toLowerCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdIconoRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdIconoRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdIconoRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TdIcon {
+    registry = inject(TdIconoRegistry);
+    nombre = 'folder';
+    titulo = '';
+    set tamano(value) {
+        this.tamanoCss = typeof value === 'number' ? `${value}px` : value;
+    }
+    tamanoCss = '1.25rem';
+    get tamanoHost() {
+        return this.tamanoCss;
+    }
+    definicion() {
+        return this.registry.obtener(this.nombre);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TdIcon, isStandalone: true, selector: "td-icon", inputs: { nombre: "nombre", titulo: "titulo", tamano: "tamano" }, host: { properties: { "style.--td-icon-size": "this.tamanoHost" } }, ngImport: i0, template: `
+    <svg
+      [attr.viewBox]="definicion().viewBox || '0 0 24 24'"
+      [attr.aria-hidden]="titulo ? null : 'true'"
+      [attr.aria-label]="titulo || null"
+      [attr.role]="titulo ? 'img' : null"
+      focusable="false"
+    >
+      <path [attr.d]="definicion().path" />
+    </svg>
+  `, isInline: true, styles: [":host{display:inline-flex;width:var(--td-icon-size, 1.25rem);height:var(--td-icon-size, 1.25rem);flex:0 0 auto;color:inherit;line-height:0;vertical-align:middle}svg{width:100%;height:100%;fill:currentColor}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdIcon, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-icon', template: `
+    <svg
+      [attr.viewBox]="definicion().viewBox || '0 0 24 24'"
+      [attr.aria-hidden]="titulo ? null : 'true'"
+      [attr.aria-label]="titulo || null"
+      [attr.role]="titulo ? 'img' : null"
+      focusable="false"
+    >
+      <path [attr.d]="definicion().path" />
+    </svg>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;width:var(--td-icon-size, 1.25rem);height:var(--td-icon-size, 1.25rem);flex:0 0 auto;color:inherit;line-height:0;vertical-align:middle}svg{width:100%;height:100%;fill:currentColor}\n"] }]
+        }], propDecorators: { nombre: [{
+                type: Input
+            }], titulo: [{
+                type: Input
+            }], tamano: [{
+                type: Input
+            }], tamanoHost: [{
+                type: HostBinding,
+                args: ['style.--td-icon-size']
+            }] } });
+
+class TdHeader {
+    menuAbierto = true;
+    mostrarMenu = true;
+    usuario = '';
+    cargo = '';
+    avatarUrl = '';
+    notificaciones = [];
+    oscuro = false;
+    fijo = true;
+    menuToggle = new EventEmitter();
+    notificacionSeleccionada = new EventEmitter();
+    verTodasNotificaciones = new EventEmitter();
+    accionPerfil = new EventEmitter();
+    panelNotificacionesAbierto = false;
+    panelPerfilAbierto = false;
+    alternarMenu() {
+        this.menuToggle.emit();
+    }
+    alternarNotificaciones() {
+        this.panelNotificacionesAbierto = !this.panelNotificacionesAbierto;
+        this.panelPerfilAbierto = false;
+    }
+    alternarPerfil() {
+        this.panelPerfilAbierto = !this.panelPerfilAbierto;
+        this.panelNotificacionesAbierto = false;
+    }
+    seleccionarNotificacion(notificacion) {
+        this.notificacionSeleccionada.emit(notificacion);
+        this.panelNotificacionesAbierto = false;
+    }
+    emitirAccionPerfil(accion) {
+        this.accionPerfil.emit(accion);
+        this.panelPerfilAbierto = false;
+    }
+    notificacionesNoLeidas() {
+        return this.notificaciones.filter((item) => !item.leida).length;
+    }
+    inicialesUsuario() {
+        const partes = this.usuario.trim().split(/\s+/).filter(Boolean);
+        return (partes
+            .slice(0, 2)
+            .map((parte) => parte.charAt(0))
+            .join('') || 'U').toUpperCase();
+    }
+    cerrarConEscape() {
+        this.panelNotificacionesAbierto = false;
+        this.panelPerfilAbierto = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TdHeader, isStandalone: true, selector: "td-header", inputs: { menuAbierto: "menuAbierto", mostrarMenu: "mostrarMenu", usuario: "usuario", cargo: "cargo", avatarUrl: "avatarUrl", notificaciones: "notificaciones", oscuro: "oscuro", fijo: "fijo" }, outputs: { menuToggle: "menuToggle", notificacionSeleccionada: "notificacionSeleccionada", verTodasNotificaciones: "verTodasNotificaciones", accionPerfil: "accionPerfil" }, host: { listeners: { "document:keydown.escape": "cerrarConEscape()" } }, ngImport: i0, template: "<header\n  class=\"td-header\"\n  [class.td-header--oscuro]=\"oscuro\"\n  [class.td-header--fijo]=\"fijo\"\n>\n  <div class=\"td-header__inicio\">\n    @if (mostrarMenu) {\n      <button\n        class=\"td-header__boton td-header__menu\"\n        type=\"button\"\n        [attr.aria-label]=\"menuAbierto ? 'Cerrar sidebar' : 'Abrir sidebar'\"\n        [attr.aria-expanded]=\"menuAbierto\"\n        (click)=\"alternarMenu()\"\n      >\n        <td-icon [nombre]=\"menuAbierto ? 'close' : 'menu'\" />\n      </button>\n    }\n\n    <ng-content select=\"[tdHeaderStart]\" />\n  </div>\n\n  <div class=\"td-header__centro\">\n    <ng-content select=\"[tdHeaderCenter]\" />\n  </div>\n\n  <div class=\"td-header__acciones\">\n    <ng-content select=\"[tdHeaderActions]\" />\n\n    <div class=\"td-header__desplegable\">\n      <button\n        class=\"td-header__boton td-header__notificaciones\"\n        type=\"button\"\n        aria-label=\"Notificaciones\"\n        [attr.aria-expanded]=\"panelNotificacionesAbierto\"\n        (click)=\"alternarNotificaciones()\"\n      >\n        <td-icon nombre=\"notifications\" />\n        @if (notificacionesNoLeidas() > 0) {\n          <span>{{ notificacionesNoLeidas() > 99 ? '99+' : notificacionesNoLeidas() }}</span>\n        }\n      </button>\n\n      @if (panelNotificacionesAbierto) {\n        <section class=\"td-header__panel td-header__panel--notificaciones\">\n          <header>\n            <div>\n              <strong>Notificaciones</strong>\n              <small>{{ notificacionesNoLeidas() }} sin leer</small>\n            </div>\n            <td-icon nombre=\"notifications\" />\n          </header>\n\n          <div class=\"td-header__lista-notificaciones\">\n            @for (notificacion of notificaciones; track notificacion.id) {\n              <button\n                type=\"button\"\n                [class.td-header__notificacion--nueva]=\"!notificacion.leida\"\n                (click)=\"seleccionarNotificacion(notificacion)\"\n              >\n                <span class=\"td-header__notificacion-icono\">\n                  <td-icon [nombre]=\"notificacion.icono || 'notifications'\" />\n                </span>\n                <span>\n                  <strong>{{ notificacion.titulo }}</strong>\n                  @if (notificacion.descripcion) {\n                    <small>{{ notificacion.descripcion }}</small>\n                  }\n                  @if (notificacion.fecha) {\n                    <time>{{ notificacion.fecha }}</time>\n                  }\n                </span>\n              </button>\n            } @empty {\n              <p class=\"td-header__vacio\">No tienes notificaciones.</p>\n            }\n          </div>\n\n          @if (notificaciones.length) {\n            <button\n              class=\"td-header__ver-todas\"\n              type=\"button\"\n              (click)=\"verTodasNotificaciones.emit(); panelNotificacionesAbierto = false\"\n            >\n              Ver todas las notificaciones\n            </button>\n          }\n        </section>\n      }\n    </div>\n\n    @if (usuario) {\n      <span class=\"td-header__separador\" aria-hidden=\"true\"></span>\n\n      <div class=\"td-header__desplegable\">\n        <button\n          class=\"td-header__perfil\"\n          type=\"button\"\n          aria-label=\"Abrir perfil de usuario\"\n          [attr.aria-expanded]=\"panelPerfilAbierto\"\n          (click)=\"alternarPerfil()\"\n        >\n          <span class=\"td-header__avatar\">\n            @if (avatarUrl) {\n              <img [src]=\"avatarUrl\" [alt]=\"usuario\" />\n            } @else {\n              {{ inicialesUsuario() }}\n            }\n          </span>\n          <span class=\"td-header__usuario\">\n            <strong>{{ usuario }}</strong>\n            @if (cargo) {\n              <small>{{ cargo }}</small>\n            }\n          </span>\n          <td-icon nombre=\"chevron_down\" tamano=\"0.85rem\" />\n        </button>\n\n        @if (panelPerfilAbierto) {\n          <section class=\"td-header__panel td-header__panel--perfil\">\n            <div class=\"td-header__perfil-resumen\">\n              <span class=\"td-header__avatar td-header__avatar--grande\">{{ inicialesUsuario() }}</span>\n              <div>\n                <strong>{{ usuario }}</strong>\n                <small>{{ cargo || 'Usuario' }}</small>\n              </div>\n            </div>\n            <div class=\"td-header__perfil-opciones\">\n              <button type=\"button\" (click)=\"emitirAccionPerfil('perfil')\">\n                <td-icon nombre=\"person\" /> Mi perfil\n              </button>\n              <button type=\"button\" (click)=\"emitirAccionPerfil('configuracion')\">\n                <td-icon nombre=\"settings\" /> Configuraci\u00F3n\n              </button>\n              <button class=\"td-header__salir\" type=\"button\" (click)=\"emitirAccionPerfil('salir')\">\n                <td-icon nombre=\"close\" /> Cerrar sesi\u00F3n\n              </button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</header>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-header{--fondo: rgba(255, 255, 255, .92);--borde: #e5e9f1;--texto: #172036;--suave: #7b8498;--hover: #f3f5fa;--acento: #5746d8;position:relative;z-index:30;display:grid;min-height:4.25rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-bottom:1px solid var(--borde);padding:.65rem 1.25rem;color:var(--texto);background:var(--fondo);box-shadow:0 8px 30px #232a440d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.td-header--fijo{position:sticky;top:0}.td-header--oscuro{--fondo: rgba(18, 18, 24, .94);--borde: #2b2c35;--texto: #f5f5f6;--suave: #92929f;--hover: #272730;--acento: #a89cf7}.td-header__inicio,.td-header__acciones{display:flex;min-width:0;align-items:center;gap:.5rem}.td-header__acciones{justify-content:flex-end}.td-header__centro{min-width:0}.td-header__boton{position:relative;display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid transparent;border-radius:.75rem;padding:0;color:var(--suave);background:transparent;cursor:pointer}.td-header__boton:hover,.td-header__perfil:hover,.td-header__menu{border-color:var(--borde);color:var(--acento);background:var(--hover)}.td-header__notificaciones>span{position:absolute;top:-.05rem;right:-.12rem;display:grid;min-width:1.05rem;height:1.05rem;place-items:center;border:2px solid var(--fondo);border-radius:999px;padding:0 .15rem;color:#fff;background:#ef4444;font-size:.5rem;font-weight:800}.td-header__separador{width:1px;height:1.75rem;margin:0 .2rem;background:var(--borde)}.td-header__desplegable{position:relative}.td-header__perfil{display:flex;align-items:center;gap:.55rem;border:1px solid transparent;border-radius:.8rem;padding:.28rem .42rem;color:var(--texto);background:transparent;font:inherit;text-align:left;cursor:pointer}.td-header__avatar{display:grid;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--acento) 18%,var(--borde));border-radius:.7rem;color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,var(--hover));font-size:.68rem;font-weight:850}.td-header__avatar img{width:100%;height:100%;object-fit:cover}.td-header__avatar--grande{width:2.8rem;height:2.8rem;flex-basis:2.8rem}.td-header__usuario{display:grid;max-width:9rem;gap:.05rem}.td-header__usuario strong,.td-header__usuario small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-header__usuario strong{font-size:.75rem}.td-header__usuario small{color:var(--suave);font-size:.66rem}.td-header__panel{position:absolute;top:calc(100% + .75rem);right:0;width:min(22rem,100vw - 1.5rem);overflow:hidden;border:1px solid var(--borde);border-radius:1rem;color:var(--texto);background:var(--fondo);box-shadow:0 22px 55px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:td-header-panel .14s ease-out}.td-header__panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde);padding:1rem;color:var(--acento)}.td-header__panel>header div,.td-header__perfil-resumen div{display:grid;gap:.15rem}.td-header__panel>header strong,.td-header__perfil-resumen strong{color:var(--texto);font-size:.82rem}.td-header__panel>header small,.td-header__perfil-resumen small{color:var(--suave);font-size:.68rem}.td-header__lista-notificaciones{max-height:22rem;overflow-y:auto}.td-header__lista-notificaciones>button{position:relative;display:flex;width:100%;gap:.75rem;border:0;border-bottom:1px solid var(--borde);padding:.85rem 1rem;color:var(--texto);background:transparent;font:inherit;text-align:left;cursor:pointer}.td-header__lista-notificaciones>button:hover{background:var(--hover)}.td-header__notificacion--nueva:after{position:absolute;top:1rem;right:.8rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--acento);content:\"\"}.td-header__notificacion-icono{display:grid;width:2.2rem;height:2.2rem;flex:0 0 2.2rem;place-items:center;border-radius:.65rem;color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,transparent)}.td-header__lista-notificaciones button>span:last-child{display:grid;min-width:0;gap:.18rem;padding-right:.7rem}.td-header__lista-notificaciones strong{font-size:.75rem}.td-header__lista-notificaciones small{color:var(--suave);font-size:.68rem;line-height:1.4}.td-header__lista-notificaciones time{color:var(--acento);font-size:.61rem}.td-header__ver-todas{width:100%;border:0;padding:.8rem;color:var(--acento);background:transparent;font:750 .7rem/1 inherit;cursor:pointer}.td-header__ver-todas:hover{background:var(--hover)}.td-header__vacio{margin:0;padding:2rem 1rem;color:var(--suave);font-size:.75rem;text-align:center}.td-header__panel--perfil{width:17rem}.td-header__perfil-resumen{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--borde);padding:1rem}.td-header__perfil-opciones{padding:.45rem}.td-header__perfil-opciones button{display:flex;width:100%;align-items:center;gap:.65rem;border:0;border-radius:.55rem;padding:.65rem .7rem;color:var(--texto);background:transparent;font:600 .72rem/1 inherit;cursor:pointer}.td-header__perfil-opciones button:hover{background:var(--hover)}.td-header__perfil-opciones .td-header__salir{color:#dc2626}@keyframes td-header-panel{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.td-header{grid-template-columns:1fr auto;padding-inline:.75rem}.td-header__centro,.td-header__usuario,.td-header__separador{display:none}.td-header__panel{position:fixed;top:4.5rem;right:.75rem}}\n"], dependencies: [{ kind: "component", type: TdIcon, selector: "td-icon", inputs: ["nombre", "titulo", "tamano"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-header', imports: [TdIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"td-header\"\n  [class.td-header--oscuro]=\"oscuro\"\n  [class.td-header--fijo]=\"fijo\"\n>\n  <div class=\"td-header__inicio\">\n    @if (mostrarMenu) {\n      <button\n        class=\"td-header__boton td-header__menu\"\n        type=\"button\"\n        [attr.aria-label]=\"menuAbierto ? 'Cerrar sidebar' : 'Abrir sidebar'\"\n        [attr.aria-expanded]=\"menuAbierto\"\n        (click)=\"alternarMenu()\"\n      >\n        <td-icon [nombre]=\"menuAbierto ? 'close' : 'menu'\" />\n      </button>\n    }\n\n    <ng-content select=\"[tdHeaderStart]\" />\n  </div>\n\n  <div class=\"td-header__centro\">\n    <ng-content select=\"[tdHeaderCenter]\" />\n  </div>\n\n  <div class=\"td-header__acciones\">\n    <ng-content select=\"[tdHeaderActions]\" />\n\n    <div class=\"td-header__desplegable\">\n      <button\n        class=\"td-header__boton td-header__notificaciones\"\n        type=\"button\"\n        aria-label=\"Notificaciones\"\n        [attr.aria-expanded]=\"panelNotificacionesAbierto\"\n        (click)=\"alternarNotificaciones()\"\n      >\n        <td-icon nombre=\"notifications\" />\n        @if (notificacionesNoLeidas() > 0) {\n          <span>{{ notificacionesNoLeidas() > 99 ? '99+' : notificacionesNoLeidas() }}</span>\n        }\n      </button>\n\n      @if (panelNotificacionesAbierto) {\n        <section class=\"td-header__panel td-header__panel--notificaciones\">\n          <header>\n            <div>\n              <strong>Notificaciones</strong>\n              <small>{{ notificacionesNoLeidas() }} sin leer</small>\n            </div>\n            <td-icon nombre=\"notifications\" />\n          </header>\n\n          <div class=\"td-header__lista-notificaciones\">\n            @for (notificacion of notificaciones; track notificacion.id) {\n              <button\n                type=\"button\"\n                [class.td-header__notificacion--nueva]=\"!notificacion.leida\"\n                (click)=\"seleccionarNotificacion(notificacion)\"\n              >\n                <span class=\"td-header__notificacion-icono\">\n                  <td-icon [nombre]=\"notificacion.icono || 'notifications'\" />\n                </span>\n                <span>\n                  <strong>{{ notificacion.titulo }}</strong>\n                  @if (notificacion.descripcion) {\n                    <small>{{ notificacion.descripcion }}</small>\n                  }\n                  @if (notificacion.fecha) {\n                    <time>{{ notificacion.fecha }}</time>\n                  }\n                </span>\n              </button>\n            } @empty {\n              <p class=\"td-header__vacio\">No tienes notificaciones.</p>\n            }\n          </div>\n\n          @if (notificaciones.length) {\n            <button\n              class=\"td-header__ver-todas\"\n              type=\"button\"\n              (click)=\"verTodasNotificaciones.emit(); panelNotificacionesAbierto = false\"\n            >\n              Ver todas las notificaciones\n            </button>\n          }\n        </section>\n      }\n    </div>\n\n    @if (usuario) {\n      <span class=\"td-header__separador\" aria-hidden=\"true\"></span>\n\n      <div class=\"td-header__desplegable\">\n        <button\n          class=\"td-header__perfil\"\n          type=\"button\"\n          aria-label=\"Abrir perfil de usuario\"\n          [attr.aria-expanded]=\"panelPerfilAbierto\"\n          (click)=\"alternarPerfil()\"\n        >\n          <span class=\"td-header__avatar\">\n            @if (avatarUrl) {\n              <img [src]=\"avatarUrl\" [alt]=\"usuario\" />\n            } @else {\n              {{ inicialesUsuario() }}\n            }\n          </span>\n          <span class=\"td-header__usuario\">\n            <strong>{{ usuario }}</strong>\n            @if (cargo) {\n              <small>{{ cargo }}</small>\n            }\n          </span>\n          <td-icon nombre=\"chevron_down\" tamano=\"0.85rem\" />\n        </button>\n\n        @if (panelPerfilAbierto) {\n          <section class=\"td-header__panel td-header__panel--perfil\">\n            <div class=\"td-header__perfil-resumen\">\n              <span class=\"td-header__avatar td-header__avatar--grande\">{{ inicialesUsuario() }}</span>\n              <div>\n                <strong>{{ usuario }}</strong>\n                <small>{{ cargo || 'Usuario' }}</small>\n              </div>\n            </div>\n            <div class=\"td-header__perfil-opciones\">\n              <button type=\"button\" (click)=\"emitirAccionPerfil('perfil')\">\n                <td-icon nombre=\"person\" /> Mi perfil\n              </button>\n              <button type=\"button\" (click)=\"emitirAccionPerfil('configuracion')\">\n                <td-icon nombre=\"settings\" /> Configuraci\u00F3n\n              </button>\n              <button class=\"td-header__salir\" type=\"button\" (click)=\"emitirAccionPerfil('salir')\">\n                <td-icon nombre=\"close\" /> Cerrar sesi\u00F3n\n              </button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</header>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-header{--fondo: rgba(255, 255, 255, .92);--borde: #e5e9f1;--texto: #172036;--suave: #7b8498;--hover: #f3f5fa;--acento: #5746d8;position:relative;z-index:30;display:grid;min-height:4.25rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-bottom:1px solid var(--borde);padding:.65rem 1.25rem;color:var(--texto);background:var(--fondo);box-shadow:0 8px 30px #232a440d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.td-header--fijo{position:sticky;top:0}.td-header--oscuro{--fondo: rgba(18, 18, 24, .94);--borde: #2b2c35;--texto: #f5f5f6;--suave: #92929f;--hover: #272730;--acento: #a89cf7}.td-header__inicio,.td-header__acciones{display:flex;min-width:0;align-items:center;gap:.5rem}.td-header__acciones{justify-content:flex-end}.td-header__centro{min-width:0}.td-header__boton{position:relative;display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid transparent;border-radius:.75rem;padding:0;color:var(--suave);background:transparent;cursor:pointer}.td-header__boton:hover,.td-header__perfil:hover,.td-header__menu{border-color:var(--borde);color:var(--acento);background:var(--hover)}.td-header__notificaciones>span{position:absolute;top:-.05rem;right:-.12rem;display:grid;min-width:1.05rem;height:1.05rem;place-items:center;border:2px solid var(--fondo);border-radius:999px;padding:0 .15rem;color:#fff;background:#ef4444;font-size:.5rem;font-weight:800}.td-header__separador{width:1px;height:1.75rem;margin:0 .2rem;background:var(--borde)}.td-header__desplegable{position:relative}.td-header__perfil{display:flex;align-items:center;gap:.55rem;border:1px solid transparent;border-radius:.8rem;padding:.28rem .42rem;color:var(--texto);background:transparent;font:inherit;text-align:left;cursor:pointer}.td-header__avatar{display:grid;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--acento) 18%,var(--borde));border-radius:.7rem;color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,var(--hover));font-size:.68rem;font-weight:850}.td-header__avatar img{width:100%;height:100%;object-fit:cover}.td-header__avatar--grande{width:2.8rem;height:2.8rem;flex-basis:2.8rem}.td-header__usuario{display:grid;max-width:9rem;gap:.05rem}.td-header__usuario strong,.td-header__usuario small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-header__usuario strong{font-size:.75rem}.td-header__usuario small{color:var(--suave);font-size:.66rem}.td-header__panel{position:absolute;top:calc(100% + .75rem);right:0;width:min(22rem,100vw - 1.5rem);overflow:hidden;border:1px solid var(--borde);border-radius:1rem;color:var(--texto);background:var(--fondo);box-shadow:0 22px 55px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:td-header-panel .14s ease-out}.td-header__panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde);padding:1rem;color:var(--acento)}.td-header__panel>header div,.td-header__perfil-resumen div{display:grid;gap:.15rem}.td-header__panel>header strong,.td-header__perfil-resumen strong{color:var(--texto);font-size:.82rem}.td-header__panel>header small,.td-header__perfil-resumen small{color:var(--suave);font-size:.68rem}.td-header__lista-notificaciones{max-height:22rem;overflow-y:auto}.td-header__lista-notificaciones>button{position:relative;display:flex;width:100%;gap:.75rem;border:0;border-bottom:1px solid var(--borde);padding:.85rem 1rem;color:var(--texto);background:transparent;font:inherit;text-align:left;cursor:pointer}.td-header__lista-notificaciones>button:hover{background:var(--hover)}.td-header__notificacion--nueva:after{position:absolute;top:1rem;right:.8rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--acento);content:\"\"}.td-header__notificacion-icono{display:grid;width:2.2rem;height:2.2rem;flex:0 0 2.2rem;place-items:center;border-radius:.65rem;color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,transparent)}.td-header__lista-notificaciones button>span:last-child{display:grid;min-width:0;gap:.18rem;padding-right:.7rem}.td-header__lista-notificaciones strong{font-size:.75rem}.td-header__lista-notificaciones small{color:var(--suave);font-size:.68rem;line-height:1.4}.td-header__lista-notificaciones time{color:var(--acento);font-size:.61rem}.td-header__ver-todas{width:100%;border:0;padding:.8rem;color:var(--acento);background:transparent;font:750 .7rem/1 inherit;cursor:pointer}.td-header__ver-todas:hover{background:var(--hover)}.td-header__vacio{margin:0;padding:2rem 1rem;color:var(--suave);font-size:.75rem;text-align:center}.td-header__panel--perfil{width:17rem}.td-header__perfil-resumen{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--borde);padding:1rem}.td-header__perfil-opciones{padding:.45rem}.td-header__perfil-opciones button{display:flex;width:100%;align-items:center;gap:.65rem;border:0;border-radius:.55rem;padding:.65rem .7rem;color:var(--texto);background:transparent;font:600 .72rem/1 inherit;cursor:pointer}.td-header__perfil-opciones button:hover{background:var(--hover)}.td-header__perfil-opciones .td-header__salir{color:#dc2626}@keyframes td-header-panel{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.td-header{grid-template-columns:1fr auto;padding-inline:.75rem}.td-header__centro,.td-header__usuario,.td-header__separador{display:none}.td-header__panel{position:fixed;top:4.5rem;right:.75rem}}\n"] }]
+        }], propDecorators: { menuAbierto: [{
+                type: Input
+            }], mostrarMenu: [{
+                type: Input
+            }], usuario: [{
+                type: Input
+            }], cargo: [{
+                type: Input
+            }], avatarUrl: [{
+                type: Input
+            }], notificaciones: [{
+                type: Input
+            }], oscuro: [{
+                type: Input
+            }], fijo: [{
+                type: Input
+            }], menuToggle: [{
+                type: Output
+            }], notificacionSeleccionada: [{
+                type: Output
+            }], verTodasNotificaciones: [{
+                type: Output
+            }], accionPerfil: [{
+                type: Output
+            }], cerrarConEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
 class TdSidebar {
     titulo = 'Gestión Corporativa';
     subtitulo = 'Central Platform';
@@ -369,6 +642,7 @@ class TdSidebar {
     error = '';
     cargando = false;
     oscuro = false;
+    modoCerrado = 'compacto';
     set abierto(value) {
         this.abiertoInterno.set(value);
     }
@@ -386,11 +660,6 @@ class TdSidebar {
     abiertoInterno = signal(true, ...(ngDevMode ? [{ debugName: "abiertoInterno" }] : /* istanbul ignore next */ []));
     menuNormalizado = signal([], ...(ngDevMode ? [{ debugName: "menuNormalizado" }] : /* istanbul ignore next */ []));
     expandidos = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandidos" }] : /* istanbul ignore next */ []));
-    alternarSidebar() {
-        const siguiente = !this.abiertoInterno();
-        this.abiertoInterno.set(siguiente);
-        this.abiertoChange.emit(siguiente);
-    }
     alternarGrupo(clave) {
         if (!this.abiertoInterno()) {
             this.abiertoInterno.set(true);
@@ -414,10 +683,6 @@ class TdSidebar {
     inicialMarca() {
         return (this.titulo.trim().charAt(0) || 'T').toUpperCase();
     }
-    iconoPath(icono) {
-        const nombre = (icono ?? '').trim().toLowerCase();
-        return ICONOS[nombre] ?? ICONOS['folder'];
-    }
     normalizarMenu(items) {
         return [...items]
             .sort((a, b) => a.orden - b.orden)
@@ -428,11 +693,11 @@ class TdSidebar {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TdSidebar, isStandalone: true, selector: "td-sidebar", inputs: { titulo: "titulo", subtitulo: "subtitulo", etiquetaNavegacion: "etiquetaNavegacion", logoUrl: "logoUrl", logoAlt: "logoAlt", textoCarga: "textoCarga", mensajeVacio: "mensajeVacio", error: "error", cargando: "cargando", oscuro: "oscuro", abierto: "abierto", menu: "menu" }, outputs: { abiertoChange: "abiertoChange", seleccionar: "seleccionar" }, ngImport: i0, template: "<aside class=\"td-sidebar\" [class.td-sidebar--compacto]=\"!abiertoInterno()\" [class.td-sidebar--oscuro]=\"oscuro\">\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n    <button\n      class=\"td-sidebar__alternador\"\n      type=\"button\"\n      [attr.aria-label]=\"abiertoInterno() ? 'Contraer men\u00FA' : 'Expandir men\u00FA'\"\n      [attr.title]=\"abiertoInterno() ? 'Contraer men\u00FA' : 'Expandir men\u00FA'\"\n      (click)=\"alternarSidebar()\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"m14.5 6-6 6 6 6\" />\n      </svg>\n    </button>\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">\u2022\u2022\u2022</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Men\u00FA principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <svg\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"m9 6 6 6-6 6\" />\n              </svg>\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n", styles: [":host{display:block;height:100%}*{box-sizing:border-box}.td-sidebar{--td-fondo: #fff;--td-borde: #e2e8f0;--td-texto: #334155;--td-texto-suave: #64748b;--td-hover: #f1f5f9;--td-activo: #e8efff;--td-acento: #2563eb;display:flex;width:18rem;height:100%;min-height:28rem;flex-direction:column;overflow:hidden;border-right:1px solid var(--td-borde);color:var(--td-texto);background:var(--td-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:width .2s ease,background .2s ease,border-color .2s ease}.td-sidebar--oscuro{--td-fondo: #09090b;--td-borde: #27272a;--td-texto: #d4d4d8;--td-texto-suave: #71717a;--td-hover: #18181b;--td-activo: #172554;--td-acento: #60a5fa}.td-sidebar--compacto{width:5rem}.td-sidebar__marca{display:flex;min-height:5rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--td-borde);padding:1rem}.td-sidebar__logo{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;overflow:hidden;border:1px solid var(--td-borde);border-radius:.75rem;color:#fff;background:linear-gradient(135deg,#2563eb,#6d28d9);font-size:1.15rem;font-weight:800}.td-sidebar__logo img{width:75%;height:75%;object-fit:contain}.td-sidebar__marca-texto{min-width:0;flex:1}.td-sidebar__marca-texto small,.td-sidebar__marca-texto strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__marca-texto small{color:var(--td-acento);font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar__marca-texto strong{margin-top:.18rem;font-size:.84rem}.td-sidebar__alternador{display:grid;width:1.75rem;height:1.75rem;flex:0 0 1.75rem;place-items:center;border:0;border-radius:.45rem;color:var(--td-texto-suave);background:transparent;cursor:pointer}.td-sidebar__alternador:hover{color:var(--td-texto);background:var(--td-hover)}.td-sidebar__alternador svg{width:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .2s ease}.td-sidebar--compacto .td-sidebar__alternador{display:none}.td-sidebar__encabezado{min-height:3.35rem;padding:1.25rem 1rem .65rem;color:var(--td-texto-suave);font-size:.66rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar--compacto .td-sidebar__encabezado{text-align:center}.td-sidebar__nav{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:0 .7rem 1rem;scrollbar-width:thin;scrollbar-color:var(--td-borde) transparent}.td-sidebar__lista{margin:0;padding:0;list-style:none}.td-sidebar__lista--anidada{position:relative;margin:.2rem 0 .35rem 1.25rem;padding-left:.7rem}.td-sidebar__lista--anidada:before{position:absolute;inset:0 auto 0 0;width:1px;background:var(--td-borde);content:\"\"}.td-sidebar__item+.td-sidebar__item{margin-top:.2rem}.td-sidebar__enlace{display:flex;width:100%;min-width:0;min-height:2.5rem;align-items:center;gap:.7rem;border:0;border-radius:.55rem;padding:.55rem .7rem;color:var(--td-texto);background:transparent;font:inherit;font-size:.82rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:color .12s ease,background .12s ease}.td-sidebar__enlace:hover{background:var(--td-hover)}.td-sidebar__enlace--activo,.td-sidebar__enlace--ruta-activa{color:var(--td-acento);background:var(--td-activo)}.td-sidebar__enlace span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__icono{width:1.15rem;height:1.15rem;flex:0 0 1.15rem;fill:currentColor}.td-sidebar__flecha{width:.9rem;height:.9rem;flex:0 0 .9rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .16s ease}.td-sidebar__flecha--abierta{transform:rotate(90deg)}.td-sidebar--compacto .td-sidebar__marca{justify-content:center;padding-inline:.7rem}.td-sidebar--compacto .td-sidebar__nav{padding-inline:.65rem}.td-sidebar--compacto .td-sidebar__enlace{justify-content:center;padding-inline:0}.td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2.2rem;font-size:.75rem;font-weight:500}.td-sidebar__lista--anidada .td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2rem;color:var(--td-texto-suave);font-size:.7rem}.td-sidebar__estado{margin:0;padding:.75rem;color:var(--td-texto-suave);font-size:.75rem;line-height:1.45}.td-sidebar__estado--error{color:#d97706}@media(prefers-reduced-motion:reduce){.td-sidebar,.td-sidebar__flecha{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TdSidebar, isStandalone: true, selector: "td-sidebar", inputs: { titulo: "titulo", subtitulo: "subtitulo", etiquetaNavegacion: "etiquetaNavegacion", logoUrl: "logoUrl", logoAlt: "logoAlt", textoCarga: "textoCarga", mensajeVacio: "mensajeVacio", error: "error", cargando: "cargando", oscuro: "oscuro", modoCerrado: "modoCerrado", abierto: "abierto", menu: "menu" }, outputs: { abiertoChange: "abiertoChange", seleccionar: "seleccionar" }, ngImport: i0, template: "<aside\n  class=\"td-sidebar\"\n  [class.td-sidebar--compacto]=\"!abiertoInterno() && modoCerrado === 'compacto'\"\n  [class.td-sidebar--oculto]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n  [class.td-sidebar--oscuro]=\"oscuro\"\n  [attr.aria-hidden]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n>\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">\u2022\u2022\u2022</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Men\u00FA principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <td-icon\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                nombre=\"chevron_right\"\n              />\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n", styles: [":host{display:block;height:100%}*{box-sizing:border-box}.td-sidebar{--td-fondo: #fff;--td-borde: #e2e8f0;--td-texto: #334155;--td-texto-suave: #64748b;--td-hover: #f1f5f9;--td-activo: #e8efff;--td-acento: #2563eb;display:flex;width:18rem;height:100%;min-height:28rem;flex-direction:column;overflow:hidden;border-right:1px solid var(--td-borde);color:var(--td-texto);background:var(--td-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:width .2s ease,background .2s ease,border-color .2s ease}.td-sidebar--oscuro{--td-fondo: #09090b;--td-borde: #27272a;--td-texto: #d4d4d8;--td-texto-suave: #71717a;--td-hover: #18181b;--td-activo: #172554;--td-acento: #60a5fa}.td-sidebar--compacto{width:5rem}.td-sidebar--oculto{width:0;min-width:0;border-right-width:0;visibility:hidden}.td-sidebar__marca{display:flex;min-height:5rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--td-borde);padding:1rem}.td-sidebar__logo{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;overflow:hidden;border:1px solid var(--td-borde);border-radius:.75rem;color:#fff;background:linear-gradient(135deg,#2563eb,#6d28d9);font-size:1.15rem;font-weight:800}.td-sidebar__logo img{width:75%;height:75%;object-fit:contain}.td-sidebar__marca-texto{min-width:0;flex:1}.td-sidebar__marca-texto small,.td-sidebar__marca-texto strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__marca-texto small{color:var(--td-acento);font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar__marca-texto strong{margin-top:.18rem;font-size:.84rem}.td-sidebar__encabezado{min-height:3.35rem;padding:1.25rem 1rem .65rem;color:var(--td-texto-suave);font-size:.66rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar--compacto .td-sidebar__encabezado{text-align:center}.td-sidebar__nav{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:0 .7rem 1rem;scrollbar-width:thin;scrollbar-color:var(--td-borde) transparent}.td-sidebar__lista{margin:0;padding:0;list-style:none}.td-sidebar__lista--anidada{position:relative;margin:.2rem 0 .35rem 1.25rem;padding-left:.7rem}.td-sidebar__lista--anidada:before{position:absolute;inset:0 auto 0 0;width:1px;background:var(--td-borde);content:\"\"}.td-sidebar__item+.td-sidebar__item{margin-top:.2rem}.td-sidebar__enlace{display:flex;width:100%;min-width:0;min-height:2.5rem;align-items:center;gap:.7rem;border:0;border-radius:.55rem;padding:.55rem .7rem;color:var(--td-texto);background:transparent;font:inherit;font-size:.82rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:color .12s ease,background .12s ease}.td-sidebar__enlace:hover{background:var(--td-hover)}.td-sidebar__enlace--activo,.td-sidebar__enlace--ruta-activa{color:var(--td-acento);background:var(--td-activo)}.td-sidebar__enlace span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__icono{width:1.15rem;height:1.15rem;flex:0 0 1.15rem}.td-sidebar__flecha{width:.9rem;height:.9rem;flex:0 0 .9rem;transition:transform .16s ease}.td-sidebar__flecha--abierta{transform:rotate(90deg)}.td-sidebar--compacto .td-sidebar__marca{justify-content:center;padding-inline:.7rem}.td-sidebar--compacto .td-sidebar__nav{padding-inline:.65rem}.td-sidebar--compacto .td-sidebar__enlace{justify-content:center;padding-inline:0}.td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2.2rem;font-size:.75rem;font-weight:500}.td-sidebar__lista--anidada .td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2rem;color:var(--td-texto-suave);font-size:.7rem}.td-sidebar__estado{margin:0;padding:.75rem;color:var(--td-texto-suave);font-size:.75rem;line-height:1.45}.td-sidebar__estado--error{color:#d97706}@media(prefers-reduced-motion:reduce){.td-sidebar,.td-sidebar__flecha{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: TdIcon, selector: "td-icon", inputs: ["nombre", "titulo", "tamano"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TdSidebar, decorators: [{
             type: Component,
-            args: [{ selector: 'td-sidebar', imports: [NgTemplateOutlet, RouterLink, RouterLinkActive], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"td-sidebar\" [class.td-sidebar--compacto]=\"!abiertoInterno()\" [class.td-sidebar--oscuro]=\"oscuro\">\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n    <button\n      class=\"td-sidebar__alternador\"\n      type=\"button\"\n      [attr.aria-label]=\"abiertoInterno() ? 'Contraer men\u00FA' : 'Expandir men\u00FA'\"\n      [attr.title]=\"abiertoInterno() ? 'Contraer men\u00FA' : 'Expandir men\u00FA'\"\n      (click)=\"alternarSidebar()\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"m14.5 6-6 6 6 6\" />\n      </svg>\n    </button>\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">\u2022\u2022\u2022</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Men\u00FA principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <svg\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"m9 6 6 6-6 6\" />\n              </svg>\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n", styles: [":host{display:block;height:100%}*{box-sizing:border-box}.td-sidebar{--td-fondo: #fff;--td-borde: #e2e8f0;--td-texto: #334155;--td-texto-suave: #64748b;--td-hover: #f1f5f9;--td-activo: #e8efff;--td-acento: #2563eb;display:flex;width:18rem;height:100%;min-height:28rem;flex-direction:column;overflow:hidden;border-right:1px solid var(--td-borde);color:var(--td-texto);background:var(--td-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:width .2s ease,background .2s ease,border-color .2s ease}.td-sidebar--oscuro{--td-fondo: #09090b;--td-borde: #27272a;--td-texto: #d4d4d8;--td-texto-suave: #71717a;--td-hover: #18181b;--td-activo: #172554;--td-acento: #60a5fa}.td-sidebar--compacto{width:5rem}.td-sidebar__marca{display:flex;min-height:5rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--td-borde);padding:1rem}.td-sidebar__logo{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;overflow:hidden;border:1px solid var(--td-borde);border-radius:.75rem;color:#fff;background:linear-gradient(135deg,#2563eb,#6d28d9);font-size:1.15rem;font-weight:800}.td-sidebar__logo img{width:75%;height:75%;object-fit:contain}.td-sidebar__marca-texto{min-width:0;flex:1}.td-sidebar__marca-texto small,.td-sidebar__marca-texto strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__marca-texto small{color:var(--td-acento);font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar__marca-texto strong{margin-top:.18rem;font-size:.84rem}.td-sidebar__alternador{display:grid;width:1.75rem;height:1.75rem;flex:0 0 1.75rem;place-items:center;border:0;border-radius:.45rem;color:var(--td-texto-suave);background:transparent;cursor:pointer}.td-sidebar__alternador:hover{color:var(--td-texto);background:var(--td-hover)}.td-sidebar__alternador svg{width:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .2s ease}.td-sidebar--compacto .td-sidebar__alternador{display:none}.td-sidebar__encabezado{min-height:3.35rem;padding:1.25rem 1rem .65rem;color:var(--td-texto-suave);font-size:.66rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar--compacto .td-sidebar__encabezado{text-align:center}.td-sidebar__nav{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:0 .7rem 1rem;scrollbar-width:thin;scrollbar-color:var(--td-borde) transparent}.td-sidebar__lista{margin:0;padding:0;list-style:none}.td-sidebar__lista--anidada{position:relative;margin:.2rem 0 .35rem 1.25rem;padding-left:.7rem}.td-sidebar__lista--anidada:before{position:absolute;inset:0 auto 0 0;width:1px;background:var(--td-borde);content:\"\"}.td-sidebar__item+.td-sidebar__item{margin-top:.2rem}.td-sidebar__enlace{display:flex;width:100%;min-width:0;min-height:2.5rem;align-items:center;gap:.7rem;border:0;border-radius:.55rem;padding:.55rem .7rem;color:var(--td-texto);background:transparent;font:inherit;font-size:.82rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:color .12s ease,background .12s ease}.td-sidebar__enlace:hover{background:var(--td-hover)}.td-sidebar__enlace--activo,.td-sidebar__enlace--ruta-activa{color:var(--td-acento);background:var(--td-activo)}.td-sidebar__enlace span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__icono{width:1.15rem;height:1.15rem;flex:0 0 1.15rem;fill:currentColor}.td-sidebar__flecha{width:.9rem;height:.9rem;flex:0 0 .9rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .16s ease}.td-sidebar__flecha--abierta{transform:rotate(90deg)}.td-sidebar--compacto .td-sidebar__marca{justify-content:center;padding-inline:.7rem}.td-sidebar--compacto .td-sidebar__nav{padding-inline:.65rem}.td-sidebar--compacto .td-sidebar__enlace{justify-content:center;padding-inline:0}.td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2.2rem;font-size:.75rem;font-weight:500}.td-sidebar__lista--anidada .td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2rem;color:var(--td-texto-suave);font-size:.7rem}.td-sidebar__estado{margin:0;padding:.75rem;color:var(--td-texto-suave);font-size:.75rem;line-height:1.45}.td-sidebar__estado--error{color:#d97706}@media(prefers-reduced-motion:reduce){.td-sidebar,.td-sidebar__flecha{transition:none}}\n"] }]
+            args: [{ selector: 'td-sidebar', imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, TdIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside\n  class=\"td-sidebar\"\n  [class.td-sidebar--compacto]=\"!abiertoInterno() && modoCerrado === 'compacto'\"\n  [class.td-sidebar--oculto]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n  [class.td-sidebar--oscuro]=\"oscuro\"\n  [attr.aria-hidden]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n>\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">\u2022\u2022\u2022</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Men\u00FA principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <td-icon\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                nombre=\"chevron_right\"\n              />\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n", styles: [":host{display:block;height:100%}*{box-sizing:border-box}.td-sidebar{--td-fondo: #fff;--td-borde: #e2e8f0;--td-texto: #334155;--td-texto-suave: #64748b;--td-hover: #f1f5f9;--td-activo: #e8efff;--td-acento: #2563eb;display:flex;width:18rem;height:100%;min-height:28rem;flex-direction:column;overflow:hidden;border-right:1px solid var(--td-borde);color:var(--td-texto);background:var(--td-fondo);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:width .2s ease,background .2s ease,border-color .2s ease}.td-sidebar--oscuro{--td-fondo: #09090b;--td-borde: #27272a;--td-texto: #d4d4d8;--td-texto-suave: #71717a;--td-hover: #18181b;--td-activo: #172554;--td-acento: #60a5fa}.td-sidebar--compacto{width:5rem}.td-sidebar--oculto{width:0;min-width:0;border-right-width:0;visibility:hidden}.td-sidebar__marca{display:flex;min-height:5rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--td-borde);padding:1rem}.td-sidebar__logo{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;overflow:hidden;border:1px solid var(--td-borde);border-radius:.75rem;color:#fff;background:linear-gradient(135deg,#2563eb,#6d28d9);font-size:1.15rem;font-weight:800}.td-sidebar__logo img{width:75%;height:75%;object-fit:contain}.td-sidebar__marca-texto{min-width:0;flex:1}.td-sidebar__marca-texto small,.td-sidebar__marca-texto strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__marca-texto small{color:var(--td-acento);font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar__marca-texto strong{margin-top:.18rem;font-size:.84rem}.td-sidebar__encabezado{min-height:3.35rem;padding:1.25rem 1rem .65rem;color:var(--td-texto-suave);font-size:.66rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.td-sidebar--compacto .td-sidebar__encabezado{text-align:center}.td-sidebar__nav{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:0 .7rem 1rem;scrollbar-width:thin;scrollbar-color:var(--td-borde) transparent}.td-sidebar__lista{margin:0;padding:0;list-style:none}.td-sidebar__lista--anidada{position:relative;margin:.2rem 0 .35rem 1.25rem;padding-left:.7rem}.td-sidebar__lista--anidada:before{position:absolute;inset:0 auto 0 0;width:1px;background:var(--td-borde);content:\"\"}.td-sidebar__item+.td-sidebar__item{margin-top:.2rem}.td-sidebar__enlace{display:flex;width:100%;min-width:0;min-height:2.5rem;align-items:center;gap:.7rem;border:0;border-radius:.55rem;padding:.55rem .7rem;color:var(--td-texto);background:transparent;font:inherit;font-size:.82rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:color .12s ease,background .12s ease}.td-sidebar__enlace:hover{background:var(--td-hover)}.td-sidebar__enlace--activo,.td-sidebar__enlace--ruta-activa{color:var(--td-acento);background:var(--td-activo)}.td-sidebar__enlace span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.td-sidebar__icono{width:1.15rem;height:1.15rem;flex:0 0 1.15rem}.td-sidebar__flecha{width:.9rem;height:.9rem;flex:0 0 .9rem;transition:transform .16s ease}.td-sidebar__flecha--abierta{transform:rotate(90deg)}.td-sidebar--compacto .td-sidebar__marca{justify-content:center;padding-inline:.7rem}.td-sidebar--compacto .td-sidebar__nav{padding-inline:.65rem}.td-sidebar--compacto .td-sidebar__enlace{justify-content:center;padding-inline:0}.td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2.2rem;font-size:.75rem;font-weight:500}.td-sidebar__lista--anidada .td-sidebar__lista--anidada .td-sidebar__enlace{min-height:2rem;color:var(--td-texto-suave);font-size:.7rem}.td-sidebar__estado{margin:0;padding:.75rem;color:var(--td-texto-suave);font-size:.75rem;line-height:1.45}.td-sidebar__estado--error{color:#d97706}@media(prefers-reduced-motion:reduce){.td-sidebar,.td-sidebar__flecha{transition:none}}\n"] }]
         }], propDecorators: { titulo: [{
                 type: Input
             }], subtitulo: [{
@@ -453,6 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], oscuro: [{
                 type: Input
+            }], modoCerrado: [{
+                type: Input
             }], abierto: [{
                 type: Input
             }], menu: [{
@@ -462,21 +729,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }], seleccionar: [{
                 type: Output
             }] } });
-const ICONOS = {
-    home: 'M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z',
-    dashboard: 'M4 3h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm10 0h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm0 8h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1ZM4 14h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z',
-    folder: 'M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z',
-    settings: 'M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8.5 3.5c0-.5-.05-.98-.14-1.45l2.02-1.57-2-3.46-2.47 1a8.7 8.7 0 0 0-2.5-1.45L15 2.5h-4l-.4 2.57a8.7 8.7 0 0 0-2.51 1.45l-2.47-1-2 3.46 2.02 1.57a7.7 7.7 0 0 0 0 2.9l-2.02 1.57 2 3.46 2.47-1a8.7 8.7 0 0 0 2.5 1.45L11 21.5h4l.4-2.57a8.7 8.7 0 0 0 2.51-1.45l2.47 1 2-3.46-2.02-1.57c.09-.47.14-.95.14-1.45Z',
-    people: 'M16 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.5 12a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM16 13c-4 0-7 2-7 4.5V21h14v-3.5C23 15 20 13 16 13ZM6.5 14C2.9 14 1 15.8 1 18v3h6v-3.5c0-1.2.48-2.28 1.3-3.16A9.3 9.3 0 0 0 6.5 14Z',
-    person: 'M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5Z',
-    security: 'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4 2.6 2.58 5.6-5.58L18 9l-7 7Z',
-    inventory: 'm12 2 9 5-9 5-9-5 9-5Zm-7 8.5 6 3.33V22l-6-3.33V10.5Zm8 11.5v-8.17l6-3.33v8.17L13 22Z',
-    shopping_cart: 'M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 2h11.6l-1.9 5H8.1L4.3 3H1v2h2l3.6 9.6A2 2 0 0 0 8.5 16H19v-2H8.5l-.4-1H18a2 2 0 0 0 1.86-1.27L22 6H6.2Z',
-    receipt: 'M5 2v20l3-2 4 2 4-2 3 2V2l-3 2-4-2-4 2-3-2Zm3 6h8v2H8V8Zm0 4h8v2H8v-2Z',
-    assessment: 'M4 20h16v2H4a2 2 0 0 1-2-2V4h2v16Zm3-2H5v-6h2v6Zm4 0H9V7h2v11Zm4 0h-2V4h2v14Zm4 0h-2v-9h2v9Z',
-    description: 'M6 2h8l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 1.5V8h4.5L13 3.5ZM8 12v2h8v-2H8Zm0 4v2h8v-2H8Z',
-    business: 'M3 21V3h10v5h8v13h-7v-4h-2v4H3Zm3-14h2V5H6v2Zm4 0h2V5h-2v2Zm-4 4h2V9H6v2Zm4 0h2V9h-2v2Zm6 1h2v-2h-2v2Zm0 4h2v-2h-2v2Z',
-};
 
 /*
  * Public API Surface of telcomdev-ui
@@ -486,5 +738,5 @@ const ICONOS = {
  * Generated bundle index. Do not edit.
  */
 
-export { TdAlerta, TdSidebar, TelcomdevUi };
+export { TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdSidebar, TelcomdevUi };
 //# sourceMappingURL=telcomdev-ui.mjs.map

package/fesm2022/telcomdev-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"telcomdev-ui.mjs","sources":["../../../projects/telcomdev-ui/src/lib/telcomdev-ui.ts","../../../projects/telcomdev-ui/src/lib/alerta/td-alerta.ts","../../../projects/telcomdev-ui/src/lib/sidebar/td-sidebar.ts","../../../projects/telcomdev-ui/src/lib/sidebar/td-sidebar.html","../../../projects/telcomdev-ui/src/public-api.ts","../../../projects/telcomdev-ui/src/telcomdev-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'td-telcomdev-ui',\n  imports: [],\n  template: ` <p>telcomdev-ui works!</p> `,\n  styles: ``,\n})\nexport class TelcomdevUi {}\n","export type TdAlertaTipo = 'exito' | 'error' | 'advertencia' | 'info' | 'pregunta';\r\n\r\nexport interface TdAlertaOpciones {\r\n  titulo?: string;\r\n  mensaje?: string;\r\n  tipo?: TdAlertaTipo;\r\n  textoConfirmar?: string;\r\n  textoCancelar?: string;\r\n  mostrarCancelar?: boolean;\r\n  cerrarConEscape?: boolean;\r\n  cerrarConFondo?: boolean;\r\n}\r\n\r\nexport class TdAlerta {\r\n  private static readonly estiloId = 'td-alerta-estilos';\r\n\r\n  static exito(mensaje: string, titulo = '¡Operación exitosa!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'exito',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static error(mensaje: string, titulo = '¡Error!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'error',\r\n      textoConfirmar: 'Cerrar',\r\n    });\r\n  }\r\n\r\n  static errorSistema(mensaje: string, titulo = '¡Error de Sistema!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'error',\r\n      textoConfirmar: 'Cerrar',\r\n    });\r\n  }\r\n\r\n  static advertencia(mensaje: string, titulo = '¡Advertencia!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'advertencia',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static info(mensaje: string, titulo = 'Información'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'info',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static confirmar(\r\n    mensaje: string,\r\n    titulo = '¿Estás seguro?',\r\n    textoConfirmar = 'Sí, continuar',\r\n    textoCancelar = 'Cancelar'\r\n  ): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'pregunta',\r\n      textoConfirmar,\r\n      textoCancelar,\r\n      mostrarCancelar: true,\r\n    });\r\n  }\r\n\r\n  static confirmarEliminar(\r\n    mensaje = 'Esta acción no se puede deshacer.',\r\n    titulo = '¿Eliminar registro?'\r\n  ): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'advertencia',\r\n      textoConfirmar: 'Sí, eliminar',\r\n      textoCancelar: 'Cancelar',\r\n      mostrarCancelar: true,\r\n    });\r\n  }\r\n\r\n  static mostrar(opciones: TdAlertaOpciones): Promise<boolean> {\r\n    if (typeof document === 'undefined') {\r\n      return Promise.resolve(false);\r\n    }\r\n\r\n    this.inyectarEstilos();\r\n\r\n    const config: Required<TdAlertaOpciones> = {\r\n      titulo: opciones.titulo ?? '',\r\n      mensaje: opciones.mensaje ?? '',\r\n      tipo: opciones.tipo ?? 'info',\r\n      textoConfirmar: opciones.textoConfirmar ?? 'Aceptar',\r\n      textoCancelar: opciones.textoCancelar ?? 'Cancelar',\r\n      mostrarCancelar: opciones.mostrarCancelar ?? false,\r\n      cerrarConEscape: opciones.cerrarConEscape ?? true,\r\n      cerrarConFondo: opciones.cerrarConFondo ?? false,\r\n    };\r\n\r\n    return new Promise<boolean>((resolve) => {\r\n      const fondo = document.createElement('div');\r\n      fondo.className = 'td-alerta-fondo';\r\n\r\n      const modal = document.createElement('div');\r\n      modal.className = 'td-alerta-modal';\r\n      modal.setAttribute('role', 'dialog');\r\n      modal.setAttribute('aria-modal', 'true');\r\n\r\n      const icono = document.createElement('div');\r\n      icono.className = `td-alerta-icono td-alerta-icono--${config.tipo}`;\r\n      icono.textContent = this.obtenerIcono(config.tipo);\r\n\r\n      const titulo = document.createElement('h2');\r\n      titulo.className = 'td-alerta-titulo';\r\n      titulo.textContent = config.titulo;\r\n\r\n      const mensaje = document.createElement('p');\r\n      mensaje.className = 'td-alerta-mensaje';\r\n      mensaje.textContent = config.mensaje;\r\n\r\n      const acciones = document.createElement('div');\r\n      acciones.className = 'td-alerta-acciones';\r\n\r\n      const botonConfirmar = document.createElement('button');\r\n      botonConfirmar.type = 'button';\r\n      botonConfirmar.className = `td-alerta-boton td-alerta-boton--${config.tipo}`;\r\n      botonConfirmar.textContent = config.textoConfirmar;\r\n\r\n      const botonCancelar = document.createElement('button');\r\n      botonCancelar.type = 'button';\r\n      botonCancelar.className = 'td-alerta-boton td-alerta-boton--cancelar';\r\n      botonCancelar.textContent = config.textoCancelar;\r\n\r\n      const cerrar = (resultado: boolean): void => {\r\n        document.removeEventListener('keydown', onKeyDown);\r\n        fondo.classList.add('td-alerta-saliendo');\r\n\r\n        window.setTimeout(() => {\r\n          fondo.remove();\r\n          resolve(resultado);\r\n        }, 140);\r\n      };\r\n\r\n      const onKeyDown = (event: KeyboardEvent): void => {\r\n        if (event.key === 'Escape' && config.cerrarConEscape) {\r\n          cerrar(false);\r\n        }\r\n      };\r\n\r\n      botonConfirmar.addEventListener('click', () => cerrar(true));\r\n      botonCancelar.addEventListener('click', () => cerrar(false));\r\n\r\n      if (config.cerrarConFondo) {\r\n        fondo.addEventListener('click', (event) => {\r\n          if (event.target === fondo) {\r\n            cerrar(false);\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', onKeyDown);\r\n\r\n      if (config.mostrarCancelar) {\r\n        acciones.appendChild(botonCancelar);\r\n      }\r\n\r\n      acciones.appendChild(botonConfirmar);\r\n\r\n      modal.appendChild(icono);\r\n      modal.appendChild(titulo);\r\n\r\n      if (config.mensaje) {\r\n        modal.appendChild(mensaje);\r\n      }\r\n\r\n      modal.appendChild(acciones);\r\n      fondo.appendChild(modal);\r\n      document.body.appendChild(fondo);\r\n\r\n      botonConfirmar.focus();\r\n    });\r\n  }\r\n\r\n  private static obtenerIcono(tipo: TdAlertaTipo): string {\r\n    const iconos: Record<TdAlertaTipo, string> = {\r\n      exito: '✓',\r\n      error: '!',\r\n      advertencia: '!',\r\n      info: 'i',\r\n      pregunta: '?',\r\n    };\r\n\r\n    return iconos[tipo];\r\n  }\r\n\r\n  private static inyectarEstilos(): void {\r\n    if (document.getElementById(this.estiloId)) return;\r\n\r\n    const style = document.createElement('style');\r\n    style.id = this.estiloId;\r\n    style.textContent = `\r\n      .td-alerta-fondo {\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 99999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 1rem;\r\n        background: rgba(15, 23, 42, 0.52);\r\n        animation: td-alerta-fondo-entrada 160ms ease-out;\r\n      }\r\n\r\n      .td-alerta-modal {\r\n        width: min(100%, 430px);\r\n        border-radius: 18px;\r\n        background: #ffffff;\r\n        padding: 1.75rem;\r\n        text-align: center;\r\n        box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28);\r\n        animation: td-alerta-modal-entrada 180ms ease-out;\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      }\r\n\r\n      .td-alerta-icono {\r\n        width: 4.25rem;\r\n        height: 4.25rem;\r\n        margin: 0 auto 1rem;\r\n        border-radius: 999px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 2.1rem;\r\n        font-weight: 800;\r\n      }\r\n\r\n      .td-alerta-icono--exito {\r\n        color: #16a34a;\r\n        background: #dcfce7;\r\n      }\r\n\r\n      .td-alerta-icono--error {\r\n        color: #ef4444;\r\n        background: #fee2e2;\r\n      }\r\n\r\n      .td-alerta-icono--advertencia {\r\n        color: #f59e0b;\r\n        background: #fef3c7;\r\n      }\r\n\r\n      .td-alerta-icono--info {\r\n        color: #2563eb;\r\n        background: #dbeafe;\r\n      }\r\n\r\n      .td-alerta-icono--pregunta {\r\n        color: #7c3aed;\r\n        background: #ede9fe;\r\n      }\r\n\r\n      .td-alerta-titulo {\r\n        margin: 0;\r\n        color: #111827;\r\n        font-size: 1.35rem;\r\n        line-height: 1.25;\r\n        font-weight: 800;\r\n      }\r\n\r\n      .td-alerta-mensaje {\r\n        margin: 0.75rem 0 0;\r\n        color: #4b5563;\r\n        font-size: 0.96rem;\r\n        line-height: 1.55;\r\n      }\r\n\r\n      .td-alerta-acciones {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-top: 1.5rem;\r\n      }\r\n\r\n      .td-alerta-boton {\r\n        border: 0;\r\n        border-radius: 10px;\r\n        padding: 0.7rem 1.2rem;\r\n        color: #ffffff;\r\n        font-size: 0.93rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: transform 120ms ease, filter 120ms ease, background 120ms ease;\r\n      }\r\n\r\n      .td-alerta-boton:hover {\r\n        filter: brightness(0.96);\r\n      }\r\n\r\n      .td-alerta-boton:active {\r\n        transform: scale(0.98);\r\n      }\r\n\r\n      .td-alerta-boton:focus {\r\n        outline: 3px solid rgba(37, 99, 235, 0.25);\r\n        outline-offset: 2px;\r\n      }\r\n\r\n      .td-alerta-boton--exito {\r\n        background: #22c55e;\r\n      }\r\n\r\n      .td-alerta-boton--error {\r\n        background: #ef4444;\r\n      }\r\n\r\n      .td-alerta-boton--advertencia {\r\n        background: #f59e0b;\r\n      }\r\n\r\n      .td-alerta-boton--info {\r\n        background: #2563eb;\r\n      }\r\n\r\n      .td-alerta-boton--pregunta {\r\n        background: #7c3aed;\r\n      }\r\n\r\n      .td-alerta-boton--cancelar {\r\n        background: #6b7280;\r\n      }\r\n\r\n      .td-alerta-saliendo {\r\n        animation: td-alerta-fondo-salida 140ms ease-in forwards;\r\n      }\r\n\r\n      .td-alerta-saliendo .td-alerta-modal {\r\n        animation: td-alerta-modal-salida 140ms ease-in forwards;\r\n      }\r\n\r\n      @keyframes td-alerta-fondo-entrada {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n      }\r\n\r\n      @keyframes td-alerta-modal-entrada {\r\n        from {\r\n          opacity: 0;\r\n          transform: translateY(12px) scale(0.96);\r\n        }\r\n        to {\r\n          opacity: 1;\r\n          transform: translateY(0) scale(1);\r\n        }\r\n      }\r\n\r\n      @keyframes td-alerta-fondo-salida {\r\n        from { opacity: 1; }\r\n        to { opacity: 0; }\r\n      }\r\n\r\n      @keyframes td-alerta-modal-salida {\r\n        from {\r\n          opacity: 1;\r\n          transform: translateY(0) scale(1);\r\n        }\r\n        to {\r\n          opacity: 0;\r\n          transform: translateY(8px) scale(0.97);\r\n        }\r\n      }\r\n\r\n      @media (max-width: 480px) {\r\n        .td-alerta-modal {\r\n          padding: 1.4rem;\r\n          border-radius: 16px;\r\n        }\r\n\r\n        .td-alerta-acciones {\r\n          flex-direction: column-reverse;\r\n        }\r\n\r\n        .td-alerta-boton {\r\n          width: 100%;\r\n        }\r\n      }\r\n    `;\r\n\r\n    document.head.appendChild(style);\r\n  }\r\n}","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  signal,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { MenuSidebar, TdSidebarSeleccion } from './menu-sidebar';\n\n@Component({\n  selector: 'td-sidebar',\n  imports: [NgTemplateOutlet, RouterLink, RouterLinkActive],\n  templateUrl: './td-sidebar.html',\n  styleUrl: './td-sidebar.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdSidebar {\n  @Input() titulo = 'Gestión Corporativa';\n  @Input() subtitulo = 'Central Platform';\n  @Input() etiquetaNavegacion = 'Navegación';\n  @Input() logoUrl = '';\n  @Input() logoAlt = 'Logo';\n  @Input() textoCarga = 'Cargando menú...';\n  @Input() mensajeVacio = 'No hay opciones disponibles.';\n  @Input() error = '';\n  @Input() cargando = false;\n  @Input() oscuro = false;\n\n  @Input()\n  set abierto(value: boolean) {\n    this.abiertoInterno.set(value);\n  }\n  get abierto(): boolean {\n    return this.abiertoInterno();\n  }\n\n  @Input()\n  set menu(value: MenuSidebar[] | null | undefined) {\n    this.menuNormalizado.set(this.normalizarMenu(value ?? []));\n  }\n  get menu(): MenuSidebar[] {\n    return this.menuNormalizado();\n  }\n\n  @Output() readonly abiertoChange = new EventEmitter<boolean>();\n  @Output() readonly seleccionar = new EventEmitter<TdSidebarSeleccion>();\n\n  protected readonly abiertoInterno = signal(true);\n  protected readonly menuNormalizado = signal<MenuSidebar[]>([]);\n  protected readonly expandidos = signal<ReadonlySet<string>>(new Set<string>());\n\n  protected alternarSidebar(): void {\n    const siguiente = !this.abiertoInterno();\n    this.abiertoInterno.set(siguiente);\n    this.abiertoChange.emit(siguiente);\n  }\n\n  protected alternarGrupo(clave: string): void {\n    if (!this.abiertoInterno()) {\n      this.abiertoInterno.set(true);\n      this.abiertoChange.emit(true);\n    }\n\n    this.expandidos.update((actuales) => {\n      const siguientes = new Set(actuales);\n      siguientes.has(clave) ? siguientes.delete(clave) : siguientes.add(clave);\n      return siguientes;\n    });\n  }\n\n  protected estaExpandido(clave: string): boolean {\n    return this.expandidos().has(clave);\n  }\n\n  protected seleccionarItem(item: MenuSidebar, nivel: number): void {\n    this.seleccionar.emit({ item, nivel });\n  }\n\n  protected claveItem(item: MenuSidebar, padre: string, indice: number): string {\n    return `${padre}/${item.nombre}-${indice}`;\n  }\n\n  protected inicialMarca(): string {\n    return (this.titulo.trim().charAt(0) || 'T').toUpperCase();\n  }\n\n  protected iconoPath(icono: string | null): string {\n    const nombre = (icono ?? '').trim().toLowerCase();\n    return ICONOS[nombre] ?? ICONOS['folder'];\n  }\n\n  private normalizarMenu(items: MenuSidebar[]): MenuSidebar[] {\n    return [...items]\n      .sort((a, b) => a.orden - b.orden)\n      .map((item) => ({\n        ...item,\n        icono: item.icono?.trim() || 'folder',\n        subMenus: this.normalizarMenu(item.subMenus ?? []),\n      }));\n  }\n}\n\nconst ICONOS: Record<string, string> = {\n  home: 'M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z',\n  dashboard:\n    'M4 3h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm10 0h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm0 8h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1ZM4 14h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z',\n  folder:\n    'M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z',\n  settings:\n    'M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8.5 3.5c0-.5-.05-.98-.14-1.45l2.02-1.57-2-3.46-2.47 1a8.7 8.7 0 0 0-2.5-1.45L15 2.5h-4l-.4 2.57a8.7 8.7 0 0 0-2.51 1.45l-2.47-1-2 3.46 2.02 1.57a7.7 7.7 0 0 0 0 2.9l-2.02 1.57 2 3.46 2.47-1a8.7 8.7 0 0 0 2.5 1.45L11 21.5h4l.4-2.57a8.7 8.7 0 0 0 2.51-1.45l2.47 1 2-3.46-2.02-1.57c.09-.47.14-.95.14-1.45Z',\n  people:\n    'M16 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.5 12a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM16 13c-4 0-7 2-7 4.5V21h14v-3.5C23 15 20 13 16 13ZM6.5 14C2.9 14 1 15.8 1 18v3h6v-3.5c0-1.2.48-2.28 1.3-3.16A9.3 9.3 0 0 0 6.5 14Z',\n  person:\n    'M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5Z',\n  security:\n    'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4 2.6 2.58 5.6-5.58L18 9l-7 7Z',\n  inventory:\n    'm12 2 9 5-9 5-9-5 9-5Zm-7 8.5 6 3.33V22l-6-3.33V10.5Zm8 11.5v-8.17l6-3.33v8.17L13 22Z',\n  shopping_cart:\n    'M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 2h11.6l-1.9 5H8.1L4.3 3H1v2h2l3.6 9.6A2 2 0 0 0 8.5 16H19v-2H8.5l-.4-1H18a2 2 0 0 0 1.86-1.27L22 6H6.2Z',\n  receipt: 'M5 2v20l3-2 4 2 4-2 3 2V2l-3 2-4-2-4 2-3-2Zm3 6h8v2H8V8Zm0 4h8v2H8v-2Z',\n  assessment:\n    'M4 20h16v2H4a2 2 0 0 1-2-2V4h2v16Zm3-2H5v-6h2v6Zm4 0H9V7h2v11Zm4 0h-2V4h2v14Zm4 0h-2v-9h2v9Z',\n  description:\n    'M6 2h8l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 1.5V8h4.5L13 3.5ZM8 12v2h8v-2H8Zm0 4v2h8v-2H8Z',\n  business:\n    'M3 21V3h10v5h8v13h-7v-4h-2v4H3Zm3-14h2V5H6v2Zm4 0h2V5h-2v2Zm-4 4h2V9H6v2Zm4 0h2V9h-2v2Zm6 1h2v-2h-2v2Zm0 4h2v-2h-2v2Z',\n};\n","<aside class=\"td-sidebar\" [class.td-sidebar--compacto]=\"!abiertoInterno()\" [class.td-sidebar--oscuro]=\"oscuro\">\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n    <button\n      class=\"td-sidebar__alternador\"\n      type=\"button\"\n      [attr.aria-label]=\"abiertoInterno() ? 'Contraer menú' : 'Expandir menú'\"\n      [attr.title]=\"abiertoInterno() ? 'Contraer menú' : 'Expandir menú'\"\n      (click)=\"alternarSidebar()\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"m14.5 6-6 6 6 6\" />\n      </svg>\n    </button>\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">•••</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Menú principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <svg\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"m9 6 6 6-6 6\" />\n              </svg>\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <svg class=\"td-sidebar__icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path [attr.d]=\"iconoPath(item.icono)\" />\n            </svg>\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n","/*\n * Public API Surface of telcomdev-ui\n */\n\nexport * from './lib/telcomdev-ui';\nexport * from './lib/alerta';\nexport * from './lib/sidebar';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"telcomdev-ui.mjs","sources":["../../../projects/telcomdev-ui/src/lib/telcomdev-ui.ts","../../../projects/telcomdev-ui/src/lib/alerta/td-alerta.ts","../../../projects/telcomdev-ui/src/lib/footer/td-footer.ts","../../../projects/telcomdev-ui/src/lib/footer/td-footer.html","../../../projects/telcomdev-ui/src/lib/iconos/td-iconos.ts","../../../projects/telcomdev-ui/src/lib/iconos/td-icono-registry.ts","../../../projects/telcomdev-ui/src/lib/iconos/td-icon.ts","../../../projects/telcomdev-ui/src/lib/header/td-header.ts","../../../projects/telcomdev-ui/src/lib/header/td-header.html","../../../projects/telcomdev-ui/src/lib/sidebar/td-sidebar.ts","../../../projects/telcomdev-ui/src/lib/sidebar/td-sidebar.html","../../../projects/telcomdev-ui/src/public-api.ts","../../../projects/telcomdev-ui/src/telcomdev-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'td-telcomdev-ui',\n  imports: [],\n  template: ` <p>telcomdev-ui works!</p> `,\n  styles: ``,\n})\nexport class TelcomdevUi {}\n","export type TdAlertaTipo = 'exito' | 'error' | 'advertencia' | 'info' | 'pregunta';\r\n\r\nexport interface TdAlertaOpciones {\r\n  titulo?: string;\r\n  mensaje?: string;\r\n  tipo?: TdAlertaTipo;\r\n  textoConfirmar?: string;\r\n  textoCancelar?: string;\r\n  mostrarCancelar?: boolean;\r\n  cerrarConEscape?: boolean;\r\n  cerrarConFondo?: boolean;\r\n}\r\n\r\nexport class TdAlerta {\r\n  private static readonly estiloId = 'td-alerta-estilos';\r\n\r\n  static exito(mensaje: string, titulo = '¡Operación exitosa!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'exito',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static error(mensaje: string, titulo = '¡Error!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'error',\r\n      textoConfirmar: 'Cerrar',\r\n    });\r\n  }\r\n\r\n  static errorSistema(mensaje: string, titulo = '¡Error de Sistema!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'error',\r\n      textoConfirmar: 'Cerrar',\r\n    });\r\n  }\r\n\r\n  static advertencia(mensaje: string, titulo = '¡Advertencia!'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'advertencia',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static info(mensaje: string, titulo = 'Información'): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'info',\r\n      textoConfirmar: 'Aceptar',\r\n    });\r\n  }\r\n\r\n  static confirmar(\r\n    mensaje: string,\r\n    titulo = '¿Estás seguro?',\r\n    textoConfirmar = 'Sí, continuar',\r\n    textoCancelar = 'Cancelar'\r\n  ): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'pregunta',\r\n      textoConfirmar,\r\n      textoCancelar,\r\n      mostrarCancelar: true,\r\n    });\r\n  }\r\n\r\n  static confirmarEliminar(\r\n    mensaje = 'Esta acción no se puede deshacer.',\r\n    titulo = '¿Eliminar registro?'\r\n  ): Promise<boolean> {\r\n    return this.mostrar({\r\n      titulo,\r\n      mensaje,\r\n      tipo: 'advertencia',\r\n      textoConfirmar: 'Sí, eliminar',\r\n      textoCancelar: 'Cancelar',\r\n      mostrarCancelar: true,\r\n    });\r\n  }\r\n\r\n  static mostrar(opciones: TdAlertaOpciones): Promise<boolean> {\r\n    if (typeof document === 'undefined') {\r\n      return Promise.resolve(false);\r\n    }\r\n\r\n    this.inyectarEstilos();\r\n\r\n    const config: Required<TdAlertaOpciones> = {\r\n      titulo: opciones.titulo ?? '',\r\n      mensaje: opciones.mensaje ?? '',\r\n      tipo: opciones.tipo ?? 'info',\r\n      textoConfirmar: opciones.textoConfirmar ?? 'Aceptar',\r\n      textoCancelar: opciones.textoCancelar ?? 'Cancelar',\r\n      mostrarCancelar: opciones.mostrarCancelar ?? false,\r\n      cerrarConEscape: opciones.cerrarConEscape ?? true,\r\n      cerrarConFondo: opciones.cerrarConFondo ?? false,\r\n    };\r\n\r\n    return new Promise<boolean>((resolve) => {\r\n      const fondo = document.createElement('div');\r\n      fondo.className = 'td-alerta-fondo';\r\n\r\n      const modal = document.createElement('div');\r\n      modal.className = 'td-alerta-modal';\r\n      modal.setAttribute('role', 'dialog');\r\n      modal.setAttribute('aria-modal', 'true');\r\n\r\n      const icono = document.createElement('div');\r\n      icono.className = `td-alerta-icono td-alerta-icono--${config.tipo}`;\r\n      icono.textContent = this.obtenerIcono(config.tipo);\r\n\r\n      const titulo = document.createElement('h2');\r\n      titulo.className = 'td-alerta-titulo';\r\n      titulo.textContent = config.titulo;\r\n\r\n      const mensaje = document.createElement('p');\r\n      mensaje.className = 'td-alerta-mensaje';\r\n      mensaje.textContent = config.mensaje;\r\n\r\n      const acciones = document.createElement('div');\r\n      acciones.className = 'td-alerta-acciones';\r\n\r\n      const botonConfirmar = document.createElement('button');\r\n      botonConfirmar.type = 'button';\r\n      botonConfirmar.className = `td-alerta-boton td-alerta-boton--${config.tipo}`;\r\n      botonConfirmar.textContent = config.textoConfirmar;\r\n\r\n      const botonCancelar = document.createElement('button');\r\n      botonCancelar.type = 'button';\r\n      botonCancelar.className = 'td-alerta-boton td-alerta-boton--cancelar';\r\n      botonCancelar.textContent = config.textoCancelar;\r\n\r\n      const cerrar = (resultado: boolean): void => {\r\n        document.removeEventListener('keydown', onKeyDown);\r\n        fondo.classList.add('td-alerta-saliendo');\r\n\r\n        window.setTimeout(() => {\r\n          fondo.remove();\r\n          resolve(resultado);\r\n        }, 140);\r\n      };\r\n\r\n      const onKeyDown = (event: KeyboardEvent): void => {\r\n        if (event.key === 'Escape' && config.cerrarConEscape) {\r\n          cerrar(false);\r\n        }\r\n      };\r\n\r\n      botonConfirmar.addEventListener('click', () => cerrar(true));\r\n      botonCancelar.addEventListener('click', () => cerrar(false));\r\n\r\n      if (config.cerrarConFondo) {\r\n        fondo.addEventListener('click', (event) => {\r\n          if (event.target === fondo) {\r\n            cerrar(false);\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', onKeyDown);\r\n\r\n      if (config.mostrarCancelar) {\r\n        acciones.appendChild(botonCancelar);\r\n      }\r\n\r\n      acciones.appendChild(botonConfirmar);\r\n\r\n      modal.appendChild(icono);\r\n      modal.appendChild(titulo);\r\n\r\n      if (config.mensaje) {\r\n        modal.appendChild(mensaje);\r\n      }\r\n\r\n      modal.appendChild(acciones);\r\n      fondo.appendChild(modal);\r\n      document.body.appendChild(fondo);\r\n\r\n      botonConfirmar.focus();\r\n    });\r\n  }\r\n\r\n  private static obtenerIcono(tipo: TdAlertaTipo): string {\r\n    const iconos: Record<TdAlertaTipo, string> = {\r\n      exito: '✓',\r\n      error: '!',\r\n      advertencia: '!',\r\n      info: 'i',\r\n      pregunta: '?',\r\n    };\r\n\r\n    return iconos[tipo];\r\n  }\r\n\r\n  private static inyectarEstilos(): void {\r\n    if (document.getElementById(this.estiloId)) return;\r\n\r\n    const style = document.createElement('style');\r\n    style.id = this.estiloId;\r\n    style.textContent = `\r\n      .td-alerta-fondo {\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 99999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 1rem;\r\n        background: rgba(15, 23, 42, 0.52);\r\n        animation: td-alerta-fondo-entrada 160ms ease-out;\r\n      }\r\n\r\n      .td-alerta-modal {\r\n        width: min(100%, 430px);\r\n        border-radius: 18px;\r\n        background: #ffffff;\r\n        padding: 1.75rem;\r\n        text-align: center;\r\n        box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28);\r\n        animation: td-alerta-modal-entrada 180ms ease-out;\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      }\r\n\r\n      .td-alerta-icono {\r\n        width: 4.25rem;\r\n        height: 4.25rem;\r\n        margin: 0 auto 1rem;\r\n        border-radius: 999px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 2.1rem;\r\n        font-weight: 800;\r\n      }\r\n\r\n      .td-alerta-icono--exito {\r\n        color: #16a34a;\r\n        background: #dcfce7;\r\n      }\r\n\r\n      .td-alerta-icono--error {\r\n        color: #ef4444;\r\n        background: #fee2e2;\r\n      }\r\n\r\n      .td-alerta-icono--advertencia {\r\n        color: #f59e0b;\r\n        background: #fef3c7;\r\n      }\r\n\r\n      .td-alerta-icono--info {\r\n        color: #2563eb;\r\n        background: #dbeafe;\r\n      }\r\n\r\n      .td-alerta-icono--pregunta {\r\n        color: #7c3aed;\r\n        background: #ede9fe;\r\n      }\r\n\r\n      .td-alerta-titulo {\r\n        margin: 0;\r\n        color: #111827;\r\n        font-size: 1.35rem;\r\n        line-height: 1.25;\r\n        font-weight: 800;\r\n      }\r\n\r\n      .td-alerta-mensaje {\r\n        margin: 0.75rem 0 0;\r\n        color: #4b5563;\r\n        font-size: 0.96rem;\r\n        line-height: 1.55;\r\n      }\r\n\r\n      .td-alerta-acciones {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 0.75rem;\r\n        margin-top: 1.5rem;\r\n      }\r\n\r\n      .td-alerta-boton {\r\n        border: 0;\r\n        border-radius: 10px;\r\n        padding: 0.7rem 1.2rem;\r\n        color: #ffffff;\r\n        font-size: 0.93rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: transform 120ms ease, filter 120ms ease, background 120ms ease;\r\n      }\r\n\r\n      .td-alerta-boton:hover {\r\n        filter: brightness(0.96);\r\n      }\r\n\r\n      .td-alerta-boton:active {\r\n        transform: scale(0.98);\r\n      }\r\n\r\n      .td-alerta-boton:focus {\r\n        outline: 3px solid rgba(37, 99, 235, 0.25);\r\n        outline-offset: 2px;\r\n      }\r\n\r\n      .td-alerta-boton--exito {\r\n        background: #22c55e;\r\n      }\r\n\r\n      .td-alerta-boton--error {\r\n        background: #ef4444;\r\n      }\r\n\r\n      .td-alerta-boton--advertencia {\r\n        background: #f59e0b;\r\n      }\r\n\r\n      .td-alerta-boton--info {\r\n        background: #2563eb;\r\n      }\r\n\r\n      .td-alerta-boton--pregunta {\r\n        background: #7c3aed;\r\n      }\r\n\r\n      .td-alerta-boton--cancelar {\r\n        background: #6b7280;\r\n      }\r\n\r\n      .td-alerta-saliendo {\r\n        animation: td-alerta-fondo-salida 140ms ease-in forwards;\r\n      }\r\n\r\n      .td-alerta-saliendo .td-alerta-modal {\r\n        animation: td-alerta-modal-salida 140ms ease-in forwards;\r\n      }\r\n\r\n      @keyframes td-alerta-fondo-entrada {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n      }\r\n\r\n      @keyframes td-alerta-modal-entrada {\r\n        from {\r\n          opacity: 0;\r\n          transform: translateY(12px) scale(0.96);\r\n        }\r\n        to {\r\n          opacity: 1;\r\n          transform: translateY(0) scale(1);\r\n        }\r\n      }\r\n\r\n      @keyframes td-alerta-fondo-salida {\r\n        from { opacity: 1; }\r\n        to { opacity: 0; }\r\n      }\r\n\r\n      @keyframes td-alerta-modal-salida {\r\n        from {\r\n          opacity: 1;\r\n          transform: translateY(0) scale(1);\r\n        }\r\n        to {\r\n          opacity: 0;\r\n          transform: translateY(8px) scale(0.97);\r\n        }\r\n      }\r\n\r\n      @media (max-width: 480px) {\r\n        .td-alerta-modal {\r\n          padding: 1.4rem;\r\n          border-radius: 16px;\r\n        }\r\n\r\n        .td-alerta-acciones {\r\n          flex-direction: column-reverse;\r\n        }\r\n\r\n        .td-alerta-boton {\r\n          width: 100%;\r\n        }\r\n      }\r\n    `;\r\n\r\n    document.head.appendChild(style);\r\n  }\r\n}","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'td-footer',\n  templateUrl: './td-footer.html',\n  styleUrl: './td-footer.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdFooter {\n  @Input() empresa = 'TelcomDev';\n  @Input() texto = 'Todos los derechos reservados.';\n  @Input() version = '';\n  @Input() oscuro = false;\n  @Input() compacto = false;\n  @Input() anio = new Date().getFullYear();\n}\n","<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad\">\n    <span>© {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de página\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n","import { TdIconoDefinicion } from './td-icono.model';\n\nexport const TD_ICONOS = {\n  home: {\n    path: 'M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10.5Z',\n  },\n  dashboard: {\n    path: 'M4 3h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm10 0h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm0 8h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1ZM4 14h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1Z',\n  },\n  folder: {\n    path: 'M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z',\n  },\n  settings: {\n    path: 'M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8.5 3.5c0-.5-.05-.98-.14-1.45l2.02-1.57-2-3.46-2.47 1a8.7 8.7 0 0 0-2.5-1.45L15 2.5h-4l-.4 2.57a8.7 8.7 0 0 0-2.51 1.45l-2.47-1-2 3.46 2.02 1.57a7.7 7.7 0 0 0 0 2.9l-2.02 1.57 2 3.46 2.47-1a8.7 8.7 0 0 0 2.5 1.45L11 21.5h4l.4-2.57a8.7 8.7 0 0 0 2.51-1.45l2.47 1 2-3.46-2.02-1.57c.09-.47.14-.95.14-1.45Z',\n  },\n  people: {\n    path: 'M16 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM6.5 12a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM16 13c-4 0-7 2-7 4.5V21h14v-3.5C23 15 20 13 16 13ZM6.5 14C2.9 14 1 15.8 1 18v3h6v-3.5c0-1.2.48-2.28 1.3-3.16A9.3 9.3 0 0 0 6.5 14Z',\n  },\n  person: {\n    path: 'M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5Z',\n  },\n  security: {\n    path: 'M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4 2.6 2.58 5.6-5.58L18 9l-7 7Z',\n  },\n  inventory: {\n    path: 'm12 2 9 5-9 5-9-5 9-5Zm-7 8.5 6 3.33V22l-6-3.33V10.5Zm8 11.5v-8.17l6-3.33v8.17L13 22Z',\n  },\n  shopping_cart: {\n    path: 'M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 2h11.6l-1.9 5H8.1L4.3 3H1v2h2l3.6 9.6A2 2 0 0 0 8.5 16H19v-2H8.5l-.4-1H18a2 2 0 0 0 1.86-1.27L22 6H6.2Z',\n  },\n  receipt: {\n    path: 'M5 2v20l3-2 4 2 4-2 3 2V2l-3 2-4-2-4 2-3-2Zm3 6h8v2H8V8Zm0 4h8v2H8v-2Z',\n  },\n  assessment: {\n    path: 'M4 20h16v2H4a2 2 0 0 1-2-2V4h2v16Zm3-2H5v-6h2v6Zm4 0H9V7h2v11Zm4 0h-2V4h2v14Zm4 0h-2v-9h2v9Z',\n  },\n  description: {\n    path: 'M6 2h8l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 1.5V8h4.5L13 3.5ZM8 12v2h8v-2H8Zm0 4v2h8v-2H8Z',\n  },\n  business: {\n    path: 'M3 21V3h10v5h8v13h-7v-4h-2v4H3Zm3-14h2V5H6v2Zm4 0h2V5h-2v2Zm-4 4h2V9H6v2Zm4 0h2V9h-2v2Zm6 1h2v-2h-2v2Zm0 4h2v-2h-2v2Z',\n  },\n  chevron_left: {\n    path: 'M14.7 5.3a1 1 0 0 1 0 1.4L9.4 12l5.3 5.3a1 1 0 1 1-1.4 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.4 0Z',\n  },\n  chevron_right: {\n    path: 'M9.3 5.3a1 1 0 0 0 0 1.4l5.3 5.3-5.3 5.3a1 1 0 1 0 1.4 1.4l6-6a1 1 0 0 0 0-1.4l-6-6a1 1 0 0 0-1.4 0Z',\n  },\n  sun: {\n    path: 'M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0-5a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1Zm0 17a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1ZM2 12a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm17 0a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1ZM4.22 4.22a1 1 0 0 1 1.42 0l1.41 1.42a1 1 0 0 1-1.41 1.41L4.22 5.64a1 1 0 0 1 0-1.42Zm12.73 12.73a1 1 0 0 1 1.41 0l1.42 1.41a1 1 0 0 1-1.42 1.42l-1.41-1.42a1 1 0 0 1 0-1.41Zm2.83-12.73a1 1 0 0 1 0 1.42l-1.42 1.41a1 1 0 0 1-1.41-1.41l1.41-1.42a1 1 0 0 1 1.42 0ZM7.05 16.95a1 1 0 0 1 0 1.41l-1.41 1.42a1 1 0 0 1-1.42-1.42l1.42-1.41a1 1 0 0 1 1.41 0Z',\n  },\n  moon: {\n    path: 'M20.5 15.2A8.5 8.5 0 0 1 8.8 3.5 9 9 0 1 0 20.5 15.2Z',\n  },\n  alert: {\n    path: 'M12 2 1 21h22L12 2Zm-1 7h2v6h-2V9Zm0 8h2v2h-2v-2Z',\n  },\n  check: {\n    path: 'm9.2 16.2-4.4-4.4-1.6 1.6 6 6L21 7.6 19.4 6 9.2 16.2Z',\n  },\n  close: {\n    path: 'M6.4 5 12 10.6 17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5Z',\n  },\n  menu: {\n    path: 'M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z',\n  },\n  search: {\n    path: 'M10.5 3a7.5 7.5 0 1 0 4.73 13.32L20.91 22 22 20.91l-5.68-5.68A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z',\n  },\n  notifications: {\n    path: 'M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5.5-6.84V3a1.5 1.5 0 0 0-3 0v1.16A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z',\n  },\n  chevron_down: {\n    path: 'M5.3 8.3a1 1 0 0 1 1.4 0l5.3 5.3 5.3-5.3a1 1 0 1 1 1.4 1.4l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 0-1.4Z',\n  },\n  apps: {\n    path: 'M4 3h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm12 0h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM4 15h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Zm12 0h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z',\n  },\n  help: {\n    path: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-4.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm.2-9.5c-2 0-3.37 1.03-3.7 2.75l1.95.4c.17-.84.77-1.3 1.67-1.3 1 0 1.63.52 1.63 1.35 0 .67-.33 1.03-1.27 1.58-1.12.65-1.48 1.27-1.48 2.47V14h2v-.55c0-.67.2-.94 1.12-1.5 1.18-.72 1.88-1.58 1.88-2.9C16 7.25 14.5 6 12.2 6Z',\n  },\n} satisfies Record<string, TdIconoDefinicion>;\n\nexport type TdIconoNombre = keyof typeof TD_ICONOS;\n\nexport const TD_ICONOS_NOMBRES = Object.freeze(\n  Object.keys(TD_ICONOS) as TdIconoNombre[]\n);\n","import { Injectable } from '@angular/core';\nimport { TdIconoDefinicion, TdIconoPersonalizado } from './td-icono.model';\nimport { TD_ICONOS } from './td-iconos';\n\n@Injectable({ providedIn: 'root' })\nexport class TdIconoRegistry {\n  private readonly iconos = new Map<string, TdIconoDefinicion>(\n    Object.entries(TD_ICONOS)\n  );\n\n  registrar(iconos: TdIconoPersonalizado): void {\n    for (const [nombre, definicion] of Object.entries(iconos)) {\n      const clave = this.normalizar(nombre);\n      if (!clave) continue;\n\n      this.iconos.set(\n        clave,\n        typeof definicion === 'string' ? { path: definicion } : definicion\n      );\n    }\n  }\n\n  obtener(nombre: string | null | undefined): TdIconoDefinicion {\n    return this.iconos.get(this.normalizar(nombre)) ?? this.iconos.get('folder')!;\n  }\n\n  existe(nombre: string): boolean {\n    return this.iconos.has(this.normalizar(nombre));\n  }\n\n  nombres(): string[] {\n    return [...this.iconos.keys()];\n  }\n\n  private normalizar(nombre: string | null | undefined): string {\n    return (nombre ?? '').trim().toLowerCase();\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  inject,\n} from '@angular/core';\nimport { TdIconoRegistry } from './td-icono-registry';\n\n@Component({\n  selector: 'td-icon',\n  template: `\n    <svg\n      [attr.viewBox]=\"definicion().viewBox || '0 0 24 24'\"\n      [attr.aria-hidden]=\"titulo ? null : 'true'\"\n      [attr.aria-label]=\"titulo || null\"\n      [attr.role]=\"titulo ? 'img' : null\"\n      focusable=\"false\"\n    >\n      <path [attr.d]=\"definicion().path\" />\n    </svg>\n  `,\n  styles: `\n    :host {\n      display: inline-flex;\n      width: var(--td-icon-size, 1.25rem);\n      height: var(--td-icon-size, 1.25rem);\n      flex: 0 0 auto;\n      color: inherit;\n      line-height: 0;\n      vertical-align: middle;\n    }\n    svg { width: 100%; height: 100%; fill: currentColor; }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdIcon {\n  private readonly registry = inject(TdIconoRegistry);\n\n  @Input() nombre = 'folder';\n  @Input() titulo = '';\n\n  @Input()\n  set tamano(value: string | number) {\n    this.tamanoCss = typeof value === 'number' ? `${value}px` : value;\n  }\n\n  protected tamanoCss = '1.25rem';\n\n  @HostBinding('style.--td-icon-size')\n  protected get tamanoHost(): string {\n    return this.tamanoCss;\n  }\n\n  protected definicion() {\n    return this.registry.obtener(this.nombre);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n} from '@angular/core';\nimport { TdIcon } from '../iconos';\n\nexport interface TdHeaderNotificacion {\n  id: string | number;\n  titulo: string;\n  descripcion?: string;\n  fecha?: string;\n  icono?: string;\n  leida?: boolean;\n}\n\nexport type TdHeaderAccionPerfil = 'perfil' | 'configuracion' | 'salir';\n\n@Component({\n  selector: 'td-header',\n  imports: [TdIcon],\n  templateUrl: './td-header.html',\n  styleUrl: './td-header.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdHeader {\n  @Input() menuAbierto = true;\n  @Input() mostrarMenu = true;\n  @Input() usuario = '';\n  @Input() cargo = '';\n  @Input() avatarUrl = '';\n  @Input() notificaciones: TdHeaderNotificacion[] = [];\n  @Input() oscuro = false;\n  @Input() fijo = true;\n\n  @Output() readonly menuToggle = new EventEmitter<void>();\n  @Output() readonly notificacionSeleccionada = new EventEmitter<TdHeaderNotificacion>();\n  @Output() readonly verTodasNotificaciones = new EventEmitter<void>();\n  @Output() readonly accionPerfil = new EventEmitter<TdHeaderAccionPerfil>();\n\n  protected panelNotificacionesAbierto = false;\n  protected panelPerfilAbierto = false;\n\n  protected alternarMenu(): void {\n    this.menuToggle.emit();\n  }\n\n  protected alternarNotificaciones(): void {\n    this.panelNotificacionesAbierto = !this.panelNotificacionesAbierto;\n    this.panelPerfilAbierto = false;\n  }\n\n  protected alternarPerfil(): void {\n    this.panelPerfilAbierto = !this.panelPerfilAbierto;\n    this.panelNotificacionesAbierto = false;\n  }\n\n  protected seleccionarNotificacion(notificacion: TdHeaderNotificacion): void {\n    this.notificacionSeleccionada.emit(notificacion);\n    this.panelNotificacionesAbierto = false;\n  }\n\n  protected emitirAccionPerfil(accion: TdHeaderAccionPerfil): void {\n    this.accionPerfil.emit(accion);\n    this.panelPerfilAbierto = false;\n  }\n\n  protected notificacionesNoLeidas(): number {\n    return this.notificaciones.filter((item) => !item.leida).length;\n  }\n\n  protected inicialesUsuario(): string {\n    const partes = this.usuario.trim().split(/\\s+/).filter(Boolean);\n    return (\n      partes\n        .slice(0, 2)\n        .map((parte) => parte.charAt(0))\n        .join('') || 'U'\n    ).toUpperCase();\n  }\n\n  @HostListener('document:keydown.escape')\n  protected cerrarConEscape(): void {\n    this.panelNotificacionesAbierto = false;\n    this.panelPerfilAbierto = false;\n  }\n}\n","<header\n  class=\"td-header\"\n  [class.td-header--oscuro]=\"oscuro\"\n  [class.td-header--fijo]=\"fijo\"\n>\n  <div class=\"td-header__inicio\">\n    @if (mostrarMenu) {\n      <button\n        class=\"td-header__boton td-header__menu\"\n        type=\"button\"\n        [attr.aria-label]=\"menuAbierto ? 'Cerrar sidebar' : 'Abrir sidebar'\"\n        [attr.aria-expanded]=\"menuAbierto\"\n        (click)=\"alternarMenu()\"\n      >\n        <td-icon [nombre]=\"menuAbierto ? 'close' : 'menu'\" />\n      </button>\n    }\n\n    <ng-content select=\"[tdHeaderStart]\" />\n  </div>\n\n  <div class=\"td-header__centro\">\n    <ng-content select=\"[tdHeaderCenter]\" />\n  </div>\n\n  <div class=\"td-header__acciones\">\n    <ng-content select=\"[tdHeaderActions]\" />\n\n    <div class=\"td-header__desplegable\">\n      <button\n        class=\"td-header__boton td-header__notificaciones\"\n        type=\"button\"\n        aria-label=\"Notificaciones\"\n        [attr.aria-expanded]=\"panelNotificacionesAbierto\"\n        (click)=\"alternarNotificaciones()\"\n      >\n        <td-icon nombre=\"notifications\" />\n        @if (notificacionesNoLeidas() > 0) {\n          <span>{{ notificacionesNoLeidas() > 99 ? '99+' : notificacionesNoLeidas() }}</span>\n        }\n      </button>\n\n      @if (panelNotificacionesAbierto) {\n        <section class=\"td-header__panel td-header__panel--notificaciones\">\n          <header>\n            <div>\n              <strong>Notificaciones</strong>\n              <small>{{ notificacionesNoLeidas() }} sin leer</small>\n            </div>\n            <td-icon nombre=\"notifications\" />\n          </header>\n\n          <div class=\"td-header__lista-notificaciones\">\n            @for (notificacion of notificaciones; track notificacion.id) {\n              <button\n                type=\"button\"\n                [class.td-header__notificacion--nueva]=\"!notificacion.leida\"\n                (click)=\"seleccionarNotificacion(notificacion)\"\n              >\n                <span class=\"td-header__notificacion-icono\">\n                  <td-icon [nombre]=\"notificacion.icono || 'notifications'\" />\n                </span>\n                <span>\n                  <strong>{{ notificacion.titulo }}</strong>\n                  @if (notificacion.descripcion) {\n                    <small>{{ notificacion.descripcion }}</small>\n                  }\n                  @if (notificacion.fecha) {\n                    <time>{{ notificacion.fecha }}</time>\n                  }\n                </span>\n              </button>\n            } @empty {\n              <p class=\"td-header__vacio\">No tienes notificaciones.</p>\n            }\n          </div>\n\n          @if (notificaciones.length) {\n            <button\n              class=\"td-header__ver-todas\"\n              type=\"button\"\n              (click)=\"verTodasNotificaciones.emit(); panelNotificacionesAbierto = false\"\n            >\n              Ver todas las notificaciones\n            </button>\n          }\n        </section>\n      }\n    </div>\n\n    @if (usuario) {\n      <span class=\"td-header__separador\" aria-hidden=\"true\"></span>\n\n      <div class=\"td-header__desplegable\">\n        <button\n          class=\"td-header__perfil\"\n          type=\"button\"\n          aria-label=\"Abrir perfil de usuario\"\n          [attr.aria-expanded]=\"panelPerfilAbierto\"\n          (click)=\"alternarPerfil()\"\n        >\n          <span class=\"td-header__avatar\">\n            @if (avatarUrl) {\n              <img [src]=\"avatarUrl\" [alt]=\"usuario\" />\n            } @else {\n              {{ inicialesUsuario() }}\n            }\n          </span>\n          <span class=\"td-header__usuario\">\n            <strong>{{ usuario }}</strong>\n            @if (cargo) {\n              <small>{{ cargo }}</small>\n            }\n          </span>\n          <td-icon nombre=\"chevron_down\" tamano=\"0.85rem\" />\n        </button>\n\n        @if (panelPerfilAbierto) {\n          <section class=\"td-header__panel td-header__panel--perfil\">\n            <div class=\"td-header__perfil-resumen\">\n              <span class=\"td-header__avatar td-header__avatar--grande\">{{ inicialesUsuario() }}</span>\n              <div>\n                <strong>{{ usuario }}</strong>\n                <small>{{ cargo || 'Usuario' }}</small>\n              </div>\n            </div>\n            <div class=\"td-header__perfil-opciones\">\n              <button type=\"button\" (click)=\"emitirAccionPerfil('perfil')\">\n                <td-icon nombre=\"person\" /> Mi perfil\n              </button>\n              <button type=\"button\" (click)=\"emitirAccionPerfil('configuracion')\">\n                <td-icon nombre=\"settings\" /> Configuración\n              </button>\n              <button class=\"td-header__salir\" type=\"button\" (click)=\"emitirAccionPerfil('salir')\">\n                <td-icon nombre=\"close\" /> Cerrar sesión\n              </button>\n            </div>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</header>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  signal,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { TdIcon } from '../iconos';\nimport { MenuSidebar, TdSidebarSeleccion } from './menu-sidebar';\n\nexport type TdSidebarModoCerrado = 'compacto' | 'oculto';\n\n@Component({\n  selector: 'td-sidebar',\n  imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, TdIcon],\n  templateUrl: './td-sidebar.html',\n  styleUrl: './td-sidebar.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdSidebar {\n  @Input() titulo = 'Gestión Corporativa';\n  @Input() subtitulo = 'Central Platform';\n  @Input() etiquetaNavegacion = 'Navegación';\n  @Input() logoUrl = '';\n  @Input() logoAlt = 'Logo';\n  @Input() textoCarga = 'Cargando menú...';\n  @Input() mensajeVacio = 'No hay opciones disponibles.';\n  @Input() error = '';\n  @Input() cargando = false;\n  @Input() oscuro = false;\n  @Input() modoCerrado: TdSidebarModoCerrado = 'compacto';\n\n  @Input()\n  set abierto(value: boolean) {\n    this.abiertoInterno.set(value);\n  }\n  get abierto(): boolean {\n    return this.abiertoInterno();\n  }\n\n  @Input()\n  set menu(value: MenuSidebar[] | null | undefined) {\n    this.menuNormalizado.set(this.normalizarMenu(value ?? []));\n  }\n  get menu(): MenuSidebar[] {\n    return this.menuNormalizado();\n  }\n\n  @Output() readonly abiertoChange = new EventEmitter<boolean>();\n  @Output() readonly seleccionar = new EventEmitter<TdSidebarSeleccion>();\n\n  protected readonly abiertoInterno = signal(true);\n  protected readonly menuNormalizado = signal<MenuSidebar[]>([]);\n  protected readonly expandidos = signal<ReadonlySet<string>>(new Set<string>());\n\n  protected alternarGrupo(clave: string): void {\n    if (!this.abiertoInterno()) {\n      this.abiertoInterno.set(true);\n      this.abiertoChange.emit(true);\n    }\n\n    this.expandidos.update((actuales) => {\n      const siguientes = new Set(actuales);\n      siguientes.has(clave) ? siguientes.delete(clave) : siguientes.add(clave);\n      return siguientes;\n    });\n  }\n\n  protected estaExpandido(clave: string): boolean {\n    return this.expandidos().has(clave);\n  }\n\n  protected seleccionarItem(item: MenuSidebar, nivel: number): void {\n    this.seleccionar.emit({ item, nivel });\n  }\n\n  protected claveItem(item: MenuSidebar, padre: string, indice: number): string {\n    return `${padre}/${item.nombre}-${indice}`;\n  }\n\n  protected inicialMarca(): string {\n    return (this.titulo.trim().charAt(0) || 'T').toUpperCase();\n  }\n\n  private normalizarMenu(items: MenuSidebar[]): MenuSidebar[] {\n    return [...items]\n      .sort((a, b) => a.orden - b.orden)\n      .map((item) => ({\n        ...item,\n        icono: item.icono?.trim() || 'folder',\n        subMenus: this.normalizarMenu(item.subMenus ?? []),\n      }));\n  }\n}\n","<aside\n  class=\"td-sidebar\"\n  [class.td-sidebar--compacto]=\"!abiertoInterno() && modoCerrado === 'compacto'\"\n  [class.td-sidebar--oculto]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n  [class.td-sidebar--oscuro]=\"oscuro\"\n  [attr.aria-hidden]=\"!abiertoInterno() && modoCerrado === 'oculto'\"\n>\n  <header class=\"td-sidebar__marca\">\n    <div class=\"td-sidebar__logo\">\n      @if (logoUrl) {\n        <img [src]=\"logoUrl\" [alt]=\"logoAlt\" />\n      } @else {\n        <span>{{ inicialMarca() }}</span>\n      }\n    </div>\n\n    @if (abiertoInterno()) {\n      <div class=\"td-sidebar__marca-texto\">\n        <small>{{ subtitulo }}</small>\n        <strong>{{ titulo }}</strong>\n      </div>\n    }\n\n  </header>\n\n  <div class=\"td-sidebar__encabezado\">\n    @if (abiertoInterno()) {\n      <span>{{ etiquetaNavegacion }}</span>\n    } @else {\n      <span aria-hidden=\"true\">•••</span>\n    }\n  </div>\n\n  <nav class=\"td-sidebar__nav\" aria-label=\"Menú principal\">\n    @if (cargando) {\n      <p class=\"td-sidebar__estado\">{{ textoCarga }}</p>\n    } @else if (error) {\n      <p class=\"td-sidebar__estado td-sidebar__estado--error\">{{ error }}</p>\n    } @else if (!menuNormalizado().length) {\n      <p class=\"td-sidebar__estado\">{{ mensajeVacio }}</p>\n    } @else {\n      <ng-container\n        [ngTemplateOutlet]=\"listaMenu\"\n        [ngTemplateOutletContext]=\"{ items: menuNormalizado(), nivel: 0, padre: 'raiz' }\"\n      />\n    }\n  </nav>\n</aside>\n\n<ng-template #listaMenu let-items=\"items\" let-nivel=\"nivel\" let-padre=\"padre\">\n  <ul class=\"td-sidebar__lista\" [class.td-sidebar__lista--anidada]=\"nivel > 0\">\n    @for (item of items; track item) {\n      @let clave = claveItem(item, padre, $index);\n      @let tieneHijos = item.subMenus.length > 0;\n\n      <li class=\"td-sidebar__item\">\n        @if (tieneHijos) {\n          <button\n            class=\"td-sidebar__enlace\"\n            type=\"button\"\n            [class.td-sidebar__enlace--activo]=\"estaExpandido(clave)\"\n            [attr.aria-expanded]=\"estaExpandido(clave)\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"alternarGrupo(clave)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n              <td-icon\n                class=\"td-sidebar__flecha\"\n                [class.td-sidebar__flecha--abierta]=\"estaExpandido(clave)\"\n                nombre=\"chevron_right\"\n              />\n            }\n          </button>\n        } @else {\n          <a\n            class=\"td-sidebar__enlace\"\n            [routerLink]=\"item.ruta || '/'\"\n            routerLinkActive=\"td-sidebar__enlace--ruta-activa\"\n            [routerLinkActiveOptions]=\"{ exact: item.ruta === '/' }\"\n            [attr.title]=\"!abiertoInterno() ? item.nombre : null\"\n            (click)=\"seleccionarItem(item, nivel)\"\n          >\n            <td-icon class=\"td-sidebar__icono\" [nombre]=\"item.icono || 'folder'\" />\n            @if (abiertoInterno()) {\n              <span>{{ item.nombre }}</span>\n            }\n          </a>\n        }\n\n        @if (abiertoInterno() && tieneHijos && estaExpandido(clave)) {\n          <ng-container\n            [ngTemplateOutlet]=\"listaMenu\"\n            [ngTemplateOutletContext]=\"{\n              items: item.subMenus,\n              nivel: nivel + 1,\n              padre: clave\n            }\"\n          />\n        }\n      </li>\n    }\n  </ul>\n</ng-template>\n","/*\n * Public API Surface of telcomdev-ui\n */\n\nexport * from './lib/telcomdev-ui';\nexport * from './lib/alerta';\nexport * from './lib/footer';\nexport * from './lib/header';\nexport * from './lib/iconos';\nexport * from './lib/sidebar';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telcomdev/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Librería UI reutilizable para los sistemas TelcomDev.",
   "keywords": [
     "angular",
@@ -8,7 +8,10 @@
     "components",
     "telcomdev",
     "alerts",
-    "sidebar"
+    "sidebar",
+    "header",
+    "footer",
+    "icons"
   ],
   "author": "TelcomDev",
   "license": "MIT",

package/types/telcomdev-ui.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
+import * as _telcomdev_ui from '@telcomdev/ui';
 
 declare class TelcomdevUi {
     static ɵfac: i0.ɵɵFactoryDeclaration<TelcomdevUi, never>;
@@ -31,6 +32,165 @@ declare class TdAlerta {
     private static inyectarEstilos;
 }
 
+declare class TdFooter {
+    empresa: string;
+    texto: string;
+    version: string;
+    oscuro: boolean;
+    compacto: boolean;
+    anio: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdFooter, "td-footer", never, { "empresa": { "alias": "empresa"; "required": false; }; "texto": { "alias": "texto"; "required": false; }; "version": { "alias": "version"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "compacto": { "alias": "compacto"; "required": false; }; "anio": { "alias": "anio"; "required": false; }; }, {}, never, ["[tdFooterLinks]", "[tdFooterActions]"], true, never>;
+}
+
+interface TdHeaderNotificacion {
+    id: string | number;
+    titulo: string;
+    descripcion?: string;
+    fecha?: string;
+    icono?: string;
+    leida?: boolean;
+}
+type TdHeaderAccionPerfil = 'perfil' | 'configuracion' | 'salir';
+declare class TdHeader {
+    menuAbierto: boolean;
+    mostrarMenu: boolean;
+    usuario: string;
+    cargo: string;
+    avatarUrl: string;
+    notificaciones: TdHeaderNotificacion[];
+    oscuro: boolean;
+    fijo: boolean;
+    readonly menuToggle: EventEmitter<void>;
+    readonly notificacionSeleccionada: EventEmitter<TdHeaderNotificacion>;
+    readonly verTodasNotificaciones: EventEmitter<void>;
+    readonly accionPerfil: EventEmitter<TdHeaderAccionPerfil>;
+    protected panelNotificacionesAbierto: boolean;
+    protected panelPerfilAbierto: boolean;
+    protected alternarMenu(): void;
+    protected alternarNotificaciones(): void;
+    protected alternarPerfil(): void;
+    protected seleccionarNotificacion(notificacion: TdHeaderNotificacion): void;
+    protected emitirAccionPerfil(accion: TdHeaderAccionPerfil): void;
+    protected notificacionesNoLeidas(): number;
+    protected inicialesUsuario(): string;
+    protected cerrarConEscape(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdHeader, "td-header", never, { "menuAbierto": { "alias": "menuAbierto"; "required": false; }; "mostrarMenu": { "alias": "mostrarMenu"; "required": false; }; "usuario": { "alias": "usuario"; "required": false; }; "cargo": { "alias": "cargo"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "notificaciones": { "alias": "notificaciones"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "fijo": { "alias": "fijo"; "required": false; }; }, { "menuToggle": "menuToggle"; "notificacionSeleccionada": "notificacionSeleccionada"; "verTodasNotificaciones": "verTodasNotificaciones"; "accionPerfil": "accionPerfil"; }, never, ["[tdHeaderStart]", "[tdHeaderCenter]", "[tdHeaderActions]"], true, never>;
+}
+
+declare class TdIcon {
+    private readonly registry;
+    nombre: string;
+    titulo: string;
+    set tamano(value: string | number);
+    protected tamanoCss: string;
+    protected get tamanoHost(): string;
+    protected definicion(): _telcomdev_ui.TdIconoDefinicion;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdIcon, "td-icon", never, { "nombre": { "alias": "nombre"; "required": false; }; "titulo": { "alias": "titulo"; "required": false; }; "tamano": { "alias": "tamano"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface TdIconoDefinicion {
+    path: string;
+    viewBox?: string;
+}
+type TdIconoPersonalizado = Record<string, string | TdIconoDefinicion>;
+
+declare class TdIconoRegistry {
+    private readonly iconos;
+    registrar(iconos: TdIconoPersonalizado): void;
+    obtener(nombre: string | null | undefined): TdIconoDefinicion;
+    existe(nombre: string): boolean;
+    nombres(): string[];
+    private normalizar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdIconoRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TdIconoRegistry>;
+}
+
+declare const TD_ICONOS: {
+    home: {
+        path: string;
+    };
+    dashboard: {
+        path: string;
+    };
+    folder: {
+        path: string;
+    };
+    settings: {
+        path: string;
+    };
+    people: {
+        path: string;
+    };
+    person: {
+        path: string;
+    };
+    security: {
+        path: string;
+    };
+    inventory: {
+        path: string;
+    };
+    shopping_cart: {
+        path: string;
+    };
+    receipt: {
+        path: string;
+    };
+    assessment: {
+        path: string;
+    };
+    description: {
+        path: string;
+    };
+    business: {
+        path: string;
+    };
+    chevron_left: {
+        path: string;
+    };
+    chevron_right: {
+        path: string;
+    };
+    sun: {
+        path: string;
+    };
+    moon: {
+        path: string;
+    };
+    alert: {
+        path: string;
+    };
+    check: {
+        path: string;
+    };
+    close: {
+        path: string;
+    };
+    menu: {
+        path: string;
+    };
+    search: {
+        path: string;
+    };
+    notifications: {
+        path: string;
+    };
+    chevron_down: {
+        path: string;
+    };
+    apps: {
+        path: string;
+    };
+    help: {
+        path: string;
+    };
+};
+type TdIconoNombre = keyof typeof TD_ICONOS;
+declare const TD_ICONOS_NOMBRES: readonly ("menu" | "search" | "close" | "home" | "dashboard" | "folder" | "settings" | "people" | "person" | "security" | "inventory" | "shopping_cart" | "receipt" | "assessment" | "description" | "business" | "chevron_left" | "chevron_right" | "sun" | "moon" | "alert" | "check" | "notifications" | "chevron_down" | "apps" | "help")[];
+
 interface MenuSidebar {
     nombre: string;
     ruta: string | null;
@@ -43,6 +203,7 @@ interface TdSidebarSeleccion {
     nivel: number;
 }
 
+type TdSidebarModoCerrado = 'compacto' | 'oculto';
 declare class TdSidebar {
     titulo: string;
     subtitulo: string;
@@ -54,6 +215,7 @@ declare class TdSidebar {
     error: string;
     cargando: boolean;
     oscuro: boolean;
+    modoCerrado: TdSidebarModoCerrado;
     set abierto(value: boolean);
     get abierto(): boolean;
     set menu(value: MenuSidebar[] | null | undefined);
@@ -63,17 +225,15 @@ declare class TdSidebar {
     protected readonly abiertoInterno: i0.WritableSignal<boolean>;
     protected readonly menuNormalizado: i0.WritableSignal<MenuSidebar[]>;
     protected readonly expandidos: i0.WritableSignal<ReadonlySet<string>>;
-    protected alternarSidebar(): void;
     protected alternarGrupo(clave: string): void;
     protected estaExpandido(clave: string): boolean;
     protected seleccionarItem(item: MenuSidebar, nivel: number): void;
     protected claveItem(item: MenuSidebar, padre: string, indice: number): string;
     protected inicialMarca(): string;
-    protected iconoPath(icono: string | null): string;
     private normalizarMenu;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdSidebar, "td-sidebar", never, { "titulo": { "alias": "titulo"; "required": false; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "etiquetaNavegacion": { "alias": "etiquetaNavegacion"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "textoCarga": { "alias": "textoCarga"; "required": false; }; "mensajeVacio": { "alias": "mensajeVacio"; "required": false; }; "error": { "alias": "error"; "required": false; }; "cargando": { "alias": "cargando"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "abierto": { "alias": "abierto"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, { "abiertoChange": "abiertoChange"; "seleccionar": "seleccionar"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSidebar, "td-sidebar", never, { "titulo": { "alias": "titulo"; "required": false; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "etiquetaNavegacion": { "alias": "etiquetaNavegacion"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "textoCarga": { "alias": "textoCarga"; "required": false; }; "mensajeVacio": { "alias": "mensajeVacio"; "required": false; }; "error": { "alias": "error"; "required": false; }; "cargando": { "alias": "cargando"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "modoCerrado": { "alias": "modoCerrado"; "required": false; }; "abierto": { "alias": "abierto"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, { "abiertoChange": "abiertoChange"; "seleccionar": "seleccionar"; }, never, never, true, never>;
 }
 
-export { TdAlerta, TdSidebar, TelcomdevUi };
-export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdSidebarSeleccion };
+export { TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdSidebar, TelcomdevUi };
+export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdSidebarModoCerrado, TdSidebarSeleccion };