valtech-components 2.0.731 → 2.0.732

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

@@ -0,0 +1,42 @@
+import { GlowIntensity, GlowMetadata, GlowPosition, GlowShape, GlowSize } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-glow` — wrapper that paints a colored radial or linear gradient behind its
+ * projected content. Uses Ionic color tokens, so it respects light/dark theme.
+ *
+ * @example
+ * <val-glow [props]="{ color: 'primary', position: 'top', size: 'large' }">
+ *   <h1>Hero title</h1>
+ *   <p>Body copy...</p>
+ * </val-glow>
+ *
+ * @example Two-tone radial
+ * <val-glow [props]="{ color: 'primary', secondaryColor: 'tertiary', position: 'center' }">
+ *   ...
+ * </val-glow>
+ *
+ * @example Linear sweep from top
+ * <val-glow [props]="{ color: 'success', shape: 'linear', position: 'top', intensity: 'strong' }">
+ *   ...
+ * </val-glow>
+ */
+export declare class GlowComponent {
+    props: import("@angular/core").InputSignal<GlowMetadata>;
+    protected color: import("@angular/core").Signal<import("@ionic/core").Color>;
+    protected secondaryColor: import("@angular/core").Signal<import("@ionic/core").Color>;
+    protected hasSecondary: import("@angular/core").Signal<boolean>;
+    protected position: import("@angular/core").Signal<GlowPosition>;
+    protected size: import("@angular/core").Signal<GlowSize>;
+    protected intensity: import("@angular/core").Signal<GlowIntensity>;
+    protected shape: import("@angular/core").Signal<GlowShape>;
+    protected animated: import("@angular/core").Signal<boolean>;
+    protected blendMode: import("@angular/core").Signal<"normal" | "multiply" | "screen" | "overlay" | "soft-light" | "hard-light" | "color-dodge">;
+    protected colorRgbVar: import("@angular/core").Signal<string>;
+    protected secondaryColorRgbVar: import("@angular/core").Signal<string>;
+    protected positionCss: import("@angular/core").Signal<string>;
+    protected sizeCss: import("@angular/core").Signal<string>;
+    protected intensityValue: import("@angular/core").Signal<string>;
+    protected angleCss: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlowComponent, "val-glow", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/atoms/glow/types.d.ts

@@ -0,0 +1,40 @@
+import { Color } from '@ionic/core';
+/**
+ * Origin point of the glow.
+ * Maps to a CSS background-position value.
+ */
+export type GlowPosition = 'top-left' | 'top' | 'top-right' | 'left' | 'center' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
+/** Radius preset of the glow halo. */
+export type GlowSize = 'small' | 'medium' | 'large' | 'xlarge';
+/** Alpha multiplier applied to the glow color(s). */
+export type GlowIntensity = 'subtle' | 'medium' | 'strong';
+/**
+ * Gradient shape:
+ * - `radial` — circular halo at `position` (default; matches the showcase / AWS look)
+ * - `linear` — directional sweep from `position` outwards (good for full-band backdrops)
+ */
+export type GlowShape = 'radial' | 'linear';
+/**
+ * Configuration for `val-glow`.
+ */
+export interface GlowMetadata {
+    /** Primary Ionic color of the glow. Default `'primary'`. */
+    color?: Color;
+    /**
+     * Optional second Ionic color for two-tone gradients. When set, the gradient
+     * blends `color` → `secondaryColor` → transparent.
+     */
+    secondaryColor?: Color;
+    /** Where the halo originates. Default `'center'`. */
+    position?: GlowPosition;
+    /** Halo radius preset. Default `'large'`. */
+    size?: GlowSize;
+    /** Opacity preset of the color stops. Default `'medium'`. */
+    intensity?: GlowIntensity;
+    /** Gradient shape. Default `'radial'`. */
+    shape?: GlowShape;
+    /** Subtle drifting animation. Default `false`. */
+    animated?: boolean;
+    /** Custom CSS background-blend-mode for the glow layer. Optional advanced tweak. */
+    blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light' | 'hard-light' | 'color-dodge';
+}

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

@@ -39,7 +39,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"center" | "left" | "right">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */

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

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

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?: "center" | "left" | "right";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
@@ -90,9 +90,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "large" | "default";
+        size?: "default" | "small" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "button" | "submit" | "reset";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

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

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

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

@@ -0,0 +1,73 @@
+import { HttpClient } from '@angular/common/http';
+import { AuthService } from '../auth/auth.service';
+import { DeviceInfo, ValtechAuthConfig } from '../auth/types';
+import { MessagingService } from '../firebase/messaging.service';
+import { NotificationPermission } from '../firebase/types';
+import { PreferencesService } from '../preferences/preferences.service';
+import { DeviceRegistrationStatus } from './types';
+import * as i0 from "@angular/core";
+/**
+ * DeviceRegistrationService — orquesta el flow combinado de:
+ *  - `PreferencesService.notificationsMaster` (flag user)
+ *  - `Notification.permission` del browser
+ *  - `MessagingService` (FCM: requestPermission, getToken, deleteToken)
+ *  - Backend `/v2/users/me/devices` (POST/GET/DELETE)
+ *
+ * Auto-sync:
+ *  - master=true & permission=granted & sin token → auto-register (silent, sin prompt).
+ *  - master=false & device registrado → auto-unregister (FCM deleteToken + DELETE backend).
+ *  - permission=denied → status='error', requiere acción manual del user.
+ *
+ * Cliente:
+ *  - `requestAndRegister()` para CTA "permitir notificaciones" (dispara browser prompt).
+ *  - `unregister()` para "olvidar este dispositivo".
+ *  - `refreshPermission()` tras volver al tab (focus) — el browser puede haber cambiado el estado.
+ */
+export declare class DeviceRegistrationService {
+    private config;
+    private platformId;
+    private http;
+    private messaging;
+    private prefs;
+    private auth;
+    private readonly _permission;
+    private readonly _status;
+    private readonly _currentToken;
+    private readonly _currentDeviceId;
+    private readonly _lastError;
+    private readonly _isSupported;
+    readonly permission: import("@angular/core").Signal<NotificationPermission>;
+    readonly status: import("@angular/core").Signal<DeviceRegistrationStatus>;
+    readonly currentToken: import("@angular/core").Signal<string>;
+    readonly currentDeviceId: import("@angular/core").Signal<string>;
+    readonly lastError: import("@angular/core").Signal<string>;
+    readonly isSupported: import("@angular/core").Signal<boolean>;
+    /** true si el browser puede recibir push y el user ya autorizó */
+    readonly canReceive: import("@angular/core").Signal<boolean>;
+    private autoSyncInFlight;
+    constructor(config: ValtechAuthConfig, platformId: Object, http: HttpClient, messaging: MessagingService, prefs: PreferencesService, auth: AuthService);
+    /**
+     * CTA explícito del user: dispara `Notification.requestPermission()` + registro.
+     * Único método que puede generar el browser prompt.
+     */
+    requestAndRegister(): Promise<void>;
+    /**
+     * Unregister: borra token FCM + DELETE backend del device actual.
+     * Idempotente: si no hay device, no hace nada.
+     */
+    unregister(): Promise<void>;
+    /** Refresca `permission` desde `Notification.permission` del browser. */
+    refreshPermission(): void;
+    /** Lista devices del user actual desde backend. Útil para vista Seguridad. */
+    listDevices(): Promise<DeviceInfo[]>;
+    /** Reintenta el último flow fallido. */
+    retry(): Promise<void>;
+    /** Register sin prompt — asume permission ya granted. */
+    private registerSilent;
+    private registerDeviceBackend;
+    private detectSupport;
+    private detectEnv;
+    private errorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeviceRegistrationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DeviceRegistrationService>;
+}

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * Devices types específicos del `DeviceRegistrationService`.
+ * Los contratos base (`RegisterDeviceRequest`, `RegisterDeviceResponse`,
+ * `ListDevicesResponse`, `DeviceInfo`, `DevicePlatform`) viven en `auth/types.ts`
+ * — este archivo solo agrega lo que falta.
+ */
+export type DeviceRegistrationStatus = 'idle' | 'registering' | 'registered' | 'unregistering' | 'error';
+export interface DeleteDeviceResponse {
+    operationId: string;
+    deleted: boolean;
+}

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

package/package.json

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

package/public-api.d.ts

@@ -3,6 +3,8 @@ export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
 export * from './lib/components/atoms/box/box.component';
 export * from './lib/components/atoms/box/types';
+export * from './lib/components/atoms/glow/glow.component';
+export * from './lib/components/atoms/glow/types';
 export * from './lib/components/atoms/container/container.component';
 export * from './lib/components/atoms/container/types';
 export * from './lib/components/atoms/button/button.component';
@@ -247,6 +249,7 @@ export * from './lib/services/firebase';
 export * from './lib/services/auth';
 export * from './lib/services/i18n';
 export * from './lib/services/preferences';
+export * from './lib/services/devices';
 export * from './lib/services/app-config';
 export * from './lib/services/presets';
 export * from './lib/services/skeleton';