ng-easycommerce-v18 0.3.18-beta.2 → 0.3.18-beta.4

package/fesm2022/ng-easycommerce-v18.mjs

@@ -466,7 +466,7 @@ class CoreConstantsService {
      */
     window;
     constructor() {
-        if (isPlatformBrowser(this.platformId)) {
+        if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
             this.window = window;
         }
     }
@@ -505,7 +505,7 @@ class CoreConstantsService {
      */
     get FRONTEND_URL() {
         // Verificar si estamos en el navegador
-        if (isPlatformBrowser(this.platformId)) {
+        if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
             // Primero intenta leer de window.__env (configurado por Docker/CI)
             const windowEnv = this.window?.__env;
             if (windowEnv?.frontendUrl) {
@@ -526,7 +526,7 @@ class CoreConstantsService {
             }
         }
         // Para SSR, intentar construir desde el document si está disponible
-        if (this.document?.location) {
+        if (typeof document !== 'undefined' && this.document?.location) {
             return `${this.document.location.protocol}//${this.document.location.host}`;
         }
         // Intentar obtener desde environment
@@ -606,7 +606,7 @@ class CoreConstantsService {
      * Retorna `true` si la vista es mobile, `false` caso contrario.
      * @returns {boolean}
      */
-    mobileScreen = () => this.window && this.window?.innerWidth < 750 || false;
+    mobileScreen = () => isPlatformBrowser(this.platformId) && typeof window !== 'undefined' && this.window && this.window?.innerWidth < 750 || false;
     /**
      * Contiene los valores para la moneda actual
      */
@@ -1459,7 +1459,7 @@ class GoogleAnalyticsService {
      * @param gtm_id id provisto por Google Tag Manager.
      */
     initialize(gtm_id) {
-        if (typeof document !== 'undefined' && !document.getElementById('google_tag_manager')) {
+        if (isPlatformBrowser(this.platformId) && this.document && !this.document.getElementById('google_tag_manager')) {
             console.log('hay elemento');
             const declaration = this.renderer.createElement('script');
             declaration.async = true;
@@ -1467,8 +1467,8 @@ class GoogleAnalyticsService {
             declaration.src = `https://www.googletagmanager.com/gtag/js?id=${gtm_id}`;
             const initialization = this.renderer.createElement('script');
             initialization.text = `window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '${gtm_id}')`;
-            this.renderer.appendChild(this.document?.head, initialization);
-            this.renderer.appendChild(this.document?.head, declaration);
+            this.renderer.appendChild(this.document.head, initialization);
+            this.renderer.appendChild(this.document.head, declaration);
             this.enabled = true;
         }
         setTimeout(() => this.startListeningPageViews(gtm_id), 1000);
@@ -1728,6 +1728,7 @@ class GTMService {
     window;
     rendererFactory = inject(RendererFactory2);
     document = null;
+    platformId = inject(PLATFORM_ID);
     /**
      * Servicio de ruteo de angular.
      */
@@ -1736,7 +1737,7 @@ class GTMService {
      * Configuración de Google Tag Manager.
      */
     config = { id: null };
-    platformId = inject(PLATFORM_ID);
+    // private platformId: any = inject(PLATFORM_ID) // Eliminada duplicidad, ya está declarada arriba
     constructor() {
         this.renderer = this.rendererFactory.createRenderer(null, null);
         if (isPlatformBrowser(this.platformId)) {
@@ -1769,12 +1770,15 @@ class GTMService {
      */
     addGtmToDom() {
         return new Promise((resolve, reject) => {
+            if (!isPlatformBrowser(this.platformId) || !this.document) {
+                // No manipular el DOM en SSR
+                return resolve(false);
+            }
             if (this.isLoaded) {
                 return resolve(this.isLoaded);
             }
-            //const doc = this.browserGlobals.documentRef();
             this.pushOnDataLayer({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
-            const gtmScript = this.document?.createElement('script'); //doc.createElement('script');
+            const gtmScript = this.document.createElement('script');
             if (gtmScript) {
                 gtmScript.id = 'GTMscript';
                 gtmScript.async = true;
@@ -1785,7 +1789,7 @@ class GTMService {
                 gtmScript.addEventListener('error', () => {
                     return reject(false);
                 });
-                this.document?.head.insertBefore(gtmScript, this.document.head.firstChild);
+                this.document.head.insertBefore(gtmScript, this.document.head.firstChild);
             }
         });
     }
@@ -1802,7 +1806,7 @@ class GTMService {
     initialize(config) {
         this.config = config || this.config;
         this.addGtmToDom().then(() => {
-            this.router.events.forEach(item => {
+            this.router.events.forEach((item) => {
                 if (item instanceof NavigationEnd) {
                     const gtmTag = {
                         event: 'page',
@@ -2176,9 +2180,6 @@ class MetricoolPixelService {
      */
     renderer;
     constructor() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.document = document;
-        }
         this.renderer = this.rendererFactory.createRenderer(null, null);
     }
     /**
@@ -2186,20 +2187,22 @@ class MetricoolPixelService {
      * @param pixel_hash hash provisto por Metricool Pixel.
      */
     initialize = (pixel_hash) => {
-        let new_analityc_script = this.renderer.createElement('script');
-        new_analityc_script.type = 'text/javascript';
-        new_analityc_script.text = `
-        function loadScript(a) {
-            var b = document.getElementsByTagName("head")[0], c = document.createElement("script");
-            c.type = "text/javascript",
-                c.src = "https://tracker.metricool.com/resources/be.js",
-                c.onreadystatechange = a,
-                c.onload = a, b.appendChild(c)
-        } loadScript(function () {
-            beTracker.t({ hash: "${pixel_hash}" })
-        });
-        `;
-        this.renderer.appendChild(this.document?.body, new_analityc_script);
+        if (isPlatformBrowser(this.platformId) && this.document) {
+            let new_analityc_script = this.renderer.createElement('script');
+            new_analityc_script.type = 'text/javascript';
+            new_analityc_script.text = `
+            function loadScript(a) {
+                var b = document.getElementsByTagName("head")[0], c = document.createElement("script");
+                c.type = "text/javascript",
+                    c.src = "https://tracker.metricool.com/resources/be.js",
+                    c.onreadystatechange = a,
+                    c.onload = a, b.appendChild(c)
+            } loadScript(function () {
+                beTracker.t({ hash: "${pixel_hash}" })
+            });
+            `;
+            this.renderer.appendChild(this.document.body, new_analityc_script);
+        }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetricoolPixelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetricoolPixelService, providedIn: 'root' });
@@ -6386,6 +6389,22 @@ class MenuEcComponent {
     hasVisibleProperty(category) {
         return category.isVisible === true;
     }
+    filterVisibleTree(list) {
+        return (list ?? [])
+            .filter((n) => n?.isVisible === true)
+            .map(n => ({ ...n, children: this.filterVisibleTree(n.children) }));
+    }
+    // Exponé streams ya filtrados
+    categoriesVisible$ = this.categories$.pipe(map((list) => this.filterVisibleTree(list)));
+    sectionsVisible$ = this.sections$.pipe(map((list) => this.filterVisibleTree(list)));
+    attributesVisible$ = this.attributes$.pipe(map((list) => this.filterVisibleTree(list)));
+    // Helpers de conveniencia opcionales
+    getVisibleChildren(node) {
+        return this.filterVisibleTree(node?.children);
+    }
+    hasVisibleChildren(node) {
+        return this.getVisibleChildren(node).length > 0;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuEcComponent, isStandalone: true, selector: "lib-footer-ec", ngImport: i0, template: '<p>Menu and Footer Helper Component</p>', isInline: true });
 }
@@ -6596,7 +6615,7 @@ class HeaderEcComponent extends MenuEcComponent {
         }
     }
     isHomeFunction() {
-        if (isPlatformBrowser(this.platformId)) {
+        if (isPlatformBrowser(this.platformId) && typeof document !== 'undefined') {
             const headerElement = document.querySelector('header');
             if (headerElement) {
                 if (this.router.url !== '/home') {
@@ -6628,7 +6647,7 @@ class HeaderEcComponent extends MenuEcComponent {
         }
     };
     borrarInput(inputId) {
-        if (isPlatformBrowser(this.platformId)) {
+        if (isPlatformBrowser(this.platformId) && typeof document !== 'undefined') {
             if (inputId) {
                 const input = document.getElementById(inputId);
                 if (input) {
@@ -6650,7 +6669,7 @@ class HeaderEcComponent extends MenuEcComponent {
         this.getCollectionSearch();
     }
     setupMobileMenu() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!isPlatformBrowser(this.platformId) || typeof document === 'undefined')
             return;
         // console.log('setupMobileMenu called');
         const menuMobile = document.querySelector('.menuMobile');
@@ -6687,7 +6706,7 @@ class HeaderEcComponent extends MenuEcComponent {
         });
     }
     setupSearchInputs() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!isPlatformBrowser(this.platformId) || typeof document === 'undefined')
             return;
         const inputs = ['searchInput1', 'searchInput2'];
         inputs.forEach(id => {
@@ -7563,26 +7582,12 @@ class BlockProductsEcComponent extends BlockEcComponent {
      * Esta función puede ser movida al componente base para reutilización.
      */
     initializeSwiperWithCustomNavigation() {
-        if (!isPlatformBrowser(this.platformId))
+        if (!isPlatformBrowser(this.platformId) || typeof document === 'undefined')
             return;
         const prevButton = document.getElementById(`${this.meta?.code}-prev`);
         const nextButton = document.getElementById(`${this.meta?.code}-next`);
         const swiperElement = document.getElementById(this.meta?.code);
         if (prevButton && nextButton && swiperElement) {
-            // console.log('Configurando navegación personalizada para:', this.meta?.code);
-            const swiperConfig = this.getSwiperConfiguration();
-            // Verificar si el Swiper ya está inicializado
-            if (!swiperElement.swiper) {
-                this.initializeNewSwiper(swiperElement, swiperConfig);
-            }
-            else {
-                this.updateExistingSwiper(swiperElement);
-            }
-            // Configurar los event listeners para los botones
-            this.setupNavigationEventListeners(prevButton, nextButton, swiperElement);
-            // console.log('Event listeners configurados para los botones de navegación');
-        }
-        else {
             // console.log('No se pudieron encontrar los elementos:', {
             // 	prevButton: !!prevButton,
             // 	nextButton: !!nextButton,
@@ -7913,8 +7918,10 @@ class MagnizoomEcComponent {
             this.document = inject(DOCUMENT); // Solo se inyecta en el navegador
         }
         afterRender(() => {
-            this.initContext();
-            this.loadImage(this.imageSrc);
+            if (isPlatformBrowser(this.platformId)) {
+                this.initContext();
+                this.loadImage(this.imageSrc);
+            }
         });
     }
     ngOnInit() {
@@ -7926,7 +7933,7 @@ class MagnizoomEcComponent {
         this.context = this.canvas.getContext('2d');
     }
     loadImage(src) {
-        if (this.document) {
+        if (isPlatformBrowser(this.platformId) && this.document) {
             this.image = this.document.createElement('img');
             this.image.onload = () => {
                 this.lensSize = { width: this.image.width / 2, height: this.image.height / 2 };
@@ -8537,10 +8544,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class LoginFormEcComponent {
+    platformId;
     _authService = inject(AuthService);
     _formBuilder = inject(FormBuilder);
     _toastService = inject(ToastService);
     _router = inject(Router);
+    constructor(platformId) {
+        this.platformId = platformId;
+    }
     showPassword = false;
     /**
      * Parametro para indicar si tras loguear
@@ -8585,20 +8596,23 @@ class LoginFormEcComponent {
                 this._toastService.show('login-success');
                 this.loggedIn = true;
                 if (this.inCart) {
-                    // Si se está en el carrito, se cierra el modal de login
-                    const modal = document.getElementById('modalInvitado');
-                    if (modal) {
-                        const modalInstance = window.bootstrap?.Modal?.getInstance(modal);
-                        if (modalInstance) {
-                            modalInstance.hide();
-                        }
-                        else {
-                            const closeButton = modal.querySelector('[data-bs-dismiss="modal"]');
-                            if (closeButton) {
-                                closeButton.click();
+                    // Solo manipula el DOM si está en el navegador
+                    if (isPlatformBrowser(this.platformId)) {
+                        const modal = document.getElementById('modalInvitado');
+                        if (modal) {
+                            const modalInstance = window.bootstrap?.Modal?.getInstance(modal);
+                            if (modalInstance) {
+                                modalInstance.hide();
+                            }
+                            else {
+                                const closeButton = modal.querySelector('[data-bs-dismiss="modal"]');
+                                if (closeButton) {
+                                    closeButton.click();
+                                }
                             }
                         }
                     }
+                    // La navegación funciona en SSR y browser
                     this._router.navigateByUrl('/checkout');
                 }
                 else {
@@ -8633,13 +8647,16 @@ class LoginFormEcComponent {
     togglePassword() {
         this.showPassword = !this.showPassword;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo", inCart: "inCart" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12 mb-4\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-login-form-ec', standalone: true, imports: [LoadingSectionEcComponent, ReactiveFormsModule, RouterLink, JsonPipe], template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12 mb-4\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>" }]
-        }], propDecorators: { redirect: [{
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { redirect: [{
                 type: Input
             }], redirectTo: [{
                 type: Input
@@ -9067,30 +9084,34 @@ class PasswordResetEcComponent extends ComponentHelper {
     };
     sendToLogin = () => this.router.navigateByUrl('/auth/login');
     showPassword = () => {
-        const passwordInput = document.getElementById('contraseña1');
-        const showIcon = document.getElementById('show1');
-        const hideIcon = document.getElementById('hide1');
-        if (passwordInput.type === 'password') {
-            passwordInput.type = 'text';
-        }
-        else {
-            passwordInput.type = 'password';
+        if (typeof document !== 'undefined') {
+            const passwordInput = document.getElementById('contraseña1');
+            const showIcon = document.getElementById('show1');
+            const hideIcon = document.getElementById('hide1');
+            if (passwordInput && passwordInput.type === 'password') {
+                passwordInput.type = 'text';
+            }
+            else if (passwordInput) {
+                passwordInput.type = 'password';
+            }
+            showIcon?.classList.toggle('d-none');
+            hideIcon?.classList.toggle('d-none');
         }
-        showIcon?.classList.toggle('d-none');
-        hideIcon?.classList.toggle('d-none');
     };
     showPassword2 = () => {
-        const passwordInput = document.getElementById('contraseña2');
-        const showIcon = document.getElementById('show2');
-        const hideIcon = document.getElementById('hide2');
-        if (passwordInput.type === 'password') {
-            passwordInput.type = 'text';
-        }
-        else {
-            passwordInput.type = 'password';
+        if (typeof document !== 'undefined') {
+            const passwordInput = document.getElementById('contraseña2');
+            const showIcon = document.getElementById('show2');
+            const hideIcon = document.getElementById('hide2');
+            if (passwordInput && passwordInput.type === 'password') {
+                passwordInput.type = 'text';
+            }
+            else if (passwordInput) {
+                passwordInput.type = 'password';
+            }
+            showIcon?.classList.toggle('d-none');
+            hideIcon?.classList.toggle('d-none');
         }
-        showIcon?.classList.toggle('d-none');
-        hideIcon?.classList.toggle('d-none');
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasswordResetEcComponent, deps: [{ token: AuthService }, { token: ToastService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PasswordResetEcComponent, isStandalone: true, selector: "app-password-reset-ec", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row justify-content-center py-5\">\r\n        <div class=\"col-12 col-md-6 col-lg-4\">\r\n            @if(!ready){\r\n            <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\r\n                <div class=\"mb-4 text-center\">\r\n                    <h3>{{ 'set-new-password' | translate }}</h3>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{ 'set-password' | translate }}</label>\r\n                    <div class=\"input-group\">\r\n                        <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\r\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword()\">\r\n                            <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\r\n                            <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\r\n                    <div class=\"input-group\">\r\n                        <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\r\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword2()\">\r\n                            <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\r\n                            <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-4 text-center\">\r\n                    <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\r\n                </div>\r\n                @if(loading){\r\n                    <app-loading-inline-ec></app-loading-inline-ec>\r\n                }\r\n            </form>\r\n            }@else {<div class=\"row justify-content-center mt-5 mb-5\">\r\n                <div class=\"text-center\">\r\n                    <div class=\"mb-4\">\r\n                        <h3>{{ 'updated-password' | translate }}</h3>\r\n                    </div>\r\n                    <div class=\"mb-4\">\r\n                        <h5>{{ 'updated-password-detail' | translate }}</h5>\r\n                    </div>\r\n                    <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\r\n                </div>\r\n            </div>}\r\n\r\n\r\n\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
@@ -9146,6 +9167,8 @@ class FiltersEcComponent {
             console.error('Filter or selected element is undefined:', { filter, selected });
             return;
         }
+        if (selected.isVisible !== true)
+            return;
         if (typeof filter.setSelected !== 'function') {
             console.error('filter.setSelected is not a function. Filter might not be an instance of the expected class:', filter);
             return;
@@ -9184,7 +9207,9 @@ class FiltersEcComponent {
         });
     }
     //  close = () => {
-    //       this.document.getElementById("filtros").classList.remove('in');
+    //       if (typeof document !== 'undefined') {
+    //         this.document.getElementById("filtros").classList.remove('in');
+    //       }
     //       return true;
     //  };
     close = () => {
@@ -9194,7 +9219,9 @@ class FiltersEcComponent {
         return true;
     };
     scrollUp = () => {
-        window.scroll(0, 0);
+        if (typeof window !== 'undefined') {
+            window.scroll(0, 0);
+        }
         return true;
     };
     hasAppliedFilters() {
@@ -9215,13 +9242,36 @@ class FiltersEcComponent {
         }) ?? false;
     }
     /**
-       * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
-       * @param category - La categoría a verificar
-       * @returns true si la categoría es visible, false en caso contrario
-       */
+     * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
+     * @param category - La categoría a verificar
+     * @returns true si la categoría es visible, false en caso contrario
+     */
     hasVisibleProperty(category) {
         return category.isVisible === true;
     }
+    /** Lista visible (filtra recursivo por isVisible) */
+    getVisibleData(filter) {
+        if (!filter)
+            return [];
+        return this.filterVisibleTree(filter.data);
+    }
+    /** Children visibles de un nodo */
+    getVisibleChildren(node) {
+        return this.filterVisibleTree(node?.children ?? []);
+    }
+    /** Tiene hijos visibles? */
+    hasVisibleChildren(node) {
+        return this.getVisibleChildren(node).length > 0;
+    }
+    /** Utilidad recursiva */
+    filterVisibleTree(list = []) {
+        return (list ?? [])
+            .filter(n => n.isVisible === true)
+            .map(n => ({
+            ...n,
+            children: this.filterVisibleTree(n.children ?? [])
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", inputs: { setSelect: "setSelect" }, ngImport: i0, template: "<p>filters-ec works!</p>\r\n", styles: [""] });
 }
@@ -9373,9 +9423,12 @@ class ProductDetailEcComponent {
         this._meta.updateTag({ property: 'og:type', content: 'product' });
     }
     decodeHtml(html) {
-        const txt = document.createElement('textarea');
-        txt.innerHTML = html;
-        return txt.value;
+        if (typeof document !== 'undefined') {
+            const txt = document.createElement('textarea');
+            txt.innerHTML = html;
+            return txt.value;
+        }
+        return html;
     }
     sanitizedHtml(html) {
         const decodedHtml = this.decodeHtml(html);
@@ -9425,9 +9478,11 @@ class ProductDetailEcComponent {
     goToSection(section) {
         this.showFormContact = true;
         setTimeout(() => {
-            const element = document.getElementById(section);
-            if (element) {
-                element.scrollIntoView({ behavior: 'smooth' });
+            if (typeof document !== 'undefined') {
+                const element = document.getElementById(section);
+                if (element) {
+                    element.scrollIntoView({ behavior: 'smooth' });
+                }
             }
         }, 500);
     }
@@ -10486,7 +10541,9 @@ class DecidirEcComponent extends ComponentHelper {
     }
     ngOnDestroy() {
         // Remover el listener de mensajes
-        window.removeEventListener('message', this.handleIframeMessage, false);
+        if (typeof window !== 'undefined') {
+            window.removeEventListener('message', this.handleIframeMessage, false);
+        }
         // console.log("SE DESTROZA");
     }
     ngOnChanges() {
@@ -10566,11 +10623,13 @@ class DecidirEcComponent extends ComponentHelper {
         this.url = this.sanitizer.bypassSecurityTrustResourceUrl('assets/decidirFormEc.html');
         this.loading = false;
         // Escuchar mensajes del iframe para manejar la comunicación
-        window.addEventListener('message', this.handleIframeMessage.bind(this), false);
+        if (typeof window !== 'undefined') {
+            window.addEventListener('message', this.handleIframeMessage.bind(this), false);
+        }
     };
     handleIframeMessage = (event) => {
         // Verificar el origen por seguridad
-        if (event.origin !== window.location.origin) {
+        if (typeof window !== 'undefined' && event.origin !== window.location.origin) {
             return;
         }
         if (event.data && event.data.type === 'DECIDIR_PAYMENT') {
@@ -10612,8 +10671,10 @@ class DecidirEcComponent extends ComponentHelper {
         });
     };
     resizeIframe = (obj) => {
-        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
-        obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
+        if (obj && obj.contentWindow && typeof obj.contentWindow.document !== 'undefined') {
+            obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
+            obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
+        }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, deps: [{ token: i0.Renderer2 }, { token: ConnectionService }, { token: ToastService }, { token: CoreConstantsService }, { token: ApiConstantsService }, { token: CartService }, { token: i2.ActivatedRoute }, { token: i1$5.DomSanitizer }, { token: ParametersService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecidirEcComponent, isStandalone: true, selector: "app-decidir-ec", inputs: { paymentServiceInst: "paymentServiceInst", method: "method", total_amount: "total_amount", allData: "allData", user_data: "user_data" }, outputs: { ready: "ready" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
@@ -12032,11 +12093,13 @@ class StoresEcComponent extends ComponentHelper {
             });
             const center = bounds.getCenter();
             const style = [{ "elementType": "geometry", "stylers": [{ "color": "#212121" }] }, { "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "elementType": "labels.text.stroke", "stylers": [{ "color": "#212121" }] }, { "featureType": "administrative", "elementType": "geometry", "stylers": [{ "color": "#757575" }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#9e9e9e" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#bdbdbd" }] }, { "featureType": "poi", "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "featureType": "poi.business", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [{ "color": "#181818" }] }, { "featureType": "poi.park", "elementType": "labels.text.fill", "stylers": [{ "color": "#616161" }] }, { "featureType": "poi.park", "elementType": "labels.text.stroke", "stylers": [{ "color": "#1b1b1b" }] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [{ "color": "#8a8a8a" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#373737" }] }, { "featureType": "road.arterial", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [{ "color": "#3c3c3c" }] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway.controlled_access", "elementType": "geometry", "stylers": [{ "color": "#4e4e4e" }] }, { "featureType": "road.local", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#616161" }] }, { "featureType": "transit", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "labels.text.fill", "stylers": [{ "color": "#757575" }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#000000" }] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [{ "color": "#3d3d3d" }] }];
-            this.map = new google.maps.Map(document.getElementById('map'), {
-                zoom: 12,
-                center: center, // Centrar el mapa en el centro calculado
-                styles: style // Aplica los estilos personalizados
-            });
+            if (typeof document !== 'undefined' && typeof window !== 'undefined') {
+                this.map = new google.maps.Map(document.getElementById('map'), {
+                    zoom: 12,
+                    center: center, // Centrar el mapa en el centro calculado
+                    styles: style // Aplica los estilos personalizados
+                });
+            }
             this.locations.forEach(location => {
                 const marker = new google.maps.Marker({
                     position: { lat: location.lat, lng: location.lng },
@@ -12050,8 +12113,12 @@ class StoresEcComponent extends ComponentHelper {
                 marker.set('id', location.id); // Associate marker with its ID
                 this.markers.push(marker);
                 marker.addListener('click', () => {
-                    const elemento = document.getElementById(location.id);
-                    const contenedor = document.getElementById('home');
+                    let elemento = null;
+                    let contenedor = null;
+                    if (typeof document !== 'undefined') {
+                        elemento = document.getElementById(location.id);
+                        contenedor = document.getElementById('home');
+                    }
                     if (elemento && contenedor) {
                         contenedor.scrollTo({
                             top: elemento.offsetTop - contenedor.offsetTop + contenedor.scrollTop,
@@ -12079,7 +12146,10 @@ class StoresEcComponent extends ComponentHelper {
     showStoreOnMap(storeCode) {
         this.stopBounce();
         const marker = this.markers.find(m => m.get('id') === storeCode);
-        const elemento = document.getElementById(storeCode);
+        let elemento = null;
+        if (typeof document !== 'undefined') {
+            elemento = document.getElementById(storeCode);
+        }
         if (this.ultimoElementoSeleccionado !== null) {
             // Quitar la clase del último elemento seleccionado
             this.ultimoElementoSeleccionado.classList.remove('selected');