valtech-components 2.0.825 → 2.0.827

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

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * 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<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

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

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

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

@@ -48,7 +48,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
+        gap: "small" | "medium" | "large";
         alignment: "center" | "start";
     }>;
     /** Resolved icon color (handles Ionic colors and CSS colors) */

package/lib/components/molecules/username-input/username-input.component.d.ts

@@ -36,7 +36,7 @@ export declare class UsernameInputComponent implements OnInit, OnDestroy {
     hasError: import("@angular/core").Signal<boolean>;
     showStatusMessage: import("@angular/core").Signal<boolean>;
     statusColor: import("@angular/core").Signal<"success" | "danger">;
-    statusMessage: import("@angular/core").Signal<"Username disponible" | "Username ya está en uso" | "">;
+    statusMessage: import("@angular/core").Signal<"" | "Username disponible" | "Username ya está en uso">;
     errorMessage: import("@angular/core").Signal<string>;
     ngOnInit(): void;
     ngOnDestroy(): void;

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

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -90,9 +90,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
-        fill?: "default" | "outline" | "solid" | "clear";
-        type: "submit" | "button" | "reset";
+        size?: "small" | "large" | "default";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

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

@@ -72,8 +72,8 @@ export declare class ToolbarComponent implements OnInit {
         };
         showFlags?: boolean;
         color: import("@ionic/core").Color;
-        size?: "default" | "small" | "large";
-        fill?: "default" | "outline" | "solid" | "clear";
+        size?: "small" | "large" | "default";
+        fill?: "default" | "clear" | "outline" | "solid";
         shape?: "round";
         expand?: "full" | "block";
         disabled?: boolean;

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

@@ -50,7 +50,7 @@ export declare class PageWrapperComponent implements ViewWillEnter, ViewWillLeav
      * Default header configuration (cached to avoid infinite change detection).
      */
     private readonly defaultHeader;
-    headerProps: import("@angular/core").Signal<{
+    headerProps: import("@angular/core").Signal<import("valtech-components").HeaderMetadata | {
         bordered: boolean;
         translucent: boolean;
         toolbar: {
@@ -77,7 +77,7 @@ export declare class PageWrapperComponent implements ViewWillEnter, ViewWillLeav
                 };
             }[];
         };
-    } | import("valtech-components").HeaderMetadata>;
+    }>;
     contentId: import("@angular/core").Signal<string>;
     propsFooter: import("@angular/core").Signal<import("valtech-components").CompanyFooterMetadata>;
     contentMaxWidth: import("@angular/core").Signal<ContainerSize>;

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.825";
+export declare const VERSION = "2.0.827";

package/package.json

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

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

@@ -42,21 +42,32 @@ if (!self.FIREBASE_CONFIG) {
   messaging.onBackgroundMessage((payload) => {
     console.log('[SW] Mensaje recibido en background:', payload);
 
-    const notificationTitle = payload.notification?.title || 'Nueva notificación';
+    // 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: payload.notification?.body || '',
-      icon: payload.notification?.icon || '/assets/icon/favicon.ico',
+      body: notificationBody,
+      icon: notificationIcon,
       image: payload.notification?.image,
       badge: '/assets/icon/badge.png',
-      tag: payload.messageId || 'default',
+      tag: payload.messageId || data.messageId || 'default',
       data: {
-        ...payload.data,
-        messageId: payload.messageId,
+        ...data,
+        messageId: payload.messageId || data.messageId,
         title: notificationTitle,
-        body: payload.notification?.body,
+        body: notificationBody,
       },
       vibrate: [200, 100, 200],
-      requireInteraction: payload.data?.require_interaction === 'true',
+      requireInteraction: data.require_interaction === 'true',
     };
 
     return self.registration.showNotification(notificationTitle, notificationOptions);