valtech-components 2.0.730 → 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/bottom-nav/types.d.ts

@@ -109,7 +109,7 @@ export interface BottomNavMetadata {
     safeArea?: boolean;
     /** Animation style */
     animation?: 'fade' | 'scale' | 'slide' | 'none';
-    /** Cap del ancho de la barra. Token sm|md|lg|xl|full o valor CSS crudo. Default: 'xl' (1100px) — alinea con `--val-container-xl` del repo */
+    /** Cap del ancho de la barra. Token sm|md|lg|xl|full o valor CSS crudo. Default: 'md' (720px) — bottom-nav típicamente tiene pocos tabs y se ve mejor estrecho aunque el contenido use 'xl' */
     maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full' | string;
 }
 /**

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/config/company-footer.config.d.ts

@@ -31,9 +31,19 @@ export declare const VALTECH_FOOTER_LOGO: {
 export interface CompanyLink {
     /** i18n key for the link text */
     key: string;
-    /** URL path or external URL */
+    /** URL path (relative) or absolute URL */
     url: string;
-    /** Whether the link opens in a new tab */
+    /**
+     * Hint for `LegalLinkService` about which app owns this link in a multi-app factory:
+     * - `'legal'` — canonical legal content (terms, privacy, …) — lives on main site
+     * - `'site'`  — marketing/info pages (about, blog, …) — lives on main site
+     * - `'support'` — support/help — typically per-app (each product has own support)
+     *
+     * In satellite apps with `provideValtechLegal({ baseUrl })`, links with kind
+     * `'legal'` or `'site'` get rewritten to the main site URL.
+     */
+    kind?: 'legal' | 'site' | 'support';
+    /** Force opens in a new tab. Resolver may also set this when rewriting cross-origin. */
     external?: boolean;
 }
 /**
@@ -82,12 +92,22 @@ export declare const VALTECH_LANGUAGE_SELECTOR: {
     size: "default";
 };
 /**
- * Helper to build footer links from company links config
+ * Optional URL resolver applied per link (e.g. `LegalLinkService.resolve.bind(svc)`).
+ * Returns `{ url, external? }` to allow cross-origin rewrites.
+ */
+export type CompanyLinkResolver = (link: CompanyLink) => {
+    url: string;
+    external?: boolean;
+};
+/**
+ * Helper to build footer links from company links config.
+ *
  * @param links - Array of company links
  * @param t - Translation function (key: string) => string
+ * @param resolver - Optional resolver — typically `(link) => ({ url: legalLink.resolve(link.url), external: legalLink.isExternal(link.url) && (link.kind === 'legal' || link.kind === 'site') })` to point cross-app legal/site links to the main site.
  * @returns Array of link objects ready for FooterLinksMetadata
  */
-export declare function buildFooterLinks(links: CompanyLink[], t: (key: string) => string): Array<{
+export declare function buildFooterLinks(links: CompanyLink[], t: (key: string) => string, resolver?: CompanyLinkResolver): Array<{
     url: string;
     text: string;
     color: string;

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/services/legal-link/legal-link.service.d.ts

@@ -0,0 +1,59 @@
+import { InjectionToken, Provider } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Config for cross-app legal/site link resolution.
+ *
+ * Used by satellite apps (showcase, sigify, admin-portal, …) to point their legal
+ * and site links (terms, privacy, about, contact, …) to the main marketing site,
+ * which owns the canonical legal content. The main site itself does NOT call
+ * `provideValtechLegal` — its links stay relative.
+ */
+export interface ValtechLegalConfig {
+    /**
+     * Absolute base URL of the main site (no trailing slash).
+     * @example 'https://myvaltech.com'
+     */
+    baseUrl?: string;
+    /** Open resolved external links in a new tab. Defaults to `true` when `baseUrl` is set. */
+    openInNewTab?: boolean;
+}
+export declare const VALTECH_LEGAL_CONFIG: InjectionToken<ValtechLegalConfig>;
+/**
+ * Resolves legal/site paths against a configurable main-site base URL.
+ *
+ * - **Main site mode**: no `provideValtechLegal` called → `resolve('/legal/terms')` returns `/legal/terms` (relative).
+ * - **Satellite mode**: `provideValtechLegal({ baseUrl: 'https://myvaltech.com' })` → `resolve('/legal/terms')` returns `'https://myvaltech.com/legal/terms'` and `isExternal('/legal/terms')` returns `true`.
+ *
+ * Absolute URLs passed in are returned unchanged (no double-prefix).
+ */
+export declare class LegalLinkService {
+    private readonly config;
+    /** Effective base URL (null if running as main site). */
+    get baseUrl(): string | null;
+    /** Whether resolved external links should open in a new tab. */
+    get openInNewTab(): boolean;
+    /**
+     * Returns the URL to use for a given internal path. Absolute URLs pass through.
+     * @example
+     * resolve('/legal/terms')  // main site:    '/legal/terms'
+     *                          // satellite:    'https://myvaltech.com/legal/terms'
+     * resolve('https://x.com/y') // unchanged
+     */
+    resolve(path: string): string;
+    /** `true` if the path would be resolved to a cross-origin URL. */
+    isExternal(path: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegalLinkService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LegalLinkService>;
+}
+/**
+ * Wires `LegalLinkService` for satellite apps. Omit in the main site (the one
+ * that hosts the canonical /legal/* routes) so links stay relative.
+ *
+ * @example
+ * // main.ts of showcase / sigify / etc.
+ * provideValtechLegal({
+ *   baseUrl: 'https://myvaltech.com',
+ *   openInNewTab: true,
+ * }),
+ */
+export declare function provideValtechLegal(config: ValtechLegalConfig): Provider;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.730",
+  "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';
@@ -242,10 +244,12 @@ export * from './lib/services/meta';
 export * from './lib/services/markdown-article/markdown-article-parser';
 export * from './lib/services/markdown-article/markdown-article-parser.service';
 export * from './lib/services/markdown-article/legal-content.service';
+export * from './lib/services/legal-link/legal-link.service';
 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';