valtech-components 2.0.674 → 2.0.676

package/lib/components/atoms/button/button.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { DownloadService } from '../../../services/download.service';
 import { IconService } from '../../../services/icons.service';
-import { NavigationService } from '../../../services/navigation.service';
+import { NavigationService } from '../../../services/navigation';
 import { ButtonMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit, OnChanges {

package/lib/components/molecules/link/link.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { NavigationService } from '../../../services/navigation.service';
+import { NavigationService } from '../../../services/navigation';
 import { LinkMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class LinkComponent implements OnInit {

package/lib/components/templates/page-content/page-content.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { ThemeService } from '../../../services/theme.service';
-import { NavigationService } from '../../../services/navigation.service';
+import { NavigationService } from '../../../services/navigation';
 import { PageContentMetadata } from './types';
 import * as i0 from "@angular/core";
 /**

package/lib/services/navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation.service';
+export * from './types';

package/lib/services/navigation/navigation.service.d.ts

@@ -0,0 +1,134 @@
+import { Location } from '@angular/common';
+import { Router } from '@angular/router';
+import { InAppBrowserService } from '../in-app-browser.service';
+import { HeaderConfig, HomeHeaderConfig, CustomHeaderConfig } from './types';
+import * as i0 from "@angular/core";
+/**
+ * NavigationService
+ *
+ * Servicio centralizado para navegacion y configuracion de headers.
+ * Permite a las paginas declarar su tipo de header de forma simple.
+ *
+ * @example
+ * // En una pagina con header de tipo "back"
+ * export class ProfilePage {
+ *   private nav = inject(NavigationService);
+ *
+ *   constructor() {
+ *     this.nav.setBackHeader('pageTitle', 'Settings.Profile');
+ *   }
+ * }
+ *
+ * @example
+ * // En el layout principal (tabs.page.ts)
+ * export class TabsPage {
+ *   private nav = inject(NavigationService);
+ *
+ *   headerConfig = this.nav.headerConfig;
+ *   headerTitle = this.nav.headerTitle;
+ * }
+ */
+export declare class NavigationService {
+    router: Router;
+    location: Location;
+    inAppBrowser: InAppBrowserService;
+    private i18n;
+    private readonly _headerConfig;
+    /**
+     * Configuracion actual del header (readonly signal)
+     */
+    readonly headerConfig: import("@angular/core").Signal<HeaderConfig>;
+    /**
+     * Titulo del header traducido y reactivo al cambio de idioma.
+     * Solo aplica para headers tipo 'back' o 'custom' con titleKey.
+     */
+    readonly headerTitle: import("@angular/core").Signal<string>;
+    /**
+     * Indica si el header actual tiene boton volver
+     */
+    readonly hasBackButton: import("@angular/core").Signal<boolean>;
+    /**
+     * Arbitrary data to be transferred during navigation.
+     * @deprecated Use navigateWithData instead
+     */
+    data: any;
+    constructor(router: Router, location: Location, inAppBrowser: InAppBrowserService);
+    /**
+     * Configura un header tipo "back" con titulo traducido.
+     *
+     * @param key Clave i18n (ej: 'pageTitle')
+     * @param namespace Namespace i18n (ej: 'Settings.Profile')
+     * @param options Opciones adicionales (backText, withMenu)
+     *
+     * @example
+     * // Sin menu
+     * this.nav.setBackHeader('pageTitle', 'Settings.Profile');
+     *
+     * @example
+     * // Con menu hamburguesa
+     * this.nav.setBackHeader('pageTitle', 'Settings.Profile', { withMenu: true });
+     */
+    setBackHeader(key: string, namespace: string, options?: {
+        backText?: string;
+        withMenu?: boolean;
+    }): void;
+    /**
+     * Configura un header tipo "home" con logo y acciones.
+     *
+     * @param options Opciones del header home
+     *
+     * @example
+     * this.nav.setHomeHeader({
+     *   withMenu: true,
+     *   actions: [
+     *     { type: 'ICON', token: 'notifications', position: 'right', description: 'notifications-outline' }
+     *   ]
+     * });
+     */
+    setHomeHeader(options?: Partial<Omit<HomeHeaderConfig, 'type'>>): void;
+    /**
+     * Configura un header personalizado.
+     *
+     * @param options Opciones del header
+     */
+    setCustomHeader(options: Omit<CustomHeaderConfig, 'type'>): void;
+    /**
+     * Oculta el header completamente.
+     */
+    hideHeader(): void;
+    /**
+     * Resetea el header al estado por defecto (home).
+     */
+    resetHeader(): void;
+    /**
+     * Opens a URL using the in-app browser service.
+     * @param url The URL to open
+     */
+    navigateInApp(url: string): void;
+    /**
+     * Navigates to a route and transfers data using Angular Router state.
+     * @param route The route to navigate to
+     * @param dataTransfer The data to transfer
+     */
+    navigateWithData(route: string, dataTransfer: any): void;
+    /**
+     * Navigates to a URL using Angular Router.
+     * @param url The URL to navigate to
+     */
+    navigateByUrl(url: string): void;
+    /**
+     * Opens a URL in a new browser tab.
+     * @param url The URL to open
+     */
+    openInNewTab(url: string): void;
+    /**
+     * Navigates back to the previous page in the browser history.
+     */
+    back(): void;
+    /**
+     * Traduce una clave i18n en formato 'namespace.key'
+     */
+    private translateKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
+}

package/lib/services/navigation/types.d.ts

@@ -0,0 +1,67 @@
+import { ToolbarAction } from '../../components/types';
+/**
+ * Tipos de header soportados por NavigationService
+ */
+export type HeaderType = 'home' | 'back' | 'custom' | 'none';
+/**
+ * Configuracion de header para paginas con boton volver
+ */
+export interface BackHeaderConfig {
+    type: 'back';
+    /** Clave i18n para el titulo (formato: 'namespace.key') */
+    titleKey: string;
+    /** Texto del boton volver (opcional, usa icono por defecto) */
+    backText?: string;
+    /** Mostrar menu hamburguesa (opcional, false por defecto) */
+    withMenu?: boolean;
+}
+/**
+ * Configuracion de header para pagina principal (home)
+ */
+export interface HomeHeaderConfig {
+    type: 'home';
+    /** Mostrar menu hamburguesa */
+    withMenu?: boolean;
+    /** Acciones adicionales en el header */
+    actions?: ToolbarAction[];
+    /** Logo personalizado (CSS variable o URL) */
+    logoSrc?: string;
+}
+/**
+ * Configuracion de header personalizado
+ */
+export interface CustomHeaderConfig {
+    type: 'custom';
+    /** Titulo del header */
+    title?: string;
+    /** Clave i18n para el titulo */
+    titleKey?: string;
+    /** Mostrar boton volver */
+    withBack?: boolean;
+    /** Texto del boton volver */
+    backText?: string;
+    /** Mostrar acciones */
+    withActions?: boolean;
+    /** Mostrar menu */
+    withMenu?: boolean;
+    /** Acciones del header */
+    actions?: ToolbarAction[];
+}
+/**
+ * Sin header
+ */
+export interface NoHeaderConfig {
+    type: 'none';
+}
+/**
+ * Union de todos los tipos de configuracion de header
+ */
+export type HeaderConfig = BackHeaderConfig | HomeHeaderConfig | CustomHeaderConfig | NoHeaderConfig;
+/**
+ * Configuracion por defecto para header tipo 'home'
+ */
+export declare const DEFAULT_HOME_HEADER: HomeHeaderConfig;
+/**
+ * Configuracion por defecto para header tipo 'back'
+ */
+export declare const DEFAULT_BACK_HEADER: BackHeaderConfig;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.674";
+export declare const VERSION = "2.0.676";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.674",
+  "version": "2.0.676",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -233,7 +233,7 @@ export * from './lib/services/in-app-browser.service';
 export * from './lib/services/link-processor.service';
 export * from './lib/services/local-storage.service';
 export * from './lib/services/locale.service';
-export * from './lib/services/navigation.service';
+export * from './lib/services/navigation';
 export * from './lib/services/theme.service';
 export * from './lib/services/toast.service';
 export * from './lib/services/types';

package/esm2022/lib/services/navigation.service.mjs

@@ -1,68 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "./in-app-browser.service";
-/**
- * Service for navigation and routing within the application.
- * Supports navigation with data transfer, in-app browser, and opening links in new tabs.
- */
-export class NavigationService {
-    constructor(router, location, inAppBrowser) {
-        this.router = router;
-        this.location = location;
-        this.inAppBrowser = inAppBrowser;
-    }
-    /**
-     * Opens a URL using the in-app browser service.
-     * @param url The URL to open
-     */
-    navigateInApp(url) {
-        this.inAppBrowser.openWithInAppBrowser(url);
-    }
-    /**
-     * Navigates to a route and transfers data using Angular Router state.
-     * @param route The route to navigate to
-     * @param dataTransfer The data to transfer
-     */
-    navigateWithData(route, dataTransfer) {
-        const navigationExtras = {
-            state: {
-                data: dataTransfer,
-            },
-        };
-        this.router.navigate([route], navigationExtras);
-    }
-    /**
-     * Navigates to a URL using Angular Router.
-     * @param url The URL to navigate to
-     */
-    navigateByUrl(url) {
-        this.router
-            .navigateByUrl(url)
-            .then(response => { })
-            .catch(error => { });
-    }
-    /**
-     * Opens a URL in a new browser tab.
-     * @param url The URL to open
-     */
-    openInNewTab(url) {
-        window.open(url, '_blank', 'noopener,noreferrer');
-    }
-    /**
-     * Navigates back to the previous page in the browser history.
-     */
-    back() {
-        this.location.back();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i1.Router }, { token: i2.Location }, { token: i3.InAppBrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Location }, { type: i3.InAppBrowserService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zZXJ2aWNlcy9uYXZpZ2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFJM0M7OztHQUdHO0FBSUgsTUFBTSxPQUFPLGlCQUFpQjtJQU01QixZQUNTLE1BQWMsRUFDZCxRQUFrQixFQUNsQixZQUFpQztRQUZqQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixpQkFBWSxHQUFaLFlBQVksQ0FBcUI7SUFDdkMsQ0FBQztJQUVKOzs7T0FHRztJQUNILGFBQWEsQ0FBQyxHQUFXO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxnQkFBZ0IsQ0FBQyxLQUFhLEVBQUUsWUFBaUI7UUFDL0MsTUFBTSxnQkFBZ0IsR0FBcUI7WUFDekMsS0FBSyxFQUFFO2dCQUNMLElBQUksRUFBRSxZQUFZO2FBQ25CO1NBQ0YsQ0FBQztRQUVGLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsYUFBYSxDQUFDLEdBQVc7UUFDdkIsSUFBSSxDQUFDLE1BQU07YUFDUixhQUFhLENBQUMsR0FBRyxDQUFDO2FBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxHQUFFLENBQUMsQ0FBQzthQUNwQixLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRSxDQUFDLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsWUFBWSxDQUFDLEdBQVc7UUFDdEIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsUUFBUSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBSTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzsrR0EzRFUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25FeHRyYXMsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJbkFwcEJyb3dzZXJTZXJ2aWNlIH0gZnJvbSAnLi9pbi1hcHAtYnJvd3Nlci5zZXJ2aWNlJztcblxuLyoqXG4gKiBTZXJ2aWNlIGZvciBuYXZpZ2F0aW9uIGFuZCByb3V0aW5nIHdpdGhpbiB0aGUgYXBwbGljYXRpb24uXG4gKiBTdXBwb3J0cyBuYXZpZ2F0aW9uIHdpdGggZGF0YSB0cmFuc2ZlciwgaW4tYXBwIGJyb3dzZXIsIGFuZCBvcGVuaW5nIGxpbmtzIGluIG5ldyB0YWJzLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvblNlcnZpY2Uge1xuICAvKipcbiAgICogQXJiaXRyYXJ5IGRhdGEgdG8gYmUgdHJhbnNmZXJyZWQgZHVyaW5nIG5hdmlnYXRpb24uXG4gICAqL1xuICBkYXRhOiBhbnk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIHJvdXRlcjogUm91dGVyLFxuICAgIHB1YmxpYyBsb2NhdGlvbjogTG9jYXRpb24sXG4gICAgcHVibGljIGluQXBwQnJvd3NlcjogSW5BcHBCcm93c2VyU2VydmljZVxuICApIHt9XG5cbiAgLyoqXG4gICAqIE9wZW5zIGEgVVJMIHVzaW5nIHRoZSBpbi1hcHAgYnJvd3NlciBzZXJ2aWNlLlxuICAgKiBAcGFyYW0gdXJsIFRoZSBVUkwgdG8gb3BlblxuICAgKi9cbiAgbmF2aWdhdGVJbkFwcCh1cmw6IHN0cmluZykge1xuICAgIHRoaXMuaW5BcHBCcm93c2VyLm9wZW5XaXRoSW5BcHBCcm93c2VyKHVybCk7XG4gIH1cblxuICAvKipcbiAgICogTmF2aWdhdGVzIHRvIGEgcm91dGUgYW5kIHRyYW5zZmVycyBkYXRhIHVzaW5nIEFuZ3VsYXIgUm91dGVyIHN0YXRlLlxuICAgKiBAcGFyYW0gcm91dGUgVGhlIHJvdXRlIHRvIG5hdmlnYXRlIHRvXG4gICAqIEBwYXJhbSBkYXRhVHJhbnNmZXIgVGhlIGRhdGEgdG8gdHJhbnNmZXJcbiAgICovXG4gIG5hdmlnYXRlV2l0aERhdGEocm91dGU6IHN0cmluZywgZGF0YVRyYW5zZmVyOiBhbnkpIHtcbiAgICBjb25zdCBuYXZpZ2F0aW9uRXh0cmFzOiBOYXZpZ2F0aW9uRXh0cmFzID0ge1xuICAgICAgc3RhdGU6IHtcbiAgICAgICAgZGF0YTogZGF0YVRyYW5zZmVyLFxuICAgICAgfSxcbiAgICB9O1xuXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3JvdXRlXSwgbmF2aWdhdGlvbkV4dHJhcyk7XG4gIH1cblxuICAvKipcbiAgICogTmF2aWdhdGVzIHRvIGEgVVJMIHVzaW5nIEFuZ3VsYXIgUm91dGVyLlxuICAgKiBAcGFyYW0gdXJsIFRoZSBVUkwgdG8gbmF2aWdhdGUgdG9cbiAgICovXG4gIG5hdmlnYXRlQnlVcmwodXJsOiBzdHJpbmcpIHtcbiAgICB0aGlzLnJvdXRlclxuICAgICAgLm5hdmlnYXRlQnlVcmwodXJsKVxuICAgICAgLnRoZW4ocmVzcG9uc2UgPT4ge30pXG4gICAgICAuY2F0Y2goZXJyb3IgPT4ge30pO1xuICB9XG5cbiAgLyoqXG4gICAqIE9wZW5zIGEgVVJMIGluIGEgbmV3IGJyb3dzZXIgdGFiLlxuICAgKiBAcGFyYW0gdXJsIFRoZSBVUkwgdG8gb3BlblxuICAgKi9cbiAgb3BlbkluTmV3VGFiKHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgd2luZG93Lm9wZW4odXJsLCAnX2JsYW5rJywgJ25vb3BlbmVyLG5vcmVmZXJyZXInKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBOYXZpZ2F0ZXMgYmFjayB0byB0aGUgcHJldmlvdXMgcGFnZSBpbiB0aGUgYnJvd3NlciBoaXN0b3J5LlxuICAgKi9cbiAgYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcbiAgfVxufVxuIl19

package/lib/services/navigation.service.d.ts

@@ -1,45 +0,0 @@
-import { Location } from '@angular/common';
-import { Router } from '@angular/router';
-import { InAppBrowserService } from './in-app-browser.service';
-import * as i0 from "@angular/core";
-/**
- * Service for navigation and routing within the application.
- * Supports navigation with data transfer, in-app browser, and opening links in new tabs.
- */
-export declare class NavigationService {
-    router: Router;
-    location: Location;
-    inAppBrowser: InAppBrowserService;
-    /**
-     * Arbitrary data to be transferred during navigation.
-     */
-    data: any;
-    constructor(router: Router, location: Location, inAppBrowser: InAppBrowserService);
-    /**
-     * Opens a URL using the in-app browser service.
-     * @param url The URL to open
-     */
-    navigateInApp(url: string): void;
-    /**
-     * Navigates to a route and transfers data using Angular Router state.
-     * @param route The route to navigate to
-     * @param dataTransfer The data to transfer
-     */
-    navigateWithData(route: string, dataTransfer: any): void;
-    /**
-     * Navigates to a URL using Angular Router.
-     * @param url The URL to navigate to
-     */
-    navigateByUrl(url: string): void;
-    /**
-     * Opens a URL in a new browser tab.
-     * @param url The URL to open
-     */
-    openInNewTab(url: string): void;
-    /**
-     * Navigates back to the previous page in the browser history.
-     */
-    back(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
-}