valtech-components 2.0.864 → 2.0.866

package/esm2022/lib/version.mjs

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '2.0.864';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzIuMC44NjQnO1xuIl19
+export const VERSION = '2.0.866';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzIuMC44NjYnO1xuIl19

package/fesm2022/valtech-components.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject, EventEmitter, Component, Input, Output, input, computed, ChangeDetectionStrategy, HostBinding, HostListener, Pipe, effect, ViewChild, ChangeDetectorRef, ContentChild, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, runInInjectionContext, Optional, output, Injector, TemplateRef, ViewContainerRef, isSignal, Directive, ElementRef, ViewEncapsulation } from '@angular/core';
+import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject, EventEmitter, Component, Input, Output, input, computed, ChangeDetectionStrategy, HostBinding, PLATFORM_ID, Inject, HostListener, Pipe, effect, ViewChild, ChangeDetectorRef, ContentChild, ErrorHandler, DestroyRef, InjectionToken, runInInjectionContext, Optional, output, Injector, TemplateRef, ViewContainerRef, isSignal, Directive, ElementRef, ViewEncapsulation } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
 import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonRippleEffect, AlertController, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
-import { CommonModule, NgStyle, NgFor, isPlatformBrowser, DOCUMENT, NgClass } from '@angular/common';
+import { CommonModule, NgStyle, isPlatformBrowser, NgFor, DOCUMENT, NgClass } from '@angular/common';
 import { addIcons } from 'ionicons';
 import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, warningOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, mailOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, menuOutline } from 'ionicons/icons';
 import * as i1$1 from '@angular/router';
@@ -53,7 +53,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.864';
+const VERSION = '2.0.866';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -800,7 +800,7 @@ function getTimeOfDayKey(date = new Date()) {
  * this.i18n.setLanguage('en');
  */
 class I18nService {
-    constructor() {
+    constructor(platformId) {
         // Estado interno con Signals
         this._lang = signal(DEFAULT_I18N_CONFIG.defaultLanguage);
         this._content = signal({});
@@ -811,6 +811,7 @@ class I18nService {
         // Computed para verificaciones rápidas
         this.isSpanish = computed(() => this._lang() === 'es');
         this.isEnglish = computed(() => this._lang() === 'en');
+        this.isBrowser = isPlatformBrowser(platformId);
         this.loadStoredLanguage();
     }
     /**
@@ -892,12 +893,14 @@ class I18nService {
         if (lang === this._lang()) {
             return;
         }
-        // Persistir en localStorage
-        localStorage.setItem(LANG_STORAGE_KEY$1, lang);
+        // Persistir en localStorage (browser-only)
+        if (this.isBrowser) {
+            localStorage.setItem(LANG_STORAGE_KEY$1, lang);
+        }
         // Actualizar signal
         this._lang.set(lang);
         // Fallback: recargar si se solicita
-        if (forceReload) {
+        if (forceReload && this.isBrowser) {
             window.location.reload();
         }
     }
@@ -952,6 +955,11 @@ class I18nService {
      * Carga idioma guardado en localStorage o detecta del navegador
      */
     loadStoredLanguage() {
+        // SSR: sin localStorage/navigator. Mantenemos el default; el browser
+        // hydratará el lang real cuando el cliente arranque.
+        if (!this.isBrowser) {
+            return;
+        }
         const stored = localStorage.getItem(LANG_STORAGE_KEY$1);
         if (stored && this.isValidLanguage(stored)) {
             this._lang.set(stored);
@@ -982,13 +990,16 @@ class I18nService {
             return result.replace(regex, value);
         }, text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: I18nService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 /**
  * Configuracion por defecto para header tipo 'home'
@@ -4735,7 +4746,8 @@ function provideValtechI18n(config = {}) {
     return makeEnvironmentProviders([
         {
             provide: APP_INITIALIZER,
-            useFactory: (i18n) => {
+            useFactory: (i18n, platformId) => {
+                const isBrowser = isPlatformBrowser(platformId);
                 return () => {
                     // Configurar idiomas soportados
                     i18n.setI18nLanguages(mergedConfig.supportedLanguages);
@@ -4758,6 +4770,11 @@ function provideValtechI18n(config = {}) {
                         // Sin detección de navegador: forzar idioma por defecto
                         i18n.setLanguage(mergedConfig.defaultLanguage);
                     }
+                    else if (!isBrowser) {
+                        // SSR: sin localStorage/navigator → forzar default. El cliente
+                        // re-evaluará en hydrate vía I18nService.loadStoredLanguage().
+                        i18n.setLanguage(mergedConfig.defaultLanguage);
+                    }
                     else {
                         // Con detección: re-evaluar ahora que supportedLanguages está configurado
                         const stored = localStorage.getItem('app_lang');
@@ -4773,7 +4790,7 @@ function provideValtechI18n(config = {}) {
                     }
                 };
             },
-            deps: [I18nService],
+            deps: [I18nService, PLATFORM_ID],
             multi: true,
         },
     ]);
@@ -8376,36 +8393,46 @@ const THEME = 'THEME';
 /**
  * Utility service for interacting with browser localStorage in a type-safe way.
  * Provides static methods for setting, getting, removing, and clearing items.
+ *
+ * SSR-safe: en Node (prerender) `localStorage` no existe — los métodos son no-ops
+ * en server. `get` retorna `null` casteado a `T`, igual que cuando la key no
+ * existe en browser.
  */
 class LocalStorageService {
+    static get available() {
+        return typeof localStorage !== 'undefined';
+    }
     /**
      * Stores a value in localStorage under the given reference key.
-     * @param reference The key to store the value under
-     * @param value The value to store
      */
     static set(reference, value) {
+        if (!this.available)
+            return;
         localStorage.setItem(reference, JSON.stringify(value));
     }
     /**
      * Retrieves a value from localStorage by key.
-     * @param reference The key to retrieve
-     * @returns The parsed value
      */
     static get(reference) {
+        if (!this.available)
+            return null;
         const value = localStorage.getItem(reference);
         return JSON.parse(value);
     }
     /**
      * Removes an item from localStorage by key.
-     * @param reference The key to remove
      */
     static remove(reference) {
+        if (!this.available)
+            return;
         localStorage.removeItem(reference);
     }
     /**
      * Clears all items from localStorage.
      */
     static clear() {
+        if (!this.available)
+            return;
         localStorage.clear();
     }
 }
@@ -8422,7 +8449,7 @@ var ThemeOption;
     ThemeOption["AUTO"] = "auto";
 })(ThemeOption || (ThemeOption = {}));
 class ThemeService {
-    constructor() {
+    constructor(platformId) {
         /**
          * Indicates if the light theme is active.
          */
@@ -8451,17 +8478,20 @@ class ThemeService {
          * The default theme option.
          */
         this.default = ThemeOption.AUTO;
-        const current = LocalStorageService.get(THEME);
-        console.log('💡 ThemeConfig current::: ', current);
+        this.isBrowser = isPlatformBrowser(platformId);
+        const current = this.isBrowser ? LocalStorageService.get(THEME) : null;
         this.theme = new BehaviorSubject(current || this.default);
         this.currentOption = this.Theme;
-        console.log('💡 ThemeConfig this.currentOption::: ', this.currentOption);
+        // SSR: sin window/document. Estado queda en defaults; el hydrate posterior
+        // en browser corre toggleUserPreference y cablea el media query.
+        if (!this.isBrowser) {
+            return;
+        }
         this.toggleUserPreference(this.currentOption);
         const prefersDarkQuery = window.matchMedia('(prefers-color-scheme: dark)');
         this.prefersDark = prefersDarkQuery.matches;
         this.handleAutoConfiguration();
         prefersDarkQuery.addEventListener('change', mediaQuery => {
-            console.log('💡 ThemeConfig addEventListener change::: ', mediaQuery);
             this.prefersDark = mediaQuery.matches;
             this.handleAutoConfiguration();
         });
@@ -8501,7 +8531,9 @@ class ThemeService {
      */
     set Theme(theme) {
         this.theme.next(theme);
-        LocalStorageService.set(THEME, theme);
+        if (this.isBrowser) {
+            LocalStorageService.set(THEME, theme);
+        }
     }
     /**
      * Toggles a theme class on the document body.
@@ -8515,7 +8547,9 @@ class ThemeService {
      * es lo que las apps en Ionic 8 necesitan para que el palette aplique.
      */
     toggleTheme(name, shouldAdd) {
-        console.log('toggleTheme::: ', name, shouldAdd);
+        if (!this.isBrowser) {
+            return;
+        }
         document.body.classList.toggle(name, shouldAdd);
         if (name === 'dark') {
             document.documentElement.classList.toggle('ion-palette-dark', shouldAdd);
@@ -8548,7 +8582,7 @@ class ThemeService {
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThemeService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThemeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThemeService, decorators: [{
@@ -8556,7 +8590,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 /**
  * val-title-block
@@ -9497,7 +9534,9 @@ class PinInputComponent {
     ngAfterViewInit() {
         const initial = this.props?.control?.value;
         if (initial && this.pinCode) {
-            this.pinCode.setValue(initial);
+            // ng-otp-input crea sus inputs internos de forma asíncrona —
+            // setValue sincrónico aquí llega antes de que estén listos.
+            setTimeout(() => this.pinCode?.setValue(initial), 0);
         }
     }
     reset() {
@@ -17982,10 +18021,13 @@ class AnalyticsService {
      * @param pageTitle - Título de la página (opcional)
      */
     logPageView(pagePath, pageTitle) {
+        // SSR: document/window no existen como globals — optional chaining no protege
+        // contra ReferenceError. Cortocircuito explícito por platform.
+        const isBrowser = isPlatformBrowser(this.platformId);
         this.logEvent('page_view', {
             page_path: pagePath,
-            page_title: pageTitle ?? document?.title,
-            page_location: window?.location?.href,
+            page_title: pageTitle ?? (isBrowser ? document.title : undefined),
+            page_location: isBrowser ? window.location.href : undefined,
         });
     }
     /**
@@ -18729,6 +18771,10 @@ const VALTECH_FIREBASE_CONFIG = new InjectionToken('ValtechFirebaseConfig');
  * ```
  */
 function provideValtechFirebase(config) {
+    // SSR-safe: durante el prerender / Node, no existe window. getAnalytics(),
+    // enableIndexedDbPersistence() y FCM tocan APIs del browser que no existen
+    // en el server → cortocircuito de los providers/efectos browser-only acá.
+    const isBrowser = typeof window !== 'undefined';
     // Construir array de providers base
     const providers = [
         // Guardar configuración para uso en servicios
@@ -18742,8 +18788,9 @@ function provideValtechFirebase(config) {
             if (config.emulator?.firestore) {
                 connectFirestoreEmulator(firestore, config.emulator.firestore.host, config.emulator.firestore.port);
             }
-            // Habilitar persistencia offline si está configurada
-            if (config.persistence) {
+            // Habilitar persistencia offline si está configurada (browser-only:
+            // enableIndexedDbPersistence requiere IndexedDB, no existe en Node).
+            if (config.persistence && isBrowser) {
                 enableIndexedDbPersistence(firestore).catch((err) => {
                     if (err.code === 'failed-precondition') {
                         console.warn('[ValtechFirebase] Persistencia no disponible: múltiples pestañas abiertas');
@@ -18774,18 +18821,18 @@ function provideValtechFirebase(config) {
             return storage;
         }),
     ];
-    // Messaging (FCM) - solo si está explícitamente habilitado
-    // Requiere Service Worker configurado, puede congelar la app si no está disponible
-    if (config.enableMessaging) {
+    // Messaging (FCM) - solo si está explícitamente habilitado y estamos en browser.
+    // Requiere Service Worker + Notifications API → skip total en SSR/Node.
+    if (config.enableMessaging && isBrowser) {
         // Pre-registrar SW custom antes de que Firebase lo intente
-        if (typeof navigator !== 'undefined' && 'serviceWorker' in navigator) {
+        if ('serviceWorker' in navigator) {
             navigator.serviceWorker.register('/firebase-messaging-sw.js').catch(console.error);
         }
         providers.push(provideMessaging(() => getMessaging()));
     }
-    // Analytics (GA4) - solo si está explícitamente habilitado
-    // Requiere measurementId en firebase config
-    if (config.enableAnalytics && config.firebase.measurementId) {
+    // Analytics (GA4) - solo si está explícitamente habilitado y estamos en browser.
+    // getAnalytics() / ScreenTrackingService tocan window/document → skip en SSR.
+    if (config.enableAnalytics && config.firebase.measurementId && isBrowser) {
         providers.push(provideAnalytics(() => getAnalytics()));
         // Router tracker para page views automáticos (por defecto habilitado)
         if (config.analyticsConfig?.enablePageViewTracking !== false) {
@@ -21624,8 +21671,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Servicio para persistencia de estado de autenticación en localStorage.
  */
 class AuthStorageService {
-    constructor(config) {
+    constructor(config, platformId) {
         this.config = config;
+        this.isBrowser = isPlatformBrowser(platformId);
         const prefix = this.config.storagePrefix || 'valtech_auth_';
         this.keys = {
             ACCESS_TOKEN: `${prefix}access_token`,
@@ -21640,6 +21688,8 @@ class AuthStorageService {
      * Guarda el estado completo de autenticación.
      */
     saveState(state) {
+        if (!this.isBrowser)
+            return;
         try {
             localStorage.setItem(this.keys.ACCESS_TOKEN, state.accessToken);
             localStorage.setItem(this.keys.REFRESH_TOKEN, state.refreshToken);
@@ -21658,6 +21708,8 @@ class AuthStorageService {
      * Carga el estado de autenticación desde storage.
      */
     loadState() {
+        if (!this.isBrowser)
+            return {};
         try {
             const accessToken = localStorage.getItem(this.keys.ACCESS_TOKEN);
             const refreshToken = localStorage.getItem(this.keys.REFRESH_TOKEN);
@@ -21683,6 +21735,8 @@ class AuthStorageService {
      * Guarda solo el access token.
      */
     saveAccessToken(token, expiresAt) {
+        if (!this.isBrowser)
+            return;
         try {
             localStorage.setItem(this.keys.ACCESS_TOKEN, token);
             if (expiresAt) {
@@ -21697,6 +21751,8 @@ class AuthStorageService {
      * Guarda el refresh token (token rotation).
      */
     saveRefreshToken(token) {
+        if (!this.isBrowser)
+            return;
         try {
             localStorage.setItem(this.keys.REFRESH_TOKEN, token);
         }
@@ -21708,6 +21764,8 @@ class AuthStorageService {
      * Guarda los permisos actualizados.
      */
     savePermissions(response) {
+        if (!this.isBrowser)
+            return;
         try {
             localStorage.setItem(this.keys.ROLES, JSON.stringify(response.roles));
             localStorage.setItem(this.keys.PERMISSIONS, JSON.stringify(response.permissions));
@@ -21721,6 +21779,9 @@ class AuthStorageService {
      * Carga los permisos desde storage.
      */
     loadPermissions() {
+        if (!this.isBrowser) {
+            return { roles: [], permissions: [], isSuperAdmin: false };
+        }
         try {
             const rolesJson = localStorage.getItem(this.keys.ROLES);
             const permissionsJson = localStorage.getItem(this.keys.PERMISSIONS);
@@ -21739,12 +21800,16 @@ class AuthStorageService {
      * Obtiene el refresh token.
      */
     getRefreshToken() {
+        if (!this.isBrowser)
+            return null;
         return localStorage.getItem(this.keys.REFRESH_TOKEN);
     }
     /**
      * Limpia todo el estado de autenticación.
      */
     clear() {
+        if (!this.isBrowser)
+            return;
         try {
             Object.values(this.keys).forEach((key) => localStorage.removeItem(key));
         }
@@ -21756,9 +21821,11 @@ class AuthStorageService {
      * Verifica si hay estado guardado.
      */
     hasStoredState() {
+        if (!this.isBrowser)
+            return false;
         return !!localStorage.getItem(this.keys.ACCESS_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, deps: [{ token: VALTECH_AUTH_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, decorators: [{
@@ -21767,6 +21834,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
                 }] }] });
 
 /**
@@ -21774,21 +21844,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Usa BroadcastChannel API con fallback a storage events.
  */
 class AuthSyncService {
-    constructor(config) {
+    constructor(config, platformId) {
         this.config = config;
         this.channel = null;
         this.eventSubject = new Subject();
         this.storageListener = null;
         /** Observable de eventos de sincronización */
         this.onEvent$ = this.eventSubject.asObservable();
+        this.isBrowser = isPlatformBrowser(platformId);
         const prefix = this.config.storagePrefix || 'valtech_auth_';
         this.channelName = `${prefix}sync_channel`;
     }
     /**
      * Inicia la sincronización entre pestañas.
+     * SSR-noop — sync de pestañas solo aplica en browser.
      */
     start() {
-        if (!this.config.enableTabSync) {
+        if (!this.config.enableTabSync || !this.isBrowser) {
             return;
         }
         // Intentar usar BroadcastChannel API (mejor rendimiento)
@@ -21808,7 +21880,7 @@ class AuthSyncService {
             this.channel.close();
             this.channel = null;
         }
-        if (this.storageListener) {
+        if (this.storageListener && this.isBrowser) {
             window.removeEventListener('storage', this.storageListener);
             this.storageListener = null;
         }
@@ -21817,7 +21889,7 @@ class AuthSyncService {
      * Envía un evento a otras pestañas.
      */
     broadcast(event) {
-        if (!this.config.enableTabSync) {
+        if (!this.config.enableTabSync || !this.isBrowser) {
             return;
         }
         const fullEvent = {
@@ -21903,7 +21975,7 @@ class AuthSyncService {
         }
         this.eventSubject.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, deps: [{ token: VALTECH_AUTH_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, decorators: [{
@@ -21912,6 +21984,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
                 }] }] });
 
 /**
@@ -40459,7 +40534,8 @@ const DEFAULT_LANG = 'es';
  * this.locale.setLang('en');
  */
 class LocaleService {
-    constructor() {
+    constructor(platformId) {
+        this.isBrowser = isPlatformBrowser(platformId);
         this.lang = this.getStoredLang();
     }
     /**
@@ -40469,7 +40545,7 @@ class LocaleService {
      * @param lang Nuevo idioma ('es' o 'en')
      */
     setLang(lang) {
-        if (lang === this.lang) {
+        if (lang === this.lang || !this.isBrowser) {
             return;
         }
         localStorage.setItem(LANG_STORAGE_KEY, lang);
@@ -40478,8 +40554,12 @@ class LocaleService {
     /**
      * Obtiene el idioma almacenado en localStorage.
      * Si no existe o no es válido, retorna el idioma por defecto.
+     * En SSR (sin localStorage) retorna el default.
      */
     getStoredLang() {
+        if (!this.isBrowser) {
+            return DEFAULT_LANG;
+        }
         const stored = localStorage.getItem(LANG_STORAGE_KEY);
         if (stored === 'es' || stored === 'en') {
             return stored;
@@ -40498,13 +40578,16 @@ class LocaleService {
     get isEnglish() {
         return this.lang === 'en';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 // Types for valtech-components services
 // ValtechConfig and LangProvider have been removed in v3.0.0