sapenlinea-components 0.12.97 → 0.13.99

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, QueryList, ElementRef, NgZone, OnInit, Type, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import * as lucide_angular from 'lucide-angular';
 import { LucideIconData } from 'lucide-angular';
 import { ControlValueAccessor, FormGroup, AbstractControl, FormControl } from '@angular/forms';
 import * as sapenlinea_components from 'sapenlinea-components';
@@ -1550,7 +1551,7 @@ declare class Button {
     /** Ocupa todo el ancho del contenedor */
     fullWidth: _angular_core.InputSignal<boolean>;
     /** Tamaño del botón: por defecto (grande) o compacto */
-    size: _angular_core.InputSignal<"default" | "compact">;
+    size: _angular_core.InputSignal<"compact" | "default">;
     /** Evento click del botón */
     clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     handleClick(event: MouseEvent): void;
@@ -1639,16 +1640,23 @@ declare class OptionCard {
     description: _angular_core.InputSignal<string>;
     buttonBg: _angular_core.InputSignal<string | undefined>;
     iconBg: _angular_core.InputSignal<string | undefined>;
+    /** Clase CSS (`icon-*`) o valor Lucide (`lucide:nombre`). */
+    icon: _angular_core.InputSignal<string>;
     clickAction: _angular_core.OutputEmitterRef<void>;
+    readonly hasIconInput: _angular_core.Signal<boolean>;
+    readonly isLucideIcon: _angular_core.Signal<boolean>;
+    readonly cssIconClass: _angular_core.Signal<string>;
+    readonly lucideIcon: _angular_core.Signal<LucideIconData | null>;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCard, "lib-option-card", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "buttonBg": { "alias": "buttonBg"; "required": false; "isSignal": true; }; "iconBg": { "alias": "iconBg"; "required": false; "isSignal": true; }; }, { "clickAction": "clickAction"; }, never, ["[icon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCard, "lib-option-card", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "buttonBg": { "alias": "buttonBg"; "required": false; "isSignal": true; }; "iconBg": { "alias": "iconBg"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "clickAction": "clickAction"; }, never, ["[icon]"], true, never>;
 }
 
 interface QuickAccessItem {
     id: string;
     label: string;
     description: string;
+    /** Clase CSS (`icon-*`) o valor Lucide (`lucide:nombre`) */
     icon: string;
     iconBg?: string;
 }
@@ -2301,13 +2309,13 @@ declare class PdfViewer {
     get isShowModal(): boolean;
     doc: _angular_core.Signal<sapenlinea_components.FileViewerDoc | null>;
     currentUrl: _angular_core.Signal<string>;
+    safePdfUrl: _angular_core.Signal<SafeResourceUrl | null>;
+    safeImageUrl: _angular_core.Signal<SafeUrl | null>;
     hasMultiple: _angular_core.Signal<boolean>;
     isImage: _angular_core.Signal<boolean>;
     constructor();
     prev(): void;
     next(): void;
-    getSafePdfUrl(url: string): SafeResourceUrl;
-    getSafeImageUrl(url: string): SafeUrl;
     closeModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdfViewer, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdfViewer, "lib-pdf-viewer", never, {}, {}, never, never, true, never>;
@@ -2382,7 +2390,7 @@ declare class CardHistory {
     historialEntry: _angular_core.InputSignal<HistorialEntry | undefined>;
     isExpanded: _angular_core.WritableSignal<boolean>;
     withResponsible: _angular_core.InputSignal<boolean>;
-    variant: _angular_core.InputSignal<"history" | "default">;
+    variant: _angular_core.InputSignal<"default" | "history">;
     private months;
     toggleExpanded(): void;
     formatDate(isoDate: string): string;
@@ -2585,18 +2593,18 @@ interface ModuleData {
     childOrder?: ModuleChildRef[];
 }
 interface ModuleEvent {
-    type: 'moveUp' | 'moveDown' | 'edit' | 'delete' | 'visibleChange' | 'addApplicativo' | 'addSubmodule';
+    type: 'moveUp' | 'moveDown' | 'reorder' | 'edit' | 'delete' | 'visibleChange' | 'addApplicativo' | 'addSubmodule';
     moduleId: string | number;
     data?: any;
 }
 interface SubmoduleEvent {
-    type: 'moveUp' | 'moveDown' | 'edit' | 'delete' | 'visibleChange';
+    type: 'moveUp' | 'moveDown' | 'reorder' | 'edit' | 'delete' | 'visibleChange';
     submoduleId: string | number;
     moduleId: string | number;
     data?: any;
 }
 interface ApplicativoEvent {
-    type: 'moveUp' | 'moveDown' | 'edit' | 'delete' | 'visibleChange' | 'addAction' | 'removeAction';
+    type: 'moveUp' | 'moveDown' | 'reorder' | 'edit' | 'delete' | 'visibleChange' | 'addAction' | 'removeAction';
     moduleId: string | number;
     applicativoId: string | number;
     submoduleId?: string | number | null;
@@ -2616,14 +2624,28 @@ declare class ModuleCard {
     isFirst: _angular_core.InputSignal<boolean>;
     /** true cuando este módulo es el último de la lista (deshabilita mover abajo) */
     isLast: _angular_core.InputSignal<boolean>;
+    /** Muestra el asa de arrastre en el encabezado del módulo (lo usa module-card-list). */
+    showDragHandle: _angular_core.InputSignal<boolean>;
     moduleEvent: _angular_core.OutputEmitterRef<ModuleEvent>;
     submoduleEvent: _angular_core.OutputEmitterRef<SubmoduleEvent>;
     applicativoEvent: _angular_core.OutputEmitterRef<ApplicativoEvent>;
     childOrderChange: _angular_core.OutputEmitterRef<ModuleChildRef[]>;
+    dragHandleDragStart: _angular_core.OutputEmitterRef<DragEvent>;
+    dragHandleDragEnd: _angular_core.OutputEmitterRef<DragEvent>;
     expanded: _angular_core.WritableSignal<boolean>;
     expandedSubmodules: _angular_core.WritableSignal<Set<string | number>>;
     expandedApplicativos: _angular_core.WritableSignal<Set<string | number>>;
     private optimisticChildOrder;
+    readonly draggingChildIndex: _angular_core.WritableSignal<number | null>;
+    readonly dropChildIndex: _angular_core.WritableSignal<number | null>;
+    readonly draggingSubApp: _angular_core.WritableSignal<{
+        subId: string | number;
+        index: number;
+    } | null>;
+    readonly dropSubApp: _angular_core.WritableSignal<{
+        subId: string | number;
+        index: number;
+    } | null>;
     moduleChildren: _angular_core.Signal<sapenlinea_components.ResolvedModuleChild[]>;
     constructor();
     toggleExpand(): void;
@@ -2632,10 +2654,27 @@ declare class ModuleCard {
     toggleApplicativo(id: string | number): void;
     isApplicativoExpanded(id: string | number): boolean;
     moveChild(index: number, direction: 'up' | 'down'): void;
+    moveChildTo(from: number, to: number): void;
+    private applyChildReorder;
+    onChildDragStart(event: DragEvent, index: number): void;
+    onChildDragEnd(): void;
+    onChildDragOver(event: DragEvent, index: number): void;
+    onChildDrop(event: DragEvent, toIndex: number): void;
+    onSubAppDragStart(event: DragEvent, subId: string | number, index: number): void;
+    onSubAppDragEnd(): void;
+    onSubAppDragOver(event: DragEvent, subId: string | number, index: number): void;
+    onSubAppDrop(event: DragEvent, subId: string | number, toIndex: number): void;
+    private getCurrentChildOrder;
+    private reorderSubApp;
     onDirectApplicativoEvent(event: ApplicativoEvent, index: number): void;
-    private animateChildSwap;
+    onDirectApplicativoDragStart(event: DragEvent, index: number): void;
+    onDirectApplicativoDragEnd(): void;
+    onDirectApplicativoDragOver(event: DragEvent, index: number): void;
+    onDirectApplicativoDrop(event: DragEvent, index: number): void;
+    onModuleDragHandleStart(event: DragEvent): void;
+    onModuleDragHandleEnd(event: DragEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModuleCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModuleCard, "lib-module-card", never, { "moduleId": { "alias": "moduleId"; "required": true; "isSignal": true; }; "moduleName": { "alias": "moduleName"; "required": true; "isSignal": true; }; "moduleIcon": { "alias": "moduleIcon"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "submodules": { "alias": "submodules"; "required": false; "isSignal": true; }; "aplicativos": { "alias": "aplicativos"; "required": false; "isSignal": true; }; "childOrder": { "alias": "childOrder"; "required": false; "isSignal": true; }; "isFirst": { "alias": "isFirst"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; }, { "moduleEvent": "moduleEvent"; "submoduleEvent": "submoduleEvent"; "applicativoEvent": "applicativoEvent"; "childOrderChange": "childOrderChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModuleCard, "lib-module-card", never, { "moduleId": { "alias": "moduleId"; "required": true; "isSignal": true; }; "moduleName": { "alias": "moduleName"; "required": true; "isSignal": true; }; "moduleIcon": { "alias": "moduleIcon"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "submodules": { "alias": "submodules"; "required": false; "isSignal": true; }; "aplicativos": { "alias": "aplicativos"; "required": false; "isSignal": true; }; "childOrder": { "alias": "childOrder"; "required": false; "isSignal": true; }; "isFirst": { "alias": "isFirst"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "showDragHandle": { "alias": "showDragHandle"; "required": false; "isSignal": true; }; }, { "moduleEvent": "moduleEvent"; "submoduleEvent": "submoduleEvent"; "applicativoEvent": "applicativoEvent"; "childOrderChange": "childOrderChange"; "dragHandleDragStart": "dragHandleDragStart"; "dragHandleDragEnd": "dragHandleDragEnd"; }, never, never, true, never>;
 }
 
 declare class ModuleCardList {
@@ -2645,14 +2684,268 @@ declare class ModuleCardList {
     moduleEvent: _angular_core.OutputEmitterRef<ModuleEvent>;
     submoduleEvent: _angular_core.OutputEmitterRef<SubmoduleEvent>;
     applicativoEvent: _angular_core.OutputEmitterRef<ApplicativoEvent>;
+    readonly draggingModuleIndex: _angular_core.WritableSignal<number | null>;
+    readonly dropModuleIndex: _angular_core.WritableSignal<number | null>;
+    onModuleDragStart(event: DragEvent, index: number): void;
+    onModuleDragEnd(): void;
+    onModuleDragOver(event: DragEvent, index: number): void;
+    onModuleDrop(event: DragEvent, toIndex: number): void;
     onModuleEvent(event: ModuleEvent, index: number): void;
     onChildOrderChange(moduleId: string | number, order: ModuleChildRef[]): void;
     onSubmoduleEvent(event: SubmoduleEvent): void;
     onApplicativoEvent(event: ApplicativoEvent): void;
-    private animateSwap;
+    private reorderModule;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModuleCardList, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModuleCardList, "lib-module-card-list", never, { "modules": { "alias": "modules"; "required": false; "isSignal": true; }; }, { "modules": "modulesChange"; "moduleEvent": "moduleEvent"; "submoduleEvent": "submoduleEvent"; "applicativoEvent": "applicativoEvent"; }, never, never, true, never>;
 }
 
-export { BarChart, BaseChart, Button, ButtonCards, CARD_BG, CSS_ICON_CATALOG, CardContent, CardHistory, ColorPicker, Colors, DEFAULT_ICON_PICKER_ICONS, DEFAULT_MODULE_ICONS, DEFAULT_ROLE_COLORS, DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DocumentItem, DocumentUpload, DonutChart, DynamicFormFields, FeatureCard, Footer, GeoAPIMaps, Heatmap, IconPicker, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, InputTimeFilter, KpiCard, LUCIDE_ICON_CATALOG, LineChart, LoadImage, Loader, MapGeo, ModalForm, ModuleCard, ModuleCardList, NotFoundModal, NotFoundSection, NotificationModal, OptionCard, PaginationComponent, PdfViewer, PdfViewerService, ProcessingOverlay, ProgressBar, ProgressFormService, QuickAccessCards, RolCard, SelectCustomSearch, SideCard, SideCardDetail, Signature, TOAST_EVENTS, Table, TableChart, Tabs, TitleFilters, Toast, ToastHelper, ToastService, ToggleCustom, UI_CHART_TOKENS, WizardForm, buildChildGridTemplateColumns, getCssIconClass, getIconPickerOptionLabel, getLucideIconName, getModuleChildOrder, getTableMinWidth, isLucideIconValue, isMultilineHeaderLabel, parseIconPickerValue, resolveIconKind, resolveModuleChildren, resolveTableColumnLayout, toIconPickerStoredValue, toLucidePascalCase };
-export type { ApplicativoEvent, BarSeries, CardBgPreset, ChartItem, ColumnGroup, ColumnGroupItem, ColumnWidthProfile, DataCard, DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, DocumentInfo, Feature, FeatureType, FieldConfig, FileViewerDoc, FileViewerType, FilterItem, FilterOption, FilterType, GeoMapResponse, GeoPoint, GeoPointCameras, HeatmapConfig, HeatmapDataItem, HistorialEntry, Hour12, IconPickerOption, InfoItem, KpiColorType, LineSeries, MeasurementUnit, ModalFormStep, ModuleApplicativo, ModuleCardAction, ModuleChildRef, ModuleChildType, ModuleData, ModuleEvent, ModuleSubmodule, OpcionButtonVariant, Option, QuickAccessItem, ResolvedModuleChild, ResolvedTableColumnLayout, SectionConfig, SelectedDatesMap, SideCardItem, SideCardSection, StatusTone, StatusToneMap, SubColumn, SubmoduleEvent, TabCardConfig, TabId, TabItem, TabSearchConfig, TabTogglesConfig, TableAction, TableColumn, TableIconButtonConfig, TableRow, TitleFilterConfig, ToastData, ToggleCustomChange, ToggleCustomKey };
+/**
+ * Modelo de ítem del sidebar en runtime.
+ * Alineado con la jerarquía de `ModuleData` (module-card) pero con datos de navegación.
+ */
+interface SidebarMenuItem {
+    id: string | number;
+    label: string;
+    /** Mismo formato que module-card: `lucide:nombre` o clase CSS `icon-*` */
+    icon?: string;
+    route?: string;
+    /** Si es `false`, el ítem no se muestra. Por defecto `true`. */
+    visible?: boolean;
+    isActive?: boolean;
+    children?: SidebarMenuItem[];
+    /**
+     * Identificador de acción para ítems del menú de usuario
+     * (ej. `settings`, `logout`). El contenedor decide qué hacer.
+     */
+    action?: string;
+}
+type SidebarItemLevel = 'main' | 'child' | 'user';
+interface SidebarItemClickEvent {
+    item: SidebarMenuItem;
+    level: SidebarItemLevel;
+    parent?: SidebarMenuItem;
+    index: number;
+}
+interface SidebarNavigateEvent {
+    route: string;
+    item: SidebarMenuItem;
+    level: SidebarItemLevel;
+    parent?: SidebarMenuItem;
+}
+interface SidebarUserActionEvent {
+    action: string;
+    item: SidebarMenuItem;
+    index: number;
+}
+/** Resuelve la ruta de un nodo del menú a partir de sus ids estables. */
+type SidebarRouteResolver = (ref: {
+    moduleId?: string | number;
+    submoduleId?: string | number;
+    applicativoId?: string | number;
+}) => string | undefined;
+
+/**
+ * Convierte `ModuleData[]` (module-card / permisos) al modelo del sidebar.
+ * Respeta `visible`, `childOrder` y la jerarquía módulo → submódulo → aplicativo.
+ */
+declare function mapModuleDataToSidebarItems(modules: ModuleData[], resolveRoute?: SidebarRouteResolver): SidebarMenuItem[];
+/** Filtra ítems no visibles en todos los niveles. */
+declare function filterVisibleSidebarItems(items: SidebarMenuItem[]): SidebarMenuItem[];
+/** Marca `isActive` según la URL actual (coincidencia por prefijo de ruta). */
+declare function markActiveSidebarItems(items: SidebarMenuItem[], url: string): SidebarMenuItem[];
+/** Abre el módulo y submódulo que contienen el ítem activo (solo uno de cada uno). */
+declare function getInitialOpenState(items: SidebarMenuItem[]): {
+    modules: Record<string | number, boolean>;
+    submodules: Record<string, boolean>;
+};
+declare function submoduleOpenKey(moduleId: string | number, submoduleId: string | number): string;
+
+/**
+ * Barra lateral reutilizable. Recibe ítems vía `@Input` y delega navegación/acciones
+ * al contenedor mediante `@Output`. Compatible con la jerarquía de `ModuleData`
+ * (module-card) usando `mapModuleDataToSidebarItems`.
+ */
+declare class Sidebar implements OnDestroy {
+    private el;
+    private router;
+    private cdr;
+    private menuScroll?;
+    private hoverExpandTimer;
+    private readonly isPinned;
+    /** Ítems del menú principal (módulos del sidebar). */
+    menuItems: _angular_core.InputSignal<SidebarMenuItem[]>;
+    /** Ítems del pie (configuración, cerrar sesión, etc.). */
+    userMenuItems: _angular_core.InputSignal<SidebarMenuItem[]>;
+    /** Estado expandido/colapsado (two-way). */
+    expanded: _angular_core.ModelSignal<boolean>;
+    /** Si es `true`, navega con `Router` al hacer clic en ítems con `route`. */
+    autoNavigate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closeOnNavigate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closeOnOutsideClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Expande temporalmente al mantener el hover (solo si no está fijado). */
+    hoverExpand: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Retardo en ms antes de expandir por hover. */
+    hoverExpandDelay: _angular_core.InputSignal<number>;
+    /** Ancho del sidebar expandido. */
+    expandedWidth: _angular_core.InputSignal<string>;
+    /** Ancho del sidebar colapsado. */
+    collapsedWidth: _angular_core.InputSignal<string>;
+    /** Offset superior del sidebar (ej. altura del header). */
+    topOffset: _angular_core.InputSignal<string>;
+    /** `action` del menú de usuario que se muestra con color de peligro. */
+    dangerAction: _angular_core.InputSignal<string>;
+    dangerItemColor: _angular_core.InputSignal<string>;
+    iconColor: _angular_core.InputSignal<string>;
+    itemClick: _angular_core.OutputEmitterRef<SidebarItemClickEvent>;
+    navigate: _angular_core.OutputEmitterRef<SidebarNavigateEvent>;
+    userAction: _angular_core.OutputEmitterRef<SidebarUserActionEvent>;
+    readonly icons: {
+        menu: lucide_angular.LucideIconData;
+        close: lucide_angular.LucideIconData;
+        chevronDown: lucide_angular.LucideIconData;
+    };
+    openItems: _angular_core.WritableSignal<Record<string | number, boolean>>;
+    openChildItems: _angular_core.WritableSignal<Record<string | number, boolean>>;
+    constructor();
+    isExpandable(item: SidebarMenuItem): boolean;
+    ngOnDestroy(): void;
+    onSidebarMouseEnter(): void;
+    onSidebarMouseLeave(): void;
+    private scheduleHoverExpand;
+    private clearHoverExpandTimer;
+    private expandTemporary;
+    private pinExpand;
+    private collapse;
+    private scrollActiveItemIntoView;
+    onDocumentClick(event: Event): void;
+    onEscapePress(): void;
+    toggleSidebar(): void;
+    private closeIfNeeded;
+    private emitNavigate;
+    onMainItemClick(item: SidebarMenuItem, index: number): void;
+    onChildItemClick(child: SidebarMenuItem, parent: SidebarMenuItem, index: number): void;
+    onGrandchildItemClick(grandchild: SidebarMenuItem, child: SidebarMenuItem, parent: SidebarMenuItem, index: number): void;
+    isChildOpen(child: SidebarMenuItem, parent: SidebarMenuItem): boolean;
+    onUserItemClick(item: SidebarMenuItem, index: number): void;
+    isDangerUserItem(item: SidebarMenuItem): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "lib-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "userMenuItems": { "alias": "userMenuItems"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "autoNavigate": { "alias": "autoNavigate"; "required": false; "isSignal": true; }; "closeOnNavigate": { "alias": "closeOnNavigate"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "hoverExpand": { "alias": "hoverExpand"; "required": false; "isSignal": true; }; "hoverExpandDelay": { "alias": "hoverExpandDelay"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "topOffset": { "alias": "topOffset"; "required": false; "isSignal": true; }; "dangerAction": { "alias": "dangerAction"; "required": false; "isSignal": true; }; "dangerItemColor": { "alias": "dangerItemColor"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "itemClick": "itemClick"; "navigate": "navigate"; "userAction": "userAction"; }, never, never, true, never>;
+}
+
+/**
+ * Estado compartido opcional del sidebar (expandido/colapsado).
+ * El menú y la navegación los gestiona el contenedor vía inputs/outputs de `lib-sidebar`.
+ */
+declare class SidebarService {
+    readonly sidebarExpanded: _angular_core.WritableSignal<boolean>;
+    toggleSidebar(): void;
+    openSidebar(): void;
+    closeSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidebarService>;
+}
+
+interface LibNotification {
+    id: string;
+    title: string;
+    description: string;
+    category: string;
+    timeAgo: string;
+    isRead: boolean;
+}
+type CategoryKey = 'acuerdos' | 'financiero' | 'infracciones' | 'sistema' | 'default';
+declare class NotificationCenter {
+    notifications: _angular_core.InputSignal<LibNotification[]>;
+    isOpen: _angular_core.InputSignal<boolean>;
+    /** Indica si hay una página de notificaciones cargándose en este momento. */
+    loading: _angular_core.InputSignal<boolean>;
+    /** Indica si quedan más notificaciones por cargar desde el origen. */
+    hasMore: _angular_core.InputSignal<boolean>;
+    markAllRead: _angular_core.OutputEmitterRef<void>;
+    notificationClick: _angular_core.OutputEmitterRef<LibNotification>;
+    close: _angular_core.OutputEmitterRef<void>;
+    /** Se emite cuando el usuario se acerca al final de la lista y debe cargarse la siguiente página. */
+    loadMore: _angular_core.OutputEmitterRef<void>;
+    scrollContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    sentinel: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    selectedCategory: _angular_core.WritableSignal<string>;
+    categories: _angular_core.Signal<string[]>;
+    filteredNotifications: _angular_core.Signal<LibNotification[]>;
+    unreadCount: _angular_core.Signal<number>;
+    private readonly lightColors;
+    private readonly darkColors;
+    constructor();
+    selectCategory(cat: string): void;
+    onMarkAllRead(): void;
+    onNotificationClick(n: LibNotification): void;
+    /** Etiqueta legible para una pestaña de categoría (ej. "ACUERDOS DE PAGO" -> "Acuerdos de pago"). */
+    tabLabel(category: string): string;
+    /** Normaliza una categoría a una de las claves conocidas para color e icono. */
+    categoryKey(category: string): CategoryKey;
+    getCategoryLight(category: string): string;
+    getCategoryDark(category: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationCenter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationCenter, "lib-notification-center", never, { "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; }, { "markAllRead": "markAllRead"; "notificationClick": "notificationClick"; "close": "close"; "loadMore": "loadMore"; }, never, never, true, never>;
+}
+
+declare class Header {
+    /**
+     * Todas las entradas son opcionales para que el header funcione igual
+     * como custom element, microfrontend con module-federation o dentro del
+     * monolito, sin que el consumidor esté obligado a enlazar cada propiedad.
+     */
+    isExpanded: _angular_core.InputSignal<boolean>;
+    activeTitle: _angular_core.InputSignal<string>;
+    mfId: _angular_core.InputSignal<string>;
+    isMfFailed: _angular_core.InputSignal<boolean>;
+    userRole: _angular_core.InputSignal<string>;
+    /** Lista de notificaciones a mostrar en el centro de notificaciones. */
+    notifications: _angular_core.InputSignal<LibNotification[]>;
+    /** Indica si se está cargando una página de notificaciones. */
+    notificationsLoading: _angular_core.InputSignal<boolean>;
+    /** Indica si quedan más notificaciones por cargar desde el origen. */
+    notificationsHasMore: _angular_core.InputSignal<boolean>;
+    navigateTo: _angular_core.OutputEmitterRef<string>;
+    menuClick: _angular_core.OutputEmitterRef<void>;
+    profileClick: _angular_core.OutputEmitterRef<void>;
+    logoutClick: _angular_core.OutputEmitterRef<void>;
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    /** Eventos reenviados desde el centro de notificaciones. */
+    markAllRead: _angular_core.OutputEmitterRef<void>;
+    notificationClick: _angular_core.OutputEmitterRef<LibNotification>;
+    /** Se emite cuando debe cargarse la siguiente página de notificaciones. */
+    loadMoreNotifications: _angular_core.OutputEmitterRef<void>;
+    isDropdownOpen: _angular_core.WritableSignal<boolean>;
+    isNotifOpen: _angular_core.WritableSignal<boolean>;
+    /** Cantidad de notificaciones no leídas, derivada de la lista. */
+    unreadCount: _angular_core.Signal<number>;
+    onMenuClick(): void;
+    toggleDropdown(): void;
+    toggleNotifications(): void;
+    closeNotifications(): void;
+    userProfile(): void;
+    logout(): void;
+    getMenuIcon(): "✕" | "☰";
+    goToHome(): void;
+    onActionClick(): void;
+    getActionLabel(): string;
+    hasAction(): boolean;
+    onMarkAllRead(): void;
+    onNotificationItemClick(notification: LibNotification): void;
+    onLoadMoreNotifications(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Header, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Header, "lib-header", never, { "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "activeTitle": { "alias": "activeTitle"; "required": false; "isSignal": true; }; "mfId": { "alias": "mfId"; "required": false; "isSignal": true; }; "isMfFailed": { "alias": "isMfFailed"; "required": false; "isSignal": true; }; "userRole": { "alias": "userRole"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "notificationsLoading": { "alias": "notificationsLoading"; "required": false; "isSignal": true; }; "notificationsHasMore": { "alias": "notificationsHasMore"; "required": false; "isSignal": true; }; }, { "navigateTo": "navigateTo"; "menuClick": "menuClick"; "profileClick": "profileClick"; "logoutClick": "logoutClick"; "actionClick": "actionClick"; "markAllRead": "markAllRead"; "notificationClick": "notificationClick"; "loadMoreNotifications": "loadMoreNotifications"; }, never, never, true, never>;
+}
+
+declare class BellWithBadge {
+    count: _angular_core.InputSignal<number>;
+    active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    bellClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BellWithBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BellWithBadge, "lib-bell-with-badge", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "bellClick": "bellClick"; }, never, never, true, never>;
+}
+
+export { BarChart, BaseChart, BellWithBadge, Button, ButtonCards, CARD_BG, CSS_ICON_CATALOG, CardContent, CardHistory, ColorPicker, Colors, DEFAULT_ICON_PICKER_ICONS, DEFAULT_MODULE_ICONS, DEFAULT_ROLE_COLORS, DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DocumentItem, DocumentUpload, DonutChart, DynamicFormFields, FeatureCard, Footer, GeoAPIMaps, Header, Heatmap, IconPicker, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, InputTimeFilter, KpiCard, LUCIDE_ICON_CATALOG, LineChart, LoadImage, Loader, MapGeo, ModalForm, ModuleCard, ModuleCardList, NotFoundModal, NotFoundSection, NotificationCenter, NotificationModal, OptionCard, PaginationComponent, PdfViewer, PdfViewerService, ProcessingOverlay, ProgressBar, ProgressFormService, QuickAccessCards, RolCard, SelectCustomSearch, SideCard, SideCardDetail, Sidebar, SidebarService, Signature, TOAST_EVENTS, Table, TableChart, Tabs, TitleFilters, Toast, ToastHelper, ToastService, ToggleCustom, UI_CHART_TOKENS, WizardForm, buildChildGridTemplateColumns, filterVisibleSidebarItems, getCssIconClass, getIconPickerOptionLabel, getInitialOpenState, getLucideIconName, getModuleChildOrder, getTableMinWidth, isLucideIconValue, isMultilineHeaderLabel, mapModuleDataToSidebarItems, markActiveSidebarItems, parseIconPickerValue, resolveIconKind, resolveModuleChildren, resolveTableColumnLayout, submoduleOpenKey, toIconPickerStoredValue, toLucidePascalCase };
+export type { ApplicativoEvent, BarSeries, CardBgPreset, ChartItem, ColumnGroup, ColumnGroupItem, ColumnWidthProfile, DataCard, DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, DocumentInfo, Feature, FeatureType, FieldConfig, FileViewerDoc, FileViewerType, FilterItem, FilterOption, FilterType, GeoMapResponse, GeoPoint, GeoPointCameras, HeatmapConfig, HeatmapDataItem, HistorialEntry, Hour12, IconPickerOption, InfoItem, KpiColorType, LibNotification, LineSeries, MeasurementUnit, ModalFormStep, ModuleApplicativo, ModuleCardAction, ModuleChildRef, ModuleChildType, ModuleData, ModuleEvent, ModuleSubmodule, OpcionButtonVariant, Option, QuickAccessItem, ResolvedModuleChild, ResolvedTableColumnLayout, SectionConfig, SelectedDatesMap, SideCardItem, SideCardSection, SidebarItemClickEvent, SidebarItemLevel, SidebarMenuItem, SidebarNavigateEvent, SidebarRouteResolver, SidebarUserActionEvent, StatusTone, StatusToneMap, SubColumn, SubmoduleEvent, TabCardConfig, TabId, TabItem, TabSearchConfig, TabTogglesConfig, TableAction, TableColumn, TableIconButtonConfig, TableRow, TitleFilterConfig, ToastData, ToggleCustomChange, ToggleCustomKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sapenlinea-components",
-  "version": "0.12.97",
+  "version": "0.13.99",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",