layout-tsi 0.0.6 → 0.0.7

package/lib/ui/vertical-header/vertical-header.component.d.ts

@@ -0,0 +1,99 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { TabsService } from '../../service/tabs.service';
+import { BottomNavItem } from '../bottom-navigation/bottom-navigation.component';
+import * as i0 from "@angular/core";
+export 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;
+}
+export 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: import("@angular/core").WritableSignal<boolean>;
+    private resizeObserver?;
+    private readonly ngZone;
+    private router;
+    readonly tabsService: TabsService;
+    actions: import("@angular/core").InputSignal<VerticalHeaderAction[]>;
+    showSearch: import("@angular/core").InputSignal<boolean>;
+    themes: import("@angular/core").InputSignal<{
+        id: string;
+        icon: string;
+        label: string;
+    }[]>;
+    showThemeSwitcher: import("@angular/core").InputSignal<boolean>;
+    showTabs: import("@angular/core").InputSignal<boolean>;
+    showNotifications: import("@angular/core").InputSignal<boolean>;
+    notificationsCount: import("@angular/core").InputSignal<number>;
+    notificationsClick: import("@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: import("@angular/core").InputSignal<boolean>;
+    showChatbotToggle: import("@angular/core").InputSignal<boolean>;
+    chatbotVisible: import("@angular/core").InputSignal<boolean>;
+    chatbotVisibleChange: import("@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: import("@angular/core").InputSignal<boolean>;
+    currentTheme: import("@angular/core").InputSignal<string>;
+    themeChange: import("@angular/core").OutputEmitterRef<string>;
+    bottomNavItems: import("@angular/core").Signal<BottomNavItem[]>;
+    readonly themeIcon: import("@angular/core").Signal<string>;
+    readonly themeLabel: import("@angular/core").Signal<string>;
+    versionApp: import("@angular/core").InputSignal<string>;
+    accentColor: import("@angular/core").InputSignal<string>;
+    envClass: import("@angular/core").InputSignal<string>;
+    produccion: import("@angular/core").InputSignal<boolean>;
+    emitirToogle: import("@angular/core").OutputEmitterRef<void>;
+    isScrolled: import("@angular/core").InputSignal<boolean>;
+    isSidebarOpen: import("@angular/core").InputSignal<boolean>;
+    nameProyecto: import("@angular/core").InputSignal<string>;
+    searchComponents: import("@angular/core").OutputEmitterRef<void>;
+    showPanelControl: import("@angular/core").InputSignal<boolean>;
+    panelControlClick: import("@angular/core").OutputEmitterRef<void>;
+    logout: import("@angular/core").OutputEmitterRef<void>;
+    userName: import("@angular/core").InputSignal<string>;
+    empresaName: import("@angular/core").InputSignal<string>;
+    userAvatar: import("@angular/core").InputSignal<string>;
+    avatarFallido: import("@angular/core").WritableSignal<string>;
+    avatarSrc: import("@angular/core").Signal<string>;
+    tooltip: import("@angular/core").WritableSignal<{
+        text: string;
+        x: number;
+        y: number;
+    }>;
+    openActionKey: import("@angular/core").WritableSignal<string>;
+    themeMenuOpen: import("@angular/core").WritableSignal<boolean>;
+    userMenuOpen: import("@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: i0.ɵɵFactoryDeclaration<VerticalHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; "userAvatar": { "alias": "userAvatar"; "required": false; "isSignal": true; }; }, { "notificationsClick": "notificationsClick"; "chatbotVisibleChange": "chatbotVisibleChange"; "themeChange": "themeChange"; "emitirToogle": "emitirToogle"; "searchComponents": "searchComponents"; "panelControlClick": "panelControlClick"; "logout": "logout"; }, never, ["[extra-actions]"], true, never>;
+}

package/lib/utils/validaciones.d.ts

@@ -0,0 +1 @@
+export declare function validaArray(data: any): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "layout-tsi",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",
@@ -11,15 +11,14 @@
   },
   "sideEffects": false,
   "module": "fesm2022/layout-tsi.mjs",
-  "typings": "types/layout-tsi.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./types/layout-tsi.d.ts",
+      "types": "./index.d.ts",
       "default": "./fesm2022/layout-tsi.mjs"
     }
-  },
-  "type": "module"
+  }
 }

package/public-api.d.ts

@@ -0,0 +1,21 @@
+export * from './lib/ui/full/full.component';
+export * from './lib/ui/vertical-header/vertical-header.component';
+export * from './lib/ui/menu-item/menu-item.component';
+export * from './lib/ui/tab-bar/tab-bar.component';
+export * from './lib/ui/bottom-navigation/bottom-navigation.component';
+export * from './lib/ui/chatbot/chatbot.component';
+export * from './lib/ui/chatbot/chatbot.model';
+export * from './lib/ui/not-found/not-found.component';
+export * from './lib/ui/dashboard/item-dashboard/item-dashboard.component';
+export * from './lib/ui/dashboard/item-dashboard-group/item-dashboard-group.component';
+export * from './lib/ui/dashboard/dashboard-chart-donut/dashboard-chart-donut.component';
+export * from './lib/ui/dashboard/dashboard-chart-bars/dashboard-chart-bars.component';
+export * from './lib/ui/dashboard/dashboard-view-switcher/dashboard-view-switcher.component';
+export * from './lib/service/detector.service';
+export * from './lib/service/menu.service';
+export * from './lib/service/header-ui.service';
+export * from './lib/service/tabs.service';
+export * from './lib/models/general/route-info.model';
+export * from './lib/models/general/session-data.model';
+export * from './lib/models/general/app-tab.model';
+export * from './lib/models/general/dashboard.model';