@telcomdev/ui 0.0.1

package/README.md

@@ -0,0 +1,54 @@
+# Telcomdev UI
+
+## Sidebar
+
+`TdSidebar` es standalone y no depende de Angular Material ni Tailwind.
+
+```ts
+import { MenuSidebar, TdSidebar } from 'telcomdev-ui';
+
+@Component({
+  imports: [TdSidebar],
+})
+export class App {
+  abierto = true;
+  oscuro = false;
+
+  menu: MenuSidebar[] = [
+    {
+      nombre: 'Inicio',
+      ruta: '/',
+      icono: 'home',
+      orden: 1,
+      subMenus: [],
+    },
+  ];
+}
+```
+
+```html
+<td-sidebar
+  titulo="Gestión Corporativa"
+  subtitulo="Central Platform"
+  [menu]="menu"
+  [(abierto)]="abierto"
+  [oscuro]="oscuro"
+  [cargando]="false"
+  error=""
+  (seleccionar)="onSeleccionar($event)"
+/>
+```
+
+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.
+
+Iconos incluidos: `home`, `dashboard`, `folder`, `settings`, `people`, `person`,
+`security`, `inventory`, `shopping_cart`, `receipt`, `assessment`, `description` y
+`business`.
+
+## Build
+
+```bash
+ng build telcomdev-ui
+```

package/fesm2022/telcomdev-ui.mjs

@@ -0,0 +1,490 @@
+import * as i0 from '@angular/core';
+import { Component, EventEmitter, signal, Output, Input, ChangeDetectionStrategy } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+
+class TelcomdevUi {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TelcomdevUi, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TelcomdevUi, isStandalone: true, selector: "td-telcomdev-ui", ngImport: i0, template: ` <p>telcomdev-ui works!</p> `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TelcomdevUi, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-telcomdev-ui', imports: [], template: ` <p>telcomdev-ui works!</p> ` }]
+        }] });
+
+class TdAlerta {
+    static estiloId = 'td-alerta-estilos';
+    static exito(mensaje, titulo = '¡Operación exitosa!') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'exito',
+            textoConfirmar: 'Aceptar',
+        });
+    }
+    static error(mensaje, titulo = '¡Error!') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'error',
+            textoConfirmar: 'Cerrar',
+        });
+    }
+    static errorSistema(mensaje, titulo = '¡Error de Sistema!') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'error',
+            textoConfirmar: 'Cerrar',
+        });
+    }
+    static advertencia(mensaje, titulo = '¡Advertencia!') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'advertencia',
+            textoConfirmar: 'Aceptar',
+        });
+    }
+    static info(mensaje, titulo = 'Información') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'info',
+            textoConfirmar: 'Aceptar',
+        });
+    }
+    static confirmar(mensaje, titulo = '¿Estás seguro?', textoConfirmar = 'Sí, continuar', textoCancelar = 'Cancelar') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'pregunta',
+            textoConfirmar,
+            textoCancelar,
+            mostrarCancelar: true,
+        });
+    }
+    static confirmarEliminar(mensaje = 'Esta acción no se puede deshacer.', titulo = '¿Eliminar registro?') {
+        return this.mostrar({
+            titulo,
+            mensaje,
+            tipo: 'advertencia',
+            textoConfirmar: 'Sí, eliminar',
+            textoCancelar: 'Cancelar',
+            mostrarCancelar: true,
+        });
+    }
+    static mostrar(opciones) {
+        if (typeof document === 'undefined') {
+            return Promise.resolve(false);
+        }
+        this.inyectarEstilos();
+        const config = {
+            titulo: opciones.titulo ?? '',
+            mensaje: opciones.mensaje ?? '',
+            tipo: opciones.tipo ?? 'info',
+            textoConfirmar: opciones.textoConfirmar ?? 'Aceptar',
+            textoCancelar: opciones.textoCancelar ?? 'Cancelar',
+            mostrarCancelar: opciones.mostrarCancelar ?? false,
+            cerrarConEscape: opciones.cerrarConEscape ?? true,
+            cerrarConFondo: opciones.cerrarConFondo ?? false,
+        };
+        return new Promise((resolve) => {
+            const fondo = document.createElement('div');
+            fondo.className = 'td-alerta-fondo';
+            const modal = document.createElement('div');
+            modal.className = 'td-alerta-modal';
+            modal.setAttribute('role', 'dialog');
+            modal.setAttribute('aria-modal', 'true');
+            const icono = document.createElement('div');
+            icono.className = `td-alerta-icono td-alerta-icono--${config.tipo}`;
+            icono.textContent = this.obtenerIcono(config.tipo);
+            const titulo = document.createElement('h2');
+            titulo.className = 'td-alerta-titulo';
+            titulo.textContent = config.titulo;
+            const mensaje = document.createElement('p');
+            mensaje.className = 'td-alerta-mensaje';
+            mensaje.textContent = config.mensaje;
+            const acciones = document.createElement('div');
+            acciones.className = 'td-alerta-acciones';
+            const botonConfirmar = document.createElement('button');
+            botonConfirmar.type = 'button';
+            botonConfirmar.className = `td-alerta-boton td-alerta-boton--${config.tipo}`;
+            botonConfirmar.textContent = config.textoConfirmar;
+            const botonCancelar = document.createElement('button');
+            botonCancelar.type = 'button';
+            botonCancelar.className = 'td-alerta-boton td-alerta-boton--cancelar';
+            botonCancelar.textContent = config.textoCancelar;
+            const cerrar = (resultado) => {
+                document.removeEventListener('keydown', onKeyDown);
+                fondo.classList.add('td-alerta-saliendo');
+                window.setTimeout(() => {
+                    fondo.remove();
+                    resolve(resultado);
+                }, 140);
+            };
+            const onKeyDown = (event) => {
+                if (event.key === 'Escape' && config.cerrarConEscape) {
+                    cerrar(false);
+                }
+            };
+            botonConfirmar.addEventListener('click', () => cerrar(true));
+            botonCancelar.addEventListener('click', () => cerrar(false));
+            if (config.cerrarConFondo) {
+                fondo.addEventListener('click', (event) => {
+                    if (event.target === fondo) {
+                        cerrar(false);
+                    }
+                });
+            }
+            document.addEventListener('keydown', onKeyDown);
+            if (config.mostrarCancelar) {
+                acciones.appendChild(botonCancelar);
+            }
+            acciones.appendChild(botonConfirmar);
+            modal.appendChild(icono);
+            modal.appendChild(titulo);
+            if (config.mensaje) {
+                modal.appendChild(mensaje);
+            }
+            modal.appendChild(acciones);
+            fondo.appendChild(modal);
+            document.body.appendChild(fondo);
+            botonConfirmar.focus();
+        });
+    }
+    static obtenerIcono(tipo) {
+        const iconos = {
+            exito: '✓',
+            error: '!',
+            advertencia: '!',
+            info: 'i',
+            pregunta: '?',
+        };
+        return iconos[tipo];
+    }
+    static inyectarEstilos() {
+        if (document.getElementById(this.estiloId))
+            return;
+        const style = document.createElement('style');
+        style.id = this.estiloId;
+        style.textContent = `
+      .td-alerta-fondo {
+        position: fixed;
+        inset: 0;
+        z-index: 99999;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 1rem;
+        background: rgba(15, 23, 42, 0.52);
+        animation: td-alerta-fondo-entrada 160ms ease-out;
+      }
+
+      .td-alerta-modal {
+        width: min(100%, 430px);
+        border-radius: 18px;
+        background: #ffffff;
+        padding: 1.75rem;
+        text-align: center;
+        box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28);
+        animation: td-alerta-modal-entrada 180ms ease-out;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      }
+
+      .td-alerta-icono {
+        width: 4.25rem;
+        height: 4.25rem;
+        margin: 0 auto 1rem;
+        border-radius: 999px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 2.1rem;
+        font-weight: 800;
+      }
+
+      .td-alerta-icono--exito {
+        color: #16a34a;
+        background: #dcfce7;
+      }
+
+      .td-alerta-icono--error {
+        color: #ef4444;
+        background: #fee2e2;
+      }
+
+      .td-alerta-icono--advertencia {
+        color: #f59e0b;
+        background: #fef3c7;
+      }
+
+      .td-alerta-icono--info {
+        color: #2563eb;
+        background: #dbeafe;
+      }
+
+      .td-alerta-icono--pregunta {
+        color: #7c3aed;
+        background: #ede9fe;
+      }
+
+      .td-alerta-titulo {
+        margin: 0;
+        color: #111827;
+        font-size: 1.35rem;
+        line-height: 1.25;
+        font-weight: 800;
+      }
+
+      .td-alerta-mensaje {
+        margin: 0.75rem 0 0;
+        color: #4b5563;
+        font-size: 0.96rem;
+        line-height: 1.55;
+      }
+
+      .td-alerta-acciones {
+        display: flex;
+        justify-content: center;
+        gap: 0.75rem;
+        margin-top: 1.5rem;
+      }
+
+      .td-alerta-boton {
+        border: 0;
+        border-radius: 10px;
+        padding: 0.7rem 1.2rem;
+        color: #ffffff;
+        font-size: 0.93rem;
+        font-weight: 700;
+        cursor: pointer;
+        transition: transform 120ms ease, filter 120ms ease, background 120ms ease;
+      }
+
+      .td-alerta-boton:hover {
+        filter: brightness(0.96);
+      }
+
+      .td-alerta-boton:active {
+        transform: scale(0.98);
+      }
+
+      .td-alerta-boton:focus {
+        outline: 3px solid rgba(37, 99, 235, 0.25);
+        outline-offset: 2px;
+      }
+
+      .td-alerta-boton--exito {
+        background: #22c55e;
+      }
+
+      .td-alerta-boton--error {
+        background: #ef4444;
+      }
+
+      .td-alerta-boton--advertencia {
+        background: #f59e0b;
+      }
+
+      .td-alerta-boton--info {
+        background: #2563eb;
+      }
+
+      .td-alerta-boton--pregunta {
+        background: #7c3aed;
+      }
+
+      .td-alerta-boton--cancelar {
+        background: #6b7280;
+      }
+
+      .td-alerta-saliendo {
+        animation: td-alerta-fondo-salida 140ms ease-in forwards;
+      }
+
+      .td-alerta-saliendo .td-alerta-modal {
+        animation: td-alerta-modal-salida 140ms ease-in forwards;
+      }
+
+      @keyframes td-alerta-fondo-entrada {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+
+      @keyframes td-alerta-modal-entrada {
+        from {
+          opacity: 0;
+          transform: translateY(12px) scale(0.96);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0) scale(1);
+        }
+      }
+
+      @keyframes td-alerta-fondo-salida {
+        from { opacity: 1; }
+        to { opacity: 0; }
+      }
+
+      @keyframes td-alerta-modal-salida {
+        from {
+          opacity: 1;
+          transform: translateY(0) scale(1);
+        }
+        to {
+          opacity: 0;
+          transform: translateY(8px) scale(0.97);
+        }
+      }
+
+      @media (max-width: 480px) {
+        .td-alerta-modal {
+          padding: 1.4rem;
+          border-radius: 16px;
+        }
+
+        .td-alerta-acciones {
+          flex-direction: column-reverse;
+        }
+
+        .td-alerta-boton {
+          width: 100%;
+        }
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
+
+class TdSidebar {
+    titulo = 'Gestión Corporativa';
+    subtitulo = 'Central Platform';
+    etiquetaNavegacion = 'Navegación';
+    logoUrl = '';
+    logoAlt = 'Logo';
+    textoCarga = 'Cargando menú...';
+    mensajeVacio = 'No hay opciones disponibles.';
+    error = '';
+    cargando = false;
+    oscuro = false;
+    set abierto(value) {
+        this.abiertoInterno.set(value);
+    }
+    get abierto() {
+        return this.abiertoInterno();
+    }
+    set menu(value) {
+        this.menuNormalizado.set(this.normalizarMenu(value ?? []));
+    }
+    get menu() {
+        return this.menuNormalizado();
+    }
+    abiertoChange = new EventEmitter();
+    seleccionar = new EventEmitter();
+    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);
+            this.abiertoChange.emit(true);
+        }
+        this.expandidos.update((actuales) => {
+            const siguientes = new Set(actuales);
+            siguientes.has(clave) ? siguientes.delete(clave) : siguientes.add(clave);
+            return siguientes;
+        });
+    }
+    estaExpandido(clave) {
+        return this.expandidos().has(clave);
+    }
+    seleccionarItem(item, nivel) {
+        this.seleccionar.emit({ item, nivel });
+    }
+    claveItem(item, padre, indice) {
+        return `${padre}/${item.nombre}-${indice}`;
+    }
+    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)
+            .map((item) => ({
+            ...item,
+            icono: item.icono?.trim() || 'folder',
+            subMenus: this.normalizarMenu(item.subMenus ?? []),
+        }));
+    }
+    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 });
+}
+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"] }]
+        }], propDecorators: { titulo: [{
+                type: Input
+            }], subtitulo: [{
+                type: Input
+            }], etiquetaNavegacion: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], logoAlt: [{
+                type: Input
+            }], textoCarga: [{
+                type: Input
+            }], mensajeVacio: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], cargando: [{
+                type: Input
+            }], oscuro: [{
+                type: Input
+            }], abierto: [{
+                type: Input
+            }], menu: [{
+                type: Input
+            }], abiertoChange: [{
+                type: Output
+            }], 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
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TdAlerta, TdSidebar, TelcomdevUi };
+//# sourceMappingURL=telcomdev-ui.mjs.map

package/fesm2022/telcomdev-ui.mjs.map

@@ -0,0 +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":";;;;;MAQa,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,2EAHZ,CAAA,4BAAA,CAA8B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAG7B,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,EAAE,EAAA,QAAA,EACD,CAAA,4BAAA,CAA8B,EAAA;;;MCQ7B,QAAQ,CAAA;AACX,IAAA,OAAgB,QAAQ,GAAG,mBAAmB;AAEtD,IAAA,OAAO,KAAK,CAAC,OAAe,EAAE,MAAM,GAAG,qBAAqB,EAAA;QAC1D,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,cAAc,EAAE,SAAS;AAC1B,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,KAAK,CAAC,OAAe,EAAE,MAAM,GAAG,SAAS,EAAA;QAC9C,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,cAAc,EAAE,QAAQ;AACzB,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,YAAY,CAAC,OAAe,EAAE,MAAM,GAAG,oBAAoB,EAAA;QAChE,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,cAAc,EAAE,QAAQ;AACzB,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,WAAW,CAAC,OAAe,EAAE,MAAM,GAAG,eAAe,EAAA;QAC1D,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,cAAc,EAAE,SAAS;AAC1B,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,IAAI,CAAC,OAAe,EAAE,MAAM,GAAG,aAAa,EAAA;QACjD,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,cAAc,EAAE,SAAS;AAC1B,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,SAAS,CACd,OAAe,EACf,MAAM,GAAG,gBAAgB,EACzB,cAAc,GAAG,eAAe,EAChC,aAAa,GAAG,UAAU,EAAA;QAE1B,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,UAAU;YAChB,cAAc;YACd,aAAa;AACb,YAAA,eAAe,EAAE,IAAI;AACtB,SAAA,CAAC;IACJ;IAEA,OAAO,iBAAiB,CACtB,OAAO,GAAG,mCAAmC,EAC7C,MAAM,GAAG,qBAAqB,EAAA;QAE9B,OAAO,IAAI,CAAC,OAAO,CAAC;YAClB,MAAM;YACN,OAAO;AACP,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,cAAc,EAAE,cAAc;AAC9B,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,eAAe,EAAE,IAAI;AACtB,SAAA,CAAC;IACJ;IAEA,OAAO,OAAO,CAAC,QAA0B,EAAA;AACvC,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACnC,YAAA,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/B;QAEA,IAAI,CAAC,eAAe,EAAE;AAEtB,QAAA,MAAM,MAAM,GAA+B;AACzC,YAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;AAC7B,YAAA,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE;AAC/B,YAAA,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,MAAM;AAC7B,YAAA,cAAc,EAAE,QAAQ,CAAC,cAAc,IAAI,SAAS;AACpD,YAAA,aAAa,EAAE,QAAQ,CAAC,aAAa,IAAI,UAAU;AACnD,YAAA,eAAe,EAAE,QAAQ,CAAC,eAAe,IAAI,KAAK;AAClD,YAAA,eAAe,EAAE,QAAQ,CAAC,eAAe,IAAI,IAAI;AACjD,YAAA,cAAc,EAAE,QAAQ,CAAC,cAAc,IAAI,KAAK;SACjD;AAED,QAAA,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,KAAI;YACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC3C,YAAA,KAAK,CAAC,SAAS,GAAG,iBAAiB;YAEnC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC3C,YAAA,KAAK,CAAC,SAAS,GAAG,iBAAiB;AACnC,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AACpC,YAAA,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC;YAExC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;YAC3C,KAAK,CAAC,SAAS,GAAG,CAAA,iCAAA,EAAoC,MAAM,CAAC,IAAI,EAAE;YACnE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC;YAElD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;AAC3C,YAAA,MAAM,CAAC,SAAS,GAAG,kBAAkB;AACrC,YAAA,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM;YAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AAC3C,YAAA,OAAO,CAAC,SAAS,GAAG,mBAAmB;AACvC,YAAA,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO;YAEpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9C,YAAA,QAAQ,CAAC,SAAS,GAAG,oBAAoB;YAEzC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACvD,YAAA,cAAc,CAAC,IAAI,GAAG,QAAQ;YAC9B,cAAc,CAAC,SAAS,GAAG,CAAA,iCAAA,EAAoC,MAAM,CAAC,IAAI,EAAE;AAC5E,YAAA,cAAc,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc;YAElD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACtD,YAAA,aAAa,CAAC,IAAI,GAAG,QAAQ;AAC7B,YAAA,aAAa,CAAC,SAAS,GAAG,2CAA2C;AACrE,YAAA,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC,aAAa;AAEhD,YAAA,MAAM,MAAM,GAAG,CAAC,SAAkB,KAAU;AAC1C,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC;AAClD,gBAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAEzC,gBAAA,MAAM,CAAC,UAAU,CAAC,MAAK;oBACrB,KAAK,CAAC,MAAM,EAAE;oBACd,OAAO,CAAC,SAAS,CAAC;gBACpB,CAAC,EAAE,GAAG,CAAC;AACT,YAAA,CAAC;AAED,YAAA,MAAM,SAAS,GAAG,CAAC,KAAoB,KAAU;gBAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,CAAC,eAAe,EAAE;oBACpD,MAAM,CAAC,KAAK,CAAC;gBACf;AACF,YAAA,CAAC;AAED,YAAA,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC;AAC5D,YAAA,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC;AAE5D,YAAA,IAAI,MAAM,CAAC,cAAc,EAAE;gBACzB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,KAAI;AACxC,oBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,EAAE;wBAC1B,MAAM,CAAC,KAAK,CAAC;oBACf;AACF,gBAAA,CAAC,CAAC;YACJ;AAEA,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;AAE/C,YAAA,IAAI,MAAM,CAAC,eAAe,EAAE;AAC1B,gBAAA,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC;YACrC;AAEA,YAAA,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC;AAEpC,YAAA,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;AACxB,YAAA,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;AAEzB,YAAA,IAAI,MAAM,CAAC,OAAO,EAAE;AAClB,gBAAA,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;YAC5B;AAEA,YAAA,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC;AAC3B,YAAA,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;AACxB,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;YAEhC,cAAc,CAAC,KAAK,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;IAEQ,OAAO,YAAY,CAAC,IAAkB,EAAA;AAC5C,QAAA,MAAM,MAAM,GAAiC;AAC3C,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,WAAW,EAAE,GAAG;AAChB,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,QAAQ,EAAE,GAAG;SACd;AAED,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB;AAEQ,IAAA,OAAO,eAAe,GAAA;AAC5B,QAAA,IAAI,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC;YAAE;QAE5C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,QAAA,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ;QACxB,KAAK,CAAC,WAAW,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyLnB;AAED,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAClC;;;MC3XW,SAAS,CAAA;IACX,MAAM,GAAG,qBAAqB;IAC9B,SAAS,GAAG,kBAAkB;IAC9B,kBAAkB,GAAG,YAAY;IACjC,OAAO,GAAG,EAAE;IACZ,OAAO,GAAG,MAAM;IAChB,UAAU,GAAG,kBAAkB;IAC/B,YAAY,GAAG,8BAA8B;IAC7C,KAAK,GAAG,EAAE;IACV,QAAQ,GAAG,KAAK;IAChB,MAAM,GAAG,KAAK;IAEvB,IACI,OAAO,CAAC,KAAc,EAAA;AACxB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;IAChC;AACA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;IAC9B;IAEA,IACI,IAAI,CAAC,KAAuC,EAAA;AAC9C,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC5D;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE;IAC/B;AAEmB,IAAA,aAAa,GAAG,IAAI,YAAY,EAAW;AAC3C,IAAA,WAAW,GAAG,IAAI,YAAY,EAAsB;AAEpD,IAAA,cAAc,GAAG,MAAM,CAAC,IAAI,qFAAC;AAC7B,IAAA,eAAe,GAAG,MAAM,CAAgB,EAAE,sFAAC;AAC3C,IAAA,UAAU,GAAG,MAAM,CAAsB,IAAI,GAAG,EAAU,iFAAC;IAEpE,eAAe,GAAA;AACvB,QAAA,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE;AACxC,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC;AAClC,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;IACpC;AAEU,IAAA,aAAa,CAAC,KAAa,EAAA;AACnC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE;AAC1B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B;QAEA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAI;AAClC,YAAA,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC;YACpC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AACxE,YAAA,OAAO,UAAU;AACnB,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,aAAa,CAAC,KAAa,EAAA;QACnC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IACrC;IAEU,eAAe,CAAC,IAAiB,EAAE,KAAa,EAAA;QACxD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACxC;AAEU,IAAA,SAAS,CAAC,IAAiB,EAAE,KAAa,EAAE,MAAc,EAAA;QAClE,OAAO,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE;IAC5C;IAEU,YAAY,GAAA;AACpB,QAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,WAAW,EAAE;IAC5D;AAEU,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,MAAM,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE;QACjD,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC;IAC3C;AAEQ,IAAA,cAAc,CAAC,KAAoB,EAAA;QACzC,OAAO,CAAC,GAAG,KAAK;AACb,aAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK;AAChC,aAAA,GAAG,CAAC,CAAC,IAAI,MAAM;AACd,YAAA,GAAG,IAAI;YACP,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,QAAQ;YACrC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;AACnD,SAAA,CAAC,CAAC;IACP;wGAnFW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,yaCnBtB,2jIAqHA,EAAA,MAAA,EAAA,CAAA,q0IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDvGY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,oOAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAK7C,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,CAAC,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGxC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2jIAAA,EAAA,MAAA,EAAA,CAAA,q0IAAA,CAAA,EAAA;;sBAG9C;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBAQA;;sBAQA;;sBACA;;AAyDH,MAAM,MAAM,GAA2B;AACrC,IAAA,IAAI,EAAE,qEAAqE;AAC3E,IAAA,SAAS,EACP,4RAA4R;AAC9R,IAAA,MAAM,EACJ,8EAA8E;AAChF,IAAA,QAAQ,EACN,6VAA6V;AAC/V,IAAA,MAAM,EACJ,oNAAoN;AACtN,IAAA,MAAM,EACJ,wFAAwF;AAC1F,IAAA,QAAQ,EACN,gHAAgH;AAClH,IAAA,SAAS,EACP,uFAAuF;AACzF,IAAA,aAAa,EACX,uLAAuL;AACzL,IAAA,OAAO,EAAE,wEAAwE;AACjF,IAAA,UAAU,EACR,8FAA8F;AAChG,IAAA,WAAW,EACT,iGAAiG;AACnG,IAAA,QAAQ,EACN,uHAAuH;CAC1H;;AElID;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@telcomdev/ui",
+  "version": "0.0.1",
+  "description": "Librería UI reutilizable para los sistemas TelcomDev.",
+  "keywords": [
+    "angular",
+    "ui",
+    "components",
+    "telcomdev",
+    "alerts",
+    "sidebar"
+  ],
+  "author": "TelcomDev",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0",
+    "@angular/router": "^21.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/telcomdev-ui.mjs",
+  "typings": "types/telcomdev-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/telcomdev-ui.d.ts",
+      "default": "./fesm2022/telcomdev-ui.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/telcomdev-ui.d.ts

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class TelcomdevUi {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TelcomdevUi, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TelcomdevUi, "td-telcomdev-ui", never, {}, {}, never, never, true, never>;
+}
+
+type TdAlertaTipo = 'exito' | 'error' | 'advertencia' | 'info' | 'pregunta';
+interface TdAlertaOpciones {
+    titulo?: string;
+    mensaje?: string;
+    tipo?: TdAlertaTipo;
+    textoConfirmar?: string;
+    textoCancelar?: string;
+    mostrarCancelar?: boolean;
+    cerrarConEscape?: boolean;
+    cerrarConFondo?: boolean;
+}
+declare class TdAlerta {
+    private static readonly estiloId;
+    static exito(mensaje: string, titulo?: string): Promise<boolean>;
+    static error(mensaje: string, titulo?: string): Promise<boolean>;
+    static errorSistema(mensaje: string, titulo?: string): Promise<boolean>;
+    static advertencia(mensaje: string, titulo?: string): Promise<boolean>;
+    static info(mensaje: string, titulo?: string): Promise<boolean>;
+    static confirmar(mensaje: string, titulo?: string, textoConfirmar?: string, textoCancelar?: string): Promise<boolean>;
+    static confirmarEliminar(mensaje?: string, titulo?: string): Promise<boolean>;
+    static mostrar(opciones: TdAlertaOpciones): Promise<boolean>;
+    private static obtenerIcono;
+    private static inyectarEstilos;
+}
+
+interface MenuSidebar {
+    nombre: string;
+    ruta: string | null;
+    icono: string | null;
+    orden: number;
+    subMenus: MenuSidebar[];
+}
+interface TdSidebarSeleccion {
+    item: MenuSidebar;
+    nivel: number;
+}
+
+declare class TdSidebar {
+    titulo: string;
+    subtitulo: string;
+    etiquetaNavegacion: string;
+    logoUrl: string;
+    logoAlt: string;
+    textoCarga: string;
+    mensajeVacio: string;
+    error: string;
+    cargando: boolean;
+    oscuro: boolean;
+    set abierto(value: boolean);
+    get abierto(): boolean;
+    set menu(value: MenuSidebar[] | null | undefined);
+    get menu(): MenuSidebar[];
+    readonly abiertoChange: EventEmitter<boolean>;
+    readonly seleccionar: EventEmitter<TdSidebarSeleccion>;
+    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>;
+}
+
+export { TdAlerta, TdSidebar, TelcomdevUi };
+export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdSidebarSeleccion };