@telcomdev/ui 0.1.21 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telcomdev/ui",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "Librería UI reutilizable para los sistemas TelcomDev.",
   "keywords": [
     "angular",

package/types/telcomdev-ui.d.ts

@@ -37,6 +37,31 @@ declare class TdAlerta {
     private static inyectarEstilos;
 }
 
+type TdBadgeTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type TdBadgeVariant = 'soft' | 'solid' | 'outline';
+type TdBadgeSize = 'sm' | 'md' | 'lg';
+type TdBadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+declare class TdBadge {
+    tone: TdBadgeTone;
+    variant: TdBadgeVariant;
+    size: TdBadgeSize;
+    value: string | number | null | undefined;
+    position: TdBadgePosition;
+    icon: string;
+    floating: boolean;
+    hidden: boolean;
+    dot: boolean;
+    pill: boolean;
+    ariaLabel: string;
+    protected get isFloating(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdBadge, "td-badge", never, { "tone": { "alias": "tone"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "position": { "alias": "position"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "floating": { "alias": "floating"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_floating: unknown;
+    static ngAcceptInputType_hidden: unknown;
+    static ngAcceptInputType_dot: unknown;
+    static ngAcceptInputType_pill: unknown;
+}
+
 type TdButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
 type TdButtonTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 type TdButtonSize = 'sm' | 'md' | 'lg';
@@ -128,12 +153,23 @@ declare class TdCheckbox implements ControlValueAccessor, FormCheckboxControl {
 
 type TdMenuTono = 'neutro' | 'primario' | 'exito' | 'advertencia' | 'peligro';
 type TdMenuPosicion = 'abajo-inicio' | 'abajo-fin' | 'arriba-inicio' | 'arriba-fin';
+interface TdMenuBadge {
+    etiqueta?: string | number;
+    tone?: TdBadgeTone;
+    variant?: TdBadgeVariant;
+    size?: TdBadgeSize;
+    icono?: string;
+    dot?: boolean;
+    pill?: boolean;
+    ariaLabel?: string;
+}
 interface TdMenuItem<T = unknown> {
     id: string;
     etiqueta: string;
     icono?: string;
     descripcion?: string;
     tono?: TdMenuTono;
+    badge?: string | number | TdMenuBadge;
     data?: T;
     separadorAntes?: boolean;
     visible?: boolean;
@@ -158,11 +194,13 @@ declare class TdMenu<T = unknown> {
     readonly abiertoChange: EventEmitter<boolean>;
     protected abierto: boolean;
     protected get itemsVisibles(): TdMenuItem<T>[];
+    protected badgeConfig(item: TdMenuItem<T>): TdMenuBadge | null;
     protected alternar(): void;
     protected cerrar(): void;
     protected seleccionar(item: TdMenuItem<T>): void;
     protected posiciones(): CdkConnectedOverlay['positions'];
     private establecerAbierto;
+    private badgeTonePorTono;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdMenu<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdMenu<any>, "td-menu", never, { "items": { "alias": "items"; "required": false; }; "etiqueta": { "alias": "etiqueta"; "required": false; }; "icono": { "alias": "icono"; "required": false; }; "posicion": { "alias": "posicion"; "required": false; }; "ancho": { "alias": "ancho"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "seleccion": "seleccion"; "abiertoChange": "abiertoChange"; }, never, never, true, never>;
 }
@@ -710,6 +748,14 @@ interface TdHeaderNotificacion {
     leida?: boolean;
 }
 type TdHeaderAccionPerfil = 'perfil' | 'configuracion' | 'salir';
+type TdHeaderPerfilAccionTono = 'neutral' | 'primary' | 'danger';
+interface TdHeaderPerfilAccion {
+    id: string;
+    etiqueta: string;
+    icono?: string;
+    descripcion?: string;
+    tono?: TdHeaderPerfilAccionTono;
+}
 declare class TdHeader {
     menuAbierto: boolean;
     mostrarMenu: boolean;
@@ -719,22 +765,30 @@ declare class TdHeader {
     notificaciones: TdHeaderNotificacion[];
     oscuro: boolean;
     fijo: boolean;
+    mostrarNotificaciones: boolean;
+    mostrarPerfil: boolean;
+    perfilAcciones: TdHeaderPerfilAccion[];
     readonly menuToggle: EventEmitter<void>;
     readonly notificacionSeleccionada: EventEmitter<TdHeaderNotificacion>;
     readonly verTodasNotificaciones: EventEmitter<void>;
     readonly accionPerfil: EventEmitter<TdHeaderAccionPerfil>;
+    readonly perfilAccionSeleccionada: EventEmitter<TdHeaderPerfilAccion>;
     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 emitirAccionPerfil(accion: TdHeaderPerfilAccion): void;
     protected notificacionesNoLeidas(): number;
     protected inicialesUsuario(): string;
+    protected accionesPerfilVisibles(): TdHeaderPerfilAccion[];
+    private esAccionPerfilLegacy;
     protected cerrarConEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdHeader, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "mostrarNotificaciones": { "alias": "mostrarNotificaciones"; "required": false; }; "mostrarPerfil": { "alias": "mostrarPerfil"; "required": false; }; "perfilAcciones": { "alias": "perfilAcciones"; "required": false; }; }, { "menuToggle": "menuToggle"; "notificacionSeleccionada": "notificacionSeleccionada"; "verTodasNotificaciones": "verTodasNotificaciones"; "accionPerfil": "accionPerfil"; "perfilAccionSeleccionada": "perfilAccionSeleccionada"; }, never, ["[tdHeaderStart]", "[tdHeaderCenter]", "[tdHeaderActions]"], true, never>;
+    static ngAcceptInputType_mostrarNotificaciones: unknown;
+    static ngAcceptInputType_mostrarPerfil: unknown;
 }
 
 declare class TdIcon {
@@ -1467,6 +1521,8 @@ interface TdSidebarSeleccion {
 
 type TdSidebarModoCerrado = 'compacto' | 'oculto';
 declare class TdSidebar {
+    private readonly router;
+    private readonly destroyRef;
     titulo: string;
     subtitulo: string;
     etiquetaNavegacion: string;
@@ -1487,12 +1543,20 @@ declare class TdSidebar {
     protected readonly abiertoInterno: _angular_core.WritableSignal<boolean>;
     protected readonly menuNormalizado: _angular_core.WritableSignal<MenuSidebar[]>;
     protected readonly expandidos: _angular_core.WritableSignal<ReadonlySet<string>>;
+    protected readonly rutaSeleccionada: _angular_core.WritableSignal<string>;
+    constructor();
     protected alternarGrupo(clave: string): void;
     protected estaExpandido(clave: string): boolean;
     protected seleccionarItem(item: MenuSidebar, nivel: number): void;
+    protected esItemSeleccionado(item: MenuSidebar): boolean;
     protected claveItem(item: MenuSidebar, padre: string, indice: number): string;
     protected inicialMarca(): string;
     private normalizarMenu;
+    private expandirRutaActual;
+    private buscarMejorCoincidenciaPorRuta;
+    private mejorCoincidencia;
+    private rutaCoincide;
+    private normalizarRuta;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdSidebar, never>;
     static ɵcmp: _angular_core.ɵɵ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>;
 }
@@ -1574,5 +1638,51 @@ declare class TdThemeService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TdThemeService>;
 }
 
-export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlerta, TdAutocompleteSelect, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTextarea, TdThemeService, TelcomdevUi, createTdFormControlBridge };
-export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor };
+type TdTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type TdTooltipTone = 'dark' | 'light' | 'primary';
+
+declare class TdTooltip implements OnDestroy {
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly renderer;
+    private readonly tooltipId;
+    private overlayRef?;
+    private panelRef?;
+    private showTimer?;
+    private hideTimer?;
+    content: string | null | undefined;
+    tdTooltipPosition: TdTooltipPosition;
+    tdTooltipTone: TdTooltipTone;
+    tdTooltipMaxWidth: string;
+    tdTooltipShowDelay: number;
+    tdTooltipHideDelay: number;
+    tdTooltipMultiline: boolean;
+    tdTooltipDisabled: boolean;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    protected handleFocusIn(): void;
+    protected handleFocusOut(): void;
+    protected handleTouchStart(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    private scheduleShow;
+    private scheduleHide;
+    private showNow;
+    private hideNow;
+    private ensureOverlay;
+    private positions;
+    private get normalizedContent();
+    private clearTimers;
+    private destroyOverlay;
+    private isFlexiblePositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdTooltip, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TdTooltip, "[tdTooltip]", never, { "content": { "alias": "tdTooltip"; "required": false; }; "tdTooltipPosition": { "alias": "tdTooltipPosition"; "required": false; }; "tdTooltipTone": { "alias": "tdTooltipTone"; "required": false; }; "tdTooltipMaxWidth": { "alias": "tdTooltipMaxWidth"; "required": false; }; "tdTooltipShowDelay": { "alias": "tdTooltipShowDelay"; "required": false; }; "tdTooltipHideDelay": { "alias": "tdTooltipHideDelay"; "required": false; }; "tdTooltipMultiline": { "alias": "tdTooltipMultiline"; "required": false; }; "tdTooltipDisabled": { "alias": "tdTooltipDisabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_tdTooltipShowDelay: unknown;
+    static ngAcceptInputType_tdTooltipHideDelay: unknown;
+    static ngAcceptInputType_tdTooltipMultiline: unknown;
+    static ngAcceptInputType_tdTooltipDisabled: unknown;
+}
+
+export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
+export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdBadgePosition, TdBadgeSize, TdBadgeTone, TdBadgeVariant, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdHeaderPerfilAccion, TdHeaderPerfilAccionTono, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdTooltipPosition, TdTooltipTone };