layout-tsi 0.0.4 → 20.0.0-rc.0

package/index.d.ts

@@ -1,5 +1,581 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="layout-tsi" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as layout_tsi from 'layout-tsi';
+
+interface RouteInfo {
+    path: string;
+    title: string;
+    icon: string;
+    class?: string;
+    extralink: boolean;
+    label?: string;
+    labelClass?: string;
+    submenu?: RouteInfo[];
+    codacc?: number;
+    moduloID?: number;
+    routeName?: string;
+    accesoID?: number;
+    modal?: string;
+    rol?: number[];
+}
+
+interface SessionData {
+    nombreUser: string;
+    codsuc: number | null;
+    sucursales: any[];
+    idCia: string | number;
+    accesos: any[];
+    rolId: number | null;
+}
+
+interface BottomNavItem {
+    icon: string;
+    label: string;
+    action?: () => void;
+    active?: boolean;
+    type?: 'button' | 'dropdown';
+    onOpen?: () => void;
+    items?: Array<{
+        icon: string;
+        label: string;
+        action: () => void;
+        value?: string;
+    }>;
+}
+declare class BottomNavigationComponent {
+    menuItems: _angular_core.InputSignal<BottomNavItem[]>;
+    isVisible: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<{
+        index: number;
+        item: BottomNavItem;
+    }>;
+    activeDropdown: _angular_core.WritableSignal<number>;
+    onDocumentClick(): void;
+    toggleDropdown(index: number, event?: MouseEvent): void;
+    onItemClick(index: number, item: BottomNavItem, event?: MouseEvent): void;
+    onSubItemClick(subItem: any, event?: MouseEvent): void;
+    onDropdownClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomNavigationComponent, "app-bottom-navigation", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+interface AppTab {
+    id: string;
+    path: string;
+    title: string;
+    icon: string;
+    pinned: boolean;
+    module?: string;
+    moduleKey?: string;
+}
+
+interface TabsSyncProvider {
+    getAccess(): Observable<{
+        message: string;
+    }>;
+    saveAccess(payload: string): Observable<any>;
+}
+declare const TABS_SYNC_PROVIDER: InjectionToken<TabsSyncProvider>;
+declare class TabsService {
+    private readonly router;
+    private readonly syncProvider;
+    private readonly destroyRef;
+    private readonly injector;
+    tabs: _angular_core.WritableSignal<AppTab[]>;
+    activeId: _angular_core.WritableSignal<string>;
+    visible: _angular_core.WritableSignal<boolean>;
+    private readonly destroy$;
+    sortedTabs: _angular_core.Signal<AppTab[]>;
+    toggleVisible(): void;
+    constructor();
+    init(): void;
+    private startApiSync;
+    private parseData;
+    private loadFromStorage;
+    clear(): void;
+    addBackground(path: string, title: string, icon: string, module?: string, moduleKey?: string): void;
+    activate(id: string): void;
+    close(id: string, event: Event): void;
+    closeAll(): void;
+    togglePin(id: string, event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabsService>;
+}
+
+interface VerticalHeaderAction {
+    icon: string;
+    label: string;
+    badge?: number | null;
+    hidden?: boolean;
+    /** Opt-in: además de en el header, refleja esta acción en el bottom-nav (mobile). Por defecto no baja. */
+    showInBottomNav?: boolean;
+    items?: {
+        icon: string;
+        label: string;
+        accion: () => void;
+        title?: string;
+        value?: string;
+    }[];
+    accion?: () => void;
+}
+declare class VerticalHeaderComponent implements AfterViewInit, OnDestroy {
+    headerContainerRef: ElementRef<HTMLDivElement>;
+    headerSideStartRef: ElementRef<HTMLDivElement>;
+    headerSideEndRef: ElementRef<HTMLDivElement>;
+    compactSearchWrapperRef: ElementRef<HTMLDivElement>;
+    private static readonly SEARCH_WIDTH;
+    private static readonly SEARCH_GAP;
+    searchCollapsed: _angular_core.WritableSignal<boolean>;
+    private resizeObserver?;
+    private readonly ngZone;
+    private router;
+    readonly tabsService: TabsService;
+    actions: _angular_core.InputSignal<VerticalHeaderAction[]>;
+    showSearch: _angular_core.InputSignal<boolean>;
+    themes: _angular_core.InputSignal<{
+        id: string;
+        icon: string;
+        label: string;
+    }[]>;
+    showThemeSwitcher: _angular_core.InputSignal<boolean>;
+    showTabs: _angular_core.InputSignal<boolean>;
+    showNotifications: _angular_core.InputSignal<boolean>;
+    notificationsCount: _angular_core.InputSignal<number>;
+    notificationsClick: _angular_core.OutputEmitterRef<void>;
+    /** Opt-in: además de en el header, refleja las notificaciones en el bottom-nav (mobile). Por defecto no baja (igual que en consults). */
+    notificationsInBottomNav: _angular_core.InputSignal<boolean>;
+    showChatbotToggle: _angular_core.InputSignal<boolean>;
+    chatbotVisible: _angular_core.InputSignal<boolean>;
+    chatbotVisibleChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Opt-in: además de en el header, refleja el toggle de soporte en el bottom-nav (mobile). Por defecto no baja. */
+    chatbotInBottomNav: _angular_core.InputSignal<boolean>;
+    currentTheme: _angular_core.InputSignal<string>;
+    themeChange: _angular_core.OutputEmitterRef<string>;
+    bottomNavItems: _angular_core.Signal<BottomNavItem[]>;
+    readonly themeIcon: _angular_core.Signal<string>;
+    readonly themeLabel: _angular_core.Signal<string>;
+    versionApp: _angular_core.InputSignal<string>;
+    accentColor: _angular_core.InputSignal<string>;
+    envClass: _angular_core.InputSignal<string>;
+    produccion: _angular_core.InputSignal<boolean>;
+    emitirToogle: _angular_core.OutputEmitterRef<void>;
+    isScrolled: _angular_core.InputSignal<boolean>;
+    isSidebarOpen: _angular_core.InputSignal<boolean>;
+    nameProyecto: _angular_core.InputSignal<string>;
+    searchComponents: _angular_core.OutputEmitterRef<void>;
+    showPanelControl: _angular_core.InputSignal<boolean>;
+    panelControlClick: _angular_core.OutputEmitterRef<void>;
+    logout: _angular_core.OutputEmitterRef<void>;
+    userName: _angular_core.InputSignal<string>;
+    empresaName: _angular_core.InputSignal<string>;
+    tooltip: _angular_core.WritableSignal<{
+        text: string;
+        x: number;
+        y: number;
+    }>;
+    openActionKey: _angular_core.WritableSignal<string>;
+    themeMenuOpen: _angular_core.WritableSignal<boolean>;
+    userMenuOpen: _angular_core.WritableSignal<boolean>;
+    onDocumentClick(): void;
+    private closeAllMenus;
+    toggleActionMenu(event: MouseEvent, action: VerticalHeaderAction): void;
+    runAction(item: {
+        accion: () => void;
+    }): void;
+    toggleThemeMenu(event: MouseEvent): void;
+    selectTheme(id: string): void;
+    toggleUserMenu(event: MouseEvent): void;
+    showTooltip(event: MouseEvent, text: string): void;
+    hideTooltip(): void;
+    goToHome(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private updateSearchCollapse;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalHeaderComponent, "app-vertical-header", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "themes": { "alias": "themes"; "required": false; "isSignal": true; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; "isSignal": true; }; "showTabs": { "alias": "showTabs"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; "isSignal": true; }; "notificationsInBottomNav": { "alias": "notificationsInBottomNav"; "required": false; "isSignal": true; }; "showChatbotToggle": { "alias": "showChatbotToggle"; "required": false; "isSignal": true; }; "chatbotVisible": { "alias": "chatbotVisible"; "required": false; "isSignal": true; }; "chatbotInBottomNav": { "alias": "chatbotInBottomNav"; "required": false; "isSignal": true; }; "currentTheme": { "alias": "currentTheme"; "required": false; "isSignal": true; }; "versionApp": { "alias": "versionApp"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "envClass": { "alias": "envClass"; "required": false; "isSignal": true; }; "produccion": { "alias": "produccion"; "required": false; "isSignal": true; }; "isScrolled": { "alias": "isScrolled"; "required": false; "isSignal": true; }; "isSidebarOpen": { "alias": "isSidebarOpen"; "required": false; "isSignal": true; }; "nameProyecto": { "alias": "nameProyecto"; "required": false; "isSignal": true; }; "showPanelControl": { "alias": "showPanelControl"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "empresaName": { "alias": "empresaName"; "required": false; "isSignal": true; }; }, { "notificationsClick": "notificationsClick"; "chatbotVisibleChange": "chatbotVisibleChange"; "themeChange": "themeChange"; "emitirToogle": "emitirToogle"; "searchComponents": "searchComponents"; "panelControlClick": "panelControlClick"; "logout": "logout"; }, never, ["[extra-actions]"], true, never>;
+}
+
+declare class FullComponent {
+    private readonly detectorService;
+    private readonly contexts;
+    private readonly router;
+    private readonly tabsService;
+    menuItems: _angular_core.InputSignal<RouteInfo[]>;
+    nameProyecto: _angular_core.InputSignal<string>;
+    accentColor: _angular_core.InputSignal<string>;
+    showTabs: _angular_core.InputSignal<boolean>;
+    tabModuleColors: _angular_core.InputSignal<Record<string, string>>;
+    currentYear: number;
+    private verticalHeaderSignal;
+    set verticalHeaderRef(vh: VerticalHeaderComponent | undefined);
+    bottomMenuItems: _angular_core.Signal<BottomNavItem[]>;
+    isSidebarOpen: _angular_core.WritableSignal<boolean>;
+    isSidebarHovering: _angular_core.WritableSignal<boolean>;
+    isScrolled: _angular_core.WritableSignal<boolean>;
+    isDesktop: boolean;
+    isMobileView: _angular_core.WritableSignal<boolean>;
+    sidebarWidth: _angular_core.WritableSignal<number>;
+    sessionData: _angular_core.InputSignal<SessionData>;
+    nombreSucursal: _angular_core.Signal<any>;
+    cambiarSucursal(): void;
+    get userInitials(): string;
+    routeAnimating: _angular_core.WritableSignal<boolean>;
+    onRouteActivate(): void;
+    constructor();
+    contentContainer: ElementRef;
+    sidebarRef: ElementRef<HTMLDivElement>;
+    toggleSidebar(): void;
+    closeSidebar(): void;
+    onResize(event: any): void;
+    ngAfterViewInit(): void;
+    get isSidebarActuallyOpen(): boolean;
+    updateSidebarWidth(): void;
+    onClickOutside(event: Event): void;
+    onSidebarHoverEnter(): void;
+    onSidebarHoverLeave(): void;
+    showBottomNav: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FullComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FullComponent, "app-full", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "nameProyecto": { "alias": "nameProyecto"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "showTabs": { "alias": "showTabs"; "required": false; "isSignal": true; }; "tabModuleColors": { "alias": "tabModuleColors"; "required": false; "isSignal": true; }; "sessionData": { "alias": "sessionData"; "required": true; "isSignal": true; }; }, {}, ["verticalHeaderRef"], ["[header]", "[chatbot]"], true, never>;
+}
+
+interface TooltipState {
+    text: string;
+    x: number;
+    y: number;
+}
+interface ExtralinkOpener {
+    open(moduloID: number, routeName?: string): void;
+}
+declare const EXTRALINK_OPENER: InjectionToken<ExtralinkOpener>;
+declare class MenuItemComponent implements OnDestroy {
+    private menuService;
+    private headerUiService;
+    private readonly tabsService;
+    private readonly router;
+    private readonly extralinkOpener;
+    item: _angular_core.InputSignal<RouteInfo>;
+    isSidebarOpen: _angular_core.InputSignal<boolean>;
+    isSidebarHovering: _angular_core.InputSignal<boolean>;
+    level: _angular_core.InputSignal<number>;
+    parentModuleName: _angular_core.InputSignal<string>;
+    accentColor: _angular_core.InputSignal<string>;
+    accesos: _angular_core.InputSignal<any[]>;
+    rolId: _angular_core.InputSignal<number>;
+    open: _angular_core.WritableSignal<boolean>;
+    flyoutY: _angular_core.WritableSignal<number>;
+    expandedFlyoutChild: _angular_core.WritableSignal<string>;
+    flyoutTimer: ReturnType<typeof setTimeout> | null;
+    tooltip: _angular_core.WritableSignal<TooltipState>;
+    showFlyout: _angular_core.Signal<boolean>;
+    flyoutRendered: _angular_core.WritableSignal<boolean>;
+    private flyoutExitTimer;
+    private currentUrl;
+    esRutaActiva(path?: string | null): boolean;
+    submenuRendered: _angular_core.WritableSignal<boolean>;
+    private submenuLeaveTimer;
+    constructor();
+    ngOnDestroy(): void;
+    hasAccess(menuItem?: RouteInfo): boolean;
+    get isSidebarActuallyOpen(): boolean;
+    get isCollapsedMode(): boolean;
+    getFlyoutKey(): string;
+    onItemMouseEnter(event: MouseEvent): void;
+    onItemMouseOver(): void;
+    onItemMouseLeave(): void;
+    showChildTooltip(event: MouseEvent, item: RouteInfo): void;
+    hideChildTooltip(): void;
+    onFlyoutMouseEnter(): void;
+    onFlyoutMouseLeave(): void;
+    toggleFlyoutChild(child: RouteInfo): void;
+    isFlyoutChildExpanded(child: RouteInfo): boolean;
+    onFlyoutItemClick(child: RouteInfo, event: MouseEvent): void;
+    onFlyoutGrandchildClick(grandchild: RouteInfo): void;
+    onFlyoutItemRightClick(event: MouseEvent, child: RouteInfo): void;
+    onFlyoutItemMiddleClick(event: MouseEvent, child: RouteInfo): void;
+    toggle(): void;
+    openLink(item: RouteInfo): void;
+    onMiddleClick(event: MouseEvent): void;
+    onRightClick(event: MouseEvent): void;
+    isOpen(): boolean;
+    getItemId(): string;
+    codAcceso: () => string;
+    codAccesoItem(item: RouteInfo): string;
+    manejarRuta(item: RouteInfo): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "app-menu-item", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "isSidebarOpen": { "alias": "isSidebarOpen"; "required": false; "isSignal": true; }; "isSidebarHovering": { "alias": "isSidebarHovering"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "parentModuleName": { "alias": "parentModuleName"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "accesos": { "alias": "accesos"; "required": false; "isSignal": true; }; "rolId": { "alias": "rolId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TabBarComponent {
+    tabs: TabsService;
+    shouldShow: _angular_core.Signal<boolean>;
+    rendered: _angular_core.WritableSignal<boolean>;
+    private leaveTimer;
+    constructor();
+    moduleColors: _angular_core.InputSignal<Record<string, string>>;
+    hoveredTab: _angular_core.WritableSignal<AppTab>;
+    tipPosition: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    private hoverTimer;
+    getModuleColor(tab: AppTab): string;
+    onTabMouseEnter(event: MouseEvent, tab: AppTab): void;
+    onTabMouseLeave(): void;
+    onTabMouseDown(event: MouseEvent, tab: AppTab): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabBarComponent, "app-tab-bar", never, { "moduleColors": { "alias": "moduleColors"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ChatOption {
+    label: string;
+    nextNodeId?: string;
+    response?: string;
+}
+interface ChatNode {
+    id: string;
+    message: string;
+    options?: ChatOption[];
+}
+interface ChatbotConfig {
+    botName: string;
+    botAvatar?: string;
+    primaryColor?: string;
+    welcomeMessage: string;
+    nodes: ChatNode[];
+    rootNodeId: string;
+    position?: 'bottom-right' | 'bottom-left';
+    contactInfo?: string;
+}
+interface ChatMessage {
+    from: 'bot' | 'user';
+    text: string;
+    options?: ChatOption[];
+    optionsDisabled?: boolean;
+}
+declare const CHATBOT_CONFIG: InjectionToken<ChatbotConfig>;
+
+declare class ChatbotService {
+    private config;
+    messages: _angular_core.WritableSignal<ChatMessage[]>;
+    isTyping: _angular_core.WritableSignal<boolean>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    hasActiveConversation: _angular_core.Signal<boolean>;
+    constructor();
+    private getNode;
+    private init;
+    open(): void;
+    minimize(): void;
+    close(): void;
+    selectOption(option: ChatOption, messageIndex: number): void;
+    restart(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatbotService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ChatbotService>;
+}
+
+declare class ChatbotComponent {
+    protected service: ChatbotService;
+    protected config: layout_tsi.ChatbotConfig;
+    private zone;
+    private messagesEnd;
+    private wrapper;
+    position: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    isDragging: _angular_core.WritableSignal<boolean>;
+    openDir: _angular_core.WritableSignal<"above" | "below">;
+    openHDir: _angular_core.WritableSignal<"left" | "right">;
+    private dragOffset;
+    private hasDragged;
+    constructor();
+    get primaryColor(): string;
+    selectOption(option: ChatOption, index: number): void;
+    onFabClick(): void;
+    private calcOpenDirection;
+    startDrag(event: MouseEvent): void;
+    private onDrag;
+    private stopDrag;
+    private scrollToBottom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatbotComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatbotComponent, "app-chatbot", never, {}, {}, never, never, true, never>;
+}
+
+declare class NotFoundComponent {
+    private location;
+    onBack(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotFoundComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotFoundComponent, "app-not-found", never, {}, {}, never, never, true, never>;
+}
+
+interface DashboardItem {
+    [key: string]: any;
+    GROUP?: string;
+}
+type ViewMode = 'cards' | 'bars' | 'donut';
+interface DonutSegmentItem {
+    color: string;
+    strokeDasharray: string;
+    transform: string;
+    label: string;
+    value: number;
+    displayValue: string;
+    percent: string;
+    item: DashboardItem;
+}
+
+declare class ItemDashboardComponent {
+    data: _angular_core.InputSignal<any[]>;
+    titulo: _angular_core.InputSignal<string>;
+    textClass: _angular_core.InputSignal<string>;
+    colorClass: _angular_core.InputSignal<string>;
+    keyValue: _angular_core.InputSignal<string>;
+    keyDescri: _angular_core.InputSignal<string>;
+    complemento: _angular_core.InputSignal<string>;
+    isDesplegable: _angular_core.InputSignal<boolean>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    viewMode: _angular_core.InputSignal<ViewMode>;
+    showContent: _angular_core.WritableSignal<boolean>;
+    emit: _angular_core.OutputEmitterRef<DashboardItem>;
+    emitContent: _angular_core.OutputEmitterRef<string>;
+    filteredData: _angular_core.Signal<any[]>;
+    totalItems: _angular_core.Signal<any>;
+    maxValue: _angular_core.Signal<number>;
+    readonly palette: string[];
+    getPercent(item: any): number;
+    toggleMostrar(): void;
+    mover(item: DashboardItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemDashboardComponent, "app-item-dashboard", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "titulo": { "alias": "titulo"; "required": false; "isSignal": true; }; "textClass": { "alias": "textClass"; "required": false; "isSignal": true; }; "colorClass": { "alias": "colorClass"; "required": false; "isSignal": true; }; "keyValue": { "alias": "keyValue"; "required": false; "isSignal": true; }; "keyDescri": { "alias": "keyDescri"; "required": false; "isSignal": true; }; "complemento": { "alias": "complemento"; "required": false; "isSignal": true; }; "isDesplegable": { "alias": "isDesplegable"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "emit": "emit"; "emitContent": "emitContent"; }, never, never, true, never>;
+}
+
+declare class ItemDashboardGroupComponent {
+    data: _angular_core.InputSignal<DashboardItem[]>;
+    titulo: _angular_core.InputSignal<string>;
+    textClass: _angular_core.InputSignal<string>;
+    colorClass: _angular_core.InputSignal<string>;
+    keyValue: _angular_core.InputSignal<string>;
+    keyDescri: _angular_core.InputSignal<string>;
+    complemento: _angular_core.InputSignal<string>;
+    isDesplegable: _angular_core.InputSignal<boolean>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    viewMode: _angular_core.InputSignal<ViewMode>;
+    showContent: _angular_core.WritableSignal<boolean>;
+    emit: _angular_core.OutputEmitterRef<DashboardItem>;
+    emitContent: _angular_core.OutputEmitterRef<string>;
+    dataGroup: _angular_core.Signal<Record<string, any[]>>;
+    filteredDataGroup: _angular_core.Signal<Record<string, any[]>>;
+    totalItems: _angular_core.Signal<any>;
+    maxValue: _angular_core.Signal<number>;
+    hasData: _angular_core.Signal<boolean>;
+    getPercent(item: any): number;
+    toggleMostrar(): void;
+    mover(item: DashboardItem): void;
+    private groupBy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ItemDashboardGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ItemDashboardGroupComponent, "app-item-dashboard-group", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "titulo": { "alias": "titulo"; "required": false; "isSignal": true; }; "textClass": { "alias": "textClass"; "required": false; "isSignal": true; }; "colorClass": { "alias": "colorClass"; "required": false; "isSignal": true; }; "keyValue": { "alias": "keyValue"; "required": false; "isSignal": true; }; "keyDescri": { "alias": "keyDescri"; "required": false; "isSignal": true; }; "complemento": { "alias": "complemento"; "required": false; "isSignal": true; }; "isDesplegable": { "alias": "isDesplegable"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "emit": "emit"; "emitContent": "emitContent"; }, never, never, true, never>;
+}
+
+declare class DashboardChartDonutComponent {
+    textClass: _angular_core.InputSignal<string>;
+    complemento: _angular_core.InputSignal<string>;
+    data: _angular_core.InputSignal<any[]>;
+    keyValue: _angular_core.InputSignal<string>;
+    keyDescri: _angular_core.InputSignal<string>;
+    palette: _angular_core.InputSignal<string[]>;
+    clicked: _angular_core.OutputEmitterRef<DashboardItem>;
+    hoveredIndex: _angular_core.WritableSignal<number>;
+    private readonly C;
+    private readonly GAP;
+    donutSegments: _angular_core.Signal<DonutSegmentItem[]>;
+    centerDisplay: _angular_core.Signal<{
+        value: string;
+        sub: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardChartDonutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardChartDonutComponent, "app-dashboard-chart-donut", never, { "textClass": { "alias": "textClass"; "required": false; "isSignal": true; }; "complemento": { "alias": "complemento"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "keyValue": { "alias": "keyValue"; "required": false; "isSignal": true; }; "keyDescri": { "alias": "keyDescri"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+interface HBarItem {
+    x: number;
+    y: number;
+    w: number;
+    barH: number;
+    cy: number;
+    tooltipX: number;
+    tooltipY: number;
+    value: number;
+    displayValue: string;
+    percent: string;
+    label: string;
+    color: string;
+    item: any;
+}
+interface HBarData {
+    bars: HBarItem[];
+    xTicks: {
+        val: number;
+        x: number;
+    }[];
+    svgW: number;
+    svgH: number;
+    axisY: number;
+    axisLft: number;
+    svgRgt: number;
+    svgTop: number;
+}
+declare class DashboardChartBarsComponent {
+    data: _angular_core.InputSignal<any[]>;
+    maxValue: _angular_core.InputSignal<number>;
+    keyValue: _angular_core.InputSignal<string>;
+    keyDescri: _angular_core.InputSignal<string>;
+    palette: _angular_core.InputSignal<string[]>;
+    textClass: _angular_core.InputSignal<string>;
+    complemento: _angular_core.InputSignal<string>;
+    clicked: _angular_core.OutputEmitterRef<DashboardItem>;
+    hoveredIndex: _angular_core.WritableSignal<number>;
+    chartData: _angular_core.Signal<HBarData>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardChartBarsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardChartBarsComponent, "app-dashboard-chart-bars", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "keyValue": { "alias": "keyValue"; "required": false; "isSignal": true; }; "keyDescri": { "alias": "keyDescri"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "textClass": { "alias": "textClass"; "required": false; "isSignal": true; }; "complemento": { "alias": "complemento"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+declare class DashboardViewSwitcherComponent {
+    viewMode: _angular_core.InputSignal<ViewMode>;
+    accentColor: _angular_core.InputSignal<string>;
+    viewModeChange: _angular_core.OutputEmitterRef<ViewMode>;
+    fabOpen: _angular_core.WritableSignal<boolean>;
+    fabRendered: _angular_core.WritableSignal<boolean>;
+    private closeTimer;
+    constructor();
+    setView(mode: ViewMode): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardViewSwitcherComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardViewSwitcherComponent, "app-dashboard-view-switcher", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; }, { "viewModeChange": "viewModeChange"; }, never, never, true, never>;
+}
+
+declare class DetectorService {
+    private componenteActual;
+    setComponente(componente: string): void;
+    getComponente(): _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DetectorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DetectorService>;
+}
+
+declare class MenuService {
+    private _openMenus;
+    openMenus: _angular_core.Signal<Map<number, string>>;
+    setOpenMenu(level: number, id: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MenuService>;
+}
+
+declare class HeaderUiService {
+    typeDocumento: _angular_core.WritableSignal<number>;
+    numintDocumento: _angular_core.WritableSignal<number>;
+    setTypeDocumento(value: number): void;
+    setNumintDocumento(value: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderUiService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<HeaderUiService>;
+}
+
+export { BottomNavigationComponent, CHATBOT_CONFIG, ChatbotComponent, DashboardChartBarsComponent, DashboardChartDonutComponent, DashboardViewSwitcherComponent, DetectorService, EXTRALINK_OPENER, FullComponent, HeaderUiService, ItemDashboardComponent, ItemDashboardGroupComponent, MenuItemComponent, MenuService, NotFoundComponent, TABS_SYNC_PROVIDER, TabBarComponent, TabsService, VerticalHeaderComponent };
+export type { AppTab, BottomNavItem, ChatMessage, ChatNode, ChatOption, ChatbotConfig, DashboardItem, DonutSegmentItem, ExtralinkOpener, RouteInfo, SessionData, TabsSyncProvider, VerticalHeaderAction, ViewMode };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "layout-tsi",
-  "version": "0.0.4",
+  "version": "20.0.0-rc.0",
   "peerDependencies": {
-    "@angular/common": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/router": "^19.2.0"
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "rxjs": "^7.4.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -21,4 +22,4 @@
       "default": "./fesm2022/layout-tsi.mjs"
     }
   }
-}
+}

package/lib/models/general/app-tab.model.d.ts

@@ -1,9 +0,0 @@
-export interface AppTab {
-    id: string;
-    path: string;
-    title: string;
-    icon: string;
-    pinned: boolean;
-    module?: string;
-    moduleKey?: string;
-}

package/lib/models/general/dashboard.model.d.ts

@@ -1,15 +0,0 @@
-export interface DashboardItem {
-    [key: string]: any;
-    GROUP?: string;
-}
-export type ViewMode = 'cards' | 'bars' | 'donut';
-export interface DonutSegmentItem {
-    color: string;
-    strokeDasharray: string;
-    transform: string;
-    label: string;
-    value: number;
-    displayValue: string;
-    percent: string;
-    item: DashboardItem;
-}

package/lib/models/general/route-info.model.d.ts

@@ -1,16 +0,0 @@
-export interface RouteInfo {
-    path: string;
-    title: string;
-    icon: string;
-    class?: string;
-    extralink: boolean;
-    label?: string;
-    labelClass?: string;
-    submenu?: RouteInfo[];
-    codacc?: number;
-    moduloID?: number;
-    routeName?: string;
-    accesoID?: number;
-    modal?: string;
-    rol?: number[];
-}

package/lib/models/general/session-data.model.d.ts

@@ -1,8 +0,0 @@
-export interface SessionData {
-    nombreUser: string;
-    codsuc: number | null;
-    sucursales: any[];
-    idCia: string | number;
-    accesos: any[];
-    rolId: number | null;
-}