ng-easycommerce-v18 0.3.12-beta.1 → 0.3.14-beta.1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, Inject, computed, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, PLATFORM_ID, Injectable, Inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, computed, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1 from '@angular/common';
-import { DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
+import { isPlatformServer, DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
 import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
@@ -44,89 +44,71 @@ const provideEnvironment = (environment) => {
 };
 
 /**
- * Servicio que provee de datos que estan relacionado con las peticiones a la API
- * @export
- * @class ApiConstantsService
+ * Servicio que provee de datos relacionados con las peticiones a la API
  */
 class ApiConstantsService {
+    ssrApiUrl;
     _localStorage = inject(LocalStorageService);
     _translate = inject(TranslateService);
-    /**
-     * Contiene los datos provisto por el frontend en el archivo environment.ts
-     */
     environment = inject(ENVIRONMENT_TOKEN);
+    platformId = inject(PLATFORM_ID);
+    _channel;
+    LOCALE;
+    SHOP_API_URL = 'shop-api/';
+    CMS_URL = 'cms/';
+    constructor(ssrApiUrl) {
+        this.ssrApiUrl = ssrApiUrl;
+        this._channel = this.environment.channel;
+        this.LOCALE = this.environment.locale;
+    }
     /**
      * Canal actual del frontend
      */
     get CHANNEL() {
-        // Verificar si estamos en el navegador (no en SSR)
         if (typeof window !== 'undefined') {
-            // Primero intenta leer de window.__env (configurado por Docker)
             const windowEnv = window.__env;
-            if (windowEnv?.channel) {
+            if (windowEnv?.channel)
                 return windowEnv.channel;
-            }
         }
-        // Fallback al environment
         return this._channel;
     }
     set CHANNEL(value) {
         this._channel = value;
     }
-    _channel;
-    /**
-     * Locale actual del frontend
-     */
-    LOCALE;
-    /**
-     * URL para las peticiones a shop-api
-     */
-    SHOP_API_URL = 'shop-api/';
-    /**
-     * URL para las peticiones a cms
-     */
-    CMS_URL = 'cms/';
-    constructor() {
-        this._channel = this.environment.channel;
-        this.LOCALE = this.environment.locale;
-    }
     /**
      * URL del backend para realizar las peticiones
      */
     get API_URL() {
-        // Verificar si estamos en el navegador (no en SSR)
         if (typeof window !== 'undefined') {
-            // Primero intenta leer de window.__env (configurado por Docker)
             const windowEnv = window.__env;
-            if (windowEnv?.apiUrl) {
+            if (windowEnv?.apiUrl)
                 return windowEnv.apiUrl;
-            }
         }
-        // Fallback al environment (para SSR y como backup)
+        if (isPlatformServer(this.platformId)) {
+            return this.ssrApiUrl; // ⚡ URL inyectada desde server.ts
+        }
         return this.environment.apiUrl ?? '';
     }
     /**
      * Retorna la url base
-     * @returns {string}
      */
     getUrlBase() {
         return this.API_URL;
     }
     /**
      * Cambia el canal actual
-     * @param code
-     * @returns
      */
-    setChannel(code) { this.CHANNEL = code; }
+    setChannel(code) {
+        this.CHANNEL = code;
+    }
     setLocale(locale) {
         this._localStorage.setItem(this.LOCALE_KEY, locale);
         this._translate.use(locale.split('_')[0]);
         this.LOCALE = locale;
     }
-    //Storage key
     LOCALE_KEY = 'LOCALE';
     CHANNEL_KEY = 'CHANNEL';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, deps: [{ token: 'API_URL' }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiConstantsService, decorators: [{
@@ -134,7 +116,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['API_URL']
+                }] }] });
 
 /**
  * Servicio que funciona como abstracción para manejar la conexión con la API
@@ -533,6 +518,10 @@ class OptionsService {
      * Maneja las peticiones a la API
      */
     connection = inject(ConnectionService);
+    /**
+     * Platform ID para verificar si estamos en el navegador
+     */
+    platformId = inject(PLATFORM_ID);
     /**
      * Constantes del core
      */
@@ -643,7 +632,26 @@ class OptionsService {
      * @returns
      */
     removeAccents(str) {
-        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        if (isPlatformBrowser(this.platformId) && typeof String.prototype.normalize === 'function') {
+            return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        }
+        // Fallback para SSR - remover acentos manualmente
+        return str.replace(/[àáâãäå]/g, 'a')
+            .replace(/[èéêë]/g, 'e')
+            .replace(/[ìíîï]/g, 'i')
+            .replace(/[òóôõö]/g, 'o')
+            .replace(/[ùúûü]/g, 'u')
+            .replace(/[ýÿ]/g, 'y')
+            .replace(/[ñ]/g, 'n')
+            .replace(/[ç]/g, 'c')
+            .replace(/[ÀÁÂÃÄÅ]/g, 'A')
+            .replace(/[ÈÉÊË]/g, 'E')
+            .replace(/[ÌÍÎÏ]/g, 'I')
+            .replace(/[ÒÓÔÕÖ]/g, 'O')
+            .replace(/[ÙÚÛÜ]/g, 'U')
+            .replace(/[ÝŸ]/g, 'Y')
+            .replace(/[Ñ]/g, 'N')
+            .replace(/[Ç]/g, 'C');
     }
     /**
      * Realiza un mapeo de los datos para darle un formato mas entendible a la
@@ -1026,7 +1034,9 @@ class FacebookPixelService {
             this.renderer.appendChild(this.document?.body, new_analityc_script);
             this.enabled = true;
         }
-        setTimeout(() => this.callEvent('initialize'), 1000);
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => this.callEvent('initialize'), 1000);
+        }
     }
     /**
      * Ejecuta el evento pasado por parametro.
@@ -1243,7 +1253,9 @@ class GoogleAnalyticsService {
             this.renderer.appendChild(this.document?.head, declaration);
             this.enabled = true;
         }
-        setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
+        }
     }
     /**
      *
@@ -2644,6 +2656,31 @@ class User {
     }
 }
 
+/**
+ * Función auxiliar para remover acentos de forma segura para SSR
+ */
+function safeRemoveAccents(str) {
+    if (typeof window !== 'undefined' && typeof String.prototype.normalize === 'function') {
+        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    }
+    // Fallback para SSR - remover acentos manualmente
+    return str.replace(/[àáâãäå]/g, 'a')
+        .replace(/[èéêë]/g, 'e')
+        .replace(/[ìíîï]/g, 'i')
+        .replace(/[òóôõö]/g, 'o')
+        .replace(/[ùúûü]/g, 'u')
+        .replace(/[ýÿ]/g, 'y')
+        .replace(/[ñ]/g, 'n')
+        .replace(/[ç]/g, 'c')
+        .replace(/[ÀÁÂÃÄÅ]/g, 'A')
+        .replace(/[ÈÉÊË]/g, 'E')
+        .replace(/[ÌÍÎÏ]/g, 'I')
+        .replace(/[ÒÓÔÕÖ]/g, 'O')
+        .replace(/[ÙÚÛÜ]/g, 'U')
+        .replace(/[ÝŸ]/g, 'Y')
+        .replace(/[Ñ]/g, 'N')
+        .replace(/[Ç]/g, 'C');
+}
 class Filter {
     data = [];
     multi = false;
@@ -2663,7 +2700,7 @@ class Filter {
         throw new Error("Method not implemented.");
     }
     removeAccents = (str) => {
-        return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        return safeRemoveAccents(str);
     };
     setSelected(element, value) {
         //console.log(element, value);
@@ -6167,6 +6204,7 @@ class HeaderEcComponent extends MenuEcComponent {
     coreConstantsService = inject(CoreConstantsService);
     router = inject(Router);
     cdr = inject(ChangeDetectorRef); // Inyectamos ChangeDetectorRef para forzar la actualización
+    platformId = inject(PLATFORM_ID);
     ngOnInit() {
         this.channel = this.coreConstantsService.getChannel();
         this.onWindowScroll();
@@ -6189,17 +6227,21 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     onWindowScroll() {
-        const scrollTop = window.scrollY;
-        this.isScrolled = scrollTop > 80;
+        if (isPlatformBrowser(this.platformId)) {
+            const scrollTop = window.scrollY;
+            this.isScrolled = scrollTop > 80;
+        }
     }
     isHomeFunction() {
-        const headerElement = document.querySelector('header');
-        if (headerElement) {
-            if (this.router.url !== '/home') {
-                headerElement.classList.add('show-menu');
-            }
-            else {
-                headerElement.classList.remove('show-menu');
+        if (isPlatformBrowser(this.platformId)) {
+            const headerElement = document.querySelector('header');
+            if (headerElement) {
+                if (this.router.url !== '/home') {
+                    headerElement.classList.add('show-menu');
+                }
+                else {
+                    headerElement.classList.remove('show-menu');
+                }
             }
         }
     }
@@ -6223,26 +6265,30 @@ class HeaderEcComponent extends MenuEcComponent {
         }
     };
     borrarInput(inputId) {
-        if (inputId) {
-            const input = document.getElementById(inputId);
-            if (input) {
-                input.value = '';
-            }
-        }
-        else {
-            const inputs = ['searchInput1'];
-            inputs.forEach((id) => {
-                const input = document.getElementById(id);
+        if (isPlatformBrowser(this.platformId)) {
+            if (inputId) {
+                const input = document.getElementById(inputId);
                 if (input) {
                     input.value = '';
                 }
-            });
+            }
+            else {
+                const inputs = ['searchInput1'];
+                inputs.forEach((id) => {
+                    const input = document.getElementById(id);
+                    if (input) {
+                        input.value = '';
+                    }
+                });
+            }
         }
         this.searchValue = '';
         this.coreConstantsService.searchValue = '';
         this.getCollectionSearch();
     }
     setupMobileMenu() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         // console.log('setupMobileMenu called');
         const menuMobile = document.querySelector('.menuMobile');
         if (!(menuMobile instanceof HTMLElement))
@@ -6278,6 +6324,8 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     setupSearchInputs() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         const inputs = ['searchInput1', 'searchInput2'];
         inputs.forEach(id => {
             const input = document.getElementById(id);
@@ -7024,7 +7072,7 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Permite personalización de las imágenes de las flechas mediante @Input.
      */
     setupSwiperNavigation() {
-        if (this.meta?.styles?.carrousel !== false) {
+        if (this.meta?.styles?.carrousel !== false && isPlatformBrowser(this.platformId)) {
             // Usar setTimeout para asegurar que el swiper esté inicializado
             setTimeout(() => {
                 this.initializeSwiperWithCustomNavigation();
@@ -7036,6 +7084,8 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Esta función puede ser movida al componente base para reutilización.
      */
     initializeSwiperWithCustomNavigation() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         const prevButton = document.getElementById(`${this.meta?.code}-prev`);
         const nextButton = document.getElementById(`${this.meta?.code}-next`);
         const swiperElement = document.getElementById(this.meta?.code);
@@ -7395,7 +7445,9 @@ class MagnizoomEcComponent {
             this.image = this.document.createElement('img');
             this.image.onload = () => {
                 this.lensSize = { width: this.image.width / 2, height: this.image.height / 2 };
-                setTimeout(() => this.render());
+                if (isPlatformBrowser(this.platformId)) {
+                    setTimeout(() => this.render());
+                }
             };
             this.image.src = src;
         }
@@ -7525,157 +7577,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mainCanvas', { static: true }]
             }] } });
 
-class ComponentHelper {
-    constructor() {
-        this.ecOnConstruct();
-    }
-    ecOnInit = (params = {}) => {
-    };
-    ecOnConstruct = (params = {}) => {
-    };
-    hasParams = (params, searched) => {
-        if (!params || !searched)
-            return false;
-        const q = searched.trim().toLowerCase();
-        return params.some(p => {
-            const code = p?.['code']?.toString().toLowerCase() ?? '';
-            // Primero chequeo exacto, y si no, parcial
-            return code === q || code.includes(q);
-        });
-    };
-    navigateOnRouter(router, url) {
-        router.navigateByUrl(`/${url}`);
-    }
-}
-
-class RedsysCatchEcComponent extends ComponentHelper {
-    activedRoute;
-    router;
-    checkoutService;
-    renderer;
-    elementRef;
-    document;
-    message = '';
-    subscription = null;
-    constructor(activedRoute, router, checkoutService, renderer, elementRef, document) {
-        super();
-        this.activedRoute = activedRoute;
-        this.router = router;
-        this.checkoutService = checkoutService;
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.document = document;
-        this.hideHeaderFooter();
-        this.ecOnConstruct();
-    }
-    ngOnInit() {
-        this.subscription = combineLatest([
-            this.activedRoute.params,
-            this.activedRoute.queryParams
-        ]).subscribe(([queryRouter, queryParams]) => {
-            let state;
-            state = queryRouter['state'];
-            if (state && state === 'statuspayment') {
-                state = queryParams['status'];
-            }
-            console.log('PARAMETROS STATE  -> ', state);
-            this.handlePaymentState(state, queryParams);
-        });
-        this.ecOnInit();
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        this.showHeaderFooter();
-        // this.ecOnDestroy(); // Removido si no existe en ComponentHelper
-    }
-    hideHeaderFooter() {
-        // Usar Renderer2 en lugar de jQuery para manipular el DOM
-        const header = this.document.querySelector('header');
-        const footer = this.document.querySelector('footer');
-        if (header) {
-            this.renderer.setStyle(header, 'display', 'none');
-        }
-        if (footer) {
-            this.renderer.setStyle(footer, 'display', 'none');
-        }
-    }
-    showHeaderFooter() {
-        // Restaurar la visibilidad al destruir el componente
-        const header = this.document.querySelector('header');
-        const footer = this.document.querySelector('footer');
-        if (header) {
-            this.renderer.removeStyle(header, 'display');
-        }
-        if (footer) {
-            this.renderer.removeStyle(footer, 'display');
-        }
-    }
-    handlePaymentState(state, queryParams) {
-        switch (state) {
-            case '200':
-                this.setStateInLocal('Su pago fue procesado con éxito.', 'success');
-                this.storeTotalAmount(queryParams);
-                break;
-            case 'success':
-                this.setStateInLocal('Su pago fue procesado con éxito.', state);
-                this.storeTotalAmount(queryParams);
-                break;
-            case 'pending':
-                this.setStateInLocal('Su pago fue procesado con éxito.', state);
-                break;
-            case 'failure':
-                this.setStateInLocal('Se ha cancelado el proceso de pago.', state);
-                this.storeTotalAmount(queryParams);
-                break;
-            case 'cancel':
-                this.setStateInLocal('Se ha cancelado el proceso de pago.', state);
-                break;
-            case 'ok':
-                this.setStateInSesion('Su pago fue procesado con éxito.', state);
-                break;
-            case 'challenge':
-                this.setStateInSesion('Redirigiendo a autenticación del banco emisor.', state);
-                break;
-            case 'error':
-                this.setStateInSesion('Algo no salio bien en la validación de sus datos.', state);
-                break;
-            case '0':
-                this.setStateInLocal('Se ha cancelado el proceso de pago.', 'failure');
-                break;
-            default:
-                break;
-        }
-    }
-    storeTotalAmount(queryParams) {
-        const totalAmount = queryParams['total_amount'];
-        if (totalAmount) {
-            localStorage.setItem('total_amount', totalAmount);
-        }
-    }
-    setStateInLocal = (mensaje, state) => {
-        this.message = mensaje;
-        localStorage.setItem('state', state);
-        sessionStorage.setItem('modalnews', 'false');
-    };
-    setStateInSesion = (mensaje, state) => {
-        this.message = mensaje;
-        sessionStorage.setItem('state', state);
-        localStorage.setItem('state', state);
-        sessionStorage.setItem('modalnews', 'false');
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CheckoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RedsysCatchEcComponent, isStandalone: true, selector: "app-redsys-catch-ec", usesInheritance: true, ngImport: i0, template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-redsys-catch-ec', standalone: true, imports: [CommonModule, LoadingFullEcComponent], template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"] }]
-        }], ctorParameters: () => [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CheckoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
-
 // export * from './rating-ec/rating-ec.component';
 
 class BlockFormContactEcComponent extends BlockEcComponent {
@@ -8407,6 +8308,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class ComponentHelper {
+    constructor() {
+        this.ecOnConstruct();
+    }
+    ecOnInit = (params = {}) => {
+    };
+    ecOnConstruct = (params = {}) => {
+    };
+    hasParams = (params, searched) => {
+        if (!params || !searched)
+            return false;
+        const q = searched.trim().toLowerCase();
+        return params.some(p => {
+            const code = p?.['code']?.toString().toLowerCase() ?? '';
+            // Primero chequeo exacto, y si no, parcial
+            return code === q || code.includes(q);
+        });
+    };
+    navigateOnRouter(router, url) {
+        router.navigateByUrl(`/${url}`);
+    }
+}
+
 class PasswordResetEcComponent extends ComponentHelper {
     authService;
     toastr;
@@ -10569,9 +10493,11 @@ class RelatedProductsEcComponent extends BlockEcComponent {
             this._relatedProductsSubject.next(relatedProducts);
             res.map((products) => this._analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'Related Products', item_list_id: products.id || 'related-products' }));
             // Inicializar swiper después de que los datos estén disponibles
-            setTimeout(() => {
-                this.initSwiper();
-            }, 100);
+            if (isPlatformBrowser(this.platformId)) {
+                setTimeout(() => {
+                    this.initSwiper();
+                }, 100);
+            }
         });
     }
     initSwiper() {
@@ -11823,5 +11749,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map