valtech-components 2.0.501 → 2.0.503

package/lib/components/molecules/language-selector/language-selector.component.d.ts

@@ -12,17 +12,24 @@ export declare class LanguageSelectorComponent implements OnInit {
      * Emits the selected language code.
      */
     languageChange: EventEmitter<string>;
-    /** Popover selector configuration */
+    /** Popover selector configuration (for default mode) */
     popoverProps: PopoverSelectorMetadata;
+    /** Unique ID for the icon mode popover trigger */
+    popoverId: string;
+    /** Available languages (exposed for icon mode template) */
+    availableLanguages: string[];
+    /** Current language (exposed for icon mode template) */
+    currentLanguage: string;
     private i18n;
     /** Default language display names */
-    private readonly defaultLanguageNames;
+    readonly defaultLanguageNames: Record<string, string>;
     /** Default flag icons for languages */
-    private readonly defaultLanguageFlags;
+    readonly defaultLanguageFlags: Record<string, string>;
     constructor();
     ngOnInit(): void;
     private initializePopoverProps;
-    private getLanguageDisplayName;
+    /** Get display name for a language code (public for template access) */
+    getLanguageDisplayName(languageCode: string): string;
     /**
      * Handle language selection change.
      * @param selectedLanguage - The selected language code(s)

package/lib/components/molecules/language-selector/types.d.ts

@@ -1,8 +1,16 @@
 import { Color } from '@ionic/core';
+/**
+ * Display mode for the language selector.
+ * - 'default': Shows button with label and/or current language
+ * - 'icon': Compact mode showing only a globe icon (ideal for headers)
+ */
+export type LanguageSelectorMode = 'default' | 'icon';
 /**
  * Props for val-language-selector component.
  * A specialized component for language selection.
  *
+ * @property mode - Display mode: 'default' or 'icon' (compact for headers).
+ * @property icon - Custom icon name for icon mode (default: 'globe-outline').
  * @property currentLanguage - Currently selected language code.
  * @property availableLanguages - Array of available language codes.
  * @property showLabel - Whether to show the label.
@@ -18,6 +26,18 @@ import { Color } from '@ionic/core';
  * @property customLanguageNames - Custom display names for languages.
  */
 export interface LanguageSelectorMetadata {
+    /**
+     * Display mode for the selector.
+     * - 'default': Full button with label/dropdown
+     * - 'icon': Compact globe icon only (ideal for headers/toolbars)
+     * @default 'default'
+     */
+    mode?: LanguageSelectorMode;
+    /**
+     * Icon name for icon mode.
+     * @default 'globe-outline'
+     */
+    icon?: string;
     /** Currently selected language code */
     currentLanguage?: string;
     /** Array of available language codes */

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

@@ -90,7 +90,7 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "default" | "large";
+        size?: "default" | "small" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
         type: "button" | "submit" | "reset";
         token?: string;

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

@@ -37,9 +37,9 @@ export declare class AdsService implements OnDestroy {
     private router;
     private loaderService;
     private consentService;
+    private readonly authStateService;
     private readonly _isInitialized;
     private readonly _isEnabled;
-    private readonly _isPremiumUser;
     private readonly _isDebugMode;
     private readonly _slots;
     private readonly _slotStates;
@@ -48,7 +48,7 @@ export declare class AdsService implements OnDestroy {
     readonly isInitialized: import("@angular/core").Signal<boolean>;
     /** Indica si los ads estan habilitados (consent + no premium) */
     readonly isEnabled: import("@angular/core").Signal<boolean>;
-    /** Indica si el usuario es premium (no ve ads) */
+    /** Indica si el usuario es premium (no ve ads) - lee de AuthStateService */
     readonly isPremiumUser: import("@angular/core").Signal<boolean>;
     /** Indica si esta en modo debug */
     readonly isDebugMode: import("@angular/core").Signal<boolean>;
@@ -98,15 +98,9 @@ export declare class AdsService implements OnDestroy {
      * @returns Estado actual del slot
      */
     getSlotState(slotId: string): AdSlotState;
-    /**
-     * Actualiza el estado premium del usuario.
-     * Llamar cuando cambie el estado de suscripcion.
-     *
-     * @param isPremium - Nuevo estado premium
-     */
-    updatePremiumStatus(isPremium: boolean): void;
     /**
      * Destruye todos los slots activos.
+     * Llamar cuando el usuario se vuelve premium o cambia de página.
      */
     destroyAllSlots(): void;
     private resolveSizes;

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

@@ -17,8 +17,6 @@ export interface ValtechAdsConfig {
     lazyLoad?: boolean;
     /** Configuracion de lazy loading */
     lazyLoadConfig?: LazyLoadConfig;
-    /** Funcion para determinar si el usuario es premium (sin ads) */
-    isPremiumUser?: () => boolean;
     /** Configuracion por defecto para ad slots */
     defaultSlotConfig?: Partial<AdSlotConfig>;
     /** Targeting global (aplica a todos los slots) */

package/lib/services/auth/auth-state.service.d.ts

@@ -23,6 +23,8 @@ export declare class AuthStateService {
     readonly permissions: import("@angular/core").Signal<string[]>;
     /** Usuario es super admin */
     readonly isSuperAdmin: import("@angular/core").Signal<boolean>;
+    /** Usuario tiene suscripción premium activa (no ve ads) */
+    readonly isPremium: import("@angular/core").Signal<boolean>;
     /** Error actual */
     readonly error: import("@angular/core").Signal<AuthError>;
     /** Información del usuario */
@@ -42,6 +44,7 @@ export declare class AuthStateService {
         roles: string[];
         permissions: string[];
         isSuperAdmin: boolean;
+        isPremium?: boolean;
         expiresAt: number;
     }): void;
     /**

package/lib/services/auth/token.service.d.ts

@@ -41,6 +41,12 @@ export declare class TokenService {
      * @returns Email o null
      */
     getEmail(token: string): string | null;
+    /**
+     * Extrae el estado premium del token.
+     * @param token - Token JWT
+     * @returns true si el usuario es premium
+     */
+    isPremium(token: string): boolean;
     /**
      * Decodifica base64url a string.
      * Base64url usa - y _ en lugar de + y /

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

@@ -49,6 +49,8 @@ export interface AuthState {
     permissions: string[];
     /** Usuario es super admin */
     isSuperAdmin: boolean;
+    /** Usuario tiene suscripción premium activa (no ve ads) */
+    isPremium: boolean;
     /** Timestamp de expiración del accessToken (ms) */
     expiresAt: number | null;
     /** Error de autenticación (si existe) */
@@ -454,6 +456,8 @@ export interface JWTClaims {
     email: string;
     /** Session ID */
     sid?: string;
+    /** Usuario tiene suscripción premium activa */
+    premium?: boolean;
     /** Issued at */
     iat: number;
     /** Expiration */
@@ -468,6 +472,7 @@ export interface StoredAuthState {
     roles: string[];
     permissions: string[];
     isSuperAdmin: boolean;
+    isPremium?: boolean;
     expiresAt?: number;
 }
 /**

package/package.json

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