valtech-components 4.0.208 → 4.0.210

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -42,7 +42,7 @@ export declare class FeaturesListComponent {
         iconSize: number;
         mode: "horizontal" | "vertical";
         gap: "small" | "medium" | "large";
-        alignment: "start" | "center";
+        alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"small" | "default" | "large">;
+    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/organisms/account-view/account-view.component.d.ts

@@ -35,7 +35,7 @@ export declare class AccountViewComponent {
      * mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: AccountViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;

package/lib/components/organisms/article/article.component.d.ts

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "right" | "center" | "left";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
@@ -78,7 +78,7 @@ export declare class ArticleComponent implements OnInit {
         actionType?: import("valtech-components").ActionType; /**
          * Obtiene los estilos de padding para el contenedor article
          */
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -93,9 +93,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "default" | "large";
-        fill?: "outline" | "clear" | "solid" | "default";
-        type: "button" | "submit" | "reset";
+        size?: "default" | "small" | "large";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<3 | 2 | 4>;
+    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -53,7 +53,7 @@ export declare class OrganizationViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: OrganizationViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly org: import("@angular/core").WritableSignal<Organization>;

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

@@ -2,7 +2,7 @@ import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ViewWillEnter, ViewWillLeave } from '@ionic/angular/standalone';
 import { ContainerSize } from '../../atoms/container/types';
 import { PageRefreshService } from '../../../services/page-refresh/page-refresh.service';
-import { PageWrapperMetadata } from './types';
+import { PageWrapperMetadata, SideNavItem } from './types';
 import * as i0 from "@angular/core";
 /**
  * val-page-wrapper
@@ -81,6 +81,8 @@ export declare class PageWrapperComponent implements ViewWillEnter, ViewWillLeav
     contentId: import("@angular/core").Signal<string>;
     propsFooter: import("@angular/core").Signal<import("valtech-components").CompanyFooterMetadata>;
     contentMaxWidth: import("@angular/core").Signal<ContainerSize>;
+    menuItems: import("@angular/core").Signal<SideNavItem[]>;
+    hasSideMenu: import("@angular/core").Signal<boolean>;
     background: import("@angular/core").Signal<string>;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/components/templates/page-wrapper/types.d.ts

@@ -1,6 +1,17 @@
 import { HeaderMetadata } from '../../organisms/header/types';
 import { CompanyFooterMetadata } from '../../organisms/company-footer/types';
 import { ContainerSize } from '../../atoms/container/types';
+/** Item de navegación del menú lateral. */
+export interface SideNavItem {
+    /** Etiqueta visible. */
+    label: string;
+    /** Nombre del ionicon (debe estar registrado con addIcons en la app). */
+    icon?: string;
+    /** Ruta Angular para routerLink. */
+    route: string;
+    /** Si true, routerLinkActive requiere coincidencia exacta (default false). */
+    exact?: boolean;
+}
 /**
  * Configuration for the page wrapper component.
  */
@@ -23,4 +34,10 @@ export interface PageWrapperMetadata {
      * Recommended: 'xl' for typical app pages.
      */
     contentMaxWidth?: ContainerSize;
+    /**
+     * Items del menú lateral. Cuando se provee, val-page-wrapper renderiza
+     * ion-split-pane + ion-menu. En desktop (>= 768px) el menú es visible
+     * siempre; en mobile se abre con el botón hamburger (withMenu: true en toolbar).
+     */
+    menuItems?: SideNavItem[];
 }

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

@@ -0,0 +1,27 @@
+import { Observable } from 'rxjs';
+import { ValtechAuthConfig } from '../auth/types';
+import type { PdfGenerateRequest, PdfResult } from './types';
+import * as i0 from "@angular/core";
+/**
+ * Servicio para generación de PDFs via el PDF Lambda (/v2/pdf/generate).
+ *
+ * El JWT del usuario se inyecta automáticamente por el authInterceptor
+ * (configurado vía provideValtechAuth). El app-id se toma de ValtechAuthConfig.
+ *
+ * Modos de uso:
+ *   - source.template → renderiza una plantilla desde DynamoDB
+ *   - source.html     → HTML arbitrario provisto por el caller
+ *   - source.url      → URL pública (Puppeteer la carga)
+ */
+export declare class PdfService {
+    private config;
+    private http;
+    constructor(config: ValtechAuthConfig | null);
+    private get baseUrl();
+    private get appIdHeader();
+    generate(req: PdfGenerateRequest): Observable<PdfResult>;
+    generateAndDownload(req: PdfGenerateRequest, filename?: string): Observable<void>;
+    private _download;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PdfService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PdfService>;
+}

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

@@ -0,0 +1,31 @@
+export interface PdfTemplateSource {
+    template: {
+        id: string;
+        language: string;
+        data: Record<string, string>;
+    };
+}
+export interface PdfHtmlSource {
+    html: string;
+}
+export interface PdfUrlSource {
+    url: string;
+}
+export type PdfSource = PdfTemplateSource | PdfHtmlSource | PdfUrlSource;
+export interface PdfGenerateOptions {
+    format?: 'A4' | 'Letter';
+}
+export interface PdfDeliveryOptions {
+    expiresIn?: number;
+}
+export interface PdfGenerateRequest {
+    source: PdfSource;
+    output?: PdfGenerateOptions;
+    delivery?: PdfDeliveryOptions;
+}
+export interface PdfResult {
+    jobId: string;
+    status: 'completed';
+    url: string;
+    expiresAt: string;
+}

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 = "4.0.204";
+export declare const VERSION = "4.0.210";

package/package.json

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

package/public-api.d.ts

@@ -350,6 +350,8 @@ export * from './lib/components/templates/maintenance-page/types';
 export * from './lib/components/templates/auth-background/auth-background.component';
 export * from './lib/components/templates/auth-background/types';
 export * from './lib/services/download.service';
+export * from './lib/services/pdf/pdf.service';
+export * from './lib/services/pdf/types';
 export * from './lib/services/icons.service';
 export * from './lib/services/in-app-browser.service';
 export * from './lib/services/link-processor.service';

package/src/lib/services/firebase/firebase-messaging-sw.js

@@ -0,0 +1,145 @@
+/**
+ * Firebase Messaging Service Worker
+ *
+ * Service Worker estático para Firebase Cloud Messaging.
+ * Carga la configuración dinámicamente desde /firebase-config.js.
+ *
+ * CONFIGURACIÓN:
+ * 1. Crea firebase.config.json con tu configuración de Firebase
+ * 2. Ejecuta: npm run generate:firebase-config
+ *    Esto genera /firebase-config.js con: self.FIREBASE_CONFIG = {...}
+ * 3. Agrega este SW y firebase-config.js a los assets de angular.json
+ *
+ * Ver README.md para documentación completa.
+ */
+
+// Importar Firebase scripts
+importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js');
+importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js');
+
+// Importar configuración desde archivo externo (generado en build)
+// Este archivo define: self.FIREBASE_CONFIG = { ... }
+try {
+  importScripts('/firebase-config.js');
+} catch (e) {
+  console.error('[SW] No se pudo cargar firebase-config.js:', e);
+}
+
+// Verificar que la configuración existe
+if (!self.FIREBASE_CONFIG) {
+  console.error('[SW] FIREBASE_CONFIG no está definido.');
+  console.error('[SW] Ejecuta: npm run generate:firebase-config');
+} else {
+  // Inicializar Firebase
+  firebase.initializeApp(self.FIREBASE_CONFIG);
+
+  // Obtener instancia de messaging
+  const messaging = firebase.messaging();
+
+  /**
+   * Handler para mensajes en background.
+   */
+  messaging.onBackgroundMessage((payload) => {
+    console.log('[SW] Mensaje recibido en background:', payload);
+
+    // Web push usa mensajes data-only (sin bloque `notification`) para que el
+    // navegador NO auto-muestre una notificación duplicada — el SW es el único
+    // que la pinta. Title/body/icon llegan dentro de `data`. Se mantiene el
+    // fallback a `payload.notification` por compatibilidad con mensajes
+    // legacy o nativos que sí traen el bloque.
+    const data = payload.data || {};
+    const notificationTitle =
+      payload.notification?.title || data.title || 'Nueva notificación';
+    const notificationBody = payload.notification?.body || data.body || '';
+    const notificationIcon =
+      payload.notification?.icon || data.icon || '/assets/icon/favicon.ico';
+
+    const notificationOptions = {
+      body: notificationBody,
+      icon: notificationIcon,
+      image: payload.notification?.image,
+      badge: '/assets/icon/badge.png',
+      tag: payload.messageId || data.messageId || 'default',
+      data: {
+        ...data,
+        messageId: payload.messageId || data.messageId,
+        title: notificationTitle,
+        body: notificationBody,
+      },
+      vibrate: [200, 100, 200],
+      requireInteraction: data.require_interaction === 'true',
+    };
+
+    return self.registration.showNotification(notificationTitle, notificationOptions);
+  });
+
+  /**
+   * Handler para clicks en notificaciones.
+   */
+  self.addEventListener('notificationclick', (event) => {
+    console.log('[SW] Click en notificación:', event);
+    event.notification.close();
+
+    const data = event.notification.data || {};
+    let targetUrl = '/';
+
+    if (data.route) {
+      targetUrl = data.route;
+    } else if (data.url) {
+      targetUrl = data.url;
+    }
+
+    if (data.query_params) {
+      const separator = targetUrl.includes('?') ? '&' : '?';
+      targetUrl += separator + data.query_params;
+    }
+
+    const notificationPayload = {
+      type: 'NOTIFICATION_CLICK',
+      notification: {
+        title: data.title,
+        body: data.body,
+        data: data,
+        messageId: data.messageId,
+      },
+    };
+
+    event.waitUntil(
+      clients
+        .matchAll({ type: 'window', includeUncontrolled: true })
+        .then((clientList) => {
+          // Siempre enviar postMessage para que la app pueda reaccionar
+          for (const client of clientList) {
+            client.postMessage(notificationPayload);
+          }
+
+          // Navegar si hay route o url
+          if (targetUrl !== '/') {
+            for (const client of clientList) {
+              if ('navigate' in client) {
+                return client.navigate(targetUrl).then((c) => c?.focus());
+              }
+            }
+            // Si no hay cliente abierto, abrir nueva ventana
+            if (clients.openWindow) {
+              return clients.openWindow(targetUrl);
+            }
+          }
+
+          // Solo hacer focus si no hay navegación
+          for (const client of clientList) {
+            if ('focus' in client) {
+              return client.focus();
+            }
+          }
+          if (clients.openWindow) {
+            return clients.openWindow('/');
+          }
+        })
+    );
+  });
+
+  self.addEventListener('notificationclose', (event) => {
+    console.log('[SW] Notificación cerrada:', event.notification.tag);
+  });
+}