ng-easycommerce-v18 0.4.4-beta.2 → 0.4.5

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Injectable, Inject, Optional, APP_INITIALIZER, inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, computed, NgZone, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Injectable, Inject, Optional, APP_INITIALIZER, inject, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, computed, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, NgZone, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
-import { BehaviorSubject, of, take, shareReplay as shareReplay$1, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, tap as tap$1, distinctUntilChanged, switchMap, combineLatest, Subject, takeUntil } from 'rxjs';
+import { BehaviorSubject, of, take, shareReplay as shareReplay$1, map, catchError as catchError$1, filter, ReplaySubject, firstValueFrom, concatMap, throwError, tap as tap$1, distinctUntilChanged, switchMap, combineLatest, Subscription, Subject, takeUntil } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { tap, shareReplay, catchError, filter as filter$1, skipWhile, take as take$1, switchMap as switchMap$1 } from 'rxjs/operators';
@@ -17,6 +17,7 @@ import moment from 'moment';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import * as i1$4 from '@angular/forms';
 import { Validators, FormsModule, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
 import * as i1$5 from '@angular/platform-browser';
@@ -44,53 +45,24 @@ const provideEnvironment = (environment) => {
     ]);
 };
 
-/**
- * Token para inyectar la configuración de runtime desde el servidor
- */
-const SERVER_RUNTIME_CONFIG = new InjectionToken('server.runtime.config');
-/**
- * Provider para inyectar la configuración de runtime en SSR
- * Debe ser usado en app.config.server.ts
- *
- * @param config Configuración de runtime obtenida desde las variables de entorno del servidor
- */
-function provideServerRuntimeConfig(config) {
-    return makeEnvironmentProviders([
-        {
-            provide: SERVER_RUNTIME_CONFIG,
-            useValue: config
-        }
-    ]);
-}
-
 class RuntimeConfigService {
     platformId;
     http;
     environment;
-    serverRuntimeConfig;
     configSubject = new BehaviorSubject(null);
     config$ = this.configSubject.asObservable();
     _config = null;
     _loadPromise = null;
     _isLoaded = false;
-    constructor(platformId, http, environment, serverRuntimeConfig) {
+    constructor(platformId, http, environment) {
         this.platformId = platformId;
         this.http = http;
         this.environment = environment;
-        this.serverRuntimeConfig = serverRuntimeConfig;
-        // PRIORIDAD 1: En SSR, usar la configuración inyectada desde el servidor
-        if (!isPlatformBrowser(this.platformId) && this.serverRuntimeConfig) {
-            this._config = this.serverRuntimeConfig;
-            this._isLoaded = true;
-            this.configSubject.next(this._config);
-            console.log('✅ [RuntimeConfigService SSR] Configuración cargada desde SERVER_RUNTIME_CONFIG:', this._config);
-        }
-        // PRIORIDAD 2: En browser, intentar cargar inmediatamente desde window si está disponible
-        else if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
+        // En SSR o browser, intentar cargar inmediatamente desde window si está disponible
+        if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
             this._config = window.__RUNTIME_CONFIG__;
             this._isLoaded = true;
             this.configSubject.next(this._config);
-            console.log('✅ [RuntimeConfigService Browser] Configuración cargada desde window.__RUNTIME_CONFIG__:', this._config);
         }
     }
     /**
@@ -177,23 +149,21 @@ class RuntimeConfigService {
             return this._loadPromise;
         }
         else {
-            // En SSR, PRIORIDAD 1: usar la configuración inyectada desde el servidor
-            if (this.serverRuntimeConfig && !this._isLoaded) {
-                this._config = this.serverRuntimeConfig;
-                this._isLoaded = true;
-                this.configSubject.next(this._config);
-                console.log('✅ [RuntimeConfigService SSR] Configuración cargada desde SERVER_RUNTIME_CONFIG:', this._config);
-                return of(this._config);
-            }
-            // PRIORIDAD 2: Como fallback, usar environment (solo si no hay serverRuntimeConfig)
+            // En SSR, primero intentar usar fallback desde environment (más confiable)
             const fallbackConfig = this.getFallbackConfig();
             if (fallbackConfig) {
                 this._config = fallbackConfig;
                 this._isLoaded = true;
                 this.configSubject.next(fallbackConfig);
-                console.warn('⚠️ [RuntimeConfigService SSR] Usando fallback desde environment.ts (no se encontró SERVER_RUNTIME_CONFIG)');
                 return of(fallbackConfig);
             }
+            // Como alternativa, intentar leer desde window si está disponible
+            if (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__ && !this._isLoaded) {
+                this._config = window.__RUNTIME_CONFIG__;
+                this._isLoaded = true;
+                this.configSubject.next(this._config);
+                return of(this._config);
+            }
             // Si no hay environment configurado, lanzar error
             console.error('❌ [RuntimeConfigService SSR] No hay environment configurado. Agrega provideEnvironment() en app.config.ts');
             throw new Error('RuntimeConfig no disponible. Configura provideEnvironment() en app.config.ts');
@@ -269,7 +239,7 @@ class RuntimeConfigService {
         const cleanPath = path.startsWith('/') ? path.slice(1) : path;
         return `${frontendUrl}${cleanPath}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuntimeConfigService, deps: [{ token: PLATFORM_ID }, { token: i1.HttpClient }, { token: ENVIRONMENT_TOKEN, optional: true }, { token: SERVER_RUNTIME_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuntimeConfigService, deps: [{ token: PLATFORM_ID }, { token: i1.HttpClient }, { token: ENVIRONMENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuntimeConfigService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RuntimeConfigService, decorators: [{
@@ -285,11 +255,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }, {
                     type: Inject,
                     args: [ENVIRONMENT_TOKEN]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [SERVER_RUNTIME_CONFIG]
                 }] }] });
 
 /**
@@ -446,12 +411,13 @@ class ConnectionService {
      */
     constantsSvr = inject(ApiConstantsService);
     /**
-     * URL Base para las peticiones - obtenida dinámicamente del runtime config
-     * @returns {string}
+     * URL Base para las peticiones.
+     * @type {string}
      * @memberof ConnectionService
      */
-    get url() {
-        return this.constantsSvr.getUrlBase();
+    url;
+    constructor() {
+        this.url = this.constantsSvr.getUrlBase();
     }
     /**
      * Función para generar peticiones de tipo GET
@@ -499,7 +465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Servicio que provee las constantes necesarias que se utilizan por toda la aplicación.
@@ -2189,16 +2155,16 @@ class MetricoolPixelService {
     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}" })
-        });
+        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);
     };
@@ -5058,16 +5024,19 @@ class CartService {
         this._items = JSON.parse(this._localStorage.getItem(this.CART_KEY) || '[]');
         this.cartToken = this._localStorage.getItem(this.CART_TOKEN_KEY) || null;
         // 🔑 CLAVE: Suscripción a cambios de estado de login
-        this._authService.loggedIn$.subscribe(isLoggedIn => {
-            if (isLoggedIn && !this._cartInitialized) {
+        this._authService.loggedIn$.pipe(distinctUntilChanged()).subscribe(isLoggedIn => {
+            if (isLoggedIn) {
+                // Al pasar de invitado -> logueado, siempre sincronizar para traer balanceCustomer
+                // (si no, el header no muestra cuenta corriente hasta recargar).
                 this.syncCartOnLogin();
                 this._cartInitialized = true;
+                return;
             }
-            else if (!isLoggedIn && this._cartInitialized) {
+            if (this._cartInitialized) {
                 // Usuario cerró sesión, limpiar y resetear carrito
                 this.clearAndResetCustomerCart();
-                this._cartInitialized = false; // Reset flag para permitir nueva inicialización
             }
+            this._cartInitialized = false; // Reset flag para permitir nueva inicialización
         });
         this._channelService.channel$.subscribe(res => this.channelConfig = res);
         // ⚠️ FIX: Solo inicializar para usuarios no autenticados
@@ -5159,6 +5128,11 @@ class CartService {
             this._toastService.show('must-select-customer');
             return;
         }
+        const isExistingItem = this._items.some((item) => item.product.id === product.id && item.variant_id === variantId);
+        // Validación de saldo para items nuevos (los existentes se validan en updateItemQuantity)
+        if (!isExistingItem && !this.hasCreditsForNewItem(product, quantity, variantId)) {
+            return;
+        }
         this._requestInProcess.next(true);
         let added = this.addIfAllreadyExists(product, variantId, quantity);
         if (!added) {
@@ -5529,10 +5503,14 @@ class CartService {
         if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
             return true;
         }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
         if (balance.remainingCredits === undefined) {
             return false;
         }
-        if ((this._cartSubject.value?.totals?.total ?? 0) > balance.creditAmount) {
+        const total = this._cartSubject.value?.totals?.total ?? 0;
+        if (!balance.allowExceedBalance && total > balance.creditAmount) {
             this._toastService.show('not-enough-credits');
             return false;
         }
@@ -5543,6 +5521,9 @@ class CartService {
         if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
             return true;
         }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
         if (balance.remainingCredits === undefined) {
             return false;
         }
@@ -5558,6 +5539,26 @@ class CartService {
         }
         return true;
     };
+    hasCreditsForNewItem = (product, quantity, variantId) => {
+        const balance = this._balanceCustomerSubject.value;
+        if (!balance || balance.creditAmount === null || balance.creditAmount === undefined) {
+            return true;
+        }
+        if (balance.allowAnyPaymentMethod) {
+            return true;
+        }
+        if (balance.remainingCredits === undefined) {
+            return false;
+        }
+        const variant = product?.variants?.find(v => v.code === variantId) ?? product?.variants?.[0];
+        const unitPrice = variant?.saleprice ?? variant?.price ?? product?.price ?? 0;
+        const totalCost = unitPrice * quantity;
+        if (!balance.allowExceedBalance && totalCost > balance.remainingCredits) {
+            this._toastService.show('not-enough-credits');
+            return false;
+        }
+        return true;
+    };
     addRepeatOrderToCart(items) {
         if (this._cartItemsSubject.value.length > 0) {
             this._toastService.show('cart-not-empty');
@@ -5633,7 +5634,16 @@ class ProductDetailService {
     options$ = this._optionsSubject.asObservable();
     associatedData$ = this._associatedDataSubject.asObservable();
     variants = [];
-    constructor() { }
+    _currentTotalAmount = null;
+    _balanceCustomer = null;
+    constructor() {
+        this._cartService.getTotalAmount().subscribe(total => {
+            this._currentTotalAmount = total ?? null;
+        });
+        this._cartService.balanceCustomer$.subscribe(balanceCustomer => {
+            this._balanceCustomer = balanceCustomer;
+        });
+    }
     /**
      * Obtengo el producto a traves de su codigo e inicializo la configuración
      * del Servicio.
@@ -5883,7 +5893,12 @@ class ProductDetailService {
         }
         if (!variant)
             return;
-        if (!this.validateQuantity(quantity))
+        if (!this.validateQuantity(quantity, variant.code))
+            return;
+        const priceToValidate = productSelected.saleprice
+            ? productSelected.saleprice * quantity
+            : productSelected.price * quantity;
+        if (!this.validatePriceAndCredits(priceToValidate))
             return;
         //agregar al servicio del carrito
         this._cartService.addToCart(this.makeAffordableProduct(productSelected), quantity, variant.code);
@@ -5907,14 +5922,22 @@ class ProductDetailService {
      * @param quantity
      * @returns
      */
-    validateQuantity = (quantity) => {
-        const actualQuantity = this._cartService.getCountFromItemInCart(this.variants[0].code);
+    validateQuantity = (quantity, variantCode) => {
+        const codeToCheck = variantCode || this.variants[0].code;
+        const actualQuantity = this._cartService.getCountFromItemInCart(codeToCheck);
         const asociatedData = this._associatedDataSubject.value;
-        if ((actualQuantity + quantity) > asociatedData.maximumItemsQuantity) {
+        const variant = this.variants.find(v => v.code === codeToCheck);
+        const stock = variant?.stock ?? 0;
+        const totalQuantity = actualQuantity + quantity;
+        if (totalQuantity > stock) {
+            this._toastService.show('out-of-stock-actually');
+            return false;
+        }
+        if ((totalQuantity) > asociatedData.maximumItemsQuantity) {
             this._toastService.show('maximum-items-quantity', { quantity: asociatedData.maximumItemsQuantity });
             return false;
         }
-        if ((actualQuantity + quantity) < asociatedData.minimumItemsQuantity) {
+        if ((totalQuantity) < asociatedData.minimumItemsQuantity) {
             this._toastService.show('minimum-items-quantity', { quantity: asociatedData.minimumItemsQuantity });
             return false;
         }
@@ -5929,6 +5952,22 @@ class ProductDetailService {
         }
         return true;
     };
+    validatePriceAndCredits = (price) => {
+        if (this._balanceCustomer === null) {
+            return true;
+        }
+        if (this._balanceCustomer.allowAnyPaymentMethod) {
+            return true;
+        }
+        if (this._balanceCustomer.remainingCredits === undefined) {
+            return false;
+        }
+        if (price > this._balanceCustomer.remainingCredits) {
+            this._toastService.show('not-enough-credits');
+            return false;
+        }
+        return true;
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailService, providedIn: 'root' });
 }
@@ -6840,6 +6879,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: RuntimeConfigService }] });
 
+/**
+ * Gestiona la visibilidad global de precios según:
+ * - configuración del canal (hidePrices, showPricesOnlyToLoggedUsers)
+ * - estado de autenticación
+ * - restricciones por cuenta corriente (showPrice desde balance)
+ *
+ * Nota: este servicio no contempla reglas por producto (shouldShowPrice, etc.).
+ */
+class PriceVisibilityService {
+    channelService = inject(ChannelService);
+    authService = inject(AuthService);
+    cartService = inject(CartService);
+    channelConfig = toSignal(this.channelService.channel$, { initialValue: null });
+    loggedIn = toSignal(this.authService.loggedIn$, { initialValue: this.authService.isAuthenticated() });
+    creditAccountShowPrices = toSignal(this.cartService.showPrice$, { initialValue: null });
+    hidePrices = computed(() => !!this.channelConfig()?.hidePrices);
+    showPricesOnlyToLoggedUsers = computed(() => !!this.channelConfig()?.showPricesOnlyToLoggedUsers);
+    canShowPrices = computed(() => {
+        const hide = this.hidePrices();
+        const onlyLogged = this.showPricesOnlyToLoggedUsers();
+        const logged = this.loggedIn();
+        const creditAllowed = this.creditAccountShowPrices();
+        const creditPass = creditAllowed === null ? true : !!creditAllowed;
+        return !hide && (!onlyLogged || logged) && creditPass;
+    });
+    canShowPrices$ = toObservable(this.canShowPrices);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceVisibilityService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Componente que sirve para abstraer la funcionalidad que comparten
  * el menú y el footer.
@@ -7095,11 +7168,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class FooterEcComponent extends MenuEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FooterEcComponent, isStandalone: true, selector: "lib-footer-ec", usesInheritance: true, ngImport: i0, template: "<p>footer-ec works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FooterEcComponent, isStandalone: true, selector: "lib-footer-ec", usesInheritance: true, ngImport: i0, template: "<p>footer-ec works!</p>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-footer-ec', standalone: true, imports: [AsyncPipe], template: "<p>footer-ec works!</p>\r\n" }]
+            args: [{ selector: 'lib-footer-ec', standalone: true, imports: [AsyncPipe], template: "<p>footer-ec works!</p>\n" }]
         }] });
 
 /**
@@ -7111,13 +7184,16 @@ class HeaderEcComponent extends MenuEcComponent {
     transparent = false;
     isHome = false; // Nueva variable para verificar si estamos en /home
     isScrolled = false;
-    showPricesOnlyToLoggedUsers = false;
-    hidePrices = false;
+    balanceAttributes = null;
+    subscriptions = new Subscription();
     __authService = inject(AuthService);
     _channelService = inject(ChannelService);
+    priceVisibility = inject(PriceVisibilityService);
     changeDetector = inject(ChangeDetectorRef);
     appRouter = inject(Router);
     platformId = inject(PLATFORM_ID);
+    _cartService = inject(CartService);
+    balanceAttributes$ = this._cartService.balanceCustomer$;
     mobileDropdownOpen = signal(false);
     isMenuOpen = signal(false);
     // Observable del estado de autenticación
@@ -7125,10 +7201,6 @@ class HeaderEcComponent extends MenuEcComponent {
     isAuthenticated$ = this.__authService.isAuthenticated();
     constructor() {
         super();
-        this._channelService.channel$.subscribe(cfg => {
-            this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
-            this.hidePrices = !!cfg.hidePrices;
-        });
     }
     coreConstantsService = inject(CoreConstantsService);
     router = inject(Router);
@@ -7144,18 +7216,19 @@ class HeaderEcComponent extends MenuEcComponent {
         // Usar el Observable del AuthService
         this.logged$ = this.__authService.loggedIn$;
         // Suscribirse al Observable y forzar detección de cambios cuando sea necesario
-        this.logged$.subscribe(isLoggedIn => {
+        this.subscriptions.add(this.logged$.subscribe(isLoggedIn => {
             this.changeDetector.detectChanges();
-        });
+        }));
+        this.subscribeToBalance();
         if (isPlatformBrowser(this.platformId)) {
-            this.appRouter.events.subscribe(evt => {
+            this.subscriptions.add(this.appRouter.events.subscribe(evt => {
                 if (evt instanceof NavigationEnd) {
                     // Forzar detección de cambios después de navegación
                     setTimeout(() => {
                         this.changeDetector.detectChanges();
                     }, 100);
                 }
-            });
+            }));
         }
     }
     ngAfterViewInit() {
@@ -7340,12 +7413,23 @@ class HeaderEcComponent extends MenuEcComponent {
             });
         }
     }
+    get canShowPrices() {
+        return this.priceVisibility.canShowPrices();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    subscribeToBalance() {
+        this.subscriptions.add(this._cartService.balanceCustomer$.subscribe(balanceData => {
+            this.balanceAttributes = balanceData;
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-header-ec', standalone: true, imports: [CommonModule, TitleCasePipe, AsyncPipe, JsonPipe, RouterLink, RouterLinkActive], template: "<p>header-ec works!</p>\r\n" }]
+            args: [{ selector: 'lib-header-ec', standalone: true, imports: [CommonModule, TitleCasePipe, AsyncPipe, JsonPipe, RouterLink, RouterLinkActive], template: "<p>header-ec works!</p>\n" }]
         }], ctorParameters: () => [], propDecorators: { onWindowScroll: [{
                 type: HostListener,
                 args: ['window:scroll', []]
@@ -7356,11 +7440,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class HomeEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HomeEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HomeEcComponent, isStandalone: true, selector: "lib-home-ec", ngImport: i0, template: "<p>home-ec works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HomeEcComponent, isStandalone: true, selector: "lib-home-ec", ngImport: i0, template: "<p>home-ec works!</p>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HomeEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-home-ec', standalone: true, imports: [], template: "<p>home-ec works!</p>\r\n" }]
+            args: [{ selector: 'lib-home-ec', standalone: true, imports: [], template: "<p>home-ec works!</p>\n" }]
         }] });
 
 register();
@@ -7552,11 +7636,11 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockBannerFullEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockBannerFullEcComponent, isStandalone: true, selector: "app-block-banner-full-ec", inputs: { banners: "banners", meta: "meta", prevArrowImage: "prevArrowImage", nextArrowImage: "nextArrowImage", prevArrowText: "prevArrowText", nextArrowText: "nextArrowText", enableCustomNavigation: "enableCustomNavigation" }, usesInheritance: true, ngImport: i0, template: "@if(banners.length > 0) {\r\n    <section [ngClass]=\"trimClassBlock(meta?.code)+' container-fluid px-0'\"\r\n        [style.background-color]=\"meta.styles?.backgroundColor\"\r\n        [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n        @if (banners.length == 1) {\r\n            <!-- si es formato fijo -->\r\n            <div class=\"row justify-content-center\">\r\n                @let banner = banners[0];\r\n                @if(!banners.styles?.button?.text){\r\n                    <!-- banner sin boton -->\r\n                    <a [href]=\"banner.url\" >\r\n                        <div class=\"item col-12\">\r\n                            <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\r\n                            <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                                @if(banner.title){\r\n                                    <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\r\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#fff' \">\r\n                                        {{banner.title}}\r\n                                    </h2>\r\n                                }\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                }@else {\r\n                    <!-- banner fijo con boton -->\r\n                    <div class=\"item col-12\">\r\n                        <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\r\n                        <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                            @if(banner.title){\r\n                                <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                            }\r\n                            @if(banner.subtitle){\r\n                                <p \r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                    {{banner.subtitle}}\r\n                                </p>\r\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                @if(banner.styles?.button?.text){\r\n                                <a href=\"{{banner.url}}\"\r\n                                    [class]=\"'item-button-full btn btn-light '\">\r\n                                        {{banner.styles.button.text}}\r\n                                    </a> \r\n                                }\r\n                                \r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n        }@else {\r\n            <!-- si es carrousel -->\r\n            <!--  @if(swiperElement() != null){ -->\r\n                <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                @for (banner of banners; track $index) {\r\n                    <swiper-slide>\r\n                        <div class=\"item\">\r\n                            @if (!banner.styles?.button?.text) {\r\n                                <!-- banner sin boton -->\r\n                                @if(banner.url){\r\n                                    <a [href]=\"banner.url\" class=\"\">\r\n                                        <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" class=\"img-fluid w-100\" />\r\n                                    </a>\r\n                                }@else {\r\n                                    <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\"  class=\"img-fluid w-100\" />\r\n                                }\r\n                            }@else {\r\n                                <!-- banner con boton -->\r\n                                <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" />\r\n                                <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                                    @if(banner.title){\r\n                                        <h2 [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\r\n                                            {{banner.title}}\r\n                                        </h2>\r\n                                    }\r\n                                    @if(banner.subtitle){\r\n                                        <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                            {{banner.subtitle}}\r\n                                        </p>\r\n                                    }\r\n                                    <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                        @if(banner.styles?.button?.text){\r\n                                            <a href=\"{{banner.url}}\" [class]=\"'item-button-full btn btn-light'\">\r\n                                                {{banner.styles.button.text}}\r\n                                            </a>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </swiper-slide>\r\n                }\r\n            </swiper-container>\r\n            <!--  } -->\r\n            \r\n        }\r\n    </section>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockBannerFullEcComponent, isStandalone: true, selector: "app-block-banner-full-ec", inputs: { banners: "banners", meta: "meta", prevArrowImage: "prevArrowImage", nextArrowImage: "nextArrowImage", prevArrowText: "prevArrowText", nextArrowText: "nextArrowText", enableCustomNavigation: "enableCustomNavigation" }, usesInheritance: true, ngImport: i0, template: "@if(banners.length > 0) {\n    <section [ngClass]=\"trimClassBlock(meta?.code)+' container-fluid px-0'\"\n        [style.background-color]=\"meta.styles?.backgroundColor\"\n        [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\n\n        @if (banners.length == 1) {\n            <!-- si es formato fijo -->\n            <div class=\"row justify-content-center\">\n                @let banner = banners[0];\n                @if(!banners.styles?.button?.text){\n                    <!-- banner sin boton -->\n                    <a [href]=\"banner.url\" >\n                        <div class=\"item col-12\">\n                            <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\n                            <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                                @if(banner.title){\n                                    <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#fff' \">\n                                        {{banner.title}}\n                                    </h2>\n                                }\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </div>\n                        </div>\n                    </a>\n                }@else {\n                    <!-- banner fijo con boton -->\n                    <div class=\"item col-12\">\n                        <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\n                        <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                            @if(banner.title){\n                                <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\n                                    {{banner.title}}\n                                </h2>\n                            }\n                            @if(banner.subtitle){\n                                <p \n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                    {{banner.subtitle}}\n                                </p>\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                @if(banner.styles?.button?.text){\n                                <a href=\"{{banner.url}}\"\n                                    [class]=\"'item-button-full btn btn-light '\">\n                                        {{banner.styles.button.text}}\n                                    </a> \n                                }\n                                \n                            </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }@else {\n            <!-- si es carrousel -->\n            <!--  @if(swiperElement() != null){ -->\n                <swiper-container init=\"false\" [id]=\"meta?.code\">\n                @for (banner of banners; track $index) {\n                    <swiper-slide>\n                        <div class=\"item\">\n                            @if (!banner.styles?.button?.text) {\n                                <!-- banner sin boton -->\n                                @if(banner.url){\n                                    <a [href]=\"banner.url\" class=\"\">\n                                        <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" class=\"img-fluid w-100\" />\n                                    </a>\n                                }@else {\n                                    <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\"  class=\"img-fluid w-100\" />\n                                }\n                            }@else {\n                                <!-- banner con boton -->\n                                <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" />\n                                <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                                    @if(banner.title){\n                                        <h2 [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\n                                            {{banner.title}}\n                                        </h2>\n                                    }\n                                    @if(banner.subtitle){\n                                        <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                            {{banner.subtitle}}\n                                        </p>\n                                    }\n                                    <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                        @if(banner.styles?.button?.text){\n                                            <a href=\"{{banner.url}}\" [class]=\"'item-button-full btn btn-light'\">\n                                                {{banner.styles.button.text}}\n                                            </a>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </swiper-slide>\n                }\n            </swiper-container>\n            <!--  } -->\n            \n        }\n    </section>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockBannerFullEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-banner-full-ec', standalone: true, imports: [CommonModule, RouterLink], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if(banners.length > 0) {\r\n    <section [ngClass]=\"trimClassBlock(meta?.code)+' container-fluid px-0'\"\r\n        [style.background-color]=\"meta.styles?.backgroundColor\"\r\n        [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n        @if (banners.length == 1) {\r\n            <!-- si es formato fijo -->\r\n            <div class=\"row justify-content-center\">\r\n                @let banner = banners[0];\r\n                @if(!banners.styles?.button?.text){\r\n                    <!-- banner sin boton -->\r\n                    <a [href]=\"banner.url\" >\r\n                        <div class=\"item col-12\">\r\n                            <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\r\n                            <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                                @if(banner.title){\r\n                                    <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\r\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#fff' \">\r\n                                        {{banner.title}}\r\n                                    </h2>\r\n                                }\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                }@else {\r\n                    <!-- banner fijo con boton -->\r\n                    <div class=\"item col-12\">\r\n                        <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\r\n                        <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                            @if(banner.title){\r\n                                <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                            }\r\n                            @if(banner.subtitle){\r\n                                <p \r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                    {{banner.subtitle}}\r\n                                </p>\r\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                @if(banner.styles?.button?.text){\r\n                                <a href=\"{{banner.url}}\"\r\n                                    [class]=\"'item-button-full btn btn-light '\">\r\n                                        {{banner.styles.button.text}}\r\n                                    </a> \r\n                                }\r\n                                \r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n        }@else {\r\n            <!-- si es carrousel -->\r\n            <!--  @if(swiperElement() != null){ -->\r\n                <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                @for (banner of banners; track $index) {\r\n                    <swiper-slide>\r\n                        <div class=\"item\">\r\n                            @if (!banner.styles?.button?.text) {\r\n                                <!-- banner sin boton -->\r\n                                @if(banner.url){\r\n                                    <a [href]=\"banner.url\" class=\"\">\r\n                                        <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" class=\"img-fluid w-100\" />\r\n                                    </a>\r\n                                }@else {\r\n                                    <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\"  class=\"img-fluid w-100\" />\r\n                                }\r\n                            }@else {\r\n                                <!-- banner con boton -->\r\n                                <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" />\r\n                                <div class=\"position-absolute w-100 h-100 start-0 top-0\">\r\n                                    @if(banner.title){\r\n                                        <h2 [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\r\n                                            {{banner.title}}\r\n                                        </h2>\r\n                                    }\r\n                                    @if(banner.subtitle){\r\n                                        <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                            {{banner.subtitle}}\r\n                                        </p>\r\n                                    }\r\n                                    <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                        @if(banner.styles?.button?.text){\r\n                                            <a href=\"{{banner.url}}\" [class]=\"'item-button-full btn btn-light'\">\r\n                                                {{banner.styles.button.text}}\r\n                                            </a>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </swiper-slide>\r\n                }\r\n            </swiper-container>\r\n            <!--  } -->\r\n            \r\n        }\r\n    </section>\r\n}" }]
+            args: [{ selector: 'app-block-banner-full-ec', standalone: true, imports: [CommonModule, RouterLink], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if(banners.length > 0) {\n    <section [ngClass]=\"trimClassBlock(meta?.code)+' container-fluid px-0'\"\n        [style.background-color]=\"meta.styles?.backgroundColor\"\n        [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\n\n        @if (banners.length == 1) {\n            <!-- si es formato fijo -->\n            <div class=\"row justify-content-center\">\n                @let banner = banners[0];\n                @if(!banners.styles?.button?.text){\n                    <!-- banner sin boton -->\n                    <a [href]=\"banner.url\" >\n                        <div class=\"item col-12\">\n                            <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\n                            <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                                @if(banner.title){\n                                    <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\n                                    [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#fff' \">\n                                        {{banner.title}}\n                                    </h2>\n                                }\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </div>\n                        </div>\n                    </a>\n                }@else {\n                    <!-- banner fijo con boton -->\n                    <div class=\"item col-12\">\n                        <img class=\"img-fluid\" [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\">\n                        <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                            @if(banner.title){\n                                <h2 [class]=\"'item-title-full px-2 item-position-vertical-' + (banner.styles?.description?.position)\"\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\n                                    {{banner.title}}\n                                </h2>\n                            }\n                            @if(banner.subtitle){\n                                <p \n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                    {{banner.subtitle}}\n                                </p>\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                @if(banner.styles?.button?.text){\n                                <a href=\"{{banner.url}}\"\n                                    [class]=\"'item-button-full btn btn-light '\">\n                                        {{banner.styles.button.text}}\n                                    </a> \n                                }\n                                \n                            </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }@else {\n            <!-- si es carrousel -->\n            <!--  @if(swiperElement() != null){ -->\n                <swiper-container init=\"false\" [id]=\"meta?.code\">\n                @for (banner of banners; track $index) {\n                    <swiper-slide>\n                        <div class=\"item\">\n                            @if (!banner.styles?.button?.text) {\n                                <!-- banner sin boton -->\n                                @if(banner.url){\n                                    <a [href]=\"banner.url\" class=\"\">\n                                        <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" class=\"img-fluid w-100\" />\n                                    </a>\n                                }@else {\n                                    <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\"  class=\"img-fluid w-100\" />\n                                }\n                            }@else {\n                                <!-- banner con boton -->\n                                <img [src]=\"mediaBannerUrl + getImage(banner)\" alt=\"\" />\n                                <div class=\"position-absolute w-100 h-100 start-0 top-0\">\n                                    @if(banner.title){\n                                        <h2 [class]=\"'item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                            [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \">\n                                            {{banner.title}}\n                                        </h2>\n                                    }\n                                    @if(banner.subtitle){\n                                        <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                            [class]=\"'px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                            {{banner.subtitle}}\n                                        </p>\n                                    }\n                                    <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                        @if(banner.styles?.button?.text){\n                                            <a href=\"{{banner.url}}\" [class]=\"'item-button-full btn btn-light'\">\n                                                {{banner.styles.button.text}}\n                                            </a>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </swiper-slide>\n                }\n            </swiper-container>\n            <!--  } -->\n            \n        }\n    </section>\n}" }]
         }], ctorParameters: () => [], propDecorators: { banners: [{
                 type: Input,
                 args: [{
@@ -7663,11 +7747,11 @@ class BlockBannerBoxEcComponent extends BlockEcComponent {
     }
     boxesInlcudesCode = (box) => this.meta.code.toUpperCase().includes(box.toUpperCase());
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockBannerBoxEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockBannerBoxEcComponent, isStandalone: true, selector: "app-block-banner-box-ec", inputs: { banners: "banners", meta: "meta" }, usesInheritance: true, ngImport: i0, template: "@if(banners.length){\r\n    <section [ngClass]=\"trimClassBlock(meta.code) + ' container'\" \r\n    [style.background-color]=\"meta.styles?.backgroundColor\"\r\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n        <div class=\"block-boxes\">\r\n            @if(meta.name){\r\n                <div class=\"row\">\r\n                    a\r\n                    <div class=\"col-12 mt-4\">\r\n                        <h2 class=\"font-weight-normal font-gd\">\r\n                            <span>{{meta.name}}</span>\r\n                        </h2>\r\n                    </div>\r\n                </div> \r\n            }\r\n          \r\n            @if(meta.styles && meta.styles.carrousel == false){\r\n                <!-- Si es formato fijo -->\r\n                <div class=\"banner-content\">\r\n                    <div class=\"row g-0\">\r\n                        @for (banner of banners; track $index) {\r\n                        <div [ngClass]=\"'item '+'col-md-6 '+'col-lg-'+(12/banners.length) \" [id]=\"$index\">\r\n                            <img class=\"img-fluid\" [src]=\" mediaBannerUrl+getImage(banner)\" alt=\"\" />\r\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\r\n                                <h2 [ngClass]=\"'item-title px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000'\">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </div>\r\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                @if(banner.styles?.button?.text){\r\n                                    <a href=\"{{banner.url}}\" [class]=\"'item-button btn btn-light'\">\r\n                                        {{banner.styles.button.text}}\r\n                                    </a>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            }@else {\r\n               <!-- Si es Carrousel -->\r\n               <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                @for (banner of banners; track $index) {\r\n                    <!-- Si es de Categorias -->\r\n                    @if (banner.taxons[0]) {\r\n                    <swiper-slide>\r\n\r\n                        <a class=\"banner-content carrousel item\" (click)='redirectRoute(banner.taxons[0].slug)' [routerLink]=\"['/collection/categories/', banner.taxons[0].slug]\" routerLinkActive=\"router-link-active\"  style=\"text-decoration: none; cursor: pointer; background-color: white;\">\r\n                            <div class=\"image-container\">\r\n                                <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\r\n                            </div>\r\n                            @if(banner.title){\r\n                                <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                    style=\"color:#fff\">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                            }\r\n                            @if(banner.taxons && banner.taxons.length){\r\n                                <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\r\n                                    {{banner.translations.es_AR.title}}\r\n                                </h5>\r\n                            }\r\n                            @if(banner.subtitle){\r\n                                <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                    {{banner.subtitle}}\r\n                                </p>\r\n                            }\r\n                        </a>\r\n                    </swiper-slide>\r\n                    } @else {\r\n                        <swiper-slide>\r\n\r\n                            <a class=\"banner-content carrousel item\" style=\"cursor: pointer;\">\r\n                                <div class=\"image-container\">\r\n                                    <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\r\n                                </div>\r\n                                @if(banner.title){\r\n                                    <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                        style=\"color:#fff\">\r\n                                        {{banner.title}}\r\n                                    </h2>\r\n                                }\r\n                                @if(banner.taxons && banner.taxons.length){\r\n                                    <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\r\n                                        {{banner.translations.es_AR.title}}\r\n                                    </h5>\r\n                                }\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                        [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </a>\r\n                        </swiper-slide>\r\n                    }\r\n                    \r\n                }\r\n               </swiper-container> \r\n            }\r\n        </div>\r\n\r\n    </section>\r\n}", styles: ["@charset \"UTF-8\";.banner-container{text-align:center}.banner-image{display:block;margin:0 auto}.item-subtitle-full{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockBannerBoxEcComponent, isStandalone: true, selector: "app-block-banner-box-ec", inputs: { banners: "banners", meta: "meta" }, usesInheritance: true, ngImport: i0, template: "@if(banners.length){\n    <section [ngClass]=\"trimClassBlock(meta.code) + ' container'\" \n    [style.background-color]=\"meta.styles?.backgroundColor\"\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\n\n        <div class=\"block-boxes\">\n            @if(meta.name){\n                <div class=\"row\">\n                    a\n                    <div class=\"col-12 mt-4\">\n                        <h2 class=\"font-weight-normal font-gd\">\n                            <span>{{meta.name}}</span>\n                        </h2>\n                    </div>\n                </div> \n            }\n          \n            @if(meta.styles && meta.styles.carrousel == false){\n                <!-- Si es formato fijo -->\n                <div class=\"banner-content\">\n                    <div class=\"row g-0\">\n                        @for (banner of banners; track $index) {\n                        <div [ngClass]=\"'item '+'col-md-6 '+'col-lg-'+(12/banners.length) \" [id]=\"$index\">\n                            <img class=\"img-fluid\" [src]=\" mediaBannerUrl+getImage(banner)\" alt=\"\" />\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\n                                <h2 [ngClass]=\"'item-title px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000'\">\n                                    {{banner.title}}\n                                </h2>\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </div>\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                @if(banner.styles?.button?.text){\n                                    <a href=\"{{banner.url}}\" [class]=\"'item-button btn btn-light'\">\n                                        {{banner.styles.button.text}}\n                                    </a>\n                                }\n                            </div>\n                        </div>\n                        }\n                    </div>\n                </div>\n            }@else {\n               <!-- Si es Carrousel -->\n               <swiper-container init=\"false\" [id]=\"meta?.code\">\n                @for (banner of banners; track $index) {\n                    <!-- Si es de Categorias -->\n                    @if (banner.taxons[0]) {\n                    <swiper-slide>\n\n                        <a class=\"banner-content carrousel item\" (click)='redirectRoute(banner.taxons[0].slug)' [routerLink]=\"['/collection/categories/', banner.taxons[0].slug]\" routerLinkActive=\"router-link-active\"  style=\"text-decoration: none; cursor: pointer; background-color: white;\">\n                            <div class=\"image-container\">\n                                <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\n                            </div>\n                            @if(banner.title){\n                                <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                    style=\"color:#fff\">\n                                    {{banner.title}}\n                                </h2>\n                            }\n                            @if(banner.taxons && banner.taxons.length){\n                                <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\n                                    {{banner.translations.es_AR.title}}\n                                </h5>\n                            }\n                            @if(banner.subtitle){\n                                <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                    {{banner.subtitle}}\n                                </p>\n                            }\n                        </a>\n                    </swiper-slide>\n                    } @else {\n                        <swiper-slide>\n\n                            <a class=\"banner-content carrousel item\" style=\"cursor: pointer;\">\n                                <div class=\"image-container\">\n                                    <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\n                                </div>\n                                @if(banner.title){\n                                    <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                        style=\"color:#fff\">\n                                        {{banner.title}}\n                                    </h2>\n                                }\n                                @if(banner.taxons && banner.taxons.length){\n                                    <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\n                                        {{banner.translations.es_AR.title}}\n                                    </h5>\n                                }\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                        [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </a>\n                        </swiper-slide>\n                    }\n                    \n                }\n               </swiper-container> \n            }\n        </div>\n\n    </section>\n}", styles: ["@charset \"UTF-8\";.banner-container{text-align:center}.banner-image{display:block;margin:0 auto}.item-subtitle-full{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockBannerBoxEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-banner-box-ec', standalone: true, imports: [CommonModule, RouterModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if(banners.length){\r\n    <section [ngClass]=\"trimClassBlock(meta.code) + ' container'\" \r\n    [style.background-color]=\"meta.styles?.backgroundColor\"\r\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\r\n\r\n        <div class=\"block-boxes\">\r\n            @if(meta.name){\r\n                <div class=\"row\">\r\n                    a\r\n                    <div class=\"col-12 mt-4\">\r\n                        <h2 class=\"font-weight-normal font-gd\">\r\n                            <span>{{meta.name}}</span>\r\n                        </h2>\r\n                    </div>\r\n                </div> \r\n            }\r\n          \r\n            @if(meta.styles && meta.styles.carrousel == false){\r\n                <!-- Si es formato fijo -->\r\n                <div class=\"banner-content\">\r\n                    <div class=\"row g-0\">\r\n                        @for (banner of banners; track $index) {\r\n                        <div [ngClass]=\"'item '+'col-md-6 '+'col-lg-'+(12/banners.length) \" [id]=\"$index\">\r\n                            <img class=\"img-fluid\" [src]=\" mediaBannerUrl+getImage(banner)\" alt=\"\" />\r\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\r\n                                <h2 [ngClass]=\"'item-title px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000'\">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </div>\r\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\r\n                                @if(banner.styles?.button?.text){\r\n                                    <a href=\"{{banner.url}}\" [class]=\"'item-button btn btn-light'\">\r\n                                        {{banner.styles.button.text}}\r\n                                    </a>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            }@else {\r\n               <!-- Si es Carrousel -->\r\n               <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                @for (banner of banners; track $index) {\r\n                    <!-- Si es de Categorias -->\r\n                    @if (banner.taxons[0]) {\r\n                    <swiper-slide>\r\n\r\n                        <a class=\"banner-content carrousel item\" (click)='redirectRoute(banner.taxons[0].slug)' [routerLink]=\"['/collection/categories/', banner.taxons[0].slug]\" routerLinkActive=\"router-link-active\"  style=\"text-decoration: none; cursor: pointer; background-color: white;\">\r\n                            <div class=\"image-container\">\r\n                                <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\r\n                            </div>\r\n                            @if(banner.title){\r\n                                <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                    style=\"color:#fff\">\r\n                                    {{banner.title}}\r\n                                </h2>\r\n                            }\r\n                            @if(banner.taxons && banner.taxons.length){\r\n                                <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\r\n                                    {{banner.translations.es_AR.title}}\r\n                                </h5>\r\n                            }\r\n                            @if(banner.subtitle){\r\n                                <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                    [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                    {{banner.subtitle}}\r\n                                </p>\r\n                            }\r\n                        </a>\r\n                    </swiper-slide>\r\n                    } @else {\r\n                        <swiper-slide>\r\n\r\n                            <a class=\"banner-content carrousel item\" style=\"cursor: pointer;\">\r\n                                <div class=\"image-container\">\r\n                                    <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\r\n                                </div>\r\n                                @if(banner.title){\r\n                                    <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\r\n                                        style=\"color:#fff\">\r\n                                        {{banner.title}}\r\n                                    </h2>\r\n                                }\r\n                                @if(banner.taxons && banner.taxons.length){\r\n                                    <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\r\n                                        {{banner.translations.es_AR.title}}\r\n                                    </h5>\r\n                                }\r\n                                @if(banner.subtitle){\r\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\r\n                                        [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\r\n                                        {{banner.subtitle}}\r\n                                    </p>\r\n                                }\r\n                            </a>\r\n                        </swiper-slide>\r\n                    }\r\n                    \r\n                }\r\n               </swiper-container> \r\n            }\r\n        </div>\r\n\r\n    </section>\r\n}", styles: ["@charset \"UTF-8\";.banner-container{text-align:center}.banner-image{display:block;margin:0 auto}.item-subtitle-full{margin-top:10px}\n"] }]
+            args: [{ selector: 'app-block-banner-box-ec', standalone: true, imports: [CommonModule, RouterModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if(banners.length){\n    <section [ngClass]=\"trimClassBlock(meta.code) + ' container'\" \n    [style.background-color]=\"meta.styles?.backgroundColor\"\n    [style.background-image]=\"meta.styles?.backgroundImage ? 'url(' + mediaUrl + meta.styles?.backgroundImage +')' : 'inherit'\">\n\n        <div class=\"block-boxes\">\n            @if(meta.name){\n                <div class=\"row\">\n                    a\n                    <div class=\"col-12 mt-4\">\n                        <h2 class=\"font-weight-normal font-gd\">\n                            <span>{{meta.name}}</span>\n                        </h2>\n                    </div>\n                </div> \n            }\n          \n            @if(meta.styles && meta.styles.carrousel == false){\n                <!-- Si es formato fijo -->\n                <div class=\"banner-content\">\n                    <div class=\"row g-0\">\n                        @for (banner of banners; track $index) {\n                        <div [ngClass]=\"'item '+'col-md-6 '+'col-lg-'+(12/banners.length) \" [id]=\"$index\">\n                            <img class=\"img-fluid\" [src]=\" mediaBannerUrl+getImage(banner)\" alt=\"\" />\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\n                                <h2 [ngClass]=\"'item-title px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000'\">\n                                    {{banner.title}}\n                                </h2>\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'px-4 item-subtitle item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </div>\n                            <div [class]=\"'item-position-vertical-' + (banner.styles?.button?.position)\">\n                                @if(banner.styles?.button?.text){\n                                    <a href=\"{{banner.url}}\" [class]=\"'item-button btn btn-light'\">\n                                        {{banner.styles.button.text}}\n                                    </a>\n                                }\n                            </div>\n                        </div>\n                        }\n                    </div>\n                </div>\n            }@else {\n               <!-- Si es Carrousel -->\n               <swiper-container init=\"false\" [id]=\"meta?.code\">\n                @for (banner of banners; track $index) {\n                    <!-- Si es de Categorias -->\n                    @if (banner.taxons[0]) {\n                    <swiper-slide>\n\n                        <a class=\"banner-content carrousel item\" (click)='redirectRoute(banner.taxons[0].slug)' [routerLink]=\"['/collection/categories/', banner.taxons[0].slug]\" routerLinkActive=\"router-link-active\"  style=\"text-decoration: none; cursor: pointer; background-color: white;\">\n                            <div class=\"image-container\">\n                                <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\n                            </div>\n                            @if(banner.title){\n                                <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                    style=\"color:#fff\">\n                                    {{banner.title}}\n                                </h2>\n                            }\n                            @if(banner.taxons && banner.taxons.length){\n                                <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\n                                    {{banner.translations.es_AR.title}}\n                                </h5>\n                            }\n                            @if(banner.subtitle){\n                                <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                    [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                    {{banner.subtitle}}\n                                </p>\n                            }\n                        </a>\n                    </swiper-slide>\n                    } @else {\n                        <swiper-slide>\n\n                            <a class=\"banner-content carrousel item\" style=\"cursor: pointer;\">\n                                <div class=\"image-container\">\n                                    <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"Banner Image\" class=\"banner-image\">\n                                </div>\n                                @if(banner.title){\n                                    <h2 [class]=\"'box-text item-title-full px-2 item-position-vertical-'+ (banner.styles?.description?.position)\"\n                                        style=\"color:#fff\">\n                                        {{banner.title}}\n                                    </h2>\n                                }\n                                @if(banner.taxons && banner.taxons.length){\n                                    <h5 class=\"item-subtitle-full item-position-vertical-center text-center box-text\">\n                                        {{banner.translations.es_AR.title}}\n                                    </h5>\n                                }\n                                @if(banner.subtitle){\n                                    <p [style.color]=\"(banner.styles?.description?.color) ? banner.styles?.description?.color : '#000' \"\n                                        [class]=\"'box-text px-4 item-subtitle-full item-position-vertical-' + (banner.styles?.description?.position)\">\n                                        {{banner.subtitle}}\n                                    </p>\n                                }\n                            </a>\n                        </swiper-slide>\n                    }\n                    \n                }\n               </swiper-container> \n            }\n        </div>\n\n    </section>\n}", styles: ["@charset \"UTF-8\";.banner-container{text-align:center}.banner-image{display:block;margin:0 auto}.item-subtitle-full{margin-top:10px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { banners: [{
                 type: Input,
                 args: [{
@@ -7699,11 +7783,11 @@ class BlockHtmlEcComponent extends BlockEcComponent {
         this.html_content = this.sanitizer.bypassSecurityTrustHtml(this.html_content);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockHtmlEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockHtmlEcComponent, isStandalone: true, selector: "app-block-html-ec", inputs: { html_content: "html_content" }, usesInheritance: true, ngImport: i0, template: "<div [innerHTML]=\"html_content\"></div>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockHtmlEcComponent, isStandalone: true, selector: "app-block-html-ec", inputs: { html_content: "html_content" }, usesInheritance: true, ngImport: i0, template: "<div [innerHTML]=\"html_content\"></div>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockHtmlEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-html-ec', standalone: true, imports: [], template: "<div [innerHTML]=\"html_content\"></div>\r\n" }]
+            args: [{ selector: 'app-block-html-ec', standalone: true, imports: [], template: "<div [innerHTML]=\"html_content\"></div>\n" }]
         }], propDecorators: { html_content: [{
                 type: Input,
                 args: [{
@@ -7833,20 +7917,14 @@ class PriceEcComponent {
     customTaxTemplate = null;
     customOnlyTaxLabelTemplate = null;
     _channelService = inject(ChannelService);
-    _authService = inject(AuthService);
+    priceVisibility = inject(PriceVisibilityService);
     showTaxLegend = false;
     hideTaxes = false;
-    showPricesOnlyToLoggedUsers = false;
-    logged = false;
-    hidePrices = false;
     ngOnInit() {
         this._channelService.channel$.subscribe(cfg => {
             this.showTaxLegend = !!cfg.showTaxLegend;
             this.hideTaxes = !!cfg.hideTaxes;
-            this.showPricesOnlyToLoggedUsers = !!cfg.showPricesOnlyToLoggedUsers;
-            this.hidePrices = !!cfg.hidePrices;
         });
-        this.logged = this._authService.isAuthenticated();
     }
     /** Determina si mostrar la sección de impuestos */
     get shouldShowTaxes() {
@@ -7865,11 +7943,11 @@ class PriceEcComponent {
         return !!value && value.split(' - ').length === 2;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice", basePrice: "basePrice", taxeAmount: "taxeAmount", taxes: "taxes", priceSize: "priceSize", showTaxLegendOnly: "showTaxLegendOnly", disableTaxInfo: "disableTaxInfo", customPriceTemplate: "customPriceTemplate", customSalePriceTemplate: "customSalePriceTemplate", customSimplePriceTemplate: "customSimplePriceTemplate", customSimpleSalePriceTemplate: "customSimpleSalePriceTemplate", customTaxTemplate: "customTaxTemplate", customOnlyTaxLabelTemplate: "customOnlyTaxLabelTemplate" }, ngImport: i0, template: "@if(!hidePrices){\r\n@if (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\n}\r\n}", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice", basePrice: "basePrice", taxeAmount: "taxeAmount", taxes: "taxes", priceSize: "priceSize", showTaxLegendOnly: "showTaxLegendOnly", disableTaxInfo: "disableTaxInfo", customPriceTemplate: "customPriceTemplate", customSalePriceTemplate: "customSalePriceTemplate", customSimplePriceTemplate: "customSimplePriceTemplate", customSimpleSalePriceTemplate: "customSimpleSalePriceTemplate", customTaxTemplate: "customTaxTemplate", customOnlyTaxLabelTemplate: "customOnlyTaxLabelTemplate" }, ngImport: i0, template: "@if (priceVisibility.canShowPrices()) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-price-ec', standalone: true, imports: [CommonModule, EcCurrencySymbolPipe, TranslateModule], template: "@if(!hidePrices){\r\n@if (!showPricesOnlyToLoggedUsers || logged) {\r\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\r\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #defaultPriceBlock>\r\n    <div class=\"price\">\r\n        <!-- Con precio de oferta -->\r\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\r\n\r\n            <!-- Precio original como rango o tachado simple -->\r\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\r\n                <del class=\"\">\r\n                    {{\r\n                    price!.split(' - ')[0] | ecCurrencySymbol\r\n                    }}\r\n                    {{\r\n                    price!.split(' - ')[1] | ecCurrencySymbol\r\n                    }}\r\n                </del>\r\n            </div>\r\n\r\n            <!-- Oferta como rango o simple -->\r\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\r\n                {{\r\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\r\n                }}\r\n                {{\r\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </div>\r\n\r\n        <!-- S\u00F3lo precio sin oferta -->\r\n        <ng-template #onlyPriceBlock>\r\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\r\n                {{\r\n                price!.split(' - ')[0] | ecCurrencySymbol\r\n                }} -\r\n                {{\r\n                price!.split(' - ')[1] | ecCurrencySymbol\r\n                }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price -->\r\n        <ng-template #simplePrice>\r\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimplePrice>\r\n            <del>&nbsp;</del>\r\n            <div class=\"price-simplePrice\">\r\n                {{ price | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple price-del -->\r\n        <ng-template #simplePriceDel>\r\n            <div class=\"price-simpleDel\">\r\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\r\n            </div>\r\n        </ng-template>\r\n\r\n        <!-- Fallback simple saleprice -->\r\n        <ng-template #simpleSalePrice>\r\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\r\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #fallbackSimpleSalePrice>\r\n            <div class=\"price-simpleSaleprice\">\r\n                {{ saleprice | ecCurrencySymbol }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Secci\u00F3n de impuestos -->\r\n<ng-container *ngIf=\"shouldShowTaxes\">\r\n    <!-- S\u00F3lo leyenda -->\r\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\r\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\r\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultOnlyTaxLabel>\r\n            <p class=\"taxes-title\">\r\n                {{ 'price-without-national-taxes' | translate }}:\r\n                {{ basePrice! | ecCurrencySymbol }}\r\n            </p>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <!-- Detalle impuestos -->\r\n    <ng-template #detailedTaxBlock>\r\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\r\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #defaultTaxBlock>\r\n    <div class=\"taxes-section\">\r\n        <p class=\"taxes-title\">\r\n            {{ 'price-without-national-taxes' | translate }}:\r\n            {{ basePrice! | ecCurrencySymbol }}\r\n        </p>\r\n        <ul class=\"taxes-list\">\r\n            <li>\r\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</ng-template>\r\n}\r\n}", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"] }]
+            args: [{ selector: 'app-price-ec', standalone: true, imports: [CommonModule, EcCurrencySymbolPipe, TranslateModule], template: "@if (priceVisibility.canShowPrices()) {\n<ng-container *ngIf=\"customSalePriceTemplate || customPriceTemplate; else defaultPriceBlock\">\n    <ng-container *ngTemplateOutlet=\"customSalePriceTemplate || customPriceTemplate\">\n    </ng-container>\n</ng-container>\n\n<ng-template #defaultPriceBlock>\n    <div class=\"price\">\n        <!-- Con precio de oferta -->\n        <div *ngIf=\"saleprice; else onlyPriceBlock\" class=\"line-height-custom\">\n\n            <!-- Precio original como rango o tachado simple -->\n            <div *ngIf=\"hasRange(price); else simplePriceDel\" class=\"price-whithSaleprice\">\n                <del class=\"\">\n                    {{\n                    price!.split(' - ')[0] | ecCurrencySymbol\n                    }}\n                    {{\n                    price!.split(' - ')[1] | ecCurrencySymbol\n                    }}\n                </del>\n            </div>\n\n            <!-- Oferta como rango o simple -->\n            <div *ngIf=\"hasRange(saleprice); else simpleSalePrice\" class=\"\">\n                {{\n                saleprice!.split(' - ')[0] | ecCurrencySymbol\n                }}\n                {{\n                saleprice!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </div>\n\n        <!-- S\u00F3lo precio sin oferta -->\n        <ng-template #onlyPriceBlock>\n            <div *ngIf=\"hasRange(price); else simplePrice\" class=\"price-onlyPrice\">\n                {{\n                price!.split(' - ')[0] | ecCurrencySymbol\n                }} -\n                {{\n                price!.split(' - ')[1] | ecCurrencySymbol\n                }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price -->\n        <ng-template #simplePrice>\n            <ng-container *ngIf=\"customSimplePriceTemplate; else fallbackSimplePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimplePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimplePrice>\n            <del>&nbsp;</del>\n            <div class=\"price-simplePrice\">\n                {{ price | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple price-del -->\n        <ng-template #simplePriceDel>\n            <div class=\"price-simpleDel\">\n                <del class=\"\">{{ price | ecCurrencySymbol }}</del>\n            </div>\n        </ng-template>\n\n        <!-- Fallback simple saleprice -->\n        <ng-template #simpleSalePrice>\n            <ng-container *ngIf=\"customSimpleSalePriceTemplate; else fallbackSimpleSalePrice\">\n                <ng-container *ngTemplateOutlet=\"customSimpleSalePriceTemplate\"></ng-container>\n            </ng-container>\n        </ng-template>\n        <ng-template #fallbackSimpleSalePrice>\n            <div class=\"price-simpleSaleprice\">\n                {{ saleprice | ecCurrencySymbol }}\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<!-- Secci\u00F3n de impuestos -->\n<ng-container *ngIf=\"shouldShowTaxes\">\n    <!-- S\u00F3lo leyenda -->\n    <ng-container *ngIf=\"showTaxLegendOnly; else detailedTaxBlock\">\n        <ng-container *ngIf=\"customOnlyTaxLabelTemplate; else defaultOnlyTaxLabel\">\n            <ng-container *ngTemplateOutlet=\"customOnlyTaxLabelTemplate\"></ng-container>\n        </ng-container>\n        <ng-template #defaultOnlyTaxLabel>\n            <p class=\"taxes-title\">\n                {{ 'price-without-national-taxes' | translate }}:\n                {{ basePrice! | ecCurrencySymbol }}\n            </p>\n        </ng-template>\n    </ng-container>\n\n    <!-- Detalle impuestos -->\n    <ng-template #detailedTaxBlock>\n        <ng-container *ngIf=\"customTaxTemplate; else defaultTaxBlock\">\n            <ng-container *ngTemplateOutlet=\"customTaxTemplate\"></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n\n<ng-template #defaultTaxBlock>\n    <div class=\"taxes-section\">\n        <p class=\"taxes-title\">\n            {{ 'price-without-national-taxes' | translate }}:\n            {{ basePrice! | ecCurrencySymbol }}\n        </p>\n        <ul class=\"taxes-list\">\n            <li>\n                {{ taxes.Name }}: {{ taxeAmount | ecCurrencySymbol }}\n            </li>\n        </ul>\n    </div>\n</ng-template>\n}\n", styles: [".price-sm{font-size:13px}.price{font-size:18px}.line-height-custom{line-height:1.2}.lnth{text-decoration:line-through;color:gray}.taxes-section{margin-top:.5rem;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.4;max-width:400px}.taxes-title{font-weight:500;margin-bottom:.2rem;font-size:.7rem;color:#222}.taxes-list{list-style:none;padding:0;margin:0}.taxes-list li{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:.65rem}\n"] }]
         }], propDecorators: { price: [{
                 type: Input
             }], saleprice: [{
@@ -8117,11 +8195,11 @@ class ProductEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n        <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule, FormsModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
+            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule, FormsModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\n    <!-- Marca especial y descuento -->\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\n        class=\"marcas\">\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\n        <ng-container *ngIf=\"shouldShowPrice\">\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\n                [ecProductOff]=\"product\">\n            </div>\n        </ng-container>\n    </div> -->\n\n    <!-- Imagen del producto -->\n    <div class=\"foto\">\n        @if(product.picturesdefault){\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\n        } @else {\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\n        }\n        }\n    </div>\n    <!-- Precio -->\n\n\n    <!-- Nombre del producto -->\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\n\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\n\n    @if (shouldShowPrice) {\n        <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n    }\n    @if(!hidePrices){\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\n\n    <div class=\"fixBottom\">\n\n        <!-- Bot\u00F3n de acciones -->\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\n        'standard') {\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            <ng-container *ngIf=\"isCollection; else normalText\">\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\n            </ng-container>\n            <ng-template #normalText>\n                {{(\"buy\" | translate) | uppercase}}\n            </ng-template>\n        </button>\n        }@else {\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>}\n        <!-- Caso 2: Contacto por WhatsApp -->\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n\n        </button>\n        }\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\n        @if (product.special_mark[0]?.type === 'more_info') {\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\n            @if(isCollection){\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\n            }@else {\n            {{ product.special_mark[0]?.name | uppercase }}\n            }\n        </button>\n        }\n        }\n    </div>\n    }}\n</a>" }]
         }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -8323,11 +8401,11 @@ class BlockProductsEcComponent extends BlockEcComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockProductsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockProductsEcComponent, isStandalone: true, selector: "app-block-products-ec", inputs: { prevArrowImage: "prevArrowImage", nextArrowImage: "nextArrowImage", prevArrowText: "prevArrowText", nextArrowText: "nextArrowText", appProduct: "appProduct", products: "products", meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\">\r\n\r\n    <div class=\"blockProduct block-product\">\r\n        @if(meta.name){\r\n        <div class=\"row\">\r\n            <div class=\"col-12 mt-4\">\r\n                <h2  class=\"font-weight-normal font-gd\">\r\n                    <span>{{meta.name}}</span>\r\n                </h2>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n\r\n        @if(meta.styles && meta.styles.carrousel == false){\r\n        <div class=\"row \">\r\n            @for (product of products; track $index) {\r\n            <div [class]=\"'item '+ ' col-'+ (meta.styles.items?.sm) + ' col-md-' + (meta.styles.items?.md)  + ' col-lg-' + (meta.styles.items?.lg)  + ' px-2'\" [id]=\"$index\">\r\n                <!-- verifica que si vienen un template para un custom appProduct llamado \"appProduct\" con un objeto \"product\"- sino usa por defecto el del core -->\r\n                <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n        } @else {\r\n        <div class=\"container position-relative\">\r\n            <swiper-container \r\n                init=\"false\" \r\n                [id]=\"meta?.code\"\r\n                slides-per-view=\"auto\"\r\n                space-between=\"16\"\r\n                slides-per-group=\"1\"\r\n                navigation=\"false\"\r\n                pagination=\"false\"\r\n                loop=\"false\">\r\n                @for (product of products; track $index) {\r\n                <swiper-slide id=\"swiper-slide\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\r\n                </swiper-slide>\r\n                }\r\n            </swiper-container>\r\n            \r\n            <!-- Botones de navegaci\u00F3n personalizados -->\r\n            <div class=\"swiper-navigation\">\r\n                <div class=\"swiper-button-prev\" [id]=\"meta?.code + '-prev'\">\r\n                    @if(prevArrowImage) {\r\n                        <img [src]=\"prevArrowImage\" alt=\"Anterior\" />\r\n                    } @else {\r\n                        <span class=\"arrow-text\">{{prevArrowText}}</span>\r\n                    }\r\n                </div>\r\n                <div class=\"swiper-button-next\" [id]=\"meta?.code + '-next'\">\r\n                    @if(nextArrowImage) {\r\n                        <img [src]=\"nextArrowImage\" alt=\"Siguiente\" />\r\n                    } @else {\r\n                        <span class=\"arrow-text\">{{nextArrowText}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</section>\r\n\r\n\r\n<!-- componente por defecto (tomara como producto el contexto pasado como \"product\") -->\r\n<ng-template #defaultAppProduct let-product=\"product\">\r\n    <app-product-ec [product]=\"product\"></app-product-ec>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ProductEcComponent, selector: "app-product-ec", inputs: ["product", "isProductBox", "isCollection"], outputs: ["loaded"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockProductsEcComponent, isStandalone: true, selector: "app-block-products-ec", inputs: { prevArrowImage: "prevArrowImage", nextArrowImage: "nextArrowImage", prevArrowText: "prevArrowText", nextArrowText: "nextArrowText", appProduct: "appProduct", products: "products", meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\">\n\n    <div class=\"blockProduct block-product\">\n        @if(meta.name){\n        <div class=\"row\">\n            <div class=\"col-12 mt-4\">\n                <h2  class=\"font-weight-normal font-gd\">\n                    <span>{{meta.name}}</span>\n                </h2>\n            </div>\n        </div>\n        }\n\n\n        @if(meta.styles && meta.styles.carrousel == false){\n        <div class=\"row \">\n            @for (product of products; track $index) {\n            <div [class]=\"'item '+ ' col-'+ (meta.styles.items?.sm) + ' col-md-' + (meta.styles.items?.md)  + ' col-lg-' + (meta.styles.items?.lg)  + ' px-2'\" [id]=\"$index\">\n                <!-- verifica que si vienen un template para un custom appProduct llamado \"appProduct\" con un objeto \"product\"- sino usa por defecto el del core -->\n                <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\n            </div>\n            }\n        </div>\n        } @else {\n        <div class=\"container position-relative\">\n            <swiper-container \n                init=\"false\" \n                [id]=\"meta?.code\"\n                slides-per-view=\"auto\"\n                space-between=\"16\"\n                slides-per-group=\"1\"\n                navigation=\"false\"\n                pagination=\"false\"\n                loop=\"false\">\n                @for (product of products; track $index) {\n                <swiper-slide id=\"swiper-slide\">\n                    <ng-container\n                        *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\n                </swiper-slide>\n                }\n            </swiper-container>\n            \n            <!-- Botones de navegaci\u00F3n personalizados -->\n            <div class=\"swiper-navigation\">\n                <div class=\"swiper-button-prev\" [id]=\"meta?.code + '-prev'\">\n                    @if(prevArrowImage) {\n                        <img [src]=\"prevArrowImage\" alt=\"Anterior\" />\n                    } @else {\n                        <span class=\"arrow-text\">{{prevArrowText}}</span>\n                    }\n                </div>\n                <div class=\"swiper-button-next\" [id]=\"meta?.code + '-next'\">\n                    @if(nextArrowImage) {\n                        <img [src]=\"nextArrowImage\" alt=\"Siguiente\" />\n                    } @else {\n                        <span class=\"arrow-text\">{{nextArrowText}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        }\n    </div>\n</section>\n\n\n<!-- componente por defecto (tomara como producto el contexto pasado como \"product\") -->\n<ng-template #defaultAppProduct let-product=\"product\">\n    <app-product-ec [product]=\"product\"></app-product-ec>\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ProductEcComponent, selector: "app-product-ec", inputs: ["product", "isProductBox", "isCollection"], outputs: ["loaded"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockProductsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-products-ec', standalone: true, imports: [CommonModule, ProductEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\">\r\n\r\n    <div class=\"blockProduct block-product\">\r\n        @if(meta.name){\r\n        <div class=\"row\">\r\n            <div class=\"col-12 mt-4\">\r\n                <h2  class=\"font-weight-normal font-gd\">\r\n                    <span>{{meta.name}}</span>\r\n                </h2>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n\r\n        @if(meta.styles && meta.styles.carrousel == false){\r\n        <div class=\"row \">\r\n            @for (product of products; track $index) {\r\n            <div [class]=\"'item '+ ' col-'+ (meta.styles.items?.sm) + ' col-md-' + (meta.styles.items?.md)  + ' col-lg-' + (meta.styles.items?.lg)  + ' px-2'\" [id]=\"$index\">\r\n                <!-- verifica que si vienen un template para un custom appProduct llamado \"appProduct\" con un objeto \"product\"- sino usa por defecto el del core -->\r\n                <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n        } @else {\r\n        <div class=\"container position-relative\">\r\n            <swiper-container \r\n                init=\"false\" \r\n                [id]=\"meta?.code\"\r\n                slides-per-view=\"auto\"\r\n                space-between=\"16\"\r\n                slides-per-group=\"1\"\r\n                navigation=\"false\"\r\n                pagination=\"false\"\r\n                loop=\"false\">\r\n                @for (product of products; track $index) {\r\n                <swiper-slide id=\"swiper-slide\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\r\n                </swiper-slide>\r\n                }\r\n            </swiper-container>\r\n            \r\n            <!-- Botones de navegaci\u00F3n personalizados -->\r\n            <div class=\"swiper-navigation\">\r\n                <div class=\"swiper-button-prev\" [id]=\"meta?.code + '-prev'\">\r\n                    @if(prevArrowImage) {\r\n                        <img [src]=\"prevArrowImage\" alt=\"Anterior\" />\r\n                    } @else {\r\n                        <span class=\"arrow-text\">{{prevArrowText}}</span>\r\n                    }\r\n                </div>\r\n                <div class=\"swiper-button-next\" [id]=\"meta?.code + '-next'\">\r\n                    @if(nextArrowImage) {\r\n                        <img [src]=\"nextArrowImage\" alt=\"Siguiente\" />\r\n                    } @else {\r\n                        <span class=\"arrow-text\">{{nextArrowText}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</section>\r\n\r\n\r\n<!-- componente por defecto (tomara como producto el contexto pasado como \"product\") -->\r\n<ng-template #defaultAppProduct let-product=\"product\">\r\n    <app-product-ec [product]=\"product\"></app-product-ec>\r\n</ng-template>" }]
+            args: [{ selector: 'app-block-products-ec', standalone: true, imports: [CommonModule, ProductEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\">\n\n    <div class=\"blockProduct block-product\">\n        @if(meta.name){\n        <div class=\"row\">\n            <div class=\"col-12 mt-4\">\n                <h2  class=\"font-weight-normal font-gd\">\n                    <span>{{meta.name}}</span>\n                </h2>\n            </div>\n        </div>\n        }\n\n\n        @if(meta.styles && meta.styles.carrousel == false){\n        <div class=\"row \">\n            @for (product of products; track $index) {\n            <div [class]=\"'item '+ ' col-'+ (meta.styles.items?.sm) + ' col-md-' + (meta.styles.items?.md)  + ' col-lg-' + (meta.styles.items?.lg)  + ' px-2'\" [id]=\"$index\">\n                <!-- verifica que si vienen un template para un custom appProduct llamado \"appProduct\" con un objeto \"product\"- sino usa por defecto el del core -->\n                <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\n            </div>\n            }\n        </div>\n        } @else {\n        <div class=\"container position-relative\">\n            <swiper-container \n                init=\"false\" \n                [id]=\"meta?.code\"\n                slides-per-view=\"auto\"\n                space-between=\"16\"\n                slides-per-group=\"1\"\n                navigation=\"false\"\n                pagination=\"false\"\n                loop=\"false\">\n                @for (product of products; track $index) {\n                <swiper-slide id=\"swiper-slide\">\n                    <ng-container\n                        *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container>\n                </swiper-slide>\n                }\n            </swiper-container>\n            \n            <!-- Botones de navegaci\u00F3n personalizados -->\n            <div class=\"swiper-navigation\">\n                <div class=\"swiper-button-prev\" [id]=\"meta?.code + '-prev'\">\n                    @if(prevArrowImage) {\n                        <img [src]=\"prevArrowImage\" alt=\"Anterior\" />\n                    } @else {\n                        <span class=\"arrow-text\">{{prevArrowText}}</span>\n                    }\n                </div>\n                <div class=\"swiper-button-next\" [id]=\"meta?.code + '-next'\">\n                    @if(nextArrowImage) {\n                        <img [src]=\"nextArrowImage\" alt=\"Siguiente\" />\n                    } @else {\n                        <span class=\"arrow-text\">{{nextArrowText}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        }\n    </div>\n</section>\n\n\n<!-- componente por defecto (tomara como producto el contexto pasado como \"product\") -->\n<ng-template #defaultAppProduct let-product=\"product\">\n    <app-product-ec [product]=\"product\"></app-product-ec>\n</ng-template>" }]
         }], ctorParameters: () => [], propDecorators: { prevArrowImage: [{
                 type: Input
             }], nextArrowImage: [{
@@ -8421,15 +8499,14 @@ class BlockNewsletterEcComponent {
     }
     toastNewsletterForm = (e) => {
         e.preventDefault();
-        this.loading = true;
         this.sendForm(this.newsletter_form, 'newsletter-thanks');
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockNewsletterEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockNewsletterEcComponent, isStandalone: true, selector: "app-block-newsletter-ec", inputs: { block: "block", success_message: "success_message", subject: "subject" }, ngImport: i0, template: "<p>block-newsletter-ec works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockNewsletterEcComponent, isStandalone: true, selector: "app-block-newsletter-ec", inputs: { block: "block", success_message: "success_message", subject: "subject" }, ngImport: i0, template: "<p>block-newsletter-ec works!</p>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockNewsletterEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-newsletter-ec', standalone: true, imports: [], template: "<p>block-newsletter-ec works!</p>\r\n" }]
+            args: [{ selector: 'app-block-newsletter-ec', standalone: true, imports: [], template: "<p>block-newsletter-ec works!</p>\n" }]
         }], ctorParameters: () => [], propDecorators: { block: [{
                 type: Input,
                 args: [{ required: true }]
@@ -8441,30 +8518,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class LoadingFullEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingFullEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingFullEcComponent, isStandalone: true, selector: "app-loading-full-ec", ngImport: i0, template: "<div [class]=\"'d-flex w-100'\">\r\n    <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\r\n        <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\r\n            <span class=\"visually-hidden\">{{ 'loading' }}</span><!-- | translate  -->\r\n        </div>\r\n    </div>\r\n</div>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingFullEcComponent, isStandalone: true, selector: "app-loading-full-ec", ngImport: i0, template: "<div [class]=\"'d-flex w-100'\">\n    <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\n        <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n            <span class=\"visually-hidden\">{{ 'loading' }}</span><!-- | translate  -->\n        </div>\n    </div>\n</div>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingFullEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-loading-full-ec', standalone: true, imports: [], template: "<div [class]=\"'d-flex w-100'\">\r\n    <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\r\n        <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\r\n            <span class=\"visually-hidden\">{{ 'loading' }}</span><!-- | translate  -->\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'app-loading-full-ec', standalone: true, imports: [], template: "<div [class]=\"'d-flex w-100'\">\n    <div class=\"w-100 h-100 d-flex flex-row justify-content-center align-items-center\">\n        <div class=\"spinner-border text-dark spinner-color\" id=\"loading\" role=\"status\">\n            <span class=\"visually-hidden\">{{ 'loading' }}</span><!-- | translate  -->\n        </div>\n    </div>\n</div>" }]
         }] });
 
 class LoadingSectionEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingSectionEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingSectionEcComponent, isStandalone: true, selector: "app-loading-section-ec", ngImport: i0, template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingSectionEcComponent, isStandalone: true, selector: "app-loading-section-ec", ngImport: i0, template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingSectionEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-loading-section-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</div>\r\n" }]
+            args: [{ selector: 'app-loading-section-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div id=\"sectionLoading\" class=\"d-flex flex-column position-absolute top-0 opacity-75 bg-white w-100 h-100 justify-content-center align-items-center\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\n" }]
         }] });
 
 class LoadingInlineEcComponent {
     type = 'border';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingInlineEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingInlineEcComponent, isStandalone: true, selector: "app-loading-inline-ec", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"loading-inline-container\">\r\n    <div [class]=\"'spinner-'+type+' text-dark spinner-colo'\" id=\"loading\" role=\"status\">\r\n        <span class=\"visually-hidden\">{{ 'loading' | translate }}</span>\r\n   </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingInlineEcComponent, isStandalone: true, selector: "app-loading-inline-ec", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"loading-inline-container\">\n    <div [class]=\"'spinner-'+type+' text-dark spinner-colo'\" id=\"loading\" role=\"status\">\n        <span class=\"visually-hidden\">{{ 'loading' | translate }}</span>\n   </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingInlineEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-loading-inline-ec', standalone: true, imports: [TranslateModule], template: "<div class=\"loading-inline-container\">\r\n    <div [class]=\"'spinner-'+type+' text-dark spinner-colo'\" id=\"loading\" role=\"status\">\r\n        <span class=\"visually-hidden\">{{ 'loading' | translate }}</span>\r\n   </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'app-loading-inline-ec', standalone: true, imports: [TranslateModule], template: "<div class=\"loading-inline-container\">\n    <div [class]=\"'spinner-'+type+' text-dark spinner-colo'\" id=\"loading\" role=\"status\">\n        <span class=\"visually-hidden\">{{ 'loading' | translate }}</span>\n   </div>\n</div>\n" }]
         }], propDecorators: { type: [{
                 type: Input
             }] } });
@@ -8518,7 +8595,7 @@ class ReCaptchaEcComponent {
                 useExisting: forwardRef(() => ReCaptchaEcComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "@if(captcha.siteKey){\r\n        <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\">\r\n        </re-captcha>\r\n}@else {\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n}", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i1$3.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+        ], ngImport: i0, template: "@if(captcha.siteKey){\n        <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\">\n        </re-captcha>\n}@else {\n    <app-loading-full-ec></app-loading-full-ec>\n}", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i1$3.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReCaptchaEcComponent, decorators: [{
             type: Component,
@@ -8528,7 +8605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => ReCaptchaEcComponent),
                             multi: true
                         }
-                    ], template: "@if(captcha.siteKey){\r\n        <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\">\r\n        </re-captcha>\r\n}@else {\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n}" }]
+                    ], template: "@if(captcha.siteKey){\n        <re-captcha (resolved)=\"resolved($event)\" siteKey=\"{{captcha.siteKey}}\">\n        </re-captcha>\n}@else {\n    <app-loading-full-ec></app-loading-full-ec>\n}" }]
         }], propDecorators: { siteKey: [{
                 type: Input
             }] } });
@@ -8687,11 +8764,11 @@ class MagnizoomEcComponent {
         event.stopPropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MagnizoomEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MagnizoomEcComponent, isStandalone: true, selector: "[app-magnizoom-ec]", inputs: { ImageSrc: "ImageSrc", zoomMode: "zoomMode", minZoomFactor: "minZoomFactor", maxZoomFactor: "maxZoomFactor", imageStyle: "imageStyle", imageClass: "imageClass" }, viewQueries: [{ propertyName: "mainCanvasRef", first: true, predicate: ["mainCanvas"], descendants: true, static: true }], ngImport: i0, template: "<canvas #mainCanvas\r\n  class=\"main-canvas\"\r\n  [ngClass]=\"imageClass\"\r\n  [ngStyle]=\"imageStyle\"\r\n  [width]=\"canvasWidth\"\r\n  [height]=\"canvasHeight\"\r\n  (mouseleave)=\"onMouseLeave($event)\"\r\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\r\n  (mousemove)=\"onMouseEnterOrMove($event)\"\r\n  (wheel)=\"onMouseScroll($event)\">\r\n</canvas>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MagnizoomEcComponent, isStandalone: true, selector: "[app-magnizoom-ec]", inputs: { ImageSrc: "ImageSrc", zoomMode: "zoomMode", minZoomFactor: "minZoomFactor", maxZoomFactor: "maxZoomFactor", imageStyle: "imageStyle", imageClass: "imageClass" }, viewQueries: [{ propertyName: "mainCanvasRef", first: true, predicate: ["mainCanvas"], descendants: true, static: true }], ngImport: i0, template: "<canvas #mainCanvas\n  class=\"main-canvas\"\n  [ngClass]=\"imageClass\"\n  [ngStyle]=\"imageStyle\"\n  [width]=\"canvasWidth\"\n  [height]=\"canvasHeight\"\n  (mouseleave)=\"onMouseLeave($event)\"\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\n  (mousemove)=\"onMouseEnterOrMove($event)\"\n  (wheel)=\"onMouseScroll($event)\">\n</canvas>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MagnizoomEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[app-magnizoom-ec]', standalone: true, imports: [CommonModule], template: "<canvas #mainCanvas\r\n  class=\"main-canvas\"\r\n  [ngClass]=\"imageClass\"\r\n  [ngStyle]=\"imageStyle\"\r\n  [width]=\"canvasWidth\"\r\n  [height]=\"canvasHeight\"\r\n  (mouseleave)=\"onMouseLeave($event)\"\r\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\r\n  (mousemove)=\"onMouseEnterOrMove($event)\"\r\n  (wheel)=\"onMouseScroll($event)\">\r\n</canvas>\r\n" }]
+            args: [{ selector: '[app-magnizoom-ec]', standalone: true, imports: [CommonModule], template: "<canvas #mainCanvas\n  class=\"main-canvas\"\n  [ngClass]=\"imageClass\"\n  [ngStyle]=\"imageStyle\"\n  [width]=\"canvasWidth\"\n  [height]=\"canvasHeight\"\n  (mouseleave)=\"onMouseLeave($event)\"\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\n  (mousemove)=\"onMouseEnterOrMove($event)\"\n  (wheel)=\"onMouseScroll($event)\">\n</canvas>\n" }]
         }], ctorParameters: () => [], propDecorators: { ImageSrc: [{
                 type: Input
             }], zoomMode: [{
@@ -8912,11 +8989,11 @@ class RedsysCatchEcComponent extends ComponentHelper {
         catch { }
     }
     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 }, { token: PLATFORM_ID }], 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$1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    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\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\n            <br>\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\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$1.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"] }]
+            args: [{ selector: 'app-redsys-catch-ec', standalone: true, imports: [CommonModule, LoadingFullEcComponent], template: "<div id=\"container\">\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col align-self-center\">\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\n            <br>\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\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]
@@ -8991,11 +9068,11 @@ class BlockFormContactEcComponent extends BlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockFormContactEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockFormContactEcComponent, isStandalone: true, selector: "app-block-form-contact-ec", inputs: { block: "block", success_message: "success_message", redirect: "redirect", subject: "subject" }, usesInheritance: true, ngImport: i0, template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\r\n                        <input formControlName=\"name\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\r\n                    </div>\r\n                }\r\n                @if(block.sendEmail){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\r\n                        <input formControlName=\"email\" type=\"email\"\r\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\r\n                    </div>\r\n                }\r\n                @if(block.sendTelephone){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\r\n                        <input formControlName=\"telephone\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\r\n                    </div>\r\n                }\r\n                @if(block.sendSubject){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\r\n                        <input formControlName=\"subject\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\r\n                    </div>\r\n                }\r\n                @if(block.sendBody){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\r\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\r\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\r\n                            class=\"form-control form-control-sm required\"></textarea>\r\n                    </div>\r\n                }\r\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\r\n                    <div class=\"contenedorCaptcha\">\r\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\r\n                    </div>\r\n                </div>\r\n\r\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\r\n                    [disabled]=\"form().invalid\">ENVIAR</button>\r\n                @if(loading){\r\n                     <app-loading-section-ec/>\r\n                }\r\n            </form>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ 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: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "component", type: ReCaptchaEcComponent, selector: "re-captcha-ec", inputs: ["siteKey"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockFormContactEcComponent, isStandalone: true, selector: "app-block-form-contact-ec", inputs: { block: "block", success_message: "success_message", redirect: "redirect", subject: "subject" }, usesInheritance: true, ngImport: i0, template: "@if(block){\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-12\">\n            <div class=\"row w-100 m-auto\">\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\n            </div>\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\n                @if(block.sendName){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\n                        <input formControlName=\"name\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\n                    </div>\n                }\n                @if(block.sendEmail){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\n                        <input formControlName=\"email\" type=\"email\"\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\n                    </div>\n                }\n                @if(block.sendTelephone){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\n                        <input formControlName=\"telephone\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\n                    </div>\n                }\n                @if(block.sendSubject){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\n                        <input formControlName=\"subject\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\n                    </div>\n                }\n                @if(block.sendBody){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\n                            class=\"form-control form-control-sm required\"></textarea>\n                    </div>\n                }\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\n                    <div class=\"contenedorCaptcha\">\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\n                    </div>\n                </div>\n\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\n                    [disabled]=\"form().invalid\">ENVIAR</button>\n                @if(loading){\n                     <app-loading-section-ec/>\n                }\n            </form>\n        </div>\n\n    </div>\n</div>\n}", styles: [""], dependencies: [{ 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: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "component", type: ReCaptchaEcComponent, selector: "re-captcha-ec", inputs: ["siteKey"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockFormContactEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-form-contact-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent, ReCaptchaEcComponent], template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\r\n                        <input formControlName=\"name\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\r\n                    </div>\r\n                }\r\n                @if(block.sendEmail){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\r\n                        <input formControlName=\"email\" type=\"email\"\r\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\r\n                    </div>\r\n                }\r\n                @if(block.sendTelephone){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\r\n                        <input formControlName=\"telephone\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\r\n                    </div>\r\n                }\r\n                @if(block.sendSubject){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\r\n                        <input formControlName=\"subject\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\r\n                    </div>\r\n                }\r\n                @if(block.sendBody){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\r\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\r\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\r\n                            class=\"form-control form-control-sm required\"></textarea>\r\n                    </div>\r\n                }\r\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\r\n                    <div class=\"contenedorCaptcha\">\r\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\r\n                    </div>\r\n                </div>\r\n\r\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\r\n                    [disabled]=\"form().invalid\">ENVIAR</button>\r\n                @if(loading){\r\n                     <app-loading-section-ec/>\r\n                }\r\n            </form>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n}" }]
+            args: [{ selector: 'app-block-form-contact-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent, ReCaptchaEcComponent], template: "@if(block){\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-12\">\n            <div class=\"row w-100 m-auto\">\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\n            </div>\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\n                @if(block.sendName){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\n                        <input formControlName=\"name\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\n                    </div>\n                }\n                @if(block.sendEmail){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\n                        <input formControlName=\"email\" type=\"email\"\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\n                    </div>\n                }\n                @if(block.sendTelephone){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\n                        <input formControlName=\"telephone\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\n                    </div>\n                }\n                @if(block.sendSubject){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\n                        <input formControlName=\"subject\" type=\"text\"\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\n                    </div>\n                }\n                @if(block.sendBody){\n                    <div class=\"form-group mt-1\">\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\n                            class=\"form-control form-control-sm required\"></textarea>\n                    </div>\n                }\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\n                    <div class=\"contenedorCaptcha\">\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\n                    </div>\n                </div>\n\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\n                    [disabled]=\"form().invalid\">ENVIAR</button>\n                @if(loading){\n                     <app-loading-section-ec/>\n                }\n            </form>\n        </div>\n\n    </div>\n</div>\n}" }]
         }], propDecorators: { block: [{
                 type: Input,
                 args: [{ required: true }]
@@ -9068,7 +9145,7 @@ class BlocksEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlocksEcComponent, isStandalone: true, selector: "app-blocks-ec", inputs: { templates: "templates", show_loading: "show_loading", section: "section", blockFilters: "blockFilters" }, ngImport: i0, template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta", "prevArrowImage", "nextArrowImage", "prevArrowText", "nextArrowText", "enableCustomNavigation"] }, { kind: "component", type: BlockBannerBoxEcComponent, selector: "app-block-banner-box-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockHtmlEcComponent, selector: "app-block-html-ec", inputs: ["html_content"] }, { kind: "component", type: BlockProductsEcComponent, selector: "app-block-products-ec", inputs: ["prevArrowImage", "nextArrowImage", "prevArrowText", "nextArrowText", "appProduct", "products", "meta"] }, { kind: "component", type: BlockNewsletterEcComponent, selector: "app-block-newsletter-ec", inputs: ["block", "success_message", "subject"] }, { kind: "component", type: BlockFormContactEcComponent, selector: "app-block-form-contact-ec", inputs: ["block", "success_message", "redirect", "subject"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlocksEcComponent, isStandalone: true, selector: "app-blocks-ec", inputs: { templates: "templates", show_loading: "show_loading", section: "section", blockFilters: "blockFilters" }, ngImport: i0, template: "@if(blocks$ | async; as blocks){\n    @if(blocks.length > 0){\n        <div class=\"container-fluid px-0\">\n            <div class=\"row\">\n                @for (block of blocks; track $index) {\n                    @switch (block.contentType) {\n                        @case ('banner') {\n                            @switch(block.design){\n                                @case ('full') {\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\n                                }\n                                @case ('boxes') {\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\n                                }\n                            }\n                        }\n                        @case ('html') {\n                            @if(showBlock(block)){\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\n                            }\n                        }\n                        @case ('products') {\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\n                        }\n                        @case ('contact_form') {\n                            @if(isNewsletter(block)){\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\n                            } @else {\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\n                            }\n                        }\n                    }\n                }\n            </div>\n        </div>\n    }\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta", "prevArrowImage", "nextArrowImage", "prevArrowText", "nextArrowText", "enableCustomNavigation"] }, { kind: "component", type: BlockBannerBoxEcComponent, selector: "app-block-banner-box-ec", inputs: ["banners", "meta"] }, { kind: "component", type: BlockHtmlEcComponent, selector: "app-block-html-ec", inputs: ["html_content"] }, { kind: "component", type: BlockProductsEcComponent, selector: "app-block-products-ec", inputs: ["prevArrowImage", "nextArrowImage", "prevArrowText", "nextArrowText", "appProduct", "products", "meta"] }, { kind: "component", type: BlockNewsletterEcComponent, selector: "app-block-newsletter-ec", inputs: ["block", "success_message", "subject"] }, { kind: "component", type: BlockFormContactEcComponent, selector: "app-block-form-contact-ec", inputs: ["block", "success_message", "redirect", "subject"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlocksEcComponent, decorators: [{
             type: Component,
@@ -9081,7 +9158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BlockProductsEcComponent,
                         BlockNewsletterEcComponent,
                         BlockFormContactEcComponent
-                    ], template: "@if(blocks$ | async; as blocks){\r\n    @if(blocks.length > 0){\r\n        <div class=\"container-fluid px-0\">\r\n            <div class=\"row\">\r\n                @for (block of blocks; track $index) {\r\n                    @switch (block.contentType) {\r\n                        @case ('banner') {\r\n                            @switch(block.design){\r\n                                @case ('full') {\r\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\r\n                                }\r\n                                @case ('boxes') {\r\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\r\n                                }\r\n                            }\r\n                        }\r\n                        @case ('html') {\r\n                            @if(showBlock(block)){\r\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\r\n                            }\r\n                        }\r\n                        @case ('products') {\r\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\r\n                        }\r\n                        @case ('contact_form') {\r\n                            @if(isNewsletter(block)){\r\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\r\n                            } @else {\r\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n}" }]
+                    ], template: "@if(blocks$ | async; as blocks){\n    @if(blocks.length > 0){\n        <div class=\"container-fluid px-0\">\n            <div class=\"row\">\n                @for (block of blocks; track $index) {\n                    @switch (block.contentType) {\n                        @case ('banner') {\n                            @switch(block.design){\n                                @case ('full') {\n                                    <app-block-banner-full-ec [banners]=\"block.banners\" [meta]=\"block\" />\n                                }\n                                @case ('boxes') {\n                                    <app-block-banner-box-ec [banners]=\"block.banners\" [meta]=\"block\"/>\n                                }\n                            }\n                        }\n                        @case ('html') {\n                            @if(showBlock(block)){\n                                <app-block-html-ec [html_content]=\"getHTMLContent(block)\" />\n                            }\n                        }\n                        @case ('products') {\n                            <app-block-products-ec [products]=\"block.products?.items\" [meta]=\"block\" />\n                        }\n                        @case ('contact_form') {\n                            @if(isNewsletter(block)){\n                                <app-block-newsletter-ec [block]=\"block.contactForm\" />\n                            } @else {\n                                <app-block-form-contact-ec [block]=\"block.contactForm\" />\n                            }\n                        }\n                    }\n                }\n            </div>\n        </div>\n    }\n}" }]
         }], ctorParameters: () => [], propDecorators: { templates: [{
                 type: Input
             }], show_loading: [{
@@ -9177,11 +9254,11 @@ class CollectionEcComponent {
         return this._productsService.hasStock(product);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollectionEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CollectionEcComponent, isStandalone: true, selector: "lib-collection-ec", inputs: { optionsFilters: "optionsFilters" }, ngImport: i0, template: "<section class=\"container-xl mb-5\">\r\n    <div class=\"row m-0 p-0\">\r\n        <div class=\"d-none d-lg-block col-3\">\r\n            <!--Filtros-->\r\n        </div>\r\n\r\n        <div class=\"col-12 col-lg-9 mt-2 p-0\">\r\n            <div class=\"container\">\r\n                <!-- @for(['a', 'b', 'c', 'd'] as product){\r\n\r\n                } -->\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</section>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CollectionEcComponent, isStandalone: true, selector: "lib-collection-ec", inputs: { optionsFilters: "optionsFilters" }, ngImport: i0, template: "<section class=\"container-xl mb-5\">\n    <div class=\"row m-0 p-0\">\n        <div class=\"d-none d-lg-block col-3\">\n            <!--Filtros-->\n        </div>\n\n        <div class=\"col-12 col-lg-9 mt-2 p-0\">\n            <div class=\"container\">\n                <!-- @for(['a', 'b', 'c', 'd'] as product){\n\n                } -->\n            </div>\n        </div>\n\n    </div>\n</section>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollectionEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-collection-ec', standalone: true, imports: [InfiniteScrollDirective], template: "<section class=\"container-xl mb-5\">\r\n    <div class=\"row m-0 p-0\">\r\n        <div class=\"d-none d-lg-block col-3\">\r\n            <!--Filtros-->\r\n        </div>\r\n\r\n        <div class=\"col-12 col-lg-9 mt-2 p-0\">\r\n            <div class=\"container\">\r\n                <!-- @for(['a', 'b', 'c', 'd'] as product){\r\n\r\n                } -->\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</section>\r\n" }]
+            args: [{ selector: 'lib-collection-ec', standalone: true, imports: [InfiniteScrollDirective], template: "<section class=\"container-xl mb-5\">\n    <div class=\"row m-0 p-0\">\n        <div class=\"d-none d-lg-block col-3\">\n            <!--Filtros-->\n        </div>\n\n        <div class=\"col-12 col-lg-9 mt-2 p-0\">\n            <div class=\"container\">\n                <!-- @for(['a', 'b', 'c', 'd'] as product){\n\n                } -->\n            </div>\n        </div>\n\n    </div>\n</section>\n" }]
         }], ctorParameters: () => [], propDecorators: { optionsFilters: [{
                 type: Input
             }] } });
@@ -9210,11 +9287,11 @@ class FiltersSortEcComponent {
         selectedOption && this._filtersService.setFilterSelected(this.filters[0], selectedOption);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersSortEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersSortEcComponent, isStandalone: true, selector: "app-filters-sort-ec", outputs: { changeFilter: "changeFilter" }, ngImport: i0, template: "<p>filters-sort works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersSortEcComponent, isStandalone: true, selector: "app-filters-sort-ec", outputs: { changeFilter: "changeFilter" }, ngImport: i0, template: "<p>filters-sort works!</p>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersSortEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-filters-sort-ec', standalone: true, imports: [], template: "<p>filters-sort works!</p>\r\n" }]
+            args: [{ selector: 'app-filters-sort-ec', standalone: true, imports: [], template: "<p>filters-sort works!</p>\n" }]
         }], ctorParameters: () => [], propDecorators: { changeFilter: [{
                 type: Output
             }] } });
@@ -9324,11 +9401,11 @@ class LoginFormEcComponent {
         this.showPassword = !this.showPassword;
     }
     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"] }] });
+    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\">\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\n        contrase\u00F1a adecuada.\n    </p>\n    <div class=\"w-md-50 w-100 text-center\">\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\n                placeholder=\"Correo Electr\u00F3nico\">\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\n                placeholder=\"Contrase\u00F1a\">\n\n            <div class=\"row d-flex flex-column\">\n                <div class=\"col-12 mb-4\">\n                    <button type=\"submit\"\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\n                </div>\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\n                    </a>\n                </div>\n            </div>\n        </form>\n    </div>\n    @if(loading){\n    <app-loading-section-ec></app-loading-section-ec>\n    }\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>" }]
+            args: [{ selector: 'app-login-form-ec', standalone: true, imports: [LoadingSectionEcComponent, ReactiveFormsModule, RouterLink, JsonPipe], template: "<div class=\"d-flex flex-column position-relative\">\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\n        contrase\u00F1a adecuada.\n    </p>\n    <div class=\"w-md-50 w-100 text-center\">\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\n                placeholder=\"Correo Electr\u00F3nico\">\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\n                placeholder=\"Contrase\u00F1a\">\n\n            <div class=\"row d-flex flex-column\">\n                <div class=\"col-12 mb-4\">\n                    <button type=\"submit\"\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\n                </div>\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\n                    </a>\n                </div>\n            </div>\n        </form>\n    </div>\n    @if(loading){\n    <app-loading-section-ec></app-loading-section-ec>\n    }\n</div>" }]
         }], ctorParameters: () => [{ type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -9344,11 +9421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class AuthEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AuthEcComponent, isStandalone: true, selector: "app-auth-ec", ngImport: i0, template: "<div class=\"container-xl\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-6 col-12\">\r\n            <app-login-form-ec />\r\n        </div>\r\n        <div class=\"col-md-6 col-12\">\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AuthEcComponent, isStandalone: true, selector: "app-auth-ec", ngImport: i0, template: "<div class=\"container-xl\">\n    <div class=\"row\">\n        <div class=\"col-md-6 col-12\">\n            <app-login-form-ec />\n        </div>\n        <div class=\"col-md-6 col-12\">\n            \n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-auth-ec', standalone: true, imports: [LoginFormEcComponent], template: "<div class=\"container-xl\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-6 col-12\">\r\n            <app-login-form-ec />\r\n        </div>\r\n        <div class=\"col-md-6 col-12\">\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'app-auth-ec', standalone: true, imports: [LoginFormEcComponent], template: "<div class=\"container-xl\">\n    <div class=\"row\">\n        <div class=\"col-md-6 col-12\">\n            <app-login-form-ec />\n        </div>\n        <div class=\"col-md-6 col-12\">\n            \n        </div>\n    </div>\n</div>\n" }]
         }] });
 
 class ForgotPasswordEcComponent {
@@ -9389,11 +9466,11 @@ class ForgotPasswordEcComponent {
         }).finally(() => this.loading = false);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend mt-4\">\r\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center py-5 \">\r\n        <div class=\"col-12 col-md-8 my-5\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "\n<!-- CONTENIDO -->\n @if(!ready){\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\n    <div class=\"container-xl\">\n        <div class=\"row\">\n\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\n                    }}</h2>\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\n\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\n\n                    <div class=\"contSend mt-4\">\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\n                    </div>\n\n                </form>\n            </div>\n\n        </div>\n    </div>\n</section>\n} @else {\n    <div class=\"row d-flex justify-content-center py-5 \">\n        <div class=\"col-12 col-md-8 my-5\">\n            <div class=\"element-container text-center\">\n                <h3>{{ 'mail-sent' | translate }}</h3>\n            </div>\n            <div class=\"element-container text-center\">\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\n            </div>\n        </div>\n    </div>\n    }", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "\r\n<!-- CONTENIDO -->\r\n @if(!ready){\r\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\r\n    <div class=\"container-xl\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\r\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\r\n                    }}</h2>\r\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\r\n\r\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\r\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\r\n\r\n                    <div class=\"contSend mt-4\">\r\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\r\n                    </div>\r\n\r\n                </form>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</section>\r\n} @else {\r\n    <div class=\"row d-flex justify-content-center py-5 \">\r\n        <div class=\"col-12 col-md-8 my-5\">\r\n            <div class=\"element-container text-center\">\r\n                <h3>{{ 'mail-sent' | translate }}</h3>\r\n            </div>\r\n            <div class=\"element-container text-center\">\r\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }" }]
+            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "\n<!-- CONTENIDO -->\n @if(!ready){\n<section class=\"container-fluid mb-3 py-3 py-md-4 bloqueContact\">\n    <div class=\"container-xl\">\n        <div class=\"row\">\n\n            <div class=\"col-12 col-md-8 col-lg-5 m-auto recuperar mt-5\">\n                <h2 class=\"fw-600 mt-0 mb-4\">{{ 'recover-password' | translate\n                    }}</h2>\n                <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"mt-0\">\n\n                    <p for=\"nombre\">{{ 'set-forgot-email' | translate }}</p>\n                    <input class=\"form-control\" formControlName=\"email\" type='text' name='nombre' id=\"nombre\" value='' placeholder=''>\n\n                    <div class=\"contSend mt-4\">\n                        <input class=\"comprar\" type=\"submit\" [disabled]=\"form.invalid\" name='' value='ENVIAR' placeholder=''>\n                    </div>\n\n                </form>\n            </div>\n\n        </div>\n    </div>\n</section>\n} @else {\n    <div class=\"row d-flex justify-content-center py-5 \">\n        <div class=\"col-12 col-md-8 my-5\">\n            <div class=\"element-container text-center\">\n                <h3>{{ 'mail-sent' | translate }}</h3>\n            </div>\n            <div class=\"element-container text-center\">\n                <h5 class=\"center-text\">{{ 'check-your-email' | translate }}</h5>\n            </div>\n        </div>\n    </div>\n    }" }]
         }], ctorParameters: () => [] });
 
 class ConfirmAccountEcComponent {
@@ -9411,11 +9488,11 @@ class ConfirmAccountEcComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmAccountEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ConfirmAccountEcComponent, isStandalone: true, selector: "app-confirm-account-ec", ngImport: i0, template: "<div class=\"my-5 py-5\">\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4 class=\"confirm-title py-3 text-uppercase d-inline-block\">\r\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\r\n         </div>\r\n    </div>\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\r\n              <a href=\"/auth/login\">\r\n                   <button class=\"btn btn-primary my-4\" type=\"button\">{{ 'login' | translate |\r\n                        uppercase }}</button>\r\n              </a>\r\n         </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ConfirmAccountEcComponent, isStandalone: true, selector: "app-confirm-account-ec", ngImport: i0, template: "<div class=\"my-5 py-5\">\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4 class=\"confirm-title py-3 text-uppercase d-inline-block\">\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n         </div>\n    </div>\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n              <a href=\"/auth/login\">\n                   <button class=\"btn btn-primary my-4\" type=\"button\">{{ 'login' | translate |\n                        uppercase }}</button>\n              </a>\n         </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConfirmAccountEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-confirm-account-ec', standalone: true, imports: [TranslateModule, UpperCasePipe], template: "<div class=\"my-5 py-5\">\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4 class=\"confirm-title py-3 text-uppercase d-inline-block\">\r\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\r\n         </div>\r\n    </div>\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\r\n              <a href=\"/auth/login\">\r\n                   <button class=\"btn btn-primary my-4\" type=\"button\">{{ 'login' | translate |\r\n                        uppercase }}</button>\r\n              </a>\r\n         </div>\r\n    </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'app-confirm-account-ec', standalone: true, imports: [TranslateModule, UpperCasePipe], template: "<div class=\"my-5 py-5\">\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4 class=\"confirm-title py-3 text-uppercase d-inline-block\">\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n         </div>\n    </div>\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n              <a href=\"/auth/login\">\n                   <button class=\"btn btn-primary my-4\" type=\"button\">{{ 'login' | translate |\n                        uppercase }}</button>\n              </a>\n         </div>\n    </div>\n</div>\n" }]
         }] });
 
 class RegisterFormEcComponent {
@@ -9545,11 +9622,11 @@ class RegisterFormEcComponent {
         this.showPassword = !this.showPassword;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterFormEcComponent, isStandalone: true, selector: "app-register-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\r\n  <div class=\"py-2\">\r\n      <h5>CREAR CUENTA</h5>\r\n  </div>\r\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\r\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\r\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\r\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\r\n              placeholder=\"Correo electr\u00F3nico\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Contrase\u00F1a\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Repetir contrase\u00F1a\">\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\r\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\r\n              id=\"Color2\">\r\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\r\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\r\n              condiciones</label>\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\r\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\r\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\r\n              Suscripci\u00F3n al Newsletter</label>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n          <div class=\"col-12\">\r\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\r\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\r\n          </div>\r\n      </div>\r\n  </form>\r\n  @if(loading){\r\n    <app-loading-section-ec />\r\n  }\r\n  \r\n</div>\r\n", styles: [""], dependencies: [{ 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$4.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { 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: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterFormEcComponent, isStandalone: true, selector: "app-register-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\n  <div class=\"py-2\">\n      <h5>CREAR CUENTA</h5>\n  </div>\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\n              placeholder=\"Correo electr\u00F3nico\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\n              placeholder=\"Contrase\u00F1a\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\n              placeholder=\"Repetir contrase\u00F1a\">\n      </div>\n\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\n              id=\"Color2\">\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\n              condiciones</label>\n      </div>\n\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\n              Suscripci\u00F3n al Newsletter</label>\n      </div>\n\n      <div class=\"row\">\n          <div class=\"col-12\">\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\n          </div>\n      </div>\n  </form>\n  @if(loading){\n    <app-loading-section-ec />\n  }\n  \n</div>\n", styles: [""], dependencies: [{ 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$4.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { 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: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterFormEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-register-form-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent], template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\r\n  <div class=\"py-2\">\r\n      <h5>CREAR CUENTA</h5>\r\n  </div>\r\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\r\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\r\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\r\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\r\n              placeholder=\"Correo electr\u00F3nico\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Contrase\u00F1a\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Repetir contrase\u00F1a\">\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\r\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\r\n              id=\"Color2\">\r\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\r\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\r\n              condiciones</label>\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\r\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\r\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\r\n              Suscripci\u00F3n al Newsletter</label>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n          <div class=\"col-12\">\r\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\r\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\r\n          </div>\r\n      </div>\r\n  </form>\r\n  @if(loading){\r\n    <app-loading-section-ec />\r\n  }\r\n  \r\n</div>\r\n" }]
+            args: [{ selector: 'app-register-form-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent], template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\n  <div class=\"py-2\">\n      <h5>CREAR CUENTA</h5>\n  </div>\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\n              placeholder=\"Correo electr\u00F3nico\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\n              placeholder=\"Contrase\u00F1a\">\n      </div>\n      <div class=\"form-group\">\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\n              placeholder=\"Repetir contrase\u00F1a\">\n      </div>\n\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\n              id=\"Color2\">\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\n              condiciones</label>\n      </div>\n\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\n              Suscripci\u00F3n al Newsletter</label>\n      </div>\n\n      <div class=\"row\">\n          <div class=\"col-12\">\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\n          </div>\n      </div>\n  </form>\n  @if(loading){\n    <app-loading-section-ec />\n  }\n  \n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { redirect: [{
                 type: Input
             }], ready: [{
@@ -9687,11 +9764,11 @@ class RegisterWholesalerFormEcComponent {
         this.form.controls['provinceName'].setValue(provinces.find((province) => province.code == value).name);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterWholesalerFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterWholesalerFormEcComponent, isStandalone: true, selector: "app-register-wholesaler-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"\">\r\n                <div class=\"pt-5 pb-3 border-bottom\">\r\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA\r\n                        MAYORISTA</h3>\r\n                </div>\r\n                <div class=\" py-3\">\r\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en nuestra plataforma, registrate\r\n                        ingresando estos\r\n                        datos:</p>\r\n                </div>\r\n                <form [formGroup]=\"form\" (submit)=\"register($event)\" class=\"position-relative\">\r\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\r\n                                    formControlName=\"firstName\"\r\n                                    [class]=\"form.controls['firstName'].touched ? (form.controls['firstName'].valid && form.controls['firstName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Apellidos</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required name=\"lastName\"\r\n                                    formControlName=\"lastName\"\r\n                                    [class]=\"form.controls['lastName'].touched ? (form.controls['lastName'].valid && form.controls['lastName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Email</label>\r\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required name=\"email\"\r\n                                    formControlName=\"email\"\r\n                                    [class]=\"form.controls['email'].touched ? (form.controls['email'].valid && form.controls['email'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Contrase\u00F1a</label>\r\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required name=\"plainPassword\"\r\n                                    formControlName=\"plainPassword\"\r\n                                    [class]=\"form.controls['plainPassword'].touched ? (form.controls['plainPassword'].valid && form.controls['plainPassword'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'document-type'|translate}}</label>\r\n                                <select name=\"documentType\" formControlName=\"documentType\" required\r\n                                    [class]=\"form.controls['documentType'].touched ? (form.controls['documentType'].valid && form.controls['documentType'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectDocumentType\" disabled>Seleccione un tipo</option>\r\n                                    @for (type of documentTypes; track $index) {\r\n                                    <option [value]=\"type.code\">{{ type.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'document-number'|translate}}</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"{{'document-number'|translate}}\" required\r\n                                    name=\"documentNumber\" formControlName=\"documentNumber\"\r\n                                    [class]=\"form.controls['documentNumber'].touched ? (form.controls['documentNumber'].valid && form.controls['documentNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        @if(countries$ | async; as countries ){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'country'|translate}}</label>\r\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required (change)=\"onCountrySelected($event)\"\r\n                                    [class]=\"form.controls['countryCode'].touched ? (form.controls['countryCode'].valid && form.controls['countryCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectOpPais\" disabled>Seleccione un pais</option>\r\n                                    @for (country of countries; track $index) {\r\n                                    <option [value]=\"country.code\"> {{ country.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                        @if(provinces$ |async ; as provinces){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'state'|translate}}</label>\r\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required (change)=\"onProvincesSelected($event, provinces)\"\r\n                                    [class]=\"form.controls['provinceCode'].touched ? (form.controls['provinceCode'].valid && form.controls['provinceCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectOpProvincia\" disabled>Seleccione una provincia\r\n                                    </option>\r\n                                    @for (province of provinces; track $index) {\r\n                                    <option [value]=\"province.code\">{{ province.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'address'|translate}}</label>\r\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\r\n                                    formControlName=\"street\"\r\n                                    [class]=\"form.controls['street'].touched ? (form.controls['street'].valid && form.controls['street'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'town-city'|translate}}</label>\r\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\r\n                                    formControlName=\"city\"\r\n                                    [class]=\"form.controls['city'].touched ? (form.controls['city'].valid && form.controls['city'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'postal-code'|translate}}</label>\r\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\r\n                                    formControlName=\"postcode\"\r\n                                    [class]=\"form.controls['postcode'].touched ? (form.controls['postcode'].valid && form.controls['postcode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required name=\"companyName\"\r\n                                    formControlName=\"companyName\"\r\n                                    [class]=\"form.controls['companyName'].touched ? (form.controls['companyName'].valid && form.controls['companyName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'phone'|translate}}</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required name=\"phoneNumber\"\r\n                                    formControlName=\"phoneNumber\"\r\n                                    [class]=\"form.controls['phoneNumber'].touched ? (form.controls['phoneNumber'].valid && form.controls['phoneNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Sexo</label>\r\n                                <select required name=\"gender\" formControlName=\"gender\"\r\n                                    [class]=\"form.controls['gender'].touched ? (form.controls['gender'].valid && form.controls['gender'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\r\n                                    <option value=\"u\">Desconocido</option>\r\n                                    <option value=\"s\">Femenino</option>\r\n                                    <option value=\"m\">Masculino</option>\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Fecha creacion</label>\r\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required name=\"birthday\"\r\n                                    formControlName=\"birthday\"\r\n                                    [class]=\"form.controls['birthday'].touched ? (form.controls['birthday'].valid && form.controls['birthday'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Identificacion</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required name=\"taxIdentification\"\r\n                                    formControlName=\"taxIdentification\"\r\n                                    [class]=\"form.controls['taxIdentification'].touched ? (form.controls['taxIdentification'].valid && form.controls['taxIdentification'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo\r\n                                    obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 \">\r\n                            <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"terms\" name=\"terms\"\r\n                                    formControlName=\"terms\" type=\"checkbox\">\r\n                                <label for=\"terms\" class=\"form-check-label\">Acepto los <a\r\n                                        [routerLink]=\"['/section/terminos-y-condiciones']\"\r\n                                        routerLinkActive=\"router-link-active\" class=\"text-primary\">t\u00E9rminos y\r\n                                        condiciones *</a></label>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1\">\r\n                            <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\r\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\"\r\n                                    type=\"checkbox\">\r\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\r\n                                    Suscripci\u00F3n al newsletter\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div\r\n                            class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\r\n\r\n                            <button type=\"submit\" role=\"button\" [disabled]=\"form.invalid\"\r\n                                class=\"btn btn-primary rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <pre>{{form.value | json}}</pre>\r\n                    @if(loading){\r\n                    <app-loading-section-ec />\r\n                    }\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterWholesalerFormEcComponent, isStandalone: true, selector: "app-register-wholesaler-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"\">\n                <div class=\"pt-5 pb-3 border-bottom\">\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA\n                        MAYORISTA</h3>\n                </div>\n                <div class=\" py-3\">\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en nuestra plataforma, registrate\n                        ingresando estos\n                        datos:</p>\n                </div>\n                <form [formGroup]=\"form\" (submit)=\"register($event)\" class=\"position-relative\">\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\n                                    formControlName=\"firstName\"\n                                    [class]=\"form.controls['firstName'].touched ? (form.controls['firstName'].valid && form.controls['firstName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Apellidos</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required name=\"lastName\"\n                                    formControlName=\"lastName\"\n                                    [class]=\"form.controls['lastName'].touched ? (form.controls['lastName'].valid && form.controls['lastName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Email</label>\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required name=\"email\"\n                                    formControlName=\"email\"\n                                    [class]=\"form.controls['email'].touched ? (form.controls['email'].valid && form.controls['email'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Contrase\u00F1a</label>\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required name=\"plainPassword\"\n                                    formControlName=\"plainPassword\"\n                                    [class]=\"form.controls['plainPassword'].touched ? (form.controls['plainPassword'].valid && form.controls['plainPassword'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        @if(documentTypes$ | async; as documentTypes){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'document-type'|translate}}</label>\n                                <select name=\"documentType\" formControlName=\"documentType\" required\n                                    [class]=\"form.controls['documentType'].touched ? (form.controls['documentType'].valid && form.controls['documentType'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectDocumentType\" disabled>Seleccione un tipo</option>\n                                    @for (type of documentTypes; track $index) {\n                                    <option [value]=\"type.code\">{{ type.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'document-number'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'document-number'|translate}}\" required\n                                    name=\"documentNumber\" formControlName=\"documentNumber\"\n                                    [class]=\"form.controls['documentNumber'].touched ? (form.controls['documentNumber'].valid && form.controls['documentNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        @if(countries$ | async; as countries ){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'country'|translate}}</label>\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required (change)=\"onCountrySelected($event)\"\n                                    [class]=\"form.controls['countryCode'].touched ? (form.controls['countryCode'].valid && form.controls['countryCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectOpPais\" disabled>Seleccione un pais</option>\n                                    @for (country of countries; track $index) {\n                                    <option [value]=\"country.code\"> {{ country.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n                        @if(provinces$ |async ; as provinces){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'state'|translate}}</label>\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required (change)=\"onProvincesSelected($event, provinces)\"\n                                    [class]=\"form.controls['provinceCode'].touched ? (form.controls['provinceCode'].valid && form.controls['provinceCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectOpProvincia\" disabled>Seleccione una provincia\n                                    </option>\n                                    @for (province of provinces; track $index) {\n                                    <option [value]=\"province.code\">{{ province.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'address'|translate}}</label>\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\n                                    formControlName=\"street\"\n                                    [class]=\"form.controls['street'].touched ? (form.controls['street'].valid && form.controls['street'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'town-city'|translate}}</label>\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\n                                    formControlName=\"city\"\n                                    [class]=\"form.controls['city'].touched ? (form.controls['city'].valid && form.controls['city'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'postal-code'|translate}}</label>\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\n                                    formControlName=\"postcode\"\n                                    [class]=\"form.controls['postcode'].touched ? (form.controls['postcode'].valid && form.controls['postcode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required name=\"companyName\"\n                                    formControlName=\"companyName\"\n                                    [class]=\"form.controls['companyName'].touched ? (form.controls['companyName'].valid && form.controls['companyName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'phone'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required name=\"phoneNumber\"\n                                    formControlName=\"phoneNumber\"\n                                    [class]=\"form.controls['phoneNumber'].touched ? (form.controls['phoneNumber'].valid && form.controls['phoneNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Sexo</label>\n                                <select required name=\"gender\" formControlName=\"gender\"\n                                    [class]=\"form.controls['gender'].touched ? (form.controls['gender'].valid && form.controls['gender'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\n                                    <option value=\"u\">Desconocido</option>\n                                    <option value=\"s\">Femenino</option>\n                                    <option value=\"m\">Masculino</option>\n                                </select>\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Fecha creacion</label>\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required name=\"birthday\"\n                                    formControlName=\"birthday\"\n                                    [class]=\"form.controls['birthday'].touched ? (form.controls['birthday'].valid && form.controls['birthday'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Identificacion</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required name=\"taxIdentification\"\n                                    formControlName=\"taxIdentification\"\n                                    [class]=\"form.controls['taxIdentification'].touched ? (form.controls['taxIdentification'].valid && form.controls['taxIdentification'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo\n                                    obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 \">\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"terms\" name=\"terms\"\n                                    formControlName=\"terms\" type=\"checkbox\">\n                                <label for=\"terms\" class=\"form-check-label\">Acepto los <a\n                                        [routerLink]=\"['/section/terminos-y-condiciones']\"\n                                        routerLinkActive=\"router-link-active\" class=\"text-primary\">t\u00E9rminos y\n                                        condiciones *</a></label>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1\">\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\"\n                                    type=\"checkbox\">\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\n                                    Suscripci\u00F3n al newsletter\n                                </label>\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\n\n                            <button type=\"submit\" role=\"button\" [disabled]=\"form.invalid\"\n                                class=\"btn btn-primary rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\n                        </div>\n\n                    </div>\n                    <pre>{{form.value | json}}</pre>\n                    @if(loading){\n                    <app-loading-section-ec />\n                    }\n                </form>\n            </div>\n        </div>\n    </div>\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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { 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: RegisterWholesalerFormEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-register-wholesaler-form-ec', standalone: true, imports: [LoadingSectionEcComponent, ReactiveFormsModule, TranslateModule, AsyncPipe, JsonPipe, RouterLink], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"\">\r\n                <div class=\"pt-5 pb-3 border-bottom\">\r\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA\r\n                        MAYORISTA</h3>\r\n                </div>\r\n                <div class=\" py-3\">\r\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en nuestra plataforma, registrate\r\n                        ingresando estos\r\n                        datos:</p>\r\n                </div>\r\n                <form [formGroup]=\"form\" (submit)=\"register($event)\" class=\"position-relative\">\r\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\r\n                                    formControlName=\"firstName\"\r\n                                    [class]=\"form.controls['firstName'].touched ? (form.controls['firstName'].valid && form.controls['firstName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Apellidos</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required name=\"lastName\"\r\n                                    formControlName=\"lastName\"\r\n                                    [class]=\"form.controls['lastName'].touched ? (form.controls['lastName'].valid && form.controls['lastName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Email</label>\r\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required name=\"email\"\r\n                                    formControlName=\"email\"\r\n                                    [class]=\"form.controls['email'].touched ? (form.controls['email'].valid && form.controls['email'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Contrase\u00F1a</label>\r\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required name=\"plainPassword\"\r\n                                    formControlName=\"plainPassword\"\r\n                                    [class]=\"form.controls['plainPassword'].touched ? (form.controls['plainPassword'].valid && form.controls['plainPassword'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'document-type'|translate}}</label>\r\n                                <select name=\"documentType\" formControlName=\"documentType\" required\r\n                                    [class]=\"form.controls['documentType'].touched ? (form.controls['documentType'].valid && form.controls['documentType'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectDocumentType\" disabled>Seleccione un tipo</option>\r\n                                    @for (type of documentTypes; track $index) {\r\n                                    <option [value]=\"type.code\">{{ type.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'document-number'|translate}}</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"{{'document-number'|translate}}\" required\r\n                                    name=\"documentNumber\" formControlName=\"documentNumber\"\r\n                                    [class]=\"form.controls['documentNumber'].touched ? (form.controls['documentNumber'].valid && form.controls['documentNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        @if(countries$ | async; as countries ){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'country'|translate}}</label>\r\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required (change)=\"onCountrySelected($event)\"\r\n                                    [class]=\"form.controls['countryCode'].touched ? (form.controls['countryCode'].valid && form.controls['countryCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectOpPais\" disabled>Seleccione un pais</option>\r\n                                    @for (country of countries; track $index) {\r\n                                    <option [value]=\"country.code\"> {{ country.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                        @if(provinces$ |async ; as provinces){\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'state'|translate}}</label>\r\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required (change)=\"onProvincesSelected($event, provinces)\"\r\n                                    [class]=\"form.controls['provinceCode'].touched ? (form.controls['provinceCode'].valid && form.controls['provinceCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option [value]=\"null\" id=\"selectOpProvincia\" disabled>Seleccione una provincia\r\n                                    </option>\r\n                                    @for (province of provinces; track $index) {\r\n                                    <option [value]=\"province.code\">{{ province.name }}</option>\r\n                                    }\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'address'|translate}}</label>\r\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\r\n                                    formControlName=\"street\"\r\n                                    [class]=\"form.controls['street'].touched ? (form.controls['street'].valid && form.controls['street'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'town-city'|translate}}</label>\r\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\r\n                                    formControlName=\"city\"\r\n                                    [class]=\"form.controls['city'].touched ? (form.controls['city'].valid && form.controls['city'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'postal-code'|translate}}</label>\r\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\r\n                                    formControlName=\"postcode\"\r\n                                    [class]=\"form.controls['postcode'].touched ? (form.controls['postcode'].valid && form.controls['postcode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required name=\"companyName\"\r\n                                    formControlName=\"companyName\"\r\n                                    [class]=\"form.controls['companyName'].touched ? (form.controls['companyName'].valid && form.controls['companyName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">{{'phone'|translate}}</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required name=\"phoneNumber\"\r\n                                    formControlName=\"phoneNumber\"\r\n                                    [class]=\"form.controls['phoneNumber'].touched ? (form.controls['phoneNumber'].valid && form.controls['phoneNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Sexo</label>\r\n                                <select required name=\"gender\" formControlName=\"gender\"\r\n                                    [class]=\"form.controls['gender'].touched ? (form.controls['gender'].valid && form.controls['gender'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\r\n                                    <option value=\"u\">Desconocido</option>\r\n                                    <option value=\"s\">Femenino</option>\r\n                                    <option value=\"m\">Masculino</option>\r\n                                </select>\r\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Fecha creacion</label>\r\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required name=\"birthday\"\r\n                                    formControlName=\"birthday\"\r\n                                    [class]=\"form.controls['birthday'].touched ? (form.controls['birthday'].valid && form.controls['birthday'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"\">Identificacion</label>\r\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required name=\"taxIdentification\"\r\n                                    formControlName=\"taxIdentification\"\r\n                                    [class]=\"form.controls['taxIdentification'].touched ? (form.controls['taxIdentification'].valid && form.controls['taxIdentification'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\r\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo\r\n                                    obligatorio.</span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 \">\r\n                            <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"terms\" name=\"terms\"\r\n                                    formControlName=\"terms\" type=\"checkbox\">\r\n                                <label for=\"terms\" class=\"form-check-label\">Acepto los <a\r\n                                        [routerLink]=\"['/section/terminos-y-condiciones']\"\r\n                                        routerLinkActive=\"router-link-active\" class=\"text-primary\">t\u00E9rminos y\r\n                                        condiciones *</a></label>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1\">\r\n                            <div class=\"form-check py-2\">\r\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\r\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\"\r\n                                    type=\"checkbox\">\r\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\r\n                                    Suscripci\u00F3n al newsletter\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div\r\n                            class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\r\n\r\n                            <button type=\"submit\" role=\"button\" [disabled]=\"form.invalid\"\r\n                                class=\"btn btn-primary rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <pre>{{form.value | json}}</pre>\r\n                    @if(loading){\r\n                    <app-loading-section-ec />\r\n                    }\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+            args: [{ selector: 'app-register-wholesaler-form-ec', standalone: true, imports: [LoadingSectionEcComponent, ReactiveFormsModule, TranslateModule, AsyncPipe, JsonPipe, RouterLink], template: "<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"\">\n                <div class=\"pt-5 pb-3 border-bottom\">\n                    <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1 white-space-md-nowrap\">CREAR CUENTA\n                        MAYORISTA</h3>\n                </div>\n                <div class=\" py-3\">\n                    <p>Si todavia no tienes una cuenta de grandes consumidores en nuestra plataforma, registrate\n                        ingresando estos\n                        datos:</p>\n                </div>\n                <form [formGroup]=\"form\" (submit)=\"register($event)\" class=\"position-relative\">\n                    <div class=\"row w-100 mx-auto d-flex justify-content-center px-0 py-3\">\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre\" required name=\"firstName\"\n                                    formControlName=\"firstName\"\n                                    [class]=\"form.controls['firstName'].touched ? (form.controls['firstName'].valid && form.controls['firstName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Apellidos</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Apellido\" required name=\"lastName\"\n                                    formControlName=\"lastName\"\n                                    [class]=\"form.controls['lastName'].touched ? (form.controls['lastName'].valid && form.controls['lastName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El apellido es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Email</label>\n                                <input type=\"email\" id=\"\" placeholder=\"Email\" email required name=\"email\"\n                                    formControlName=\"email\"\n                                    [class]=\"form.controls['email'].touched ? (form.controls['email'].valid && form.controls['email'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El email no posee un formato correcto.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Contrase\u00F1a</label>\n                                <input type=\"password\" id=\"\" placeholder=\"Contrase\u00F1a\" required name=\"plainPassword\"\n                                    formControlName=\"plainPassword\"\n                                    [class]=\"form.controls['plainPassword'].touched ? (form.controls['plainPassword'].valid && form.controls['plainPassword'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La contrase\u00F1a es un campo obligatorio.</span>\n                            </div>\n                        </div>\n                        @if(documentTypes$ | async; as documentTypes){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'document-type'|translate}}</label>\n                                <select name=\"documentType\" formControlName=\"documentType\" required\n                                    [class]=\"form.controls['documentType'].touched ? (form.controls['documentType'].valid && form.controls['documentType'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectDocumentType\" disabled>Seleccione un tipo</option>\n                                    @for (type of documentTypes; track $index) {\n                                    <option [value]=\"type.code\">{{ type.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'document-number'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'document-number'|translate}}\" required\n                                    name=\"documentNumber\" formControlName=\"documentNumber\"\n                                    [class]=\"form.controls['documentNumber'].touched ? (form.controls['documentNumber'].valid && form.controls['documentNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'document-type-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        @if(countries$ | async; as countries ){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'country'|translate}}</label>\n                                <select name=\"countryCode\" formControlName=\"countryCode\" required (change)=\"onCountrySelected($event)\"\n                                    [class]=\"form.controls['countryCode'].touched ? (form.controls['countryCode'].valid && form.controls['countryCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectOpPais\" disabled>Seleccione un pais</option>\n                                    @for (country of countries; track $index) {\n                                    <option [value]=\"country.code\"> {{ country.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'country-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n                        @if(provinces$ |async ; as provinces){\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'state'|translate}}</label>\n                                <select name=\"provinceCode\" formControlName=\"provinceCode\" required (change)=\"onProvincesSelected($event, provinces)\"\n                                    [class]=\"form.controls['provinceCode'].touched ? (form.controls['provinceCode'].valid && form.controls['provinceCode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option [value]=\"null\" id=\"selectOpProvincia\" disabled>Seleccione una provincia\n                                    </option>\n                                    @for (province of provinces; track $index) {\n                                    <option [value]=\"province.code\">{{ province.name }}</option>\n                                    }\n                                </select>\n                                <span class=\"invalid-feedback\">{{'state-help'|translate}}</span>\n                            </div>\n                        </div>\n                        }\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'address'|translate}}</label>\n                                <input placeholder=\"{{'address'|translate}}\" required type=\"text\" name=\"street\"\n                                    formControlName=\"street\"\n                                    [class]=\"form.controls['street'].touched ? (form.controls['street'].valid && form.controls['street'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'address-help1'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'town-city'|translate}}</label>\n                                <input placeholder=\"{{'town-city'|translate}}\" required type=\"text\" name=\"city\"\n                                    formControlName=\"city\"\n                                    [class]=\"form.controls['city'].touched ? (form.controls['city'].valid && form.controls['city'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'town-city-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pl-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'postal-code'|translate}}</label>\n                                <input placeholder=\"{{'postal-code'|translate}}\" required type=\"text\" name=\"postcode\"\n                                    formControlName=\"postcode\"\n                                    [class]=\"form.controls['postcode'].touched ? (form.controls['postcode'].valid && form.controls['postcode'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Nombre compa\u00F1\u00EDa</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Nombre compa\u00F1\u00EDa\" required name=\"companyName\"\n                                    formControlName=\"companyName\"\n                                    [class]=\"form.controls['companyName'].touched ? (form.controls['companyName'].valid && form.controls['companyName'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El nombre compa\u00F1\u00EDa es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">{{'phone'|translate}}</label>\n                                <input type=\"text\" id=\"\" placeholder=\"{{'phone'|translate}}\" required name=\"phoneNumber\"\n                                    formControlName=\"phoneNumber\"\n                                    [class]=\"form.controls['phoneNumber'].touched ? (form.controls['phoneNumber'].valid && form.controls['phoneNumber'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">El numero de telefono es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Sexo</label>\n                                <select required name=\"gender\" formControlName=\"gender\"\n                                    [class]=\"form.controls['gender'].touched ? (form.controls['gender'].valid && form.controls['gender'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                    <option value=\"null\" id=\"selectOpSexo\">Sexo</option>\n                                    <option value=\"u\">Desconocido</option>\n                                    <option value=\"s\">Femenino</option>\n                                    <option value=\"m\">Masculino</option>\n                                </select>\n                                <span class=\"invalid-feedback\">El sexo es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Fecha creacion</label>\n                                <input type=\"date\" id=\"\" placeholder=\"Fecha creacion\" required name=\"birthday\"\n                                    formControlName=\"birthday\"\n                                    [class]=\"form.controls['birthday'].touched ? (form.controls['birthday'].valid && form.controls['birthday'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La fecha de creacion es un campo obligatorio.</span>\n                            </div>\n                        </div>\n\n                        <div class=\"col-12 col-md-6 px-0 pr-md-1\">\n                            <div class=\"form-group\">\n                                <label for=\"\">Identificacion</label>\n                                <input type=\"text\" id=\"\" placeholder=\"Identificacion\" required name=\"taxIdentification\"\n                                    formControlName=\"taxIdentification\"\n                                    [class]=\"form.controls['taxIdentification'].touched ? (form.controls['taxIdentification'].valid && form.controls['taxIdentification'].touched) ?  'form-control rounded-0 is-valid' :  'form-control rounded-0 is-invalid' : 'form-control rounded-0'\">\n                                <span class=\"invalid-feedback\">La identificacion de la compa\u00F1\u00EDa es un campo\n                                    obligatorio.</span>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1 \">\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"terms\" name=\"terms\"\n                                    formControlName=\"terms\" type=\"checkbox\">\n                                <label for=\"terms\" class=\"form-check-label\">Acepto los <a\n                                        [routerLink]=\"['/section/terminos-y-condiciones']\"\n                                        routerLinkActive=\"router-link-active\" class=\"text-primary\">t\u00E9rminos y\n                                        condiciones *</a></label>\n                            </div>\n                        </div>\n                        <div class=\"col-12 col-md-6 px-0 py-4 pl-md-1\">\n                            <div class=\"form-check py-2\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"defaultCheck2\"\n                                    name=\"subscribedToNewsletter\" formControlName=\"subscribedToNewsletter\"\n                                    type=\"checkbox\">\n                                <label class=\"form-check-label\" for=\"defaultCheck2\">\n                                    Suscripci\u00F3n al newsletter\n                                </label>\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"col-12 col-md-6 px-0 py-4 pr-md-1 d-flex justify-content-md-start order-2 order-md-1\">\n\n                            <button type=\"submit\" role=\"button\" [disabled]=\"form.invalid\"\n                                class=\"btn btn-primary rounded-0 px-5 py-2 w-100 w-md-auto h-fit\">REGISTRATE</button>\n                        </div>\n\n                    </div>\n                    <pre>{{form.value | json}}</pre>\n                    @if(loading){\n                    <app-loading-section-ec />\n                    }\n                </form>\n            </div>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { redirect: [{
                 type: Input
             }], ready: [{
@@ -9790,11 +9867,11 @@ class PasswordResetEcComponent extends ComponentHelper {
         }
     };
     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"] }] });
+    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\">\n    <div class=\"row justify-content-center py-5\">\n        <div class=\"col-12 col-md-6 col-lg-4\">\n            @if(!ready){\n            <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\n                <div class=\"mb-4 text-center\">\n                    <h3>{{ 'set-new-password' | translate }}</h3>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{ 'set-password' | translate }}</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword()\">\n                            <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\n                            <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword2()\">\n                            <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\n                            <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"mt-4 text-center\">\n                    <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\n                </div>\n                @if(loading){\n                    <app-loading-inline-ec></app-loading-inline-ec>\n                }\n            </form>\n            }@else {<div class=\"row justify-content-center mt-5 mb-5\">\n                <div class=\"text-center\">\n                    <div class=\"mb-4\">\n                        <h3>{{ 'updated-password' | translate }}</h3>\n                    </div>\n                    <div class=\"mb-4\">\n                        <h5>{{ 'updated-password-detail' | translate }}</h5>\n                    </div>\n                    <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\n                </div>\n            </div>}\n\n\n\n        </div>\n    </div>\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasswordResetEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-password-reset-ec', imports: [TranslateModule, LoadingInlineEcComponent, ReactiveFormsModule], standalone: true, 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>" }]
+            args: [{ selector: 'app-password-reset-ec', imports: [TranslateModule, LoadingInlineEcComponent, ReactiveFormsModule], standalone: true, template: "<div class=\"container\">\n    <div class=\"row justify-content-center py-5\">\n        <div class=\"col-12 col-md-6 col-lg-4\">\n            @if(!ready){\n            <form [formGroup]=\"formGroup\" (submit)=\"sendNewPassword($event)\">\n                <div class=\"mb-4 text-center\">\n                    <h3>{{ 'set-new-password' | translate }}</h3>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{ 'set-password' | translate }}</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" formControlName=\"first\" class=\"form-control\" id=\"contrase\u00F1a1\" />\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword()\">\n                            <i id=\"show1\" class=\"fas fa-eye i-show-password\"></i>\n                            <i id=\"hide1\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{ 'repeat-password' | translate }}</label>\n                    <div class=\"input-group\">\n                        <input type=\"password\" formControlName=\"second\" class=\"form-control\" id=\"contrase\u00F1a2\" />\n                        <button class=\"btn btn-outline-secondary btn-password\" type=\"button\" (click)=\"showPassword2()\">\n                            <i id=\"show2\" class=\"fas fa-eye i-show-password\"></i>\n                            <i id=\"hide2\" class=\"fas fa-eye-slash d-none i-show-password\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"mt-4 text-center\">\n                    <button type=\"submit\" class=\"comprar w-100\">{{ 'update' | translate }}</button>\n                </div>\n                @if(loading){\n                    <app-loading-inline-ec></app-loading-inline-ec>\n                }\n            </form>\n            }@else {<div class=\"row justify-content-center mt-5 mb-5\">\n                <div class=\"text-center\">\n                    <div class=\"mb-4\">\n                        <h3>{{ 'updated-password' | translate }}</h3>\n                    </div>\n                    <div class=\"mb-4\">\n                        <h5>{{ 'updated-password-detail' | translate }}</h5>\n                    </div>\n                    <button class=\"comprar\" (click)=\"sendToLogin()\">{{ 'login' | translate }}</button>\n                </div>\n            </div>}\n\n\n\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: () => [{ type: AuthService }, { type: ToastService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i1$4.FormBuilder }] });
 
 class FiltersEcComponent {
@@ -9976,11 +10053,11 @@ class FiltersEcComponent {
         }));
     }
     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: [""] });
+    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>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-filters-ec', standalone: true, imports: [], template: "<p>filters-ec works!</p>\r\n" }]
+            args: [{ selector: 'lib-filters-ec', standalone: true, imports: [], template: "<p>filters-ec works!</p>\n" }]
         }], ctorParameters: () => [], propDecorators: { setSelect: [{
                 type: Input
             }] } });
@@ -10024,11 +10101,11 @@ class VariantsEcComponent {
         return products[index].stock;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", inputs: { setImages: "setImages", product: "product" }, ngImport: i0, template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\r\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.border]=\"'1px solid black'\"\r\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\r\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\r\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    <div class=\"btn-group ps-0\">\r\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\r\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\r\n            getValueSelect(option.values)}}</a>\r\n        <ul class=\"dropdown-menu\">\r\n            @for(value of option.values; track $index; let x = $index){\r\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\r\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", inputs: { setImages: "setImages", product: "product" }, ngImport: i0, template: "@if(options$ | async; as options){\n@if(options && options.length ){\n@for(option of options; track $index){\n\n@switch (option.type) {\n@case ('color') {\n@if(option.values && option.values.length > 1) {\n<h5>{{option.name | uppercase}}</h5>\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\n    @for(value of option.values; track $index; let x = $index){\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\n        [style.border]=\"'1px solid black'\"\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\n    }\n</div>\n}\n}\n@case ('size') {\n@if(option.values && option.values.length > 1) {\n<h5>{{option.name | uppercase}}</h5>\n<div class=\"row w-100 mx-auto pb-3\">\n    <div class=\"btn-group ps-0\">\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\n            getValueSelect(option.values)}}</a>\n        <ul class=\"dropdown-menu\">\n            @for(value of option.values; track $index; let x = $index){\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\n            </li>\n            }\n        </ul>\n    </div>\n\n</div>\n}\n}\n@default {\n\n}\n}\n}\n}\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VariantsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe, CommonModule], template: "@if(options$ | async; as options){\r\n@if(options && options.length ){\r\n@for(option of options; track $index){\r\n\r\n@switch (option.type) {\r\n@case ('color') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n    @for(value of option.values; track $index; let x = $index){\r\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\r\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n        [style.border]=\"'1px solid black'\"\r\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\r\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\r\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\r\n    }\r\n</div>\r\n}\r\n}\r\n@case ('size') {\r\n@if(option.values && option.values.length > 1) {\r\n<h5>{{option.name | uppercase}}</h5>\r\n<div class=\"row w-100 mx-auto pb-3\">\r\n    <div class=\"btn-group ps-0\">\r\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\r\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\r\n            getValueSelect(option.values)}}</a>\r\n        <ul class=\"dropdown-menu\">\r\n            @for(value of option.values; track $index; let x = $index){\r\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\r\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n\r\n</div>\r\n}\r\n}\r\n@default {\r\n\r\n}\r\n}\r\n}\r\n}\r\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
+            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe, CommonModule], template: "@if(options$ | async; as options){\n@if(options && options.length ){\n@for(option of options; track $index){\n\n@switch (option.type) {\n@case ('color') {\n@if(option.values && option.values.length > 1) {\n<h5>{{option.name | uppercase}}</h5>\n<div class=\"row w-100 mx-auto pb-3 mb-3\">\n    @for(value of option.values; track $index; let x = $index){\n    <a role=\"button\" (click)=\"setValuesImages(value.name, option.code) && setOption(option.code, value.name)\"\n        [class]=\"'rounded-circle color-item m-1 ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\n        [style.border]=\"'1px solid black'\"\n        [style.background]=\"value.image && (value.image.endsWith('.jpg') || value.image.endsWith('.png') || value.image.endsWith('.svg')) ? 'url(' + this.consts.mediaUrl(value.image) + ')' : '#' + value.name\"\n        [style.background-size]=\"'cover'\" [style.background-repeat]=\"'no-repeat'\" [style.background-position]=\"'center'\"\n        [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\"></a>\n    }\n</div>\n}\n}\n@case ('size') {\n@if(option.values && option.values.length > 1) {\n<h5>{{option.name | uppercase}}</h5>\n<div class=\"row w-100 mx-auto pb-3\">\n    <div class=\"btn-group ps-0\">\n        <a class=\"btn btn-light dropdown-toggle cursor-pointer border border-1 d-flex flex-row justify-content-between align-items-center\"\n            data-bs-toggle=\"dropdown\" aria-expanded=\"false\"> {{ itemSelected ? itemSelected :\n            getValueSelect(option.values)}}</a>\n        <ul class=\"dropdown-menu\">\n            @for(value of option.values; track $index; let x = $index){\n            <li [class]=\" (value.selected ? 'selected-size' : 'unselected-size')\">\n                <a [class]=\"'dropdown-item cursor-pointer '+ (value.selected ? 'text-light' : '')\"\n                    (click)=\"chosenOption(option.code, value.name)\">{{ value.name }}</a>\n            </li>\n            }\n        </ul>\n    </div>\n\n</div>\n}\n}\n@default {\n\n}\n}\n}\n}\n}", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
         }], propDecorators: { setImages: [{
                 type: Input
             }], product: [{
@@ -10257,11 +10334,11 @@ class BreadcrumbEcComponent {
         return this._optionsService.getBreadcrumbByFilters(filters);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbEcComponent, isStandalone: true, selector: "app-breadcrumb-ec", ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n    <ol class=\"breadcrumb\">\r\n        <li class=\"breadcrumb-item\"><a routerLink=\"/home\">Home</a></li>\r\n        @for (crumb of breadcrumb; track $index) {\r\n            @if(breadcrumb.length === $index+1){\r\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">\r\n                    {{\r\n                    crumb.title | translate | titlecase\r\n                    }}\r\n                </li>\r\n            }@else {\r\n                <li class=\"breadcrumb-item\">\r\n                    <a [routerLink]=\"'/'+crumb.path\">{{\r\n                        crumb.title | translate | titlecase\r\n                        }}</a>\r\n                </li>\r\n            }\r\n        }\r\n    </ol>\r\n</nav>", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbEcComponent, isStandalone: true, selector: "app-breadcrumb-ec", ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n        <li class=\"breadcrumb-item\"><a routerLink=\"/home\">Home</a></li>\n        @for (crumb of breadcrumb; track $index) {\n            @if(breadcrumb.length === $index+1){\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">\n                    {{\n                    crumb.title | translate | titlecase\n                    }}\n                </li>\n            }@else {\n                <li class=\"breadcrumb-item\">\n                    <a [routerLink]=\"'/'+crumb.path\">{{\n                        crumb.title | translate | titlecase\n                        }}</a>\n                </li>\n            }\n        }\n    </ol>\n</nav>", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule, JsonPipe], template: "<nav aria-label=\"breadcrumb\">\r\n    <ol class=\"breadcrumb\">\r\n        <li class=\"breadcrumb-item\"><a routerLink=\"/home\">Home</a></li>\r\n        @for (crumb of breadcrumb; track $index) {\r\n            @if(breadcrumb.length === $index+1){\r\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">\r\n                    {{\r\n                    crumb.title | translate | titlecase\r\n                    }}\r\n                </li>\r\n            }@else {\r\n                <li class=\"breadcrumb-item\">\r\n                    <a [routerLink]=\"'/'+crumb.path\">{{\r\n                        crumb.title | translate | titlecase\r\n                        }}</a>\r\n                </li>\r\n            }\r\n        }\r\n    </ol>\r\n</nav>" }]
+            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule, JsonPipe], template: "<nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n        <li class=\"breadcrumb-item\"><a routerLink=\"/home\">Home</a></li>\n        @for (crumb of breadcrumb; track $index) {\n            @if(breadcrumb.length === $index+1){\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">\n                    {{\n                    crumb.title | translate | titlecase\n                    }}\n                </li>\n            }@else {\n                <li class=\"breadcrumb-item\">\n                    <a [routerLink]=\"'/'+crumb.path\">{{\n                        crumb.title | translate | titlecase\n                        }}</a>\n                </li>\n            }\n        }\n    </ol>\n</nav>" }]
         }], ctorParameters: () => [] });
 
 class CartEcComponent {
@@ -10275,6 +10352,7 @@ class CartEcComponent {
     totalPromotionAmount$ = this._cartService.getTotalPromotionAmount();
     taxesAmount$ = this._cartService.getTaxesAmount();
     totalAmount$ = this._cartService.getTotalAmount();
+    creditAccountShowPrices$ = this._cartService.showPrice$;
     _authService = inject(AuthService);
     isAuthenticated$ = this._authService.isAuthenticated();
     getTotalAmount = this._cartService.getTotalAmount();
@@ -10293,6 +10371,12 @@ class CartEcComponent {
             this.hideTaxes = !!channel.hideTaxes;
         });
     }
+    ngOnInit() {
+        this._channelService.channel$.subscribe(channel => {
+            this.hideTaxes = !!channel?.hideTaxes;
+            this.channel = channel;
+        });
+    }
     removeCoupon() {
         // console.log(this.couponCode$)
         this._cartService.removeCoupon();
@@ -10329,11 +10413,11 @@ class CartEcComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [], template: "<p>cart-ec works!</p>\r\n" }]
+            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [CommonModule, TranslateModule], template: "<p>cart-ec works!</p>\n" }]
         }], ctorParameters: () => [] });
 
 class EcSafeHtmlPipe {
@@ -10482,11 +10566,11 @@ class CartItemEcComponent {
     parameters$ = this.parametersService.getParameters();
     hasParams = this.parametersService.hasParams;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\n<p>cart-item-ec works!</p>\n}@else{\n\n<div class=\"row\">\n    <div class=\"col-3\">\n        @let product= item.product;\n        @if(item.variant_id && product.variants.length>0){\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\n        }@else{\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\n        }\n    </div>\n    <div class=\"col-7\">\n        <div class=\"info d-flex flex-column align-items-start\">\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\n                    <div class=\"marcas\">\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\n\n                        @if (item.product.saleprice) {\n                        <div class=\"tag-dsc\">\n                            {{\n                            createDiscountMessage(item.product.saleprice,\n                            item.product.price)\n                            }}\n                        </div>\n                        }\n                    </div>\n                    }\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\n                [routerLink]=\"['/product', item.variant_id]\">{{\n                item.product.name | titlecase\n                }}</a>\n            <div class=\"qty1\">\n                <span>{{ item.product.id}}</span>\n            </div>\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\n                }}</div>\n            @if(getVariants(item); as options){\n            <div class=\"d-flex align-items-center p-0\">\n                @for(option of options; track $index){\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\n                @if(option.name == 'COLOR'){\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\n                }@else{\n                <b>{{option.value}}</b>\n                }\n                }\n            </div>\n            }\n            <div class=\"campoCantidad mt-2\">\n                <div class=\"numero\">\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\n                        type=\"button\" id=\"button-addon1\">\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\n                    </button>\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\n                        type=\"button\" id=\"button-addon1\">\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n\n            </div>\n        </div>\n    </div>\n    <div class=\"col-2\">\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\n    </div>\n</div>\n\n\n\n\n\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cart-item-ec', standalone: true, imports: [TitleCasePipe, EcCurrencySymbolPipe, RouterLink, FormsModule], template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}" }]
+            args: [{ selector: 'app-cart-item-ec', standalone: true, imports: [TitleCasePipe, EcCurrencySymbolPipe, RouterLink, FormsModule], template: "@if(!inSidebar){\n<p>cart-item-ec works!</p>\n}@else{\n\n<div class=\"row\">\n    <div class=\"col-3\">\n        @let product= item.product;\n        @if(item.variant_id && product.variants.length>0){\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\n        }@else{\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\n        }\n    </div>\n    <div class=\"col-7\">\n        <div class=\"info d-flex flex-column align-items-start\">\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\n                    <div class=\"marcas\">\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\n\n                        @if (item.product.saleprice) {\n                        <div class=\"tag-dsc\">\n                            {{\n                            createDiscountMessage(item.product.saleprice,\n                            item.product.price)\n                            }}\n                        </div>\n                        }\n                    </div>\n                    }\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\n                [routerLink]=\"['/product', item.variant_id]\">{{\n                item.product.name | titlecase\n                }}</a>\n            <div class=\"qty1\">\n                <span>{{ item.product.id}}</span>\n            </div>\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\n                }}</div>\n            @if(getVariants(item); as options){\n            <div class=\"d-flex align-items-center p-0\">\n                @for(option of options; track $index){\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\n                @if(option.name == 'COLOR'){\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\n                }@else{\n                <b>{{option.value}}</b>\n                }\n                }\n            </div>\n            }\n            <div class=\"campoCantidad mt-2\">\n                <div class=\"numero\">\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\n                        type=\"button\" id=\"button-addon1\">\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\n                    </button>\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\n                        type=\"button\" id=\"button-addon1\">\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n\n            </div>\n        </div>\n    </div>\n    <div class=\"col-2\">\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\n    </div>\n</div>\n\n\n\n\n\n}" }]
         }], propDecorators: { item: [{
                 type: Input,
                 args: [{
@@ -10518,11 +10602,11 @@ class CouponEcComponent {
     }
     setLoading = () => this.loading = true;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CouponEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<div class=\"border border-bottom card p-2\">\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\n    \n    @if(coupon$ | async; as coupon){\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\n        <p class=\"m-0\">{{coupon.code}}</p>\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\n        </div>\n    }@else {\n       <form class=\"campo d-flex align-items-center\">\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\n            (click)=\" addCoupon()\" />\n    </form> \n    }\n</div>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CouponEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [AsyncPipe, FormsModule, UpperCasePipe], template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>" }]
+            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [AsyncPipe, FormsModule, UpperCasePipe], template: "<div class=\"border border-bottom card p-2\">\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\n    \n    @if(coupon$ | async; as coupon){\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\n        <p class=\"m-0\">{{coupon.code}}</p>\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\n        </div>\n    }@else {\n       <form class=\"campo d-flex align-items-center\">\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\n            (click)=\" addCoupon()\" />\n    </form> \n    }\n</div>" }]
         }] });
 
 class ContactEcComponent {
@@ -10836,7 +10920,7 @@ class DataformEcComponent {
         this._checkoutService.next();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataformEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DataformEcComponent, isStandalone: true, selector: "app-dataform-ec", ngImport: i0, template: "@if(channel$ | async; as channelConfig){\r\n@if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\r\n@if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\r\n<!--Selector de modos-->\r\n<div class=\"container card p-4 mb-3\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n            <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                        (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                </label>\r\n                @if(!getParamByChannelAndLanguage('btn_new_address_')){\r\n                <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                    {{ 'new-address' | translate | titlecase}}\r\n                </label>\r\n                }\r\n                @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\r\n                <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                    {{ param.value}}\r\n                </label>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n\r\n@if(getMode()){\r\n@if(!require_login){\r\n<div>\r\n    @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\r\n    <div class=\"checkout-title  my-2\">\r\n        <h3>{{'billing-details'|translate}}</h3>\r\n    </div>\r\n    }\r\n    <!--Formulario-->\r\n    <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\r\n        <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n            @if(getTypeForm().viewForms.firstName.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <!--Si es required-->\r\n                <label class=\"form-label\">{{'first-name'|translate}}\r\n                    @if(getTypeForm().viewForms.firstName.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <!--Input-->\r\n                <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\r\n                    placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['firstName'].touched &&\r\n                checkoutForm.controls['firstName'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                <!--Error info-->\r\n                @if(checkoutForm.controls['firstName'].touched &&\r\n                checkoutForm.controls['firstName'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'first-name-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            @if(getTypeForm().viewForms.lastName.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'last-name'|translate}}\r\n                    @if(getTypeForm().viewForms.lastName.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                    placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['lastName'].touched &&\r\n                checkoutForm.controls['lastName'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-2\"><!--Fila 2-->\r\n            @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'phone'|translate}}\r\n                    @if(getTypeForm().viewForms.phoneNumber.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                    formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                checkoutForm.controls['phoneNumber'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'phone-help1'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                checkoutForm.controls['phoneNumber'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'phone-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            @if(getTypeForm().viewForms.email.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'email-address'|translate}}\r\n                    @if(getTypeForm().viewForms.email.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\">\r\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'email-address-help1'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'email-address-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-2\"><!--Fila 3-->\r\n            @if(getTypeForm().viewForms.countryCode.enabled){\r\n            @if(countries$ | async; as countries){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'country'|translate}}\r\n                    @if(getTypeForm().viewForms.countryCode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                    (change)=\"onCountrySelected($event)\">\r\n                    @for(country of countries; track $index){\r\n                    <option [value]=\"country.code\">{{ country.name }}</option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['countryCode'].touched &&\r\n                checkoutForm.controls['countryCode'].errors?.['required']){\r\n                <div class=\"text text-danger\">\r\n                    {{'country-help'|translate}}\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.provinceCode.enabled){\r\n            @if(provinces$ | async; as provinces){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'state'|translate}}\r\n                    @if(getTypeForm().viewForms.provinceCode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\r\n                    formControlName='provinceCode'>\r\n                    <option value=\"\">{{'select-state'|translate}}</option>\r\n                    @for(province of provinces; track $index){\r\n                    <option [value]=\"province.code\">{{ province.name }}\r\n                    </option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['provinceCode'].touched &&\r\n                checkoutForm.controls['provinceCode'].errors?.['required']){\r\n                <div class=\"text text-danger\">\r\n                    {{'state-help'|translate}}\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.city.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'town-city'|translate}}\r\n                    @if(getTypeForm().viewForms.city.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\r\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 4-->\r\n            @if(getTypeForm().viewForms.street.enabled){\r\n            <div class=\"form-group col-12 col-md-8\">\r\n                <label class=\"field-label\">{{'address'|translate}}\r\n                    @if(getTypeForm().viewForms.street.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                    formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n\r\n            <!-- form direcci\u00F3n -->\r\n            @if(getTypeForm().viewForms.postcode.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'postal-code'|translate}}\r\n                    @if(getTypeForm().viewForms.postcode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                    formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['postcode'].touched &&\r\n                checkoutForm.controls['postcode'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 5-->\r\n            @if(getTypeForm().viewForms.documentType.enabled){\r\n            @if(documentTypes$ | async; as documentTypes){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'document-type'|translate}}\r\n                    @if(getTypeForm().viewForms.documentType.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\r\n                    formControlName='documentType'>\r\n                    @for(item of documentTypes; track $index){\r\n                    <option [value]=\"item.code\">{{item.name}}</option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['documentType'].touched &&\r\n                checkoutForm.controls['documentType'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'type-document-help'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.documentNumber.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'document-number'|translate}}\r\n                    @if(getTypeForm().viewForms.documentNumber.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                    formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\">\r\n                @if(checkoutForm.controls['documentNumber'].touched &&\r\n                checkoutForm.controls['documentNumber'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'document-number-help'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 6-->\r\n            @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(!getLabelNotesParam()){\r\n                <label class=\"field-label\">{{'notes'|translate}}\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                @if(getLabelNotesParam(); as labelnotes){\r\n                <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\r\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(this.channel.checkoutNotesField == 'required' && checkoutForm.controls['notes'].touched &&\r\n                checkoutForm.controls['notes'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 7-->\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                        class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                        id=\"formFact\"></label>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-df\">\r\n            <div class=\"col-12\">\r\n                <p>\r\n                    <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-df\">\r\n            @if(getTypeForm().viewForms.terms.enabled){\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(getTypeForm().viewForms.terms.required){\r\n                <span class=\"required\">*</span>\r\n                }\r\n                <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                        formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\r\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\r\n                    data-bs-target=\"#terminos-y-condiciones\">\r\n                    {{ 'whats-this' | translate }}\r\n                </button>\r\n                @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        @if(!viewDataFacturacion){\r\n        <!--Formulario de Facturaci\u00F3n-->\r\n        <div class=\"card\">\r\n            <div class=\"card-header text-center\">\r\n                <h2>{{ 'billing-data' | translate }}</h2>\r\n            </div>\r\n            <div class=\"card-body\">\r\n                <form [formGroup]=\"checkoutFormFacturacion\">\r\n                    <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                        @if(getTypeForm().viewForms.firstName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <!--Si es required-->\r\n                            <label class=\"form-label\">{{'first-name'|translate}}\r\n                                @if(getTypeForm().viewForms.firstName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <!--Input-->\r\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                            checkoutFormFacturacion.controls['firstName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            <!--Error info-->\r\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                            checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'first-name-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.lastName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'last-name'|translate}}\r\n                                @if(getTypeForm().viewForms.lastName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                            checkoutFormFacturacion.controls['lastName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                            checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 2-->\r\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'phone'|translate}}\r\n                                @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.email.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'email-address'|translate}}\r\n                                @if(getTypeForm().viewForms.email.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                            checkoutFormFacturacion.controls['email'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                            checkoutFormFacturacion.controls['email'].errors?.['email']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 3-->\r\n                        @if(getTypeForm().viewForms.countryCode.enabled){\r\n                        @if(countries$ | async; as countries){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'country'|translate}}\r\n                                @if(getTypeForm().viewForms.countryCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                (change)=\"onCountrySelected($event, true)\">\r\n                                @for(country of countries; track $index){\r\n                                <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['countryCode'].touched &&\r\n                            checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'country-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                        @if(provinces$ | async; as provinces){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'state'|translate}}\r\n                                @if(getTypeForm().viewForms.provinceCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"provinceCode\"\r\n                                (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\r\n                                <option value=\"\">{{'select-state'|translate}}</option>\r\n                                @for(province of provinces; track $index){\r\n                                <option [value]=\"province.code\">{{ province.name }}\r\n                                </option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\r\n                            checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'state-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.city.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'town-city'|translate}}\r\n                                @if(getTypeForm().viewForms.city.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['city'].touched &&\r\n                            checkoutFormFacturacion.controls['city'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 4-->\r\n                        @if(getTypeForm().viewForms.street.enabled){\r\n                        <div class=\"form-group col-12 col-md-8\">\r\n                            <label class=\"field-label\">{{'address'|translate}}\r\n                                @if(getTypeForm().viewForms.street.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                            checkoutFormFacturacion.controls['street'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                            checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n\r\n                        <!-- form direcci\u00F3n -->\r\n                        @if(getTypeForm().viewForms.postcode.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                @if(getTypeForm().viewForms.postcode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                            checkoutFormFacturacion.controls['postcode'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                            checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 5-->\r\n                        @if(getTypeForm().viewForms.documentType.enabled){\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-type'|translate}}\r\n                                @if(getTypeForm().viewForms.documentType.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select name=\"documentType\" class=\"form-select\"\r\n                                (change)=\"onDocumentTypesSelected($event, true)\" formControlName='documentType'>\r\n                                @for(item of documentTypes; track $index){\r\n                                <option [value]=\"item.code\">{{item.name}}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['documentType'].touched &&\r\n                            checkoutFormFacturacion.controls['documentType'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'type-document-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-number'|translate}}\r\n                                @if(getTypeForm().viewForms.documentNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'document-number-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 6-->\r\n                        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"field-label\">{{'notes'|translate}}\r\n                                @if(this.channel.checkoutNotesField == 'required'){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                @if(this.channel.checkoutNotesField == 'required'){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(this.channel.checkoutNotesField == 'required' &&\r\n                            checkoutFormFacturacion.controls['notes'].touched &&\r\n                            checkoutFormFacturacion.controls['notes'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n        }\r\n        <div class=\"row d-flex flex-row\">\r\n            <div class=\"col-12 d-flex justify-content-end\">\r\n                <button type=\"submit\" class=\"btn btn-primary text-white\"\r\n                    [disabled]=\"checkoutForm.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutForm.get('notes')?.value || checkoutForm.get('notes')?.value.trim() === '')) || (!viewDataFacturacion && checkoutFormFacturacion && (checkoutFormFacturacion.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutFormFacturacion.get('notes')?.value || checkoutFormFacturacion.get('notes')?.value.trim() === ''))))\">{{(isLastOne\r\n                    ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}\r\n                    <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                </button>\r\n            </div>\r\n        </div>\r\n        @if(loading){\r\n        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n        }\r\n\r\n    </form>\r\n</div>\r\n} @else {\r\n<div id=\"loginCheckout\">\r\n    @if(require_login){\r\n    <div class=\"d-flex flex-column justify-content-center align-items-center my-5 \">\r\n        <div class=\"col-12 col-md-6 \">\r\n            <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n            </app-login-form-ec>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n} @else {\r\n@if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\r\n<div class=\"checkout-title my-2\">\r\n    <h3>{{'address-selection'|translate}}</h3>\r\n</div>\r\n}\r\n\r\n@if(this.addressBook){\r\n@if(this.addressBook?.length){\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        @for(item of addressBook; track $index; let i = $index){\r\n        <div class=\"col-sm-6 col-12 my-3\">\r\n            <div class=\"card p-3\">\r\n                <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                    [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                <div class=\"ms-5\">\r\n                    <h4 class=\"card-title\">\r\n                        <strong>{{'address'|translate}}</strong><br>\r\n                        <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                    </h4>\r\n                    <div class=\"row\">\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                        </h5>\r\n                    </div>\r\n                    <div class=\"row px-3\">\r\n                        <div class=\"card p-2 bg-light w-100\">\r\n                            <div class=\"card-body\">\r\n                                <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'first-name'|translate}}</strong>\r\n                                    {{item.addressContact.firstName}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'last-name'|translate}}</strong>\r\n                                    {{item.addressContact.lastName}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'document-type'|translate}}</strong>\r\n                                    {{getDocumentType(item.addressContact.documentType)}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'document-number'|translate}}</strong>\r\n                                    {{item.addressContact.documentNumber}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'email-address'|translate}}</strong>\r\n                                    {{item.addressContact.email}}\r\n                                </h6>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n    <div class=\"w-100\">\r\n        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n        <div class=\"row mt-df\">\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(!getLabelNotesParam()){\r\n                <label class=\"form-label\">{{'notes'|translate}}\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                @if(getLabelNotesParam(); as labelnotes){\r\n                <label class=\"form-label\" [innerHTML]=\"labelnotes.value\">\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                    [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\" [required]=\"this.channel.checkoutNotesField == 'required'\">\r\n                @if(this.channel.checkoutNotesField == 'required' && ctrl.touched && ctrl.invalid){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"row d-flex flex-row\">\r\n        <div class=\"col-12 d-flex justify-content-end\">\r\n            <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\"\r\n                [disabled]=\"loadingStep || (this.channel.checkoutNotesField == 'required' && (!this.addressBookSelected.notes || this.addressBookSelected.notes.trim() === ''))\">{{(isLastOne\r\n                ? 'finish-checkout' : (allready_data ? 'update' :\r\n                'ready-form')) | translate}}\r\n                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n            </button>\r\n\r\n        </div>\r\n    </div>\r\n    @if(loading){\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    }\r\n</div>\r\n} @else {\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12 text-center my-2\">\r\n            <div class=\"d-flex flex-column justify-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>\r\n}\r\n} @else {\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12 text-center my-2\">\r\n            <h4> {{'address-book-not-result' | translate }} </h4>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n\r\n}\r\n\r\n}\r\n@else {\r\n<div class=\"container\">\r\n    <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\r\n</div>\r\n}\r\n}\r\n@if(getTypeForm().viewForms.terms.enabled){\r\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DataformEcComponent, isStandalone: true, selector: "app-dataform-ec", ngImport: i0, template: "@if(channel$ | async; as channelConfig){\n@if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\n@if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\n<!--Selector de modos-->\n<div class=\"container card p-4 mb-3\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n            <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\n                        (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\n                </label>\n                @if(!getParamByChannelAndLanguage('btn_new_address_')){\n                <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\n                    {{ 'new-address' | translate | titlecase}}\n                </label>\n                }\n                @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\n                <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\n                    {{ param.value}}\n                </label>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n}\n\n@if(getMode()){\n@if(!require_login){\n<div>\n    @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\n    <div class=\"checkout-title  my-2\">\n        <h3>{{'billing-details'|translate}}</h3>\n    </div>\n    }\n    <!--Formulario-->\n    <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\n        <div class=\"row mt-2\"><!--Fila 1-->\n\n            @if(getTypeForm().viewForms.firstName.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <!--Si es required-->\n                <label class=\"form-label\">{{'first-name'|translate}}\n                    @if(getTypeForm().viewForms.firstName.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <!--Input-->\n                <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\n                    placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['firstName'].touched &&\n                checkoutForm.controls['firstName'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n                </div>\n                }\n                <!--Error info-->\n                @if(checkoutForm.controls['firstName'].touched &&\n                checkoutForm.controls['firstName'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'first-name-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            @if(getTypeForm().viewForms.lastName.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'last-name'|translate}}\n                    @if(getTypeForm().viewForms.lastName.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\n                    placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['lastName'].touched &&\n                checkoutForm.controls['lastName'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-2\"><!--Fila 2-->\n            @if(getTypeForm().viewForms.phoneNumber.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'phone'|translate}}\n                    @if(getTypeForm().viewForms.phoneNumber.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\n                    formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['phoneNumber'].touched &&\n                checkoutForm.controls['phoneNumber'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'phone-help1'|translate}}\n                    </span>\n                </div>\n                }\n                @if(checkoutForm.controls['phoneNumber'].touched &&\n                checkoutForm.controls['phoneNumber'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'phone-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            @if(getTypeForm().viewForms.email.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'email-address'|translate}}\n                    @if(getTypeForm().viewForms.email.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\n                    autocomplete=\"off\">\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'email-address-help1'|translate}}\n                    </span>\n                </div>\n                }\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'email-address-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-2\"><!--Fila 3-->\n            @if(getTypeForm().viewForms.countryCode.enabled){\n            @if(countries$ | async; as countries){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'country'|translate}}\n                    @if(getTypeForm().viewForms.countryCode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\n                    (change)=\"onCountrySelected($event)\">\n                    @for(country of countries; track $index){\n                    <option [value]=\"country.code\">{{ country.name }}</option>\n                    }\n                </select>\n                @if(checkoutForm.controls['countryCode'].touched &&\n                checkoutForm.controls['countryCode'].errors?.['required']){\n                <div class=\"text text-danger\">\n                    {{'country-help'|translate}}\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.provinceCode.enabled){\n            @if(provinces$ | async; as provinces){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'state'|translate}}\n                    @if(getTypeForm().viewForms.provinceCode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\n                    formControlName='provinceCode'>\n                    <option value=\"\">{{'select-state'|translate}}</option>\n                    @for(province of provinces; track $index){\n                    <option [value]=\"province.code\">{{ province.name }}\n                    </option>\n                    }\n                </select>\n                @if(checkoutForm.controls['provinceCode'].touched &&\n                checkoutForm.controls['provinceCode'].errors?.['required']){\n                <div class=\"text text-danger\">\n                    {{'state-help'|translate}}\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.city.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'town-city'|translate}}\n                    @if(getTypeForm().viewForms.city.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 4-->\n            @if(getTypeForm().viewForms.street.enabled){\n            <div class=\"form-group col-12 col-md-8\">\n                <label class=\"field-label\">{{'address'|translate}}\n                    @if(getTypeForm().viewForms.street.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                    formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n\n            <!-- form direcci\u00F3n -->\n            @if(getTypeForm().viewForms.postcode.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'postal-code'|translate}}\n                    @if(getTypeForm().viewForms.postcode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                    formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['postcode'].touched &&\n                checkoutForm.controls['postcode'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 5-->\n            @if(getTypeForm().viewForms.documentType.enabled){\n            @if(documentTypes$ | async; as documentTypes){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'document-type'|translate}}\n                    @if(getTypeForm().viewForms.documentType.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\n                    formControlName='documentType'>\n                    @for(item of documentTypes; track $index){\n                    <option [value]=\"item.code\">{{item.name}}</option>\n                    }\n                </select>\n                @if(checkoutForm.controls['documentType'].touched &&\n                checkoutForm.controls['documentType'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'type-document-help'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.documentNumber.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'document-number'|translate}}\n                    @if(getTypeForm().viewForms.documentNumber.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                    formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\n                    autocomplete=\"off\">\n                @if(checkoutForm.controls['documentNumber'].touched &&\n                checkoutForm.controls['documentNumber'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'document-number-help'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 6-->\n            @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n            <div class=\"form-group col-12 col-md-12\">\n                @if(!getLabelNotesParam()){\n                <label class=\"field-label\">{{'notes'|translate}}\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                @if(getLabelNotesParam(); as labelnotes){\n                <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(this.channel.checkoutNotesField == 'required' && checkoutForm.controls['notes'].touched &&\n                checkoutForm.controls['notes'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 7-->\n            <div class=\"form-group col-12 col-md-12\">\n                <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                        class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                        id=\"formFact\"></label>\n            </div>\n        </div>\n        <div class=\"row mt-df\">\n            <div class=\"col-12\">\n                <p>\n                    <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\n                </p>\n            </div>\n        </div>\n        <div class=\"row mt-df\">\n            @if(getTypeForm().viewForms.terms.enabled){\n            <div class=\"form-group col-12 col-md-12\">\n                @if(getTypeForm().viewForms.terms.required){\n                <span class=\"required\">*</span>\n                }\n                <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\n                        formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\n                    data-bs-target=\"#terminos-y-condiciones\">\n                    {{ 'whats-this' | translate }}\n                </button>\n                @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        @if(!viewDataFacturacion){\n        <!--Formulario de Facturaci\u00F3n-->\n        <div class=\"card\">\n            <div class=\"card-header text-center\">\n                <h2>{{ 'billing-data' | translate }}</h2>\n            </div>\n            <div class=\"card-body\">\n                <form [formGroup]=\"checkoutFormFacturacion\">\n                    <div class=\"row mt-2\"><!--Fila 1-->\n\n                        @if(getTypeForm().viewForms.firstName.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <!--Si es required-->\n                            <label class=\"form-label\">{{'first-name'|translate}}\n                                @if(getTypeForm().viewForms.firstName.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <!--Input-->\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\n                            checkoutFormFacturacion.controls['firstName'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n                            </div>\n                            }\n                            <!--Error info-->\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\n                            checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'first-name-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        @if(getTypeForm().viewForms.lastName.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'last-name'|translate}}\n                                @if(getTypeForm().viewForms.lastName.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\n                                placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\n                            checkoutFormFacturacion.controls['lastName'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\n                            checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-2\"><!--Fila 2-->\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'phone'|translate}}\n                                @if(getTypeForm().viewForms.phoneNumber.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'phone-help1'|translate}}\n                                </span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'phone-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        @if(getTypeForm().viewForms.email.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'email-address'|translate}}\n                                @if(getTypeForm().viewForms.email.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\n                                placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\n                            checkoutFormFacturacion.controls['email'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'email-address-help1'|translate}}\n                                </span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\n                            checkoutFormFacturacion.controls['email'].errors?.['email']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'email-address-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-2\"><!--Fila 3-->\n                        @if(getTypeForm().viewForms.countryCode.enabled){\n                        @if(countries$ | async; as countries){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'country'|translate}}\n                                @if(getTypeForm().viewForms.countryCode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\n                                (change)=\"onCountrySelected($event, true)\">\n                                @for(country of countries; track $index){\n                                <option [value]=\"country.code\">{{ country.name }}</option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['countryCode'].touched &&\n                            checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\n                            <div class=\"text text-danger\">\n                                {{'country-help'|translate}}\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\n                        @if(provinces$ | async; as provinces){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'state'|translate}}\n                                @if(getTypeForm().viewForms.provinceCode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select class=\"form-select\" name=\"provinceCode\"\n                                (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\n                                <option value=\"\">{{'select-state'|translate}}</option>\n                                @for(province of provinces; track $index){\n                                <option [value]=\"province.code\">{{ province.name }}\n                                </option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\n                            checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\n                            <div class=\"text text-danger\">\n                                {{'state-help'|translate}}\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.city.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'town-city'|translate}}\n                                @if(getTypeForm().viewForms.city.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                                formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['city'].touched &&\n                            checkoutFormFacturacion.controls['city'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 4-->\n                        @if(getTypeForm().viewForms.street.enabled){\n                        <div class=\"form-group col-12 col-md-8\">\n                            <label class=\"field-label\">{{'address'|translate}}\n                                @if(getTypeForm().viewForms.street.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\n                            checkoutFormFacturacion.controls['street'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\n                            checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n\n                        <!-- form direcci\u00F3n -->\n                        @if(getTypeForm().viewForms.postcode.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'postal-code'|translate}}\n                                @if(getTypeForm().viewForms.postcode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\n                            checkoutFormFacturacion.controls['postcode'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\n                            checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 5-->\n                        @if(getTypeForm().viewForms.documentType.enabled){\n                        @if(documentTypes$ | async; as documentTypes){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'document-type'|translate}}\n                                @if(getTypeForm().viewForms.documentType.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select name=\"documentType\" class=\"form-select\"\n                                (change)=\"onDocumentTypesSelected($event, true)\" formControlName='documentType'>\n                                @for(item of documentTypes; track $index){\n                                <option [value]=\"item.code\">{{item.name}}</option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['documentType'].touched &&\n                            checkoutFormFacturacion.controls['documentType'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'type-document-help'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'document-number'|translate}}\n                                @if(getTypeForm().viewForms.documentNumber.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\n                                autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\n                            checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'document-number-help'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 6-->\n                        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n                        <div class=\"form-group col-12 col-md-12\">\n                            @if(!getLabelNotesParam()){\n                            <label class=\"field-label\">{{'notes'|translate}}\n                                @if(this.channel.checkoutNotesField == 'required'){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            }\n                            @if(getLabelNotesParam(); as labelnotes){\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\n                                @if(this.channel.checkoutNotesField == 'required'){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            }\n\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(this.channel.checkoutNotesField == 'required' &&\n                            checkoutFormFacturacion.controls['notes'].touched &&\n                            checkoutFormFacturacion.controls['notes'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                </form>\n            </div>\n        </div>\n        }\n        <div class=\"row d-flex flex-row\">\n            <div class=\"col-12 d-flex justify-content-end\">\n                <button type=\"submit\" class=\"btn btn-primary text-white\"\n                    [disabled]=\"checkoutForm.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutForm.get('notes')?.value || checkoutForm.get('notes')?.value.trim() === '')) || (!viewDataFacturacion && checkoutFormFacturacion && (checkoutFormFacturacion.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutFormFacturacion.get('notes')?.value || checkoutFormFacturacion.get('notes')?.value.trim() === ''))))\">{{(isLastOne\n                    ? 'finish-checkout' : (allready_data ? 'update' :\n                    'ready-form')) | translate}}\n                    <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n                </button>\n            </div>\n        </div>\n        @if(loading){\n        <div class=\"d-flex flex-column justify-content-center align-items-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n        }\n\n    </form>\n</div>\n} @else {\n<div id=\"loginCheckout\">\n    @if(require_login){\n    <div class=\"d-flex flex-column justify-content-center align-items-center my-5 \">\n        <div class=\"col-12 col-md-6 \">\n            <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\n            </app-login-form-ec>\n        </div>\n    </div>\n    }\n</div>\n}\n} @else {\n@if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\n<div class=\"checkout-title my-2\">\n    <h3>{{'address-selection'|translate}}</h3>\n</div>\n}\n\n@if(this.addressBook){\n@if(this.addressBook?.length){\n<div class=\"container\">\n    <div class=\"row\">\n        @for(item of addressBook; track $index; let i = $index){\n        <div class=\"col-sm-6 col-12 my-3\">\n            <div class=\"card p-3\">\n                <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\n                    [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\n                <div class=\"ms-5\">\n                    <h4 class=\"card-title\">\n                        <strong>{{'address'|translate}}</strong><br>\n                        <span class=\"text-uppercase h3\">{{item.street}}</span>\n                    </h4>\n                    <div class=\"row\">\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                        </h5>\n                    </div>\n                    <div class=\"row px-3\">\n                        <div class=\"card p-2 bg-light w-100\">\n                            <div class=\"card-body\">\n                                <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'first-name'|translate}}</strong>\n                                    {{item.addressContact.firstName}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'last-name'|translate}}</strong>\n                                    {{item.addressContact.lastName}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'document-type'|translate}}</strong>\n                                    {{getDocumentType(item.addressContact.documentType)}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'document-number'|translate}}</strong>\n                                    {{item.addressContact.documentNumber}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'email-address'|translate}}</strong>\n                                    {{item.addressContact.email}}\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        }\n\n    </div>\n\n    <div class=\"w-100\">\n        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n        <div class=\"row mt-df\">\n            <div class=\"form-group col-12 col-md-12\">\n                @if(!getLabelNotesParam()){\n                <label class=\"form-label\">{{'notes'|translate}}\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                @if(getLabelNotesParam(); as labelnotes){\n                <label class=\"form-label\" [innerHTML]=\"labelnotes.value\">\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                    [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\n                    autocomplete=\"off\" [required]=\"this.channel.checkoutNotesField == 'required'\">\n                @if(this.channel.checkoutNotesField == 'required' && ctrl.touched && ctrl.invalid){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                </div>\n                }\n            </div>\n        </div>\n        }\n    </div>\n    <div class=\"row d-flex flex-row\">\n        <div class=\"col-12 d-flex justify-content-end\">\n            <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\"\n                [disabled]=\"loadingStep || (this.channel.checkoutNotesField == 'required' && (!this.addressBookSelected.notes || this.addressBookSelected.notes.trim() === ''))\">{{(isLastOne\n                ? 'finish-checkout' : (allready_data ? 'update' :\n                'ready-form')) | translate}}\n                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n            </button>\n\n        </div>\n    </div>\n    @if(loading){\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    }\n</div>\n} @else {\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12 text-center my-2\">\n            <div class=\"d-flex flex-column justify-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>\n}\n} @else {\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12 text-center my-2\">\n            <h4> {{'address-book-not-result' | translate }} </h4>\n        </div>\n    </div>\n</div>\n}\n\n}\n\n}\n@else {\n<div class=\"container\">\n    <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\n</div>\n}\n}\n@if(getTypeForm().viewForms.terms.enabled){\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\n            </div>\n        </div>\n    </div>\n</div>\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoginFormEcComponent, selector: "app-login-form-ec", inputs: ["redirect", "redirectTo", "inCart"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataformEcComponent, decorators: [{
             type: Component,
@@ -10851,7 +10935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         LoadingFullEcComponent,
                         JsonPipe,
                         BlocksEcComponent
-                    ], template: "@if(channel$ | async; as channelConfig){\r\n@if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\r\n@if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\r\n<!--Selector de modos-->\r\n<div class=\"container card p-4 mb-3\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-10 col-lg-8 text-center\">\r\n            <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\r\n                <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\r\n                        (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\r\n                </label>\r\n                @if(!getParamByChannelAndLanguage('btn_new_address_')){\r\n                <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                    {{ 'new-address' | translate | titlecase}}\r\n                </label>\r\n                }\r\n                @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\r\n                <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\r\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\r\n                    {{ param.value}}\r\n                </label>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n\r\n@if(getMode()){\r\n@if(!require_login){\r\n<div>\r\n    @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\r\n    <div class=\"checkout-title  my-2\">\r\n        <h3>{{'billing-details'|translate}}</h3>\r\n    </div>\r\n    }\r\n    <!--Formulario-->\r\n    <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\r\n        <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n            @if(getTypeForm().viewForms.firstName.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <!--Si es required-->\r\n                <label class=\"form-label\">{{'first-name'|translate}}\r\n                    @if(getTypeForm().viewForms.firstName.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <!--Input-->\r\n                <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\r\n                    placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['firstName'].touched &&\r\n                checkoutForm.controls['firstName'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                <!--Error info-->\r\n                @if(checkoutForm.controls['firstName'].touched &&\r\n                checkoutForm.controls['firstName'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'first-name-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            @if(getTypeForm().viewForms.lastName.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'last-name'|translate}}\r\n                    @if(getTypeForm().viewForms.lastName.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                    placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['lastName'].touched &&\r\n                checkoutForm.controls['lastName'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-2\"><!--Fila 2-->\r\n            @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'phone'|translate}}\r\n                    @if(getTypeForm().viewForms.phoneNumber.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                    formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                checkoutForm.controls['phoneNumber'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'phone-help1'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['phoneNumber'].touched &&\r\n                checkoutForm.controls['phoneNumber'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'phone-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            @if(getTypeForm().viewForms.email.enabled){\r\n            <div class=\"form-group col-12 col-md-6\">\r\n                <label class=\"form-label\">{{'email-address'|translate}}\r\n                    @if(getTypeForm().viewForms.email.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\">\r\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'email-address-help1'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'email-address-help2'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-2\"><!--Fila 3-->\r\n            @if(getTypeForm().viewForms.countryCode.enabled){\r\n            @if(countries$ | async; as countries){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'country'|translate}}\r\n                    @if(getTypeForm().viewForms.countryCode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                    (change)=\"onCountrySelected($event)\">\r\n                    @for(country of countries; track $index){\r\n                    <option [value]=\"country.code\">{{ country.name }}</option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['countryCode'].touched &&\r\n                checkoutForm.controls['countryCode'].errors?.['required']){\r\n                <div class=\"text text-danger\">\r\n                    {{'country-help'|translate}}\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.provinceCode.enabled){\r\n            @if(provinces$ | async; as provinces){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'state'|translate}}\r\n                    @if(getTypeForm().viewForms.provinceCode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\r\n                    formControlName='provinceCode'>\r\n                    <option value=\"\">{{'select-state'|translate}}</option>\r\n                    @for(province of provinces; track $index){\r\n                    <option [value]=\"province.code\">{{ province.name }}\r\n                    </option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['provinceCode'].touched &&\r\n                checkoutForm.controls['provinceCode'].errors?.['required']){\r\n                <div class=\"text text-danger\">\r\n                    {{'state-help'|translate}}\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.city.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"form-label\">{{'town-city'|translate}}\r\n                    @if(getTypeForm().viewForms.city.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\r\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 4-->\r\n            @if(getTypeForm().viewForms.street.enabled){\r\n            <div class=\"form-group col-12 col-md-8\">\r\n                <label class=\"field-label\">{{'address'|translate}}\r\n                    @if(getTypeForm().viewForms.street.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                    formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n\r\n            <!-- form direcci\u00F3n -->\r\n            @if(getTypeForm().viewForms.postcode.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'postal-code'|translate}}\r\n                    @if(getTypeForm().viewForms.postcode.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                    formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(checkoutForm.controls['postcode'].touched &&\r\n                checkoutForm.controls['postcode'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                </div>\r\n                }\r\n                @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 5-->\r\n            @if(getTypeForm().viewForms.documentType.enabled){\r\n            @if(documentTypes$ | async; as documentTypes){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'document-type'|translate}}\r\n                    @if(getTypeForm().viewForms.documentType.required){\r\n                    <span class=\"required\">*</span>\r\n                    }</label>\r\n                <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\r\n                    formControlName='documentType'>\r\n                    @for(item of documentTypes; track $index){\r\n                    <option [value]=\"item.code\">{{item.name}}</option>\r\n                    }\r\n                </select>\r\n                @if(checkoutForm.controls['documentType'].touched &&\r\n                checkoutForm.controls['documentType'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'type-document-help'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n            }\r\n            @if(getTypeForm().viewForms.documentNumber.enabled){\r\n            <div class=\"form-group col-12 col-md-4\">\r\n                <label class=\"field-label\">{{'document-number'|translate}}\r\n                    @if(getTypeForm().viewForms.documentNumber.required){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                    formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\">\r\n                @if(checkoutForm.controls['documentNumber'].touched &&\r\n                checkoutForm.controls['documentNumber'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">\r\n                        {{'document-number-help'|translate}}\r\n                    </span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 6-->\r\n            @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(!getLabelNotesParam()){\r\n                <label class=\"field-label\">{{'notes'|translate}}\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                @if(getLabelNotesParam(); as labelnotes){\r\n                <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\r\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                @if(this.channel.checkoutNotesField == 'required' && checkoutForm.controls['notes'].touched &&\r\n                checkoutForm.controls['notes'].errors?.['required']){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        <div class=\"row mt-df\"><!--Fila 7-->\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\r\n                        class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\r\n                        id=\"formFact\"></label>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-df\">\r\n            <div class=\"col-12\">\r\n                <p>\r\n                    <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <div class=\"row mt-df\">\r\n            @if(getTypeForm().viewForms.terms.enabled){\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(getTypeForm().viewForms.terms.required){\r\n                <span class=\"required\">*</span>\r\n                }\r\n                <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\r\n                        formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\r\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\r\n                    data-bs-target=\"#terminos-y-condiciones\">\r\n                    {{ 'whats-this' | translate }}\r\n                </button>\r\n                @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n        @if(!viewDataFacturacion){\r\n        <!--Formulario de Facturaci\u00F3n-->\r\n        <div class=\"card\">\r\n            <div class=\"card-header text-center\">\r\n                <h2>{{ 'billing-data' | translate }}</h2>\r\n            </div>\r\n            <div class=\"card-body\">\r\n                <form [formGroup]=\"checkoutFormFacturacion\">\r\n                    <div class=\"row mt-2\"><!--Fila 1-->\r\n\r\n                        @if(getTypeForm().viewForms.firstName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <!--Si es required-->\r\n                            <label class=\"form-label\">{{'first-name'|translate}}\r\n                                @if(getTypeForm().viewForms.firstName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <!--Input-->\r\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\r\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                            checkoutFormFacturacion.controls['firstName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            <!--Error info-->\r\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\r\n                            checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'first-name-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.lastName.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'last-name'|translate}}\r\n                                @if(getTypeForm().viewForms.lastName.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                            checkoutFormFacturacion.controls['lastName'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\r\n                            checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 2-->\r\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'phone'|translate}}\r\n                                @if(getTypeForm().viewForms.phoneNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\r\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'phone-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        @if(getTypeForm().viewForms.email.enabled){\r\n                        <div class=\"form-group col-12 col-md-6\">\r\n                            <label class=\"form-label\">{{'email-address'|translate}}\r\n                                @if(getTypeForm().viewForms.email.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\r\n                                placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                            checkoutFormFacturacion.controls['email'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help1'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\r\n                            checkoutFormFacturacion.controls['email'].errors?.['email']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'email-address-help2'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-2\"><!--Fila 3-->\r\n                        @if(getTypeForm().viewForms.countryCode.enabled){\r\n                        @if(countries$ | async; as countries){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'country'|translate}}\r\n                                @if(getTypeForm().viewForms.countryCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\r\n                                (change)=\"onCountrySelected($event, true)\">\r\n                                @for(country of countries; track $index){\r\n                                <option [value]=\"country.code\">{{ country.name }}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['countryCode'].touched &&\r\n                            checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'country-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\r\n                        @if(provinces$ | async; as provinces){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'state'|translate}}\r\n                                @if(getTypeForm().viewForms.provinceCode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select class=\"form-select\" name=\"provinceCode\"\r\n                                (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\r\n                                <option value=\"\">{{'select-state'|translate}}</option>\r\n                                @for(province of provinces; track $index){\r\n                                <option [value]=\"province.code\">{{ province.name }}\r\n                                </option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\r\n                            checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\r\n                            <div class=\"text text-danger\">\r\n                                {{'state-help'|translate}}\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.city.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"form-label\">{{'town-city'|translate}}\r\n                                @if(getTypeForm().viewForms.city.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\r\n                                formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['city'].touched &&\r\n                            checkoutFormFacturacion.controls['city'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 4-->\r\n                        @if(getTypeForm().viewForms.street.enabled){\r\n                        <div class=\"form-group col-12 col-md-8\">\r\n                            <label class=\"field-label\">{{'address'|translate}}\r\n                                @if(getTypeForm().viewForms.street.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\r\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                            checkoutFormFacturacion.controls['street'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\r\n                            checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n\r\n                        <!-- form direcci\u00F3n -->\r\n                        @if(getTypeForm().viewForms.postcode.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'postal-code'|translate}}\r\n                                @if(getTypeForm().viewForms.postcode.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\r\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                            checkoutFormFacturacion.controls['postcode'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\r\n                            checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 5-->\r\n                        @if(getTypeForm().viewForms.documentType.enabled){\r\n                        @if(documentTypes$ | async; as documentTypes){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-type'|translate}}\r\n                                @if(getTypeForm().viewForms.documentType.required){\r\n                                <span class=\"required\">*</span>\r\n                                }</label>\r\n                            <select name=\"documentType\" class=\"form-select\"\r\n                                (change)=\"onDocumentTypesSelected($event, true)\" formControlName='documentType'>\r\n                                @for(item of documentTypes; track $index){\r\n                                <option [value]=\"item.code\">{{item.name}}</option>\r\n                                }\r\n                            </select>\r\n                            @if(checkoutFormFacturacion.controls['documentType'].touched &&\r\n                            checkoutFormFacturacion.controls['documentType'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'type-document-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                        }\r\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\r\n                        <div class=\"form-group col-12 col-md-4\">\r\n                            <label class=\"field-label\">{{'document-number'|translate}}\r\n                                @if(getTypeForm().viewForms.documentNumber.required){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\r\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\r\n                                autocomplete=\"off\">\r\n                            @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\r\n                            checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">\r\n                                    {{'document-number-help'|translate}}\r\n                                </span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    <div class=\"row mt-df\"><!--Fila 6-->\r\n                        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n                        <div class=\"form-group col-12 col-md-12\">\r\n                            @if(!getLabelNotesParam()){\r\n                            <label class=\"field-label\">{{'notes'|translate}}\r\n                                @if(this.channel.checkoutNotesField == 'required'){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\r\n                                @if(this.channel.checkoutNotesField == 'required'){\r\n                                <span class=\"required\">*</span>\r\n                                }\r\n                            </label>\r\n                            }\r\n\r\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                                formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\r\n                            @if(this.channel.checkoutNotesField == 'required' &&\r\n                            checkoutFormFacturacion.controls['notes'].touched &&\r\n                            checkoutFormFacturacion.controls['notes'].errors?.['required']){\r\n                            <div class=\"text-danger-container\">\r\n                                <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n        }\r\n        <div class=\"row d-flex flex-row\">\r\n            <div class=\"col-12 d-flex justify-content-end\">\r\n                <button type=\"submit\" class=\"btn btn-primary text-white\"\r\n                    [disabled]=\"checkoutForm.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutForm.get('notes')?.value || checkoutForm.get('notes')?.value.trim() === '')) || (!viewDataFacturacion && checkoutFormFacturacion && (checkoutFormFacturacion.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutFormFacturacion.get('notes')?.value || checkoutFormFacturacion.get('notes')?.value.trim() === ''))))\">{{(isLastOne\r\n                    ? 'finish-checkout' : (allready_data ? 'update' :\r\n                    'ready-form')) | translate}}\r\n                    <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n                </button>\r\n            </div>\r\n        </div>\r\n        @if(loading){\r\n        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n            <app-loading-full-ec></app-loading-full-ec>\r\n        </div>\r\n        }\r\n\r\n    </form>\r\n</div>\r\n} @else {\r\n<div id=\"loginCheckout\">\r\n    @if(require_login){\r\n    <div class=\"d-flex flex-column justify-content-center align-items-center my-5 \">\r\n        <div class=\"col-12 col-md-6 \">\r\n            <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\r\n            </app-login-form-ec>\r\n        </div>\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n} @else {\r\n@if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\r\n<div class=\"checkout-title my-2\">\r\n    <h3>{{'address-selection'|translate}}</h3>\r\n</div>\r\n}\r\n\r\n@if(this.addressBook){\r\n@if(this.addressBook?.length){\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        @for(item of addressBook; track $index; let i = $index){\r\n        <div class=\"col-sm-6 col-12 my-3\">\r\n            <div class=\"card p-3\">\r\n                <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\r\n                    [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\r\n                <div class=\"ms-5\">\r\n                    <h4 class=\"card-title\">\r\n                        <strong>{{'address'|translate}}</strong><br>\r\n                        <span class=\"text-uppercase h3\">{{item.street}}</span>\r\n                    </h4>\r\n                    <div class=\"row\">\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'town-city'|translate}}</strong> {{item.city}}\r\n                        </h5>\r\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\r\n                            <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\r\n                        </h5>\r\n                    </div>\r\n                    <div class=\"row px-3\">\r\n                        <div class=\"card p-2 bg-light w-100\">\r\n                            <div class=\"card-body\">\r\n                                <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'first-name'|translate}}</strong>\r\n                                    {{item.addressContact.firstName}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'last-name'|translate}}</strong>\r\n                                    {{item.addressContact.lastName}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'document-type'|translate}}</strong>\r\n                                    {{getDocumentType(item.addressContact.documentType)}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'document-number'|translate}}</strong>\r\n                                    {{item.addressContact.documentNumber}}\r\n                                </h6>\r\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\r\n                                    <strong>{{'email-address'|translate}}</strong>\r\n                                    {{item.addressContact.email}}\r\n                                </h6>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n    <div class=\"w-100\">\r\n        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\r\n        <div class=\"row mt-df\">\r\n            <div class=\"form-group col-12 col-md-12\">\r\n                @if(!getLabelNotesParam()){\r\n                <label class=\"form-label\">{{'notes'|translate}}\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                @if(getLabelNotesParam(); as labelnotes){\r\n                <label class=\"form-label\" [innerHTML]=\"labelnotes.value\">\r\n                    @if(this.channel.checkoutNotesField == 'required'){\r\n                    <span class=\"required\">*</span>\r\n                    }\r\n                </label>\r\n                }\r\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\r\n                    [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\r\n                    autocomplete=\"off\" [required]=\"this.channel.checkoutNotesField == 'required'\">\r\n                @if(this.channel.checkoutNotesField == 'required' && ctrl.touched && ctrl.invalid){\r\n                <div class=\"text-danger-container\">\r\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"row d-flex flex-row\">\r\n        <div class=\"col-12 d-flex justify-content-end\">\r\n            <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\"\r\n                [disabled]=\"loadingStep || (this.channel.checkoutNotesField == 'required' && (!this.addressBookSelected.notes || this.addressBookSelected.notes.trim() === ''))\">{{(isLastOne\r\n                ? 'finish-checkout' : (allready_data ? 'update' :\r\n                'ready-form')) | translate}}\r\n                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n            </button>\r\n\r\n        </div>\r\n    </div>\r\n    @if(loading){\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    }\r\n</div>\r\n} @else {\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12 text-center my-2\">\r\n            <div class=\"d-flex flex-column justify-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>\r\n}\r\n} @else {\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12 text-center my-2\">\r\n            <h4> {{'address-book-not-result' | translate }} </h4>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n\r\n}\r\n\r\n}\r\n@else {\r\n<div class=\"container\">\r\n    <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\r\n</div>\r\n}\r\n}\r\n@if(getTypeForm().viewForms.terms.enabled){\r\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
+                    ], template: "@if(channel$ | async; as channelConfig){\n@if(channelConfig.channelType != 'b2b' || (channelConfig.channelType == 'b2b' && isAuthenticated())){\n@if( modeSelectAddress == 'LOAD_ADDRESS_AND_SELECTION' && isAuthenticated() && this.addressBook != null){\n<!--Selector de modos-->\n<div class=\"container card p-4 mb-3\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-10 col-lg-8 text-center\">\n            <div class=\"btn-group btn-group-toggle\" data-bs-toggle=\"buttons\">\n                <label [class]=\"'btn btn-outline-secondary ' + (!getMode() ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option1\" autocomplete=\"off\" checked\n                        (change)=\"setMode('seleccion')\"> {{'select-address' | translate | titlecase}}\n                </label>\n                @if(!getParamByChannelAndLanguage('btn_new_address_')){\n                <label [class]=\"'btn btn-outline-secondary ' + (getMode() ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\n                    {{ 'new-address' | translate | titlecase}}\n                </label>\n                }\n                @if(getParamByChannelAndLanguage('btn_new_address_'); as param){\n                <label [class]=\"'btn btn-outline-secondary ' + (selectAddress ? 'active' : '')\">\n                    <input type=\"radio\" name=\"options\" id=\"option2\" autocomplete=\"off\" (change)=\"setMode('carga')\">\n                    {{ param.value}}\n                </label>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n}\n\n@if(getMode()){\n@if(!require_login){\n<div>\n    @if(modeSelectAddress == 'ONLY_LOAD_ADDRESS'){\n    <div class=\"checkout-title  my-2\">\n        <h3>{{'billing-details'|translate}}</h3>\n    </div>\n    }\n    <!--Formulario-->\n    <form [formGroup]=\"checkoutForm\" (submit)=\"verifyValidate($event)\"> <!-- //this.cartService.items -->\n        <div class=\"row mt-2\"><!--Fila 1-->\n\n            @if(getTypeForm().viewForms.firstName.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <!--Si es required-->\n                <label class=\"form-label\">{{'first-name'|translate}}\n                    @if(getTypeForm().viewForms.firstName.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <!--Input-->\n                <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\" value=\"\"\n                    placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['firstName'].touched &&\n                checkoutForm.controls['firstName'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n                </div>\n                }\n                <!--Error info-->\n                @if(checkoutForm.controls['firstName'].touched &&\n                checkoutForm.controls['firstName'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'first-name-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            @if(getTypeForm().viewForms.lastName.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'last-name'|translate}}\n                    @if(getTypeForm().viewForms.lastName.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\n                    placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['lastName'].touched &&\n                checkoutForm.controls['lastName'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['lastName'].touched && checkoutForm.controls['lastName'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-2\"><!--Fila 2-->\n            @if(getTypeForm().viewForms.phoneNumber.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'phone'|translate}}\n                    @if(getTypeForm().viewForms.phoneNumber.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\n                    formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['phoneNumber'].touched &&\n                checkoutForm.controls['phoneNumber'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'phone-help1'|translate}}\n                    </span>\n                </div>\n                }\n                @if(checkoutForm.controls['phoneNumber'].touched &&\n                checkoutForm.controls['phoneNumber'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'phone-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            @if(getTypeForm().viewForms.email.enabled){\n            <div class=\"form-group col-12 col-md-6\">\n                <label class=\"form-label\">{{'email-address'|translate}}\n                    @if(getTypeForm().viewForms.email.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\" placeholder=\"\"\n                    autocomplete=\"off\">\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'email-address-help1'|translate}}\n                    </span>\n                </div>\n                }\n                @if(checkoutForm.controls['email'].touched && checkoutForm.controls['email'].errors?.['email']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'email-address-help2'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-2\"><!--Fila 3-->\n            @if(getTypeForm().viewForms.countryCode.enabled){\n            @if(countries$ | async; as countries){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'country'|translate}}\n                    @if(getTypeForm().viewForms.countryCode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\n                    (change)=\"onCountrySelected($event)\">\n                    @for(country of countries; track $index){\n                    <option [value]=\"country.code\">{{ country.name }}</option>\n                    }\n                </select>\n                @if(checkoutForm.controls['countryCode'].touched &&\n                checkoutForm.controls['countryCode'].errors?.['required']){\n                <div class=\"text text-danger\">\n                    {{'country-help'|translate}}\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.provinceCode.enabled){\n            @if(provinces$ | async; as provinces){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'state'|translate}}\n                    @if(getTypeForm().viewForms.provinceCode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select class=\"form-select\" name=\"provinceCode\" (change)=\"onProvincesSelected($event, provinces)\"\n                    formControlName='provinceCode'>\n                    <option value=\"\">{{'select-state'|translate}}</option>\n                    @for(province of provinces; track $index){\n                    <option [value]=\"province.code\">{{ province.name }}\n                    </option>\n                    }\n                </select>\n                @if(checkoutForm.controls['provinceCode'].touched &&\n                checkoutForm.controls['provinceCode'].errors?.['required']){\n                <div class=\"text text-danger\">\n                    {{'state-help'|translate}}\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.city.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"form-label\">{{'town-city'|translate}}\n                    @if(getTypeForm().viewForms.city.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\" formControlName='city'\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['city'].touched && checkoutForm.controls['city'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 4-->\n            @if(getTypeForm().viewForms.street.enabled){\n            <div class=\"form-group col-12 col-md-8\">\n                <label class=\"field-label\">{{'address'|translate}}\n                    @if(getTypeForm().viewForms.street.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                    formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['street'].touched && checkoutForm.controls['street'].errors?.['maxlength']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n\n            <!-- form direcci\u00F3n -->\n            @if(getTypeForm().viewForms.postcode.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'postal-code'|translate}}\n                    @if(getTypeForm().viewForms.postcode.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                    formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(checkoutForm.controls['postcode'].touched &&\n                checkoutForm.controls['postcode'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                </div>\n                }\n                @if(checkoutForm.controls['postcode'].touched && checkoutForm.controls['postcode'].errors?.['pattern']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 5-->\n            @if(getTypeForm().viewForms.documentType.enabled){\n            @if(documentTypes$ | async; as documentTypes){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'document-type'|translate}}\n                    @if(getTypeForm().viewForms.documentType.required){\n                    <span class=\"required\">*</span>\n                    }</label>\n                <select name=\"documentType\" class=\"form-select\" (change)=\"onDocumentTypesSelected($event)\"\n                    formControlName='documentType'>\n                    @for(item of documentTypes; track $index){\n                    <option [value]=\"item.code\">{{item.name}}</option>\n                    }\n                </select>\n                @if(checkoutForm.controls['documentType'].touched &&\n                checkoutForm.controls['documentType'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'type-document-help'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n            }\n            @if(getTypeForm().viewForms.documentNumber.enabled){\n            <div class=\"form-group col-12 col-md-4\">\n                <label class=\"field-label\">{{'document-number'|translate}}\n                    @if(getTypeForm().viewForms.documentNumber.required){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                    formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\n                    autocomplete=\"off\">\n                @if(checkoutForm.controls['documentNumber'].touched &&\n                checkoutForm.controls['documentNumber'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">\n                        {{'document-number-help'|translate}}\n                    </span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 6-->\n            @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n            <div class=\"form-group col-12 col-md-12\">\n                @if(!getLabelNotesParam()){\n                <label class=\"field-label\">{{'notes'|translate}}\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                @if(getLabelNotesParam(); as labelnotes){\n                <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\" formControlName='notes'\n                    value=\"\" placeholder=\"\" autocomplete=\"off\">\n                @if(this.channel.checkoutNotesField == 'required' && checkoutForm.controls['notes'].touched &&\n                checkoutForm.controls['notes'].errors?.['required']){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        <div class=\"row mt-df\"><!--Fila 7-->\n            <div class=\"form-group col-12 col-md-12\">\n                <label for=\"formFact\"><b>{{ 'same-billing-address' | translate }}</b> <input type=\"checkbox\"\n                        class=\"ms-2\" [checked]=\"viewDataFacturacion\" (change)=\"showFormFacturacion()\"\n                        id=\"formFact\"></label>\n            </div>\n        </div>\n        <div class=\"row mt-df\">\n            <div class=\"col-12\">\n                <p>\n                    <label class=\"required text-underline text-danger\">* {{ 'required-fields' | translate }}</label>\n                </p>\n            </div>\n        </div>\n        <div class=\"row mt-df\">\n            @if(getTypeForm().viewForms.terms.enabled){\n            <div class=\"form-group col-12 col-md-12\">\n                @if(getTypeForm().viewForms.terms.required){\n                <span class=\"required\">*</span>\n                }\n                <label class=\"\" for=\"\"> {{ 'accept-terms' | translate }} <input class=\"ms-2\" name=\"terms\"\n                        formControlName='terms' type=\"checkbox\" required (change)=\"onInputChange()\" /> </label><br />\n                <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\"\n                    data-bs-target=\"#terminos-y-condiciones\">\n                    {{ 'whats-this' | translate }}\n                </button>\n                @if(checkoutForm.controls['terms'].touched && !checkoutForm.controls['terms'].value){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{ 'must-accept-terms' | translate }}</span>\n                </div>\n                }\n            </div>\n            }\n        </div>\n        @if(!viewDataFacturacion){\n        <!--Formulario de Facturaci\u00F3n-->\n        <div class=\"card\">\n            <div class=\"card-header text-center\">\n                <h2>{{ 'billing-data' | translate }}</h2>\n            </div>\n            <div class=\"card-body\">\n                <form [formGroup]=\"checkoutFormFacturacion\">\n                    <div class=\"row mt-2\"><!--Fila 1-->\n\n                        @if(getTypeForm().viewForms.firstName.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <!--Si es required-->\n                            <label class=\"form-label\">{{'first-name'|translate}}\n                                @if(getTypeForm().viewForms.firstName.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <!--Input-->\n                            <input class=\"form-control\" type=\"text\" name=\"firstName\" formControlName=\"firstName\"\n                                value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\n                            checkoutFormFacturacion.controls['firstName'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'first-name-help1'|translate}}</span>\n                            </div>\n                            }\n                            <!--Error info-->\n                            @if(checkoutFormFacturacion.controls['firstName'].touched &&\n                            checkoutFormFacturacion.controls['firstName'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'first-name-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        @if(getTypeForm().viewForms.lastName.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'last-name'|translate}}\n                                @if(getTypeForm().viewForms.lastName.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input class=\"form-control\" type=\"text\" name=\"lastName\" formControlName=\"lastName\" value=\"\"\n                                placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\n                            checkoutFormFacturacion.controls['lastName'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'last-name-help1'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['lastName'].touched &&\n                            checkoutFormFacturacion.controls['lastName'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'last-name-help2'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-2\"><!--Fila 2-->\n                        @if(getTypeForm().viewForms.phoneNumber.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'phone'|translate}}\n                                @if(getTypeForm().viewForms.phoneNumber.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"phoneNumber\"\n                                formControlName='phoneNumber' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'phone-help1'|translate}}\n                                </span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['phoneNumber'].touched &&\n                            checkoutFormFacturacion.controls['phoneNumber'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'phone-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        @if(getTypeForm().viewForms.email.enabled){\n                        <div class=\"form-group col-12 col-md-6\">\n                            <label class=\"form-label\">{{'email-address'|translate}}\n                                @if(getTypeForm().viewForms.email.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input class=\"form-control\" type=\"email\" name=\"email\" formControlName='email' value=\"\"\n                                placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\n                            checkoutFormFacturacion.controls['email'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'email-address-help1'|translate}}\n                                </span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['email'].touched &&\n                            checkoutFormFacturacion.controls['email'].errors?.['email']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'email-address-help2'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-2\"><!--Fila 3-->\n                        @if(getTypeForm().viewForms.countryCode.enabled){\n                        @if(countries$ | async; as countries){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'country'|translate}}\n                                @if(getTypeForm().viewForms.countryCode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select class=\"form-select\" name=\"countryCode\" formControlName='countryCode'\n                                (change)=\"onCountrySelected($event, true)\">\n                                @for(country of countries; track $index){\n                                <option [value]=\"country.code\">{{ country.name }}</option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['countryCode'].touched &&\n                            checkoutFormFacturacion.controls['countryCode'].errors?.['required']){\n                            <div class=\"text text-danger\">\n                                {{'country-help'|translate}}\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.provinceCode.enabled){\n                        @if(provinces$ | async; as provinces){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'state'|translate}}\n                                @if(getTypeForm().viewForms.provinceCode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select class=\"form-select\" name=\"provinceCode\"\n                                (change)=\"onProvincesSelected($event, provinces, true)\" formControlName='provinceCode'>\n                                <option value=\"\">{{'select-state'|translate}}</option>\n                                @for(province of provinces; track $index){\n                                <option [value]=\"province.code\">{{ province.name }}\n                                </option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['provinceCode'].touched &&\n                            checkoutFormFacturacion.controls['provinceCode'].errors?.['required']){\n                            <div class=\"text text-danger\">\n                                {{'state-help'|translate}}\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.city.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"form-label\">{{'town-city'|translate}}\n                                @if(getTypeForm().viewForms.city.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"city\"\n                                formControlName='city' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['city'].touched &&\n                            checkoutFormFacturacion.controls['city'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'town-city-help'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 4-->\n                        @if(getTypeForm().viewForms.street.enabled){\n                        <div class=\"form-group col-12 col-md-8\">\n                            <label class=\"field-label\">{{'address'|translate}}\n                                @if(getTypeForm().viewForms.street.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"street\"\n                                formControlName='street' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\n                            checkoutFormFacturacion.controls['street'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'address-help1'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['street'].touched &&\n                            checkoutFormFacturacion.controls['street'].errors?.['maxlength']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'address-help2'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n\n                        <!-- form direcci\u00F3n -->\n                        @if(getTypeForm().viewForms.postcode.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'postal-code'|translate}}\n                                @if(getTypeForm().viewForms.postcode.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"postcode\"\n                                formControlName='postcode' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\n                            checkoutFormFacturacion.controls['postcode'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'postal-code-help'|translate}}</span>\n                            </div>\n                            }\n                            @if(checkoutFormFacturacion.controls['postcode'].touched &&\n                            checkoutFormFacturacion.controls['postcode'].errors?.['pattern']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\"> {{'postal-code-pattern-error' | translate}} </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 5-->\n                        @if(getTypeForm().viewForms.documentType.enabled){\n                        @if(documentTypes$ | async; as documentTypes){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'document-type'|translate}}\n                                @if(getTypeForm().viewForms.documentType.required){\n                                <span class=\"required\">*</span>\n                                }</label>\n                            <select name=\"documentType\" class=\"form-select\"\n                                (change)=\"onDocumentTypesSelected($event, true)\" formControlName='documentType'>\n                                @for(item of documentTypes; track $index){\n                                <option [value]=\"item.code\">{{item.name}}</option>\n                                }\n                            </select>\n                            @if(checkoutFormFacturacion.controls['documentType'].touched &&\n                            checkoutFormFacturacion.controls['documentType'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'type-document-help'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                        }\n                        @if(getTypeForm().viewForms.documentNumber.enabled){\n                        <div class=\"form-group col-12 col-md-4\">\n                            <label class=\"field-label\">{{'document-number'|translate}}\n                                @if(getTypeForm().viewForms.documentNumber.required){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" [type]=\"'text'\" name=\"documentNumber\"\n                                formControlName='documentNumber' min=\"1\" max=\"99999999999\" value=\"\" placeholder=\"\"\n                                autocomplete=\"off\">\n                            @if(checkoutFormFacturacion.controls['documentNumber'].touched &&\n                            checkoutFormFacturacion.controls['documentNumber'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">\n                                    {{'document-number-help'|translate}}\n                                </span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                    <div class=\"row mt-df\"><!--Fila 6-->\n                        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n                        <div class=\"form-group col-12 col-md-12\">\n                            @if(!getLabelNotesParam()){\n                            <label class=\"field-label\">{{'notes'|translate}}\n                                @if(this.channel.checkoutNotesField == 'required'){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            }\n                            @if(getLabelNotesParam(); as labelnotes){\n                            <label class=\"field-label\" [innerHTML]=\"labelnotes.value\">\n                                @if(this.channel.checkoutNotesField == 'required'){\n                                <span class=\"required\">*</span>\n                                }\n                            </label>\n                            }\n\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                formControlName='notes' value=\"\" placeholder=\"\" autocomplete=\"off\">\n                            @if(this.channel.checkoutNotesField == 'required' &&\n                            checkoutFormFacturacion.controls['notes'].touched &&\n                            checkoutFormFacturacion.controls['notes'].errors?.['required']){\n                            <div class=\"text-danger-container\">\n                                <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                            </div>\n                            }\n                        </div>\n                        }\n                    </div>\n                </form>\n            </div>\n        </div>\n        }\n        <div class=\"row d-flex flex-row\">\n            <div class=\"col-12 d-flex justify-content-end\">\n                <button type=\"submit\" class=\"btn btn-primary text-white\"\n                    [disabled]=\"checkoutForm.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutForm.get('notes')?.value || checkoutForm.get('notes')?.value.trim() === '')) || (!viewDataFacturacion && checkoutFormFacturacion && (checkoutFormFacturacion.invalid || (this.channel.checkoutNotesField == 'required' && (!checkoutFormFacturacion.get('notes')?.value || checkoutFormFacturacion.get('notes')?.value.trim() === ''))))\">{{(isLastOne\n                    ? 'finish-checkout' : (allready_data ? 'update' :\n                    'ready-form')) | translate}}\n                    <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n                </button>\n            </div>\n        </div>\n        @if(loading){\n        <div class=\"d-flex flex-column justify-content-center align-items-center\">\n            <app-loading-full-ec></app-loading-full-ec>\n        </div>\n        }\n\n    </form>\n</div>\n} @else {\n<div id=\"loginCheckout\">\n    @if(require_login){\n    <div class=\"d-flex flex-column justify-content-center align-items-center my-5 \">\n        <div class=\"col-12 col-md-6 \">\n            <app-login-form-ec (ready)=\"verifyValidate($event)\" [redirect]=\"false\" [title]=\"'need-login'\">\n            </app-login-form-ec>\n        </div>\n    </div>\n    }\n</div>\n}\n} @else {\n@if(modeSelectAddress == 'ONLY_ADDRESS_SELECTION'){\n<div class=\"checkout-title my-2\">\n    <h3>{{'address-selection'|translate}}</h3>\n</div>\n}\n\n@if(this.addressBook){\n@if(this.addressBook?.length){\n<div class=\"container\">\n    <div class=\"row\">\n        @for(item of addressBook; track $index; let i = $index){\n        <div class=\"col-sm-6 col-12 my-3\">\n            <div class=\"card p-3\">\n                <input class=\"ms-1 mt-3 form-check-input input-size-lg\" type=\"radio\" [name]=\"'n-'+i\" [id]=\"i\"\n                    [checked]=\"item.selected\" (click)=\"setSelectAddress(item)\" (change)=\"onInputChange()\">\n                <div class=\"ms-5\">\n                    <h4 class=\"card-title\">\n                        <strong>{{'address'|translate}}</strong><br>\n                        <span class=\"text-uppercase h3\">{{item.street}}</span>\n                    </h4>\n                    <div class=\"row\">\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'country'|translate}}</strong> {{getCountry(item.countryCode)}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'state'|translate}}</strong> {{getProvince(item.provinceCode)}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'town-city'|translate}}</strong> {{item.city}}\n                        </h5>\n                        <h5 class=\"card-subtitle mb-2 text-muted col-auto\">\n                            <strong>{{'postal-code'|translate}}</strong> {{item.postcode}}\n                        </h5>\n                    </div>\n                    <div class=\"row px-3\">\n                        <div class=\"card p-2 bg-light w-100\">\n                            <div class=\"card-body\">\n                                <h5 class=\"card-title\">{{'address-contact'|translate}}</h5>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'first-name'|translate}}</strong>\n                                    {{item.addressContact.firstName}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'last-name'|translate}}</strong>\n                                    {{item.addressContact.lastName}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'document-type'|translate}}</strong>\n                                    {{getDocumentType(item.addressContact.documentType)}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'document-number'|translate}}</strong>\n                                    {{item.addressContact.documentNumber}}\n                                </h6>\n                                <h6 class=\"card-subtitle mb-2 text-muted\">\n                                    <strong>{{'email-address'|translate}}</strong>\n                                    {{item.addressContact.email}}\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        }\n\n    </div>\n\n    <div class=\"w-100\">\n        @if(this.channel.checkoutNotesField == 'required' || this.channel.checkoutNotesField == 'show'){\n        <div class=\"row mt-df\">\n            <div class=\"form-group col-12 col-md-12\">\n                @if(!getLabelNotesParam()){\n                <label class=\"form-label\">{{'notes'|translate}}\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                @if(getLabelNotesParam(); as labelnotes){\n                <label class=\"form-label\" [innerHTML]=\"labelnotes.value\">\n                    @if(this.channel.checkoutNotesField == 'required'){\n                    <span class=\"required\">*</span>\n                    }\n                </label>\n                }\n                <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                    [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\n                    autocomplete=\"off\" [required]=\"this.channel.checkoutNotesField == 'required'\">\n                @if(this.channel.checkoutNotesField == 'required' && ctrl.touched && ctrl.invalid){\n                <div class=\"text-danger-container\">\n                    <span class=\"text-danger\">{{'notes-help'|translate}}</span>\n                </div>\n                }\n            </div>\n        </div>\n        }\n    </div>\n    <div class=\"row d-flex flex-row\">\n        <div class=\"col-12 d-flex justify-content-end\">\n            <button (click)=\"onSelectAddress(cartItems)\" class=\"btn btn-primary text-white\"\n                [disabled]=\"loadingStep || (this.channel.checkoutNotesField == 'required' && (!this.addressBookSelected.notes || this.addressBookSelected.notes.trim() === ''))\">{{(isLastOne\n                ? 'finish-checkout' : (allready_data ? 'update' :\n                'ready-form')) | translate}}\n                <!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n            </button>\n\n        </div>\n    </div>\n    @if(loading){\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    }\n</div>\n} @else {\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12 text-center my-2\">\n            <div class=\"d-flex flex-column justify-content-center align-items-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    </div>\n</div>\n}\n} @else {\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12 text-center my-2\">\n            <h4> {{'address-book-not-result' | translate }} </h4>\n        </div>\n    </div>\n</div>\n}\n\n}\n\n}\n@else {\n<div class=\"container\">\n    <p>Por favor <a [routerLink]=\"['/auth/login']\"> Inicie Sesi\u00F3n</a></p>\n</div>\n}\n}\n@if(getTypeForm().viewForms.terms.enabled){\n<div class=\"modal fade\" id=\"terminos-y-condiciones\" tabindex=\"-1\" aria-labelledby=\"modalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"modalLabel\">T\u00E9rminos y condiciones</h5>\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n            </div>\n            <div class=\"modal-body\">\n                <app-blocks-ec [section]=\"'terminos-y-condiciones'\" />\n            </div>\n        </div>\n    </div>\n</div>\n}" }]
         }], ctorParameters: () => [] });
 
 class ShipmentEcComponent {
@@ -10985,11 +11069,11 @@ class ShipmentEcComponent {
         this._checkoutService.next();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShipmentEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ShipmentEcComponent, isStandalone: true, selector: "app-shipment-ec", ngImport: i0, template: "<div class=\"container-fluid\">\r\n\t<div class=\"col-12\">\r\n\t\t<div class=\"card text-center\">\r\n\t\t\t<div class=\"card-header text-dark\">\r\n\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\r\n\t\t\t\t@if(methods$ | async; as methods){\r\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\r\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t\t@for(method of filterMethods(methods); track $index){\r\n\t\t\t\t\t\t\t\t<button [disabled]=\"buttonsDisabled\" type=\"button\"\r\n\t\t\t\t\t\t\t\t\t[class]=\"'btn btn-outline-secondary mx-1 mb-1' + (isMethodActive(method.code) ? ' active' : '')\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"setMethod(method)\">\r\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}@else {\r\n\t\t\t\t\t<div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\r\n\t\t\t\t\t\t<h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"card-body\">\r\n\t\t\t\t@if(moreInfoInMethod && methodSelect && methodSelect.description){\r\n                <div class=\"row justify-content-center mb-2\">\r\n                    <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\r\n                      @for(line of methodSelect.description.split('\\r\\n'); track $index; let i=$index){\r\n                        <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\">{{line}}</span>\r\n\t\t\t\t\t  }\r\n                    </div>\r\n                </div>}\r\n\t\t\t\t@if(costs$ | async; as costs){\r\n<!-- \t\t\t\t @if(costs){ -->\r\n                <div class=\"row justify-content-center\">\r\n                    @if(!loadingInternal){\r\n\t\t\t\t\t\t@for(cost of costs; track $index; let y = $index){\r\n                        <div class=\"col-auto text-dark\">\r\n\t\t\t\t\t\t\t@if(cost.contracts.length > 0){\r\n\t\t\t\t\t\t\t\t@if(costs.length > 1){\r\n\t\t\t\t\t\t\t\t\t<span><b>{{ cost.name | translate }}</b></span>\r\n\t\t\t\t\t\t\t\t\t<hr />\r\n\t\t\t\t\t\t\t\t}@else{\r\n\t\t\t\t\t\t\t\t\t<span><b>{{ methodSelect.name | translate }}</b></span>\r\n\t\t\t\t\t\t\t\t\t<hr />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@for(contract of cost.contracts; track $index; let i = $index){\r\n                                <div class=\"option\">\r\n                                    <div class=\"form-check current-contract\">\r\n                                        <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\r\n                                            value=\"dark\" (click)=\"verifyValidate(costs,cost.name, contract)\">\r\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\r\n                                            @if(validName(contract.name)){\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{{ contract.name | translate }}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.computed){\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span><br class=\"shipment-contractname\">{{ contract.computed | translate }}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<br class=\"shipment-contractname\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.detail){\r\n                                            <div class=\"contract-detail\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t@for(line of contract.detail.split(' - '); track $index; let i = $index){\r\n                                                <div [class]=\"'contrat-item-'+i\">\r\n                                                    @if(i == 0){<span><b>{{ line }}</b></span>}\r\n                                                    @if(i > 0){<span class=\"inside-detail\">{{ line }}</span>}\r\n                                                </div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n                                            </div>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.price > 0){\r\n                                            <span [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\r\n                                                @if(!contract.computed){<br class=\"shipment-contractname\">}\r\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n                                            <br>\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n\t\t\t\t\t\t\t\t}\r\n                            \r\n\t\t\t\t\t\t\t}\r\n                        </div>\r\n\t\t\t\t\t\t}\r\n                    }@else {\r\n\t\t\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t\t\t}\r\n                </div>\r\n\t\t\t\t}\r\n\t\t\t\t\r\n            </div>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"row d-flex flex-row\">\r\n\t\t\t<div class=\"col-12 d-flex justify-content-between\">\r\n\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\r\n\t\t\t\t<button type=\"submit\" (click)=\"next()\" [disabled]=\"!enabledConfirmButton\" class=\"btn btn-primary text-white\">{{(isLastOne\r\n\t\t\t\t\t? 'finish-checkout' :'ready-form') | translate}}\r\n\t\t\t\t\t<!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ShipmentEcComponent, isStandalone: true, selector: "app-shipment-ec", ngImport: i0, template: "<div class=\"container-fluid\">\n\t<div class=\"col-12\">\n\t\t<div class=\"card text-center\">\n\t\t\t<div class=\"card-header text-dark\">\n\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t@if(methods$ | async; as methods){\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for(method of filterMethods(methods); track $index){\n\t\t\t\t\t\t\t\t<button [disabled]=\"buttonsDisabled\" type=\"button\"\n\t\t\t\t\t\t\t\t\t[class]=\"'btn btn-outline-secondary mx-1 mb-1' + (isMethodActive(method.code) ? ' active' : '')\"\n\t\t\t\t\t\t\t\t\t(click)=\"setMethod(method)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t}@else {\n\t\t\t\t\t<div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n\t\t\t\t\t\t<h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"card-body\">\n\t\t\t\t@if(moreInfoInMethod && methodSelect && methodSelect.description){\n                <div class=\"row justify-content-center mb-2\">\n                    <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\n                      @for(line of methodSelect.description.split('\\r\\n'); track $index; let i=$index){\n                        <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\">{{line}}</span>\n\t\t\t\t\t  }\n                    </div>\n                </div>}\n\t\t\t\t@if(costs$ | async; as costs){\n<!-- \t\t\t\t @if(costs){ -->\n                <div class=\"row justify-content-center\">\n                    @if(!loadingInternal){\n\t\t\t\t\t\t@for(cost of costs; track $index; let y = $index){\n                        <div class=\"col-auto text-dark\">\n\t\t\t\t\t\t\t@if(cost.contracts.length > 0){\n\t\t\t\t\t\t\t\t@if(costs.length > 1){\n\t\t\t\t\t\t\t\t\t<span><b>{{ cost.name | translate }}</b></span>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t}@else{\n\t\t\t\t\t\t\t\t\t<span><b>{{ methodSelect.name | translate }}</b></span>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@for(contract of cost.contracts; track $index; let i = $index){\n                                <div class=\"option\">\n                                    <div class=\"form-check current-contract\">\n                                        <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n                                            value=\"dark\" (click)=\"verifyValidate(costs,cost.name, contract)\">\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n                                            @if(validName(contract.name)){\n\t\t\t\t\t\t\t\t\t\t\t<span\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ contract.name | translate }}\n\t\t\t\t\t\t\t\t\t\t\t</span>}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.computed){\n\t\t\t\t\t\t\t\t\t\t\t\t<span><br class=\"shipment-contractname\">{{ contract.computed | translate }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<br class=\"shipment-contractname\">\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.detail){\n                                            <div class=\"contract-detail\">\n\t\t\t\t\t\t\t\t\t\t\t\t@for(line of contract.detail.split(' - '); track $index; let i = $index){\n                                                <div [class]=\"'contrat-item-'+i\">\n                                                    @if(i == 0){<span><b>{{ line }}</b></span>}\n                                                    @if(i > 0){<span class=\"inside-detail\">{{ line }}</span>}\n                                                </div>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n                                            </div>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.price > 0){\n                                            <span [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                @if(!contract.computed){<br class=\"shipment-contractname\">}\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\n\t\t\t\t\t\t\t\t\t\t\t}\n                                            <br>\n                                        </label>\n                                    </div>\n                                </div>\n\t\t\t\t\t\t\t\t}\n                            \n\t\t\t\t\t\t\t}\n                        </div>\n\t\t\t\t\t\t}\n                    }@else {\n\t\t\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\n\t\t\t\t\t}\n                </div>\n\t\t\t\t}\n\t\t\t\t\n            </div>\n\n\t\t</div>\n\t\t<div class=\"row d-flex flex-row\">\n\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t<button type=\"submit\" (click)=\"next()\" [disabled]=\"!enabledConfirmButton\" class=\"btn btn-primary text-white\">{{(isLastOne\n\t\t\t\t\t? 'finish-checkout' :'ready-form') | translate}}\n\t\t\t\t\t<!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShipmentEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-shipment-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, AsyncPipe, EcCurrencySymbolPipe, JsonPipe], template: "<div class=\"container-fluid\">\r\n\t<div class=\"col-12\">\r\n\t\t<div class=\"card text-center\">\r\n\t\t\t<div class=\"card-header text-dark\">\r\n\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\r\n\t\t\t\t@if(methods$ | async; as methods){\r\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\r\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t\t@for(method of filterMethods(methods); track $index){\r\n\t\t\t\t\t\t\t\t<button [disabled]=\"buttonsDisabled\" type=\"button\"\r\n\t\t\t\t\t\t\t\t\t[class]=\"'btn btn-outline-secondary mx-1 mb-1' + (isMethodActive(method.code) ? ' active' : '')\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"setMethod(method)\">\r\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}@else {\r\n\t\t\t\t\t<div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\r\n\t\t\t\t\t\t<h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"card-body\">\r\n\t\t\t\t@if(moreInfoInMethod && methodSelect && methodSelect.description){\r\n                <div class=\"row justify-content-center mb-2\">\r\n                    <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\r\n                      @for(line of methodSelect.description.split('\\r\\n'); track $index; let i=$index){\r\n                        <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\">{{line}}</span>\r\n\t\t\t\t\t  }\r\n                    </div>\r\n                </div>}\r\n\t\t\t\t@if(costs$ | async; as costs){\r\n<!-- \t\t\t\t @if(costs){ -->\r\n                <div class=\"row justify-content-center\">\r\n                    @if(!loadingInternal){\r\n\t\t\t\t\t\t@for(cost of costs; track $index; let y = $index){\r\n                        <div class=\"col-auto text-dark\">\r\n\t\t\t\t\t\t\t@if(cost.contracts.length > 0){\r\n\t\t\t\t\t\t\t\t@if(costs.length > 1){\r\n\t\t\t\t\t\t\t\t\t<span><b>{{ cost.name | translate }}</b></span>\r\n\t\t\t\t\t\t\t\t\t<hr />\r\n\t\t\t\t\t\t\t\t}@else{\r\n\t\t\t\t\t\t\t\t\t<span><b>{{ methodSelect.name | translate }}</b></span>\r\n\t\t\t\t\t\t\t\t\t<hr />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@for(contract of cost.contracts; track $index; let i = $index){\r\n                                <div class=\"option\">\r\n                                    <div class=\"form-check current-contract\">\r\n                                        <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\r\n                                            value=\"dark\" (click)=\"verifyValidate(costs,cost.name, contract)\">\r\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\r\n                                            @if(validName(contract.name)){\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{{ contract.name | translate }}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.computed){\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span><br class=\"shipment-contractname\">{{ contract.computed | translate }}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<br class=\"shipment-contractname\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.detail){\r\n                                            <div class=\"contract-detail\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t@for(line of contract.detail.split(' - '); track $index; let i = $index){\r\n                                                <div [class]=\"'contrat-item-'+i\">\r\n                                                    @if(i == 0){<span><b>{{ line }}</b></span>}\r\n                                                    @if(i > 0){<span class=\"inside-detail\">{{ line }}</span>}\r\n                                                </div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n                                            </div>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.price > 0){\r\n                                            <span [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\r\n                                                @if(!contract.computed){<br class=\"shipment-contractname\">}\r\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n                                            <br>\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n\t\t\t\t\t\t\t\t}\r\n                            \r\n\t\t\t\t\t\t\t}\r\n                        </div>\r\n\t\t\t\t\t\t}\r\n                    }@else {\r\n\t\t\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t\t\t}\r\n                </div>\r\n\t\t\t\t}\r\n\t\t\t\t\r\n            </div>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"row d-flex flex-row\">\r\n\t\t\t<div class=\"col-12 d-flex justify-content-between\">\r\n\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\r\n\t\t\t\t<button type=\"submit\" (click)=\"next()\" [disabled]=\"!enabledConfirmButton\" class=\"btn btn-primary text-white\">{{(isLastOne\r\n\t\t\t\t\t? 'finish-checkout' :'ready-form') | translate}}\r\n\t\t\t\t\t<!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>" }]
+            args: [{ selector: 'app-shipment-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, AsyncPipe, EcCurrencySymbolPipe, JsonPipe], template: "<div class=\"container-fluid\">\n\t<div class=\"col-12\">\n\t\t<div class=\"card text-center\">\n\t\t\t<div class=\"card-header text-dark\">\n\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t@if(methods$ | async; as methods){\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for(method of filterMethods(methods); track $index){\n\t\t\t\t\t\t\t\t<button [disabled]=\"buttonsDisabled\" type=\"button\"\n\t\t\t\t\t\t\t\t\t[class]=\"'btn btn-outline-secondary mx-1 mb-1' + (isMethodActive(method.code) ? ' active' : '')\"\n\t\t\t\t\t\t\t\t\t(click)=\"setMethod(method)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t}@else {\n\t\t\t\t\t<div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n\t\t\t\t\t\t<h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"card-body\">\n\t\t\t\t@if(moreInfoInMethod && methodSelect && methodSelect.description){\n                <div class=\"row justify-content-center mb-2\">\n                    <div class=\"col-12 col-md-6 col-lg-4 d-flex flex-column mb-2\" [id]=\"methodSelect.code\">\n                      @for(line of methodSelect.description.split('\\r\\n'); track $index; let i=$index){\n                        <span [id]=\"methodSelect.code+'-'+i\" [class]=\"'line-'+i\">{{line}}</span>\n\t\t\t\t\t  }\n                    </div>\n                </div>}\n\t\t\t\t@if(costs$ | async; as costs){\n<!-- \t\t\t\t @if(costs){ -->\n                <div class=\"row justify-content-center\">\n                    @if(!loadingInternal){\n\t\t\t\t\t\t@for(cost of costs; track $index; let y = $index){\n                        <div class=\"col-auto text-dark\">\n\t\t\t\t\t\t\t@if(cost.contracts.length > 0){\n\t\t\t\t\t\t\t\t@if(costs.length > 1){\n\t\t\t\t\t\t\t\t\t<span><b>{{ cost.name | translate }}</b></span>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t}@else{\n\t\t\t\t\t\t\t\t\t<span><b>{{ methodSelect.name | translate }}</b></span>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@for(contract of cost.contracts; track $index; let i = $index){\n                                <div class=\"option\">\n                                    <div class=\"form-check current-contract\">\n                                        <input class=\"form-check-input\" [checked]=\"(y === 0 && i === 0) ? true : contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n                                            value=\"dark\" (click)=\"verifyValidate(costs,cost.name, contract)\">\n                                        <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n                                            @if(validName(contract.name)){\n\t\t\t\t\t\t\t\t\t\t\t<span\n                                                [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ contract.name | translate }}\n\t\t\t\t\t\t\t\t\t\t\t</span>}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.computed){\n\t\t\t\t\t\t\t\t\t\t\t\t<span><br class=\"shipment-contractname\">{{ contract.computed | translate }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<br class=\"shipment-contractname\">\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.detail){\n                                            <div class=\"contract-detail\">\n\t\t\t\t\t\t\t\t\t\t\t\t@for(line of contract.detail.split(' - '); track $index; let i = $index){\n                                                <div [class]=\"'contrat-item-'+i\">\n                                                    @if(i == 0){<span><b>{{ line }}</b></span>}\n                                                    @if(i > 0){<span class=\"inside-detail\">{{ line }}</span>}\n                                                </div>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n                                            </div>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t@if(contract.price > 0){\n                                            <span [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n                                                @if(!contract.computed){<br class=\"shipment-contractname\">}\n                                                {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\n\t\t\t\t\t\t\t\t\t\t\t}\n                                            <br>\n                                        </label>\n                                    </div>\n                                </div>\n\t\t\t\t\t\t\t\t}\n                            \n\t\t\t\t\t\t\t}\n                        </div>\n\t\t\t\t\t\t}\n                    }@else {\n\t\t\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\n\t\t\t\t\t}\n                </div>\n\t\t\t\t}\n\t\t\t\t\n            </div>\n\n\t\t</div>\n\t\t<div class=\"row d-flex flex-row\">\n\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t<button type=\"submit\" (click)=\"next()\" [disabled]=\"!enabledConfirmButton\" class=\"btn btn-primary text-white\">{{(isLastOne\n\t\t\t\t\t? 'finish-checkout' :'ready-form') | translate}}\n\t\t\t\t\t<!-- {{(allready_data ? 'update' : (isLastOne ? 'finish-checkout' : 'ready-form')) | translate}}  -->\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n</div>" }]
         }], ctorParameters: () => [] });
 
 class MpRedirectEcComponent {
@@ -11166,11 +11250,11 @@ class MpRedirectEcComponent {
     };
     renderMP = (_pref) => { };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MpRedirectEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MpRedirectEcComponent, isStandalone: true, selector: "app-mp-redirect-ec", inputs: { method: "method", total_amount: "total_amount", allData: "allData" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"text-center\">\r\n\t@if(url) {\r\n\r\n\t@if(isIdle) {\r\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t}\r\n\r\n\t@if(isPaying) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\r\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\r\n\t<div class=\"container-fluid\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t</div>\r\n\t}\r\n\r\n\t@if(isFinalizing) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\r\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n\r\n\t} @else {\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MpRedirectEcComponent, isStandalone: true, selector: "app-mp-redirect-ec", inputs: { method: "method", total_amount: "total_amount", allData: "allData" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"text-center\">\n\t@if(url) {\n\n\t@if(isIdle) {\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\n\t}\n\n\t@if(isPaying) {\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\n\t<div class=\"container-fluid\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-5\">\n\t\t\t\t<hr>\n\t\t\t</div>\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\n\t\t\t<div class=\"col-5\">\n\t\t\t\t<hr>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\n\t</div>\n\t}\n\n\t@if(isFinalizing) {\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\t}\n\n\t} @else {\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\t}\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MpRedirectEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n\t@if(url) {\r\n\r\n\t@if(isIdle) {\r\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t}\r\n\r\n\t@if(isPaying) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\r\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\r\n\t<div class=\"container-fluid\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t</div>\r\n\t}\r\n\r\n\t@if(isFinalizing) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\r\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n\r\n\t} @else {\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>" }]
+            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\n\t@if(url) {\n\n\t@if(isIdle) {\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\n\t}\n\n\t@if(isPaying) {\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\n\t<div class=\"container-fluid\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-5\">\n\t\t\t\t<hr>\n\t\t\t</div>\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\n\t\t\t<div class=\"col-5\">\n\t\t\t\t<hr>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\n\t</div>\n\t}\n\n\t@if(isFinalizing) {\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\t}\n\n\t} @else {\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t<app-loading-full-ec></app-loading-full-ec>\n\t</div>\n\t}\n</div>" }]
         }], propDecorators: { method: [{
                 type: Input
             }], total_amount: [{
@@ -11189,11 +11273,11 @@ class BankTransferEcComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BankTransferEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BankTransferEcComponent, isStandalone: true, selector: "app-bank-transfer-ec", inputs: { method: "method", verifyValidate: "verifyValidate", setLoading: "setLoading" }, ngImport: i0, template: "<div class=\"row px-0 description-cont\">\r\n\r\n  @for(line of method.description.split('\\r\\n');track $index; let i=$index){\r\n    <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\r\n  }\r\n</div>\r\n@if(method.instructions){\r\n  <hr />\r\n  <div class=\"row px-0 instructions-cont mb-1\">\r\n  <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\r\n  @for(line of method.instructions.split('\\r\\n'); track $index; let i=$index){\r\n    <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\r\n  }\r\n</div>\r\n}\r\n\r\n<div class=\"end-button\">\r\n  <button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\r\n    ('pay-with-transfer'\r\n    | translate) }}</button>\r\n</div>\r\n<!-- @if(loading$ | async; as loading){\r\n  @if(loading){\r\n  <div class=\"mt-2\">\r\n    <app-loading-inline-ec></app-loading-inline-ec>\r\n  </div>\r\n  }\r\n} -->", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BankTransferEcComponent, isStandalone: true, selector: "app-bank-transfer-ec", inputs: { method: "method", verifyValidate: "verifyValidate", setLoading: "setLoading" }, ngImport: i0, template: "<div class=\"row px-0 description-cont\">\n\n  @for(line of method.description.split('\\r\\n');track $index; let i=$index){\n    <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n  }\n</div>\n@if(method.instructions){\n  <hr />\n  <div class=\"row px-0 instructions-cont mb-1\">\n  <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n  @for(line of method.instructions.split('\\r\\n'); track $index; let i=$index){\n    <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n  }\n</div>\n}\n\n<div class=\"end-button\">\n  <button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\n    ('pay-with-transfer'\n    | translate) }}</button>\n</div>\n<!-- @if(loading$ | async; as loading){\n  @if(loading){\n  <div class=\"mt-2\">\n    <app-loading-inline-ec></app-loading-inline-ec>\n  </div>\n  }\n} -->", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BankTransferEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-bank-transfer-ec', standalone: true, imports: [LoadingInlineEcComponent, TranslateModule, AsyncPipe], template: "<div class=\"row px-0 description-cont\">\r\n\r\n  @for(line of method.description.split('\\r\\n');track $index; let i=$index){\r\n    <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\r\n  }\r\n</div>\r\n@if(method.instructions){\r\n  <hr />\r\n  <div class=\"row px-0 instructions-cont mb-1\">\r\n  <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\r\n  @for(line of method.instructions.split('\\r\\n'); track $index; let i=$index){\r\n    <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\r\n  }\r\n</div>\r\n}\r\n\r\n<div class=\"end-button\">\r\n  <button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\r\n    ('pay-with-transfer'\r\n    | translate) }}</button>\r\n</div>\r\n<!-- @if(loading$ | async; as loading){\r\n  @if(loading){\r\n  <div class=\"mt-2\">\r\n    <app-loading-inline-ec></app-loading-inline-ec>\r\n  </div>\r\n  }\r\n} -->" }]
+            args: [{ selector: 'app-bank-transfer-ec', standalone: true, imports: [LoadingInlineEcComponent, TranslateModule, AsyncPipe], template: "<div class=\"row px-0 description-cont\">\n\n  @for(line of method.description.split('\\r\\n');track $index; let i=$index){\n    <p [id]=\"'faqs-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n  }\n</div>\n@if(method.instructions){\n  <hr />\n  <div class=\"row px-0 instructions-cont mb-1\">\n  <h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n  @for(line of method.instructions.split('\\r\\n'); track $index; let i=$index){\n    <p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n  }\n</div>\n}\n\n<div class=\"end-button\">\n  <button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\n    ('pay-with-transfer'\n    | translate) }}</button>\n</div>\n<!-- @if(loading$ | async; as loading){\n  @if(loading){\n  <div class=\"mt-2\">\n    <app-loading-inline-ec></app-loading-inline-ec>\n  </div>\n  }\n} -->" }]
         }], ctorParameters: () => [], propDecorators: { method: [{
                 type: Input,
                 args: [{
@@ -11213,14 +11297,14 @@ class OfflineEcComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OfflineEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OfflineEcComponent, isStandalone: true, selector: "app-offline-ec", inputs: { method: "method", verifyValidate: "verifyValidate", setLoading: "setLoading" }, ngImport: i0, template: "<p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\r\n<p class=\"px-5\">{{ method.instructions }}</p>\r\n<div class=\"end-button\">\r\n\t<button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\r\n\t\t('pay-with-offline'| translate) }}</button>\r\n</div>\r\n<!-- @if(loading$ | async; as loading){\r\n  @if(loading){\r\n  <div class=\"mt-2\">\r\n    <app-loading-inline-ec></app-loading-inline-ec>\r\n  </div>\r\n  }\r\n} -->", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OfflineEcComponent, isStandalone: true, selector: "app-offline-ec", inputs: { method: "method", verifyValidate: "verifyValidate", setLoading: "setLoading" }, ngImport: i0, template: "<p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n<p class=\"px-5\">{{ method.instructions }}</p>\n<div class=\"end-button\">\n\t<button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\n\t\t('pay-with-offline'| translate) }}</button>\n</div>\n<!-- @if(loading$ | async; as loading){\n  @if(loading){\n  <div class=\"mt-2\">\n    <app-loading-inline-ec></app-loading-inline-ec>\n  </div>\n  }\n} -->", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OfflineEcComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-offline-ec', standalone: true, imports: [
                         LoadingInlineEcComponent,
                         TranslateModule
-                    ], template: "<p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\r\n<p class=\"px-5\">{{ method.instructions }}</p>\r\n<div class=\"end-button\">\r\n\t<button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\r\n\t\t('pay-with-offline'| translate) }}</button>\r\n</div>\r\n<!-- @if(loading$ | async; as loading){\r\n  @if(loading){\r\n  <div class=\"mt-2\">\r\n    <app-loading-inline-ec></app-loading-inline-ec>\r\n  </div>\r\n  }\r\n} -->" }]
+                    ], template: "<p id=\"faqs\" class=\"qt px-5\">{{ method.description }}</p>\n<p class=\"px-5\">{{ method.instructions }}</p>\n<div class=\"end-button\">\n\t<button class=\"btn btn-outline-primary\" (click)=\"setLoading() && verifyValidate()\">{{\n\t\t('pay-with-offline'| translate) }}</button>\n</div>\n<!-- @if(loading$ | async; as loading){\n  @if(loading){\n  <div class=\"mt-2\">\n    <app-loading-inline-ec></app-loading-inline-ec>\n  </div>\n  }\n} -->" }]
         }], ctorParameters: () => [], propDecorators: { method: [{
                 type: Input,
                 args: [{
@@ -11420,11 +11504,11 @@ class DecidirEcComponent extends ComponentHelper {
         }
     };
     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" }] });
+    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\">\n    <h3>Continuar con el pago en Decidir</h3>\n    @if (method) {\n    <p class=\"px-5\">{{ method.description }}</p>\n    <p class=\"px-5\">{{ method.instructions }}</p>\n    }\n    @if (!loading) {\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\n    } @else {\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    }\n    </div>\n\n@if (showModal) {\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\n        <div class=\"modal-content\">\n\n            <div class=\"modal-body\">\n                <div class=\"payment-container\">\n                   \n                    <!-- Iframe del formulario de decidir -->\n                    <div class=\"iframe-container\">\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-decidir-ec', standalone: true, imports: [CommonModule, FormsModule, LoadingFullEcComponent], 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"] }]
+            args: [{ selector: 'app-decidir-ec', standalone: true, imports: [CommonModule, FormsModule, LoadingFullEcComponent], template: "<div class=\"text-center\">\n    <h3>Continuar con el pago en Decidir</h3>\n    @if (method) {\n    <p class=\"px-5\">{{ method.description }}</p>\n    <p class=\"px-5\">{{ method.instructions }}</p>\n    }\n    @if (!loading) {\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\n    } @else {\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n        <app-loading-full-ec></app-loading-full-ec>\n    </div>\n    }\n    </div>\n\n@if (showModal) {\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\n        <div class=\"modal-content\">\n\n            <div class=\"modal-body\">\n                <div class=\"payment-container\">\n                   \n                    <!-- Iframe del formulario de decidir -->\n                    <div class=\"iframe-container\">\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\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"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: ConnectionService }, { type: ToastService }, { type: CoreConstantsService }, { type: ApiConstantsService }, { type: CartService }, { type: i2.ActivatedRoute }, { type: i1$5.DomSanitizer }, { type: ParametersService }], propDecorators: { paymentServiceInst: [{
                 type: Input
             }], method: [{
@@ -11443,6 +11527,7 @@ class PaymentEcComponent {
     _paymentService = inject(PaymentService);
     _checkoutService = inject(CheckoutService);
     _cartService = inject(CartService);
+    _toastService = inject(ToastService);
     _methodDataSubject = new BehaviorSubject(null);
     _loadingSubject = new BehaviorSubject(false);
     methods$ = this._paymentService.methods$;
@@ -11450,12 +11535,18 @@ class PaymentEcComponent {
     methodData$ = this._methodDataSubject.asObservable();
     loadingInternal = false;
     total_amount = 0;
+    allowAnyPaymentMethod = null;
+    balanceMethodRejected = false;
+    showMethodError = false;
     constructor() { }
     ngOnInit() {
         this._checkoutService.associatedData$.subscribe((data) => {
             const totalItem = data.find(item => item.type == 'total');
             this.total_amount = totalItem?.amount ?? 0;
         });
+        this._cartService.allowAnyPaymentMethod$.subscribe(value => {
+            this.allowAnyPaymentMethod = value;
+        });
         // console.log('PaymentEcComponent initialized with total_amount:', this.total_amount);
     }
     setActive($event) {
@@ -11469,7 +11560,34 @@ class PaymentEcComponent {
     }
     async setMethod(method) {
         this._methodDataSubject.next(null);
-        let result = await this._paymentService.putPayment(method.code);
+        this.showMethodError = false;
+        const result = await this._paymentService.putPayment(method.code);
+        const balanceCustomer = result?.balanceCustomer;
+        const totals = result?.totals;
+        this._cartService.updateBalanceAttributes(balanceCustomer, totals?.total);
+        const isBalanceMethod = this.isBalanceInAccount(method.code);
+        const allowAny = balanceCustomer?.allowAnyPaymentMethod;
+        if ((balanceCustomer && allowAny === false && !isBalanceMethod) ||
+            (isBalanceMethod && !balanceCustomer)) {
+            this.handleMethodError('this-payment-method-cannot-be-used', method);
+            return;
+        }
+        if (isBalanceMethod &&
+            balanceCustomer &&
+            totals &&
+            balanceCustomer.allowExceedBalance === false &&
+            balanceCustomer.creditAmount < totals.total) {
+            this._toastService.show('insufficient_credit');
+            this.balanceMethodRejected = true;
+        }
+        else if (isBalanceMethod) {
+            this.balanceMethodRejected = false;
+        }
+        this._methodDataSubject.next(method);
+    }
+    handleMethodError(message, method) {
+        this.showMethodError = true;
+        this._toastService.show(message);
         this._methodDataSubject.next(method);
     }
     //Funciones para chequear el metodo de pago.
@@ -11492,6 +11610,7 @@ class PaymentEcComponent {
     isBankTransfer = (code) => !!code?.toLowerCase().includes('bank_transfer');
     isCatastro = (code) => !!code?.toLowerCase().includes('catastro');
     isBamboo = (code) => !!code?.toLowerCase().includes('bamboo');
+    isBalanceInAccount = (code) => !!code?.toLowerCase().includes('balance_in_account');
     allData() {
         return {
             ...this._paymentService.getUserData().shippingAddress,
@@ -11508,6 +11627,10 @@ class PaymentEcComponent {
         return true;
     };
     verifyValidate = ($event = true) => {
+        if (this.balanceMethodRejected) {
+            this.setLoading(false);
+            return;
+        }
         if ($event === false) {
             this.setLoading(false);
             return;
@@ -11522,7 +11645,7 @@ class PaymentEcComponent {
         this._checkoutService.back();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaymentEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PaymentEcComponent, isStandalone: true, selector: "app-payment-ec", ngImport: i0, template: "@if(methods$ | async; as methods){\r\n<div class=\"container-fluid\">\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<div class=\"card \">\r\n\t\t\t\t<div class=\"card-header text-dark text-center\">\r\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\r\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\r\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"(click)=\"setMethod(method) ; setActive($event)\">\r\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"card-body text-center\">\r\n\t\t\t\t\t@if(methodData$ | async; as method){\r\n\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t@if(!loadingInternal){\r\n\t\t\t\t\t\t\t@if(isMP(method.code)){\r\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\r\n\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>-->\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div> \r\n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \r\n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \r\n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\r\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bamboo-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div> -->\r\n\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\r\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \r\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"row d-flex flex-row\">\r\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\r\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }, { kind: "component", type: MpRedirectEcComponent, selector: "app-mp-redirect-ec", inputs: ["method", "total_amount", "allData"], outputs: ["ready"] }, { kind: "component", type: BankTransferEcComponent, selector: "app-bank-transfer-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: OfflineEcComponent, selector: "app-offline-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: DecidirEcComponent, selector: "app-decidir-ec", inputs: ["paymentServiceInst", "method", "total_amount", "allData", "user_data"], outputs: ["ready"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PaymentEcComponent, isStandalone: true, selector: "app-payment-ec", ngImport: i0, template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\" (click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(method && !showMethodError){\n\t\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t{{ 'this-payment-method-cannot-be-used' | translate }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(isBalanceInAccount(method.code) && !showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<hr *ngIf=\"method.instructions\">\n\t\t\t\t\t\t\t\t\t<div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"end-button\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ 'pay-with' | translate }} {{ method.name }}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t\t<ng-template #showCreditError>\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t\t\t{{ 'not-enough-credits-to-complete' | translate }}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-template>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"(loading$ | async) as load\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2\" *ngIf=\"load\">\n\t\t\t\t\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }, { kind: "component", type: MpRedirectEcComponent, selector: "app-mp-redirect-ec", inputs: ["method", "total_amount", "allData"], outputs: ["ready"] }, { kind: "component", type: BankTransferEcComponent, selector: "app-bank-transfer-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: OfflineEcComponent, selector: "app-offline-ec", inputs: ["method", "verifyValidate", "setLoading"] }, { kind: "component", type: DecidirEcComponent, selector: "app-decidir-ec", inputs: ["paymentServiceInst", "method", "total_amount", "allData", "user_data"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaymentEcComponent, decorators: [{
             type: Component,
@@ -11534,7 +11657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BankTransferEcComponent,
                         OfflineEcComponent,
                         DecidirEcComponent
-                    ], template: "@if(methods$ | async; as methods){\r\n<div class=\"container-fluid\">\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<div class=\"card \">\r\n\t\t\t\t<div class=\"card-header text-dark text-center\">\r\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\r\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\r\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\r\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\"(click)=\"setMethod(method) ; setActive($event)\">\r\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"card-body text-center\">\r\n\t\t\t\t\t@if(methodData$ | async; as method){\r\n\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t@if(!loadingInternal){\r\n\t\t\t\t\t\t\t@if(isMP(method.code)){\r\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\r\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\r\n\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\r\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>-->\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\r\n\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div> \r\n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \r\n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \r\n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\r\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\r\n\t\t\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\"></app-bamboo-ec>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div> -->\r\n\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\r\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \r\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"row d-flex flex-row\">\r\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\r\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n}" }]
+                    ], template: "@if(methods$ | async; as methods){\n<div class=\"container-fluid\">\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12\">\n\t\t\t<div class=\"card \">\n\t\t\t\t<div class=\"card-header text-dark text-center\">\n\t\t\t\t\t<h4>{{ 'select-method' | translate }}</h4>\n\t\t\t\t\t<div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\">\n\t\t\t\t\t\t<div class=\"\" role=\"group\" aria-label=\"Grupo botones envio\">\n\t\t\t\t\t\t\t<div class=\"d-flex align-content-start justify-content-center flex-wrap\">\n\t\t\t\t\t\t\t\t@for (method of methods; track $index; let x = $index) {\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary mx-1 mb-1\" (click)=\"setMethod(method) ; setActive($event)\">\n\t\t\t\t\t\t\t\t\t{{ method.name | translate }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body text-center\">\n\t\t\t\t\t@if(methodData$ | async; as method){\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t@if(!loadingInternal){\n\t\t\t\t\t\t\t@if(method && !showMethodError){\n\t\t\t\t\t\t\t\t@if(isMP(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t\t<app-mp-redirect-ec (ready)=\"verifyValidate($event)\" \t[method]=\"method\"></app-mp-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isDecidir(method.code)\">\n\t\t\t\t\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-decidir-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [paymentServiceInst]=\"_paymentService\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t\t</app-decidir-ec>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if(isBankTransfer(method.code)){\n\t\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<app-bank-transfer-ec \n\t\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t{{ 'this-payment-method-cannot-be-used' | translate }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if(isBalanceInAccount(method.code) && !showMethodError){\n\t\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t\t<div class=\"row px-0 description-cont\" *ngIf=\"method.description\">\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.description.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [id]=\"'cc-desc-'+i\" [class]=\"'qt px-5 m-0 line-'+i\">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<hr *ngIf=\"method.instructions\">\n\t\t\t\t\t\t\t\t\t<div *ngIf=\"method.instructions\" class=\"row px-0 instructions-cont mb-1\">\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"instructions-title\">{{ ('instructions' | translate) }}</h5>\n\t\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let line of method.instructions.split('\\r\\n'); let i = index\">\n\t\t\t\t\t\t\t\t\t\t\t<p [class]=\"'px-5 m-0 instructions-text line-'+i \">{{ line }}</p>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!balanceMethodRejected; else showCreditError\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"end-button\">\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"btn comprar\" (click)=\"setLoading() && verifyValidate()\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ 'pay-with' | translate }} {{ method.name }}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t\t<ng-template #showCreditError>\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-danger mt-2 px-3 fw-bold\">\n\t\t\t\t\t\t\t\t\t\t\t{{ 'not-enough-credits-to-complete' | translate }}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-template>\n\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"(loading$ | async) as load\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2\" *ngIf=\"load\">\n\t\t\t\t\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<app-loading-inline-ec></app-loading-inline-ec>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"row d-flex flex-row\">\n\t\t\t\t<div class=\"col-12 d-flex justify-content-between\">\n\t\t\t\t\t<button class=\"btn btn-primary text-white\" (click)=\"goBack()\">{{'back'|translate}}</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n}\n" }]
         }], ctorParameters: () => [] });
 
 class StepContainerEcComponent {
@@ -11550,7 +11673,7 @@ class StepContainerEcComponent {
         this._checkoutService.back();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepContainerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepContainerEcComponent, isStandalone: true, selector: "app-step-container-ec", inputs: { steps: "steps" }, ngImport: i0, template: "<div>\r\n    @for(step of steps; track $index; let x=$index){\r\n        <div [id]=\"'test-l-'+step.priority\" class=\"content\">\r\n         <!-- <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">\r\n         </app-step-ec>   -->\r\n            @switch (step.name) {\r\n                @case ('address') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-dataform-ec />\r\n                    }\r\n                }\r\n                @case ('payment') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-payment-ec />\r\n                    }\r\n                }\r\n                @case ('shipment') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-shipment-ec />\r\n                    }\r\n                }\r\n            }\r\n        </div>\r\n    }\r\n    <!-- <div class=\"row d-flex flex-row\">\r\n        <div class=\"col-6 d-flex justify-content-start\">\r\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"back()\">Anterior</button>\r\n        </div>\r\n        <div class=\"col-6 d-flex justify-content-end\">\r\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"next()\">Siguiente</button>\r\n        </div>\r\n    </div> -->\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: DataformEcComponent, selector: "app-dataform-ec" }, { kind: "component", type: ShipmentEcComponent, selector: "app-shipment-ec" }, { kind: "component", type: PaymentEcComponent, selector: "app-payment-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepContainerEcComponent, isStandalone: true, selector: "app-step-container-ec", inputs: { steps: "steps" }, ngImport: i0, template: "<div>\n    @for(step of steps; track $index; let x=$index){\n        <div [id]=\"'test-l-'+step.priority\" class=\"content\">\n         <!-- <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">\n         </app-step-ec>   -->\n            @switch (step.name) {\n                @case ('address') {\n                    @if(step.state == 'ready') {\n                    <app-dataform-ec />\n                    }\n                }\n                @case ('payment') {\n                    @if(step.state == 'ready') {\n                    <app-payment-ec />\n                    }\n                }\n                @case ('shipment') {\n                    @if(step.state == 'ready') {\n                    <app-shipment-ec />\n                    }\n                }\n            }\n        </div>\n    }\n    <!-- <div class=\"row d-flex flex-row\">\n        <div class=\"col-6 d-flex justify-content-start\">\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"back()\">Anterior</button>\n        </div>\n        <div class=\"col-6 d-flex justify-content-end\">\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"next()\">Siguiente</button>\n        </div>\n    </div> -->\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: DataformEcComponent, selector: "app-dataform-ec" }, { kind: "component", type: ShipmentEcComponent, selector: "app-shipment-ec" }, { kind: "component", type: PaymentEcComponent, selector: "app-payment-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepContainerEcComponent, decorators: [{
             type: Component,
@@ -11558,7 +11681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DataformEcComponent,
                         ShipmentEcComponent,
                         PaymentEcComponent
-                    ], template: "<div>\r\n    @for(step of steps; track $index; let x=$index){\r\n        <div [id]=\"'test-l-'+step.priority\" class=\"content\">\r\n         <!-- <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">\r\n         </app-step-ec>   -->\r\n            @switch (step.name) {\r\n                @case ('address') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-dataform-ec />\r\n                    }\r\n                }\r\n                @case ('payment') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-payment-ec />\r\n                    }\r\n                }\r\n                @case ('shipment') {\r\n                    @if(step.state == 'ready') {\r\n                    <app-shipment-ec />\r\n                    }\r\n                }\r\n            }\r\n        </div>\r\n    }\r\n    <!-- <div class=\"row d-flex flex-row\">\r\n        <div class=\"col-6 d-flex justify-content-start\">\r\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"back()\">Anterior</button>\r\n        </div>\r\n        <div class=\"col-6 d-flex justify-content-end\">\r\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"next()\">Siguiente</button>\r\n        </div>\r\n    </div> -->\r\n</div>\r\n" }]
+                    ], template: "<div>\n    @for(step of steps; track $index; let x=$index){\n        <div [id]=\"'test-l-'+step.priority\" class=\"content\">\n         <!-- <app-step-ec [step_id]=\"step.step\" [id_step]=\"x+1\" [previousStep]=\"steps[x-1] ? steps[x-1].name : step.name\"  [nextStep]=\"steps[x+1] ? next : endCheckout\" [goBack]=\"goBack\" [lastStep]=\"steps[x+1] ? false : true\">\n         </app-step-ec>   -->\n            @switch (step.name) {\n                @case ('address') {\n                    @if(step.state == 'ready') {\n                    <app-dataform-ec />\n                    }\n                }\n                @case ('payment') {\n                    @if(step.state == 'ready') {\n                    <app-payment-ec />\n                    }\n                }\n                @case ('shipment') {\n                    @if(step.state == 'ready') {\n                    <app-shipment-ec />\n                    }\n                }\n            }\n        </div>\n    }\n    <!-- <div class=\"row d-flex flex-row\">\n        <div class=\"col-6 d-flex justify-content-start\">\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"back()\">Anterior</button>\n        </div>\n        <div class=\"col-6 d-flex justify-content-end\">\n            <button type=\"button\" class=\"btn btn-primary text-white\" (click)=\"next()\">Siguiente</button>\n        </div>\n    </div> -->\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { steps: [{
                 type: Input,
                 args: [{
@@ -11568,6 +11691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class DetailCheckoutBlockEcComponent {
     _checkoutService = inject(CheckoutService);
+    priceVisibility = inject(PriceVisibilityService);
     data$ = this._checkoutService.associatedData$;
     data = null;
     getIcon = (data_type) => {
@@ -11597,16 +11721,17 @@ class DetailCheckoutBlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DetailCheckoutBlockEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DetailCheckoutBlockEcComponent, isStandalone: true, selector: "app-detail-checkout-block-ec", ngImport: i0, template: "@if(data$ | async; as datos){\r\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\r\n        @for(item of data; track $index; let i = $index){\r\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\r\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\r\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\r\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\r\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\r\n                </div>\r\n        }\r\n    </div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DetailCheckoutBlockEcComponent, isStandalone: true, selector: "app-detail-checkout-block-ec", ngImport: i0, template: "@if (priceVisibility.canShowPrices()) {\n@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DetailCheckoutBlockEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-detail-checkout-block-ec', standalone: true, imports: [TranslateModule, EcCurrencySymbolPipe, AsyncPipe], template: "@if(data$ | async; as datos){\r\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\r\n        @for(item of data; track $index; let i = $index){\r\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\r\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\r\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\r\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\r\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\r\n                </div>\r\n        }\r\n    </div>\r\n}" }]
+            args: [{ selector: 'app-detail-checkout-block-ec', standalone: true, imports: [TranslateModule, EcCurrencySymbolPipe, AsyncPipe], template: "@if (priceVisibility.canShowPrices()) {\n@if(data$ | async; as datos){\n    <div id=\"appDetailCheckoutBlockEc\" class=\"d-flex flex-row w-100 justify-content-center flex-wrap\">\n        @for(item of data; track $index; let i = $index){\n                <div class=\"d-flex flex-column justify-content-center mx-sm-3 mx-2 text-center mb-4 resumen\">\n                    <i ngClass=\"mb-2 colorIconoCheckout\" [class]=\"getIcon(item.type)\"></i>\n                    <strong class=\"text-center w-100 font-brandon font-md mb-1\">{{ item.type | translate }}</strong>\n                    <span class=\"text-center w-100 font-brandon font-md text-gray\">{{ (item.amount != 0 ) ? (item.amount |\n                        ecCurrencySymbol) : ('free' | translate) }}</span>\n                </div>\n        }\n    </div>\n}\n}" }]
         }], ctorParameters: () => [] });
 
 class CheckoutEcComponent {
     _channelService = inject(ChannelService);
     _checkoutService = inject(CheckoutService);
+    _router = inject(Router);
     ADDRESS = 'address';
     SHIPMENT = 'shipment';
     PAYMENT = 'payment';
@@ -11617,11 +11742,16 @@ class CheckoutEcComponent {
     //public steps: Step[] = [];
     subCan;
     canCheckout = false;
+    hidePrices = false;
     constructor() {
         //console.log("constructo.....");
         this._channelService.channel$.subscribe((res) => {
             //console.log("construct")
             this.channel = res;
+            this.hidePrices = !!res?.hidePrices;
+            if (this.hidePrices) {
+                this._router.navigate(['/']);
+            }
             //this.initializeSteps();
         });
     }
@@ -11648,11 +11778,11 @@ class CheckoutEcComponent {
         this._checkoutService.setSteps(steps);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CheckoutEcComponent, isStandalone: true, selector: "lib-checkout-ec", ngImport: i0, template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" 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                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: StepContainerEcComponent, selector: "app-step-container-ec", inputs: ["steps"] }, { kind: "component", type: DetailCheckoutBlockEcComponent, selector: "app-detail-checkout-block-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CheckoutEcComponent, isStandalone: true, selector: "lib-checkout-ec", ngImport: i0, template: "<main class=\"py-4\" id=\"appCheckoutEc\">\n    @if(canCheckout){\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-12 col-12\">\n                   @if(state$ | async; as steps){ \n                    <div id=\"stepper\" class=\"bs-stepper\">\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\n                            @for(step of steps; track $index; let x=$index){\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\n                                        <span\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\n                                    </div>\n                                    \n                                </div>\n                                @if(x < steps.length-1){\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\n                                }\n                            }\n                        </div>\n                        <!-- CONTENT -->\n                        <div class=\"bs-stepper-content margin-bottom-i\">\n                                <app-step-container-ec [steps]=\"steps\" />\n                        </div>\n                    </div>\n                    } \n                </div>\n                <!--@if(loading$ | async; as load){\n                    <div class=\"col-md-12 col-12\">\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n                             <app-loading-full-ec></app-loading-full-ec>\n                            <h5>{{ 'processing-payment' | translate }}</h5> \n                        </div>\n                    </div>\n                }-->\n            </div>\n        </div>\n    } @else {\n        <div class=\"wrap\">\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\n            </div>\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\n                <section id=\"cart bg-white h-50\">\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n                        <h4>{{ 'empty-cart' | translate }}</h4>\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\n                    </div>\n                </section>\n            </section> -->\n        </div>\n    }\n</main>\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "component", type: StepContainerEcComponent, selector: "app-step-container-ec", inputs: ["steps"] }, { kind: "component", type: DetailCheckoutBlockEcComponent, selector: "app-detail-checkout-block-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-checkout-ec', standalone: true, imports: [AsyncPipe, TranslateModule, StepContainerEcComponent, DetailCheckoutBlockEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<main class=\"py-4\" id=\"appCheckoutEc\">\r\n    @if(canCheckout){\r\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 col-12\">\r\n                   @if(state$ | async; as steps){ \r\n                    <div id=\"stepper\" class=\"bs-stepper\">\r\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\r\n                            @for(step of steps; track $index; let x=$index){\r\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\r\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\r\n                                        <span\r\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\r\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                                @if(x < steps.length-1){\r\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\r\n                                }\r\n                            }\r\n                        </div>\r\n                        <!-- CONTENT -->\r\n                        <div class=\"bs-stepper-content margin-bottom-i\">\r\n                                <app-step-container-ec [steps]=\"steps\" />\r\n                        </div>\r\n                    </div>\r\n                    } \r\n                </div>\r\n                <!--@if(loading$ | async; as load){\r\n                    <div class=\"col-md-12 col-12\">\r\n                        <div *ngIf=\"load\" 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                            <h5>{{ 'processing-payment' | translate }}</h5> \r\n                        </div>\r\n                    </div>\r\n                }-->\r\n            </div>\r\n        </div>\r\n    } @else {\r\n        <div class=\"wrap\">\r\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\r\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\r\n            </div>\r\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\r\n                <section id=\"cart bg-white h-50\">\r\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\r\n                        <h4>{{ 'empty-cart' | translate }}</h4>\r\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\r\n                    </div>\r\n                </section>\r\n            </section> -->\r\n        </div>\r\n    }\r\n</main>\r\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"] }]
+            args: [{ selector: 'lib-checkout-ec', standalone: true, imports: [AsyncPipe, TranslateModule, StepContainerEcComponent, DetailCheckoutBlockEcComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<main class=\"py-4\" id=\"appCheckoutEc\">\n    @if(canCheckout){\n        <app-detail-checkout-block-ec></app-detail-checkout-block-ec>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-12 col-12\">\n                   @if(state$ | async; as steps){ \n                    <div id=\"stepper\" class=\"bs-stepper\">\n                        <div class=\"mb-3 row d-flex justify-content-center position-relative stepperContainer\">\n                            @for(step of steps; track $index; let x=$index){\n                                <div [class]=\"'d-flex flex-column justify-content-center align-items-center px-0 col-2'\">\n                                    <div [class]=\"'step d-inline-flex align-items-center'\" [attr.data-target]=\"'#test-l-'+step.step\">\n                                        <span\n                                            [class]=\"'px-2 rounded-circle text-white font-bold bs-stepper-number ' + (step.state == 'ready' ? 'bg-primary' : 'bg-secondary') \">{{x+1}}</span>\n                                        <span class=\"bs-stepper-label\">{{ step.label |translate}}</span>\n                                    </div>\n                                    \n                                </div>\n                                @if(x < steps.length-1){\n                                    <div class=\"col-3 d-flex align-items-center\"><hr [class]=\"'w-100 line ' + (step.state == 'doing' ? 'line-active' : 'line-default')\" ></div>\n                                }\n                            }\n                        </div>\n                        <!-- CONTENT -->\n                        <div class=\"bs-stepper-content margin-bottom-i\">\n                                <app-step-container-ec [steps]=\"steps\" />\n                        </div>\n                    </div>\n                    } \n                </div>\n                <!--@if(loading$ | async; as load){\n                    <div class=\"col-md-12 col-12\">\n                        <div *ngIf=\"load\" class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n                             <app-loading-full-ec></app-loading-full-ec>\n                            <h5>{{ 'processing-payment' | translate }}</h5> \n                        </div>\n                    </div>\n                }-->\n            </div>\n        </div>\n    } @else {\n        <div class=\"wrap\">\n            <!-- <div *ngIf=\"(loading$ | async) as load\">\n                <app-loading-full-ec *ngIf=\"canCheckout\"></app-loading-full-ec>\n            </div>\n            <section id=\"cart\" *ngIf=\"!canCheckout\">\n                <section id=\"cart bg-white h-50\">\n                    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n                        <h4>{{ 'empty-cart' | translate }}</h4>\n                        <h5>{{ 'empty-cart-detail' | translate }}</h5>\n                    </div>\n                </section>\n            </section> -->\n        </div>\n    }\n</main>\n", styles: [".bs-stepper-label{font-size:10px;padding-left:.5rem;font-weight:700}@media (max-width: 767.98px){.bs-stepper-label{font-size:10px;line-height:1.1;white-space:normal;word-wrap:break-word;max-width:65px;text-align:center;padding-left:0;padding-top:.2rem}}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}@media (max-width: 767.98px){.bs-stepper-number{font-size:9px;padding:.2rem .35rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}}@media (max-width: 767.98px){.step{flex-direction:column!important;align-items:center!important;text-align:center;width:100%}}@media (max-width: 767.98px){.stepperContainer{margin-bottom:1.5rem!important}.stepperContainer .col-2{display:flex;justify-content:center;align-items:flex-start;min-height:50px}.stepperContainer .col-3{display:flex;align-items:center}.stepperContainer .col-3 hr{margin-top:-10px}}.line{height:1px;border:none;background-color:var(--bs-secondary);position:relative;overflow:hidden;margin:0;opacity:.75!important}.line:before{content:\"\";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--bs-primary);transition:width .5s}.line-active:before{width:100%;left:0}\n"] }]
         }], ctorParameters: () => [] });
 
 class SuccessEcComponent {
@@ -11691,22 +11821,25 @@ class SuccessEcComponent {
          * @returns el bloque si lo encontro.
          */
     containsBlock(codeBlock) { return this.blocks.find((block) => block.code == codeBlock); }
+    isBalanceInAccount = (code) => code && code.toLocaleLowerCase().includes('balance_in_account');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuccessEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\r\n\t@if(payments && payments[0].method.code){\r\n\t<div class=\"Main card my-2\">\r\n\t\t@if(this.blocks && this.blocks.length > 0){ \r\n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\r\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\r\n\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\r\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\r\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\r\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\r\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\r\n\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\r\n\t\t\t\t\t\t\t</app-blocks-ec>\r\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\r\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\r\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t}@else {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\r\n\t\t\t}\r\n\t\t} @else{\r\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\r\n\t}\r\n\t</div>\r\n\t} @else {\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\r\n\t}\r\n</div>\r\n\r\n<ng-template #notInfoToMethod let-params>\r\n\r\n\t<div class=\"wrap my-4 card-body\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-12 col-12\">\r\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\r\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\r\n\t\t\t\t</h5>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\r\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\r\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\r\n\t\t\t\t<h5 class=\"pending\">{{ ((params.payment_status || 'pending') | translate) }}</h5>\r\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\r\n\r\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">\n\t\t\t\t\t\t\t\t\t\t\t{{ isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">\n\t\t\t\t\t{{ payments && payments[0]?.method?.code && isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuccessEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-order-success-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent, TranslateModule, UpperCasePipe, CommonModule], template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\r\n\t@if(payments && payments[0].method.code){\r\n\t<div class=\"Main card my-2\">\r\n\t\t@if(this.blocks && this.blocks.length > 0){ \r\n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\r\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\r\n\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\r\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\r\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\r\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\r\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\r\n\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\r\n\t\t\t\t\t\t\t</app-blocks-ec>\r\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\r\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\r\n\t\t\t\t\t\t\t\t<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t}@else {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\r\n\t\t\t}\r\n\t\t} @else{\r\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\r\n\t}\r\n\t</div>\r\n\t} @else {\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\r\n\t}\r\n</div>\r\n\r\n<ng-template #notInfoToMethod let-params>\r\n\r\n\t<div class=\"wrap my-4 card-body\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-12 col-12\">\r\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\r\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\r\n\t\t\t\t</h5>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\r\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\r\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\r\n\t\t\t\t<h5 class=\"pending\">{{ ((params.payment_status || 'pending') | translate) }}</h5>\r\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\r\n\r\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>" }]
+            args: [{ selector: 'app-order-success-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent, TranslateModule, UpperCasePipe, CommonModule], template: "<div id=\"container \" class=\"flex-center generalContainer container-xl py-5\">\n\t@if(payments && payments[0].method.code){\n\t<div class=\"Main card my-2\">\n\t\t@if(this.blocks && this.blocks.length > 0){ \n\t\t\t@if(containsBlock(this.payments[0].method.code); as bloque) {\n\t\t\t\t<div class=\"wrap my-4 card-body\" [id]=\"bloque.code\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t\t\t\t<h5 [class]=\"bloque.code+'-title'\">{{ (bloque?.translations[locale]?.name ?\n\t\t\t\t\t\t\t\tbloque.translations[locale].name :\n\t\t\t\t\t\t\t\t'thanks-for-buying') | translate\n\t\t\t\t\t\t\t\t| uppercase }}</h5>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-md-12 col-12 text-start\">\n\t\t\t\t\t\t\t\t\t<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ ('number' | translate) + ': ' + params.external_reference }}</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">\n\t\t\t\t\t\t\t\t\t\t\t{{ isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}@else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t\t\t}\n\t\t} @else{\n\t\t\t<ng-container *ngTemplateOutlet=\"notInfoToMethodTemplate ? notInfoToMethodTemplate : notInfoToMethod; context: { $implicit: params }\"></ng-container>\n\t}\n\t</div>\n\t} @else {\n\t\t<app-loading-full-ec></app-loading-full-ec>\t\n\t}\n</div>\n\n<ng-template #notInfoToMethod let-params>\n\n\t<div class=\"wrap my-4 card-body\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12\">\n\t\t\t\t<h5 class=\"card-title titpage center-block text-center\">\n\t\t\t\t\t{{ 'thanks-for-buying' | translate | uppercase }}\n\t\t\t\t</h5>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-md-12 col-12 text-center py-3\">\n\t\t\t\t<h4 class=\"thanks-details\">{{ 'thanks-details' | translate }}</h4>\n\t\t\t\t<h5 class=\"number\">{{ ('number' | translate) + ': ' + params.external_reference }}</h5>\n\t\t\t\t<h5 class=\"pending\">\n\t\t\t\t\t{{ payments && payments[0]?.method?.code && isBalanceInAccount(payments[0].method.code)\n\t\t\t\t\t\t? ('balance-in-account-message' | translate)\n\t\t\t\t\t\t: ((params.payment_status || 'pending') | translate) }}\n\t\t\t\t</h5>\n\t\t\t\t<!-- <h5 *ngIf=\"!from_mp\">{{ ('will_contact' | translate) }}</h5> -->\n\n\t\t\t\t<!-- <a routerLink=\"/collection\"><button class=\"comprar\">{{ 'continue-shopping' | translate }}</button></a> -->\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>" }]
         }], ctorParameters: () => [] });
 
 class OrdersListEcComponent {
     _ordersService = inject(OrdersService);
     _router = inject(Router);
+    _cartService = inject(CartService);
+    priceVisibility = inject(PriceVisibilityService);
     loading = false;
     orders = [];
     error = "";
     sortValue;
-    showPrice = false;
+    showPrice = true;
     creditAmountConfigured = false;
     /**
      * @description name -> nombre de clave de valuesToSort; asc -> true: ascendente, false: descendente
@@ -11736,6 +11869,9 @@ class OrdersListEcComponent {
                 this.error = 'orders-error';
             }
         });
+        this._cartService.creditAmount$.subscribe(amount => {
+            this.creditAmountConfigured = amount !== null;
+        });
     }
     sortedByNewest(orders) {
         return orders && orders.length && orders.sort((anOrder, otherOrder) => anOrder.number > otherOrder.number ? -1 : 1);
@@ -11831,11 +11967,11 @@ class OrdersListEcComponent {
         this._router.navigateByUrl((`account/orders/${order.number}`));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrdersListEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrdersListEcComponent, isStandalone: true, selector: "app-orders-ec", ngImport: i0, template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\r\n    @if(!loading){\r\n    <section id=\"orders\" class=\"w-100\">\r\n        @if(orders && orders.length){\r\n            <div class=\"row mb-1 border-bottom\">\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12 \">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('methodState')\">\r\n                        {{ 'shipment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\r\n                </div>\r\n            </div>\r\n            @for(order of orders; track $index){\r\n                <div class=\"row item border-bottom py-2\">\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <h5 class=\"fw-bold\">\r\n                            {{ order.number }}\r\n                        </h5>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        @if(order.payments && order.payments.length > 0){\r\n                            <p class=\"price\">\r\n                                {{ order.payments[0].state | translate | titlecase }}\r\n                            </p>\r\n                        }\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ order.shipments[0].method.name }}\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ order.shipments[0].state | translate | titlecase }}\r\n                        </p>\r\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\r\n                        @if(order.tracking){\r\n                            <a [href]=\"order.tracking\"\r\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\r\n                        }\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12 d-flex\">\r\n                        @if(creditAmountConfigured ? showPrice : true){\r\n                            <h5 class=\"fw-bold text-nowrap\">\r\n                                {{ (order.totals.total) | ecCurrencySymbol }}\r\n                            </h5>\r\n                        }\r\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\r\n                                                'see-order' | translate }}</button> -->\r\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\r\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\r\n                    </div>\r\n                </div>\r\n            }\r\n        }@else {\r\n            <div class=\"w-100 h-50\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <h5>{{ 'no-orders' | translate }}</h5>\r\n                </div>\r\n            </div>\r\n        }\r\n    </section>\r\n    }@else {\r\n        <div class=\"w-100 h-50 py-5\">\r\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n<ng-template #errorView>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h4>{{ 'orders-error' | translate }}</h4>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrdersListEcComponent, isStandalone: true, selector: "app-orders-ec", ngImport: i0, template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(!priceVisibility.hidePrices()){\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(priceVisibility.canShowPrices()){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrdersListEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-orders-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, TitleCasePipe, EcCurrencySymbolPipe], template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\r\n    @if(!loading){\r\n    <section id=\"orders\" class=\"w-100\">\r\n        @if(orders && orders.length){\r\n            <div class=\"row mb-1 border-bottom\">\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12 \">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('methodState')\">\r\n                        {{ 'shipment-state' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\r\n                </div>\r\n                <div class=\"col-lg-2 col-12\">\r\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\r\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\r\n                </div>\r\n            </div>\r\n            @for(order of orders; track $index){\r\n                <div class=\"row item border-bottom py-2\">\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <h5 class=\"fw-bold\">\r\n                            {{ order.number }}\r\n                        </h5>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        @if(order.payments && order.payments.length > 0){\r\n                            <p class=\"price\">\r\n                                {{ order.payments[0].state | translate | titlecase }}\r\n                            </p>\r\n                        }\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ order.shipments[0].method.name }}\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ order.shipments[0].state | translate | titlecase }}\r\n                        </p>\r\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\r\n                        @if(order.tracking){\r\n                            <a [href]=\"order.tracking\"\r\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\r\n                        }\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12\">\r\n                        <p class=\"price\">\r\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"col-lg-2 col-12 d-flex\">\r\n                        @if(creditAmountConfigured ? showPrice : true){\r\n                            <h5 class=\"fw-bold text-nowrap\">\r\n                                {{ (order.totals.total) | ecCurrencySymbol }}\r\n                            </h5>\r\n                        }\r\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\r\n                                                'see-order' | translate }}</button> -->\r\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\r\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\r\n                    </div>\r\n                </div>\r\n            }\r\n        }@else {\r\n            <div class=\"w-100 h-50\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <h5>{{ 'no-orders' | translate }}</h5>\r\n                </div>\r\n            </div>\r\n        }\r\n    </section>\r\n    }@else {\r\n        <div class=\"w-100 h-50 py-5\">\r\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n<ng-template #errorView>\r\n    <div class=\"w-100 h-50\">\r\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n            <h4>{{ 'orders-error' | translate }}</h4>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n" }]
+            args: [{ selector: 'app-orders-ec', standalone: true, imports: [LoadingFullEcComponent, TranslateModule, TitleCasePipe, EcCurrencySymbolPipe], template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\n        @if(!priceVisibility.hidePrices()){\n        @if(orders && orders.length){\n            <div class=\"row mb-1 border-bottom\">\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12 \">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('methodState')\">\n                        {{ 'shipment-state' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n                </div>\n                <div class=\"col-lg-2 col-12\">\n                    <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n                        (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n                </div>\n            </div>\n            @for(order of orders; track $index){\n                <div class=\"row item border-bottom py-2\">\n                    <div class=\"col-lg-2 col-12\">\n                        <h5 class=\"fw-bold\">\n                            {{ order.number }}\n                        </h5>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        @if(order.payments && order.payments.length > 0){\n                            <p class=\"price\">\n                                {{ order.payments[0].state | translate | titlecase }}\n                            </p>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].method.name }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ order.shipments[0].state | translate | titlecase }}\n                        </p>\n                        <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                        <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n                        @if(order.tracking){\n                            <a [href]=\"order.tracking\"\n                            class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n                        }\n                    </div>\n                    <div class=\"col-lg-2 col-12\">\n                        <p class=\"price\">\n                            {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                            {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                        </p>\n                    </div>\n                    <div class=\"col-lg-2 col-12 d-flex\">\n                        @if(priceVisibility.canShowPrices()){\n                            <h5 class=\"fw-bold text-nowrap\">\n                                {{ (order.totals.total) | ecCurrencySymbol }}\n                            </h5>\n                        }\n                        <!-- <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n                                                'see-order' | translate }}</button> -->\n                        <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">\n                            <i class=\"bi bi-box-arrow-in-right\"></i></button>\n                    </div>\n                </div>\n            }\n        }@else {\n            <div class=\"w-100 h-50\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <h5>{{ 'no-orders' | translate }}</h5>\n                </div>\n            </div>\n        }\n        }\n    </section>\n    }@else {\n        <div class=\"w-100 h-50 py-5\">\n            <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                <app-loading-full-ec></app-loading-full-ec>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template #errorView>\n    <div class=\"w-100 h-50\">\n        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n            <h4>{{ 'orders-error' | translate }}</h4>\n        </div>\n    </div>\n</ng-template>\n" }]
         }] });
 
 class AccountEcComponent {
@@ -11848,11 +11984,11 @@ class AccountEcComponent {
         this._router.navigateByUrl(path);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccountEcComponent, isStandalone: true, selector: "lib-account-ec", ngImport: i0, template: "<section class=\"perfil mt-0\" id=\"accountEcComponent\">\r\n    <div class=\"container row w-100 mx-auto py-md-3\">\r\n        <div class=\"col-12 py-3\">\r\n            <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\r\n                <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\r\n                <button class=\"btn btn-outline-dark px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR\r\n                    SESI\u00D3N</button>\r\n            </div>\r\n            <app-orders-ec></app-orders-ec>\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "component", type: OrdersListEcComponent, selector: "app-orders-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccountEcComponent, isStandalone: true, selector: "lib-account-ec", ngImport: i0, template: "<section class=\"perfil mt-0\" id=\"accountEcComponent\">\n    <div class=\"container row w-100 mx-auto py-md-3\">\n        <div class=\"col-12 py-3\">\n            <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\n                <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\n                <button class=\"btn btn-outline-dark px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR\n                    SESI\u00D3N</button>\n            </div>\n            <app-orders-ec></app-orders-ec>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "component", type: OrdersListEcComponent, selector: "app-orders-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-account-ec', standalone: true, imports: [OrdersListEcComponent], template: "<section class=\"perfil mt-0\" id=\"accountEcComponent\">\r\n    <div class=\"container row w-100 mx-auto py-md-3\">\r\n        <div class=\"col-12 py-3\">\r\n            <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\r\n                <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\r\n                <button class=\"btn btn-outline-dark px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR\r\n                    SESI\u00D3N</button>\r\n            </div>\r\n            <app-orders-ec></app-orders-ec>\r\n        </div>\r\n    </div>\r\n</section>\r\n" }]
+            args: [{ selector: 'lib-account-ec', standalone: true, imports: [OrdersListEcComponent], template: "<section class=\"perfil mt-0\" id=\"accountEcComponent\">\n    <div class=\"container row w-100 mx-auto py-md-3\">\n        <div class=\"col-12 py-3\">\n            <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\n                <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\n                <button class=\"btn btn-outline-dark px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR\n                    SESI\u00D3N</button>\n            </div>\n            <app-orders-ec></app-orders-ec>\n        </div>\n    </div>\n</section>\n" }]
         }] });
 
 class OrderEcComponent {
@@ -11863,11 +11999,10 @@ class OrderEcComponent {
     _cartService = inject(CartService);
     _channelConfigService = inject(ChannelService);
     _activedRoute = inject(ActivatedRoute);
+    priceVisibility = inject(PriceVisibilityService);
     order$ = this._ordersService.selectedOrder$;
     allowRepeatOrders = false;
     loading = false;
-    creditAccountShowPrices = null;
-    hidePrices = false;
     hideDiscounts = false;
     hideTaxes = false;
     channelConfig = this._ordersService.channelConfig;
@@ -11892,13 +12027,9 @@ class OrderEcComponent {
             else {
                 this.allowRepeatOrders = false;
             }
-            this.hidePrices = config?.hidePrices ?? false;
             this.hideDiscounts = config?.hideDiscounts ?? false;
             this.hideTaxes = config?.hideTaxes ?? false;
         });
-        this._cartService.showPrice$.subscribe((showPrice) => {
-            this.creditAccountShowPrices = showPrice;
-        });
     }
     getUrlBase() {
         return this._consts.getUrlBase();
@@ -11916,7 +12047,7 @@ class OrderEcComponent {
     }
     mediaUrl = () => this._constants.mediaUrl();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                         <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div> \r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(priceVisibility.canShowPrices()){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!priceVisibility.hidePrices() && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(priceVisibility.canShowPrices()){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrderEcComponent, decorators: [{
             type: Component,
@@ -11926,7 +12057,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AsyncPipe,
                         TitleCasePipe,
                         UpperCasePipe
-                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\r\n    <div class=\"container\">\r\n        @if(order$ | async; as order){\r\n            <div class=\"wrap\">\r\n                @if(order){\r\n\r\n                    <div class=\"row justify-content-between \">\r\n                        <div class=\"col-sm-auto col-12 font-brandon\">\r\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\r\n                        </div>\r\n                        @if(order?.invoice){\r\n                            <div class=\"col-sm col-12 font-brandon\">\r\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\r\n                                    class=\"btn btn-link btn-invoice\">\r\n                                    <i class=\"fas fa-file-download me-1\"></i>\r\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\r\n                                </a>\r\n                            </div>\r\n                        }\r\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\r\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <section id=\"orders\">\r\n                        <div class=\"row pt-2\">\r\n                            <div class=\"col-md-2 col-12\">\r\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].state | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.payments[0]?.method?.name | translate }}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ order.shipments[0].method.name }}\r\n                                </p>\r\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\r\n                                 @if(order.tracking){\r\n                                    <a [href]=\"order.tracking\"\r\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\r\n                                    Ver seguimiento</a>\r\n                                 }\r\n                            </div>\r\n                            <div class=\"col-md-2 col-12 font-brandon\">\r\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\r\n                                <p class=\"\">\r\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\r\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\r\n                                </p>\r\n                            </div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                <div class=\"col-md-2 col-12 font-brandon\">\r\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\r\n                                    <h5 class=\"fw-bold\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\r\n\r\n                                    </h5>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </section>\r\n                    @if(!hidePrices && allowRepeatOrders){\r\n                         <div class=\"text-end mt-3\">\r\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\r\n                                {{ 'repeat-order' | translate }}\r\n                            </button>\r\n                        </div> \r\n                    }\r\n\r\n                    <div class=\"container py-3 border-top border-bottom\">\r\n                        @if(order.items.length){\r\n                            <div  class=\"row\">\r\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'product' | translate | uppercase }}\r\n                                </div>\r\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'description' | translate | uppercase }}\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\r\n                                        <!-- {{ 'description' | translate | uppercase }} -->\r\n                                        {{ 'lots' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'unit-price' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\r\n                                    {{ 'quantity' | translate | uppercase }}\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\r\n                                        {{ 'total' | translate | uppercase }}\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n\r\n                        }\r\n                        @for(item of order.items; track $index; let i = $index){\r\n                            <div class=\"row cart-items\">\r\n                                <div class=\"col-5 col-md-2 py-2\">\r\n                                    @if(item.product.variants[0]?.images?.length){\r\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\r\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\r\n                                    } @else {\r\n                                        @if(item.product.picturesdefault){\r\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\r\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\r\n                                        }\r\n                                    }\r\n                                </div>\r\n                                <div\r\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\r\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\r\n                                    </p>\r\n                                </div>\r\n                                @if(channelConfig.applyOrderLot){\r\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\r\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\r\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\r\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\r\n                                            value=\"{{ 'see' | translate | uppercase }}\">\r\n                                    </div>\r\n                                }\r\n                                <div class=\"container d-md-none\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-4\">\r\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                        </div>\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\r\n                                                    ecCurrencySymbol}}</p>\r\n                                            </div>\r\n                                        }\r\n                                        @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                            <div class=\"col-4 font-xl\">\r\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\r\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\r\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\r\n                                            </div>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-center w-100 m-0\">\r\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\r\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\r\n                                </div>\r\n                                @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\r\n                                        <p class=\"text-end w-100 m-0\">\r\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\r\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\r\n                                    </div>\r\n                                }\r\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\r\n                                    <div class=\"card card-body\">\r\n                                        <table class=\"table table-striped\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">#</th>\r\n                                                    <th scope=\"col\">Estado</th>\r\n                                                    <th scope=\"col\">Cantidad</th>\r\n                                                    <th scope=\"col\">Fecha Solicitada</th>\r\n                                                    <th scope=\"col\">Fecha Estimada</th>\r\n                                                    <th scope=\"col\">Sede</th>\r\n                                                    <th scope=\"col\">Nota</th>\r\n                                                    <th scope=\"col\">Total Lote</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                @for( lot of item.orderItemLot; track $index){\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">{{lot.id}}</th>\r\n                                                        <td>{{lot.lot_status}}</td>\r\n                                                        <td>{{lot.quantity}}</td>\r\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        @if(lot.date_deliver){\r\n                                                            <td>{{\r\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\r\n                                                        } @else {\r\n                                                            <td>Pendiente</td>\r\n                                                        }\r\n                                                        <td>{{lot.shipping_address_name}}</td>\r\n                                                        <td>{{lot.notes}}</td>\r\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\r\n                                                    </tr>\r\n                                                }\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n\r\n                    <div class=\"container\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 col-md-6\"></div>\r\n                            @if(creditAccountShowPrices !== null ? creditAccountShowPrices : true){\r\n                            <div class=\"col-12 col-md-6\">\r\n                                <div class=\"row py-4\">\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\r\n                                    </div>\r\n\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\r\n                                        translate }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\r\n\r\n                                    </div>\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\r\n                                        translate }}</div>\r\n                                    }\r\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\r\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\r\n                                    }\r\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\r\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\r\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\r\n                                    }\r\n\r\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\r\n                                    <div class=\"col-6 font-brandon font-md text-end\">\r\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                } @else {\r\n                    <div class=\"w-100 h-50\">\r\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                            <h5>{{ 'no-orders' | translate }}</h5>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n        } @else {\r\n            <div class=\"w-100 h-50 py-5\">\r\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        }\r\n    </div>\r\n</main>" }]
+                    ], template: "<main class=\"py-5\" id=\"orderEcComponent\">\n    <div class=\"container\">\n        @if(order$ | async; as order){\n            <div class=\"wrap\">\n                @if(order){\n\n                    <div class=\"row justify-content-between \">\n                        <div class=\"col-sm-auto col-12 font-brandon\">\n                            <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n                        </div>\n                        @if(order?.invoice){\n                            <div class=\"col-sm col-12 font-brandon\">\n                                <a target=\"_blank\" [href]=\"getUrlBase().slice(0, -1) + order.invoice\"\n                                    class=\"btn btn-link btn-invoice\">\n                                    <i class=\"fas fa-file-download me-1\"></i>\n                                    {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n                                </a>\n                            </div>\n                        }\n                        <a (click)=\"back()\" class=\"col-auto text-end\">\n                            <button class=\"btn btn-outline-dark btvolver border\">{{ 'back-to-orders' | translate }}</button>\n                        </a>\n                    </div>\n\n                    <section id=\"orders\">\n                        <div class=\"row pt-2\">\n                            <div class=\"col-md-2 col-12\">\n                                <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].state | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.payments[0]?.method?.name | translate }}\n                                </p>\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ order.shipments[0].method.name }}\n                                </p>\n                                <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n                                 @if(order.tracking){\n                                    <a [href]=\"order.tracking\"\n                                    class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">\n                                    Ver seguimiento</a>\n                                 }\n                            </div>\n                            <div class=\"col-md-2 col-12 font-brandon\">\n                                <p class=\"st\">{{ 'date' | translate }}:</p>\n                                <p class=\"\">\n                                    {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n                                    {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n                                </p>\n                            </div>\n                            @if(priceVisibility.canShowPrices()){\n                                <div class=\"col-md-2 col-12 font-brandon\">\n                                    <p class=\"st\">{{ 'total' | translate }}:</p>\n                                    <h5 class=\"fw-bold\">\n                                        {{ (order.totals.total) | ecCurrencySymbol}}\n\n                                    </h5>\n                                </div>\n                            }\n                        </div>\n                    </section>\n                    @if(!priceVisibility.hidePrices() && allowRepeatOrders){\n                         <div class=\"text-end mt-3\">\n                            <button class=\"btn btn-primary mb-2 btnRepeatOrder\" (click)=\"repeatOrder()\">\n                                {{ 'repeat-order' | translate }}\n                            </button>\n                        </div> \n                    }\n\n                    <div class=\"container py-3 border-top border-bottom\">\n                        @if(order.items.length){\n                            <div  class=\"row\">\n                                <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'product' | translate | uppercase }}\n                                </div>\n                                <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n                                    {{ 'description' | translate | uppercase }}\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div id=\"colLots\" class=\"col-1 font-sm font-brandon d-none d-md-block\">\n                                        <!-- {{ 'description' | translate | uppercase }} -->\n                                        {{ 'lots' | translate | uppercase }}\n                                    </div>\n                                }\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n                                        {{ 'unit-price' | translate | uppercase }}\n                                    </div>\n                                }\n                                <div class=\"col-1 text-center font-sm font-brandon d-none d-md-block\">\n                                    {{ 'quantity' | translate | uppercase }}\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n                                        {{ 'total' | translate | uppercase }}\n                                    </div>\n                                }\n                            </div>\n                        } @else {\n\n                        }\n                        @for(item of order.items; track $index; let i = $index){\n                            <div class=\"row cart-items\">\n                                <div class=\"col-5 col-md-2 py-2\">\n                                    @if(item.product.variants[0]?.images?.length){\n                                        <img class=\"smc maxwidth img-fluid rounded-custom \"\n                                            [src]=\"mediaUrl() +  item.product.variants[0].images[0]\" alt=\"\">\n                                    } @else {\n                                        @if(item.product.picturesdefault){\n                                            <img class=\"smc maxwidth img-fluid rounded-custom\"\n                                            [src]=\"mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n                                        }\n                                    }\n                                </div>\n                                <div\n                                    class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                    <p class=\"font-brandon d-flex w-100 mb-0\">\n                                        {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n                                    </p>\n                                </div>\n                                @if(channelConfig.applyOrderLot){\n                                    <div class=\"col-md-1 col-1 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n                                        <input type=\"button\" class=\"btn btn-primary btnSeguir m-0 text-center\" type=\"button\"\n                                            [attr.data-bs-toggle]=\"'collapse'\" [attr.data-bs-target]=\"'#collapseExample'+i\"\n                                            aria-expanded=\"false\" [attr.aria-controls]=\"'collapseExample'+i\"\n                                            value=\"{{ 'see' | translate | uppercase }}\">\n                                    </div>\n                                }\n                                <div class=\"container d-md-none\">\n                                    <div class=\"row\">\n                                        <div class=\"col-4\">\n                                            <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                        </div>\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) |\n                                                    ecCurrencySymbol}}</p>\n                                            </div>\n                                        }\n                                        @if(priceVisibility.canShowPrices()){\n                                            <div class=\"col-4 font-xl\">\n                                                <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ?\n                                                    item.product.variants[0].saleprice : item.product.variants[0].price) *\n                                                    item.quantity) | ecCurrencySymbol}}aaaa</p>\n                                            </div>\n                                        }\n                                    </div>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-center w-100 m-0\">\n                                            {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) | ecCurrencySymbol}}\n                                        </p>\n                                    </div>\n                                }\n                                <div class=\"col-1 d-none d-md-flex align-items-center\">\n                                    <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n                                </div>\n                                @if(priceVisibility.canShowPrices()){\n                                    <div class=\"col-2 d-none d-md-flex align-items-center\">\n                                        <p class=\"text-end w-100 m-0\">\n                                            {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice :\n                                            item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n                                    </div>\n                                }\n                                <div class=\"collapse\" [attr.id]=\"'collapseExample'+i\">\n                                    <div class=\"card card-body\">\n                                        <table class=\"table table-striped\">\n                                            <thead>\n                                                <tr>\n                                                    <th scope=\"col\">#</th>\n                                                    <th scope=\"col\">Estado</th>\n                                                    <th scope=\"col\">Cantidad</th>\n                                                    <th scope=\"col\">Fecha Solicitada</th>\n                                                    <th scope=\"col\">Fecha Estimada</th>\n                                                    <th scope=\"col\">Sede</th>\n                                                    <th scope=\"col\">Nota</th>\n                                                    <th scope=\"col\">Total Lote</th>\n                                                </tr>\n                                            </thead>\n                                            <tbody>\n                                                @for( lot of item.orderItemLot; track $index){\n                                                    <tr>\n                                                        <th scope=\"row\">{{lot.id}}</th>\n                                                        <td>{{lot.lot_status}}</td>\n                                                        <td>{{lot.quantity}}</td>\n                                                        <td>{{ toDate(lot.date_request, 'DD/MM/YYYY') | translate }}</td>\n                                                        @if(lot.date_deliver){\n                                                            <td>{{\n                                                            toDate(lot.date_deliver, 'DD/MM/YYYY') | translate }}</td>\n                                                        } @else {\n                                                            <td>Pendiente</td>\n                                                        }\n                                                        <td>{{lot.shipping_address_name}}</td>\n                                                        <td>{{lot.notes}}</td>\n                                                        <td>{{lot.total_lot | ecCurrencySymbol}}</td>\n                                                    </tr>\n                                                }\n                                            </tbody>\n                                        </table>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"container\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\"></div>\n                            @if(priceVisibility.canShowPrices()){\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"row py-4\">\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.items) | ecCurrencySymbol }}\n                                    </div>\n\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' |\n                                        translate }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n\n                                    </div>\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' |\n                                        translate }}</div>\n                                    }\n                                    @if(!hideDiscounts && order.totals.promotion && order.totals.promotion != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end text-end\">\n                                        {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0 ){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'taxes' | translate }}</div>\n                                    }\n                                    @if(!hideTaxes && order.totals.taxes && order.totals.taxes != 0){\n                                        <div class=\"col-6 font-brandon font-md text-gray border-bottom  text-end\">\n                                        {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n                                    }\n\n                                    <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n                                    <div class=\"col-6 font-brandon font-md text-end\">\n                                        {{ (order.totals.total) | ecCurrencySymbol }}\n                                    </div>\n                                </div>\n                            </div>\n                            }\n                        </div>\n                    </div>\n\n                } @else {\n                    <div class=\"w-100 h-50\">\n                        <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                            <h5>{{ 'no-orders' | translate }}</h5>\n                        </div>\n                    </div>\n                }\n            </div>\n\n        } @else {\n            <div class=\"w-100 h-50 py-5\">\n                <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        }\n    </div>\n</main>\n" }]
         }] });
 
 class SidebarEcComponent {
@@ -11936,13 +12067,13 @@ class SidebarEcComponent {
     _router = inject(Router);
     _toastrService = inject(ToastService);
     _channelService = inject(ChannelService);
+    priceVisibility = inject(PriceVisibilityService);
     user = null;
     mediaUrl = this._consts.mediaUrl();
     promotions = [];
     variantsToShow = ['TALLE', 'COLOR'];
     hideDiscounts = false;
     hideTaxes = false;
-    creditAccountShowPrices = null;
     cartItems$ = this._cartService.cartItems$;
     subTotalAmount$ = this._cartService.getSubTotalAmount();
     totalPromotionAmount$ = this._cartService.getTotalPromotionAmount();
@@ -11957,9 +12088,6 @@ class SidebarEcComponent {
             this.hideDiscounts = channel?.hideDiscounts ?? false;
             this.hideTaxes = channel?.hideTaxes ?? false;
         });
-        this._cartService.showPrice$.subscribe((showPrice) => {
-            this.creditAccountShowPrices = showPrice;
-        });
     }
     actualizarCantidad(_t13, arg1, arg2, arg3, arg4) {
         throw new Error('Method not implemented.');
@@ -11977,11 +12105,11 @@ class SidebarEcComponent {
         throw new Error('Method not implemented.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\r\n        <p class=\"fw-bold\">Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\r\n        <p class=\"fw-bold\">Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    @if (priceVisibility.canShowPrices()) {\n        <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n            <p class=\"fw-bold\">Subtotal</p>\n            <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n        <div class=\"mx-4 bordeBot py-2\">\n            <app-coupon-ec></app-coupon-ec>\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n            <p class=\"fw-bold\">Descuentos:</p>\n            <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n        </div>\n\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n            <!--  @if(this._cartService.cart.source.value.couponCode){\n                    <a class=\"quitar-cupon text-dark\" role=\"button\"\n                    (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n                } -->\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n            <p class=\"fw-bold h5\">TOTAL</p>\n         <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n    }\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe, CouponEcComponent], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\r\n        <p class=\"fw-bold\">Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\r\n        <p class=\"fw-bold\">Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}" }]
+            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe, CouponEcComponent], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\n    <h2 class=\"row text-center\">Mi pedido</h2>\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n\n\n@if(cartItems$ | async; as items){\n    @if(items.length > 0){\n    <!-- PRODUCTO -->\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\n        @for(item of items; track $index; let i = $index){\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\n        </div>\n        }\n    </div>\n    @if (priceVisibility.canShowPrices()) {\n        <div class=\"d-flex mx-4 justify-content-between mt-2 \">\n            <p class=\"fw-bold\">Subtotal</p>\n            <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n        <div class=\"mx-4 bordeBot py-2\">\n            <app-coupon-ec></app-coupon-ec>\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\n            <p class=\"fw-bold\">Descuentos:</p>\n            <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\n        </div>\n\n        <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\n            <!--  @if(this._cartService.cart.source.value.couponCode){\n                    <a class=\"quitar-cupon text-dark\" role=\"button\"\n                    (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\n                } -->\n        </div>\n        <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\n            <p class=\"fw-bold h5\">TOTAL</p>\n         <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\n        </div>\n    }\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\n    </div>\n\n\n    } @else {\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\n                    encuentra vac\u00EDo \u00B7 </h5>\n            </div>\n        </div>\n    </div>\n    }\n}" }]
         }] });
 
 class RelatedProductsEcComponent extends BlockEcComponent {
@@ -12077,11 +12205,11 @@ class RelatedProductsEcComponent extends BlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RelatedProductsEcComponent, isStandalone: true, selector: "app-related-products-ec", inputs: { appProduct: "appProduct", productID: "productID" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RelatedProductsEcComponent, isStandalone: true, selector: "app-related-products-ec", inputs: { appProduct: "appProduct", productID: "productID" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-related-products-ec', standalone: true, imports: [AsyncPipe, ProductEcComponent, CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "\r\n" }]
+            args: [{ selector: 'app-related-products-ec', standalone: true, imports: [AsyncPipe, ProductEcComponent, CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "\n" }]
         }], ctorParameters: () => [], propDecorators: { appProduct: [{
                 type: Input
             }], productID: [{
@@ -12111,21 +12239,21 @@ class FaqsEcComponent {
         }).catch(err => this._toastService.show('empty-faqs'));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FaqsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FaqsEcComponent, isStandalone: true, selector: "app-faqs-ec", ngImport: i0, template: "<section class=\"formulario container py-2\">\r\n@if(faqs$ | async; as faqs){\r\n    @if(!empty_faqs){\r\n        <div class=\"d-flex align-items-start row\">\r\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\r\n                }\r\n            </div>\r\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\r\n                    <div class=\"accordion\" id=\"accordionFaqs\">\r\n                        @for(item of faq.questions; track $index; let i = $index){\r\n                        <div class=\"accordion-item\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\r\n                                    {{item.question}}\r\n                                </button>\r\n                            </h2>\r\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>{{item.answer}}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <div class=\"d-flex justify-content-center\">\r\n            {{ 'empty_faqs' | translate }}\r\n        </div>\r\n    }\r\n}@else {\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n</section>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FaqsEcComponent, isStandalone: true, selector: "app-faqs-ec", ngImport: i0, template: "<section class=\"formulario container py-2\">\n@if(faqs$ | async; as faqs){\n    @if(!empty_faqs){\n        <div class=\"d-flex align-items-start row\">\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                @for(faq of faqs; track $index; let i = $index){\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\n                }\n            </div>\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\n                @for(faq of faqs; track $index; let i = $index){\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\n                    <div class=\"accordion\" id=\"accordionFaqs\">\n                        @for(item of faq.questions; track $index; let i = $index){\n                        <div class=\"accordion-item\">\n                            <h2 class=\"accordion-header\">\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\n                                    {{item.question}}\n                                </button>\n                            </h2>\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\n                                <div class=\"accordion-body\">\n                                    <p>{{item.answer}}</p>\n                                </div>\n                            </div>\n                        </div>\n                        }\n                    </div>\n                </div>\n                }\n            </div>\n        </div>\n    }@else {\n        <div class=\"d-flex justify-content-center\">\n            {{ 'empty_faqs' | translate }}\n        </div>\n    }\n}@else {\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n}\n</section>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FaqsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-faqs-ec', standalone: true, imports: [AsyncPipe, LoadingFullEcComponent, TranslateModule], template: "<section class=\"formulario container py-2\">\r\n@if(faqs$ | async; as faqs){\r\n    @if(!empty_faqs){\r\n        <div class=\"d-flex align-items-start row\">\r\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\r\n                }\r\n            </div>\r\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\r\n                    <div class=\"accordion\" id=\"accordionFaqs\">\r\n                        @for(item of faq.questions; track $index; let i = $index){\r\n                        <div class=\"accordion-item\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\r\n                                    {{item.question}}\r\n                                </button>\r\n                            </h2>\r\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>{{item.answer}}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <div class=\"d-flex justify-content-center\">\r\n            {{ 'empty_faqs' | translate }}\r\n        </div>\r\n    }\r\n}@else {\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n</section>" }]
+            args: [{ selector: 'app-faqs-ec', standalone: true, imports: [AsyncPipe, LoadingFullEcComponent, TranslateModule], template: "<section class=\"formulario container py-2\">\n@if(faqs$ | async; as faqs){\n    @if(!empty_faqs){\n        <div class=\"d-flex align-items-start row\">\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                @for(faq of faqs; track $index; let i = $index){\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\n                }\n            </div>\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\n                @for(faq of faqs; track $index; let i = $index){\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\n                    <div class=\"accordion\" id=\"accordionFaqs\">\n                        @for(item of faq.questions; track $index; let i = $index){\n                        <div class=\"accordion-item\">\n                            <h2 class=\"accordion-header\">\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\n                                    {{item.question}}\n                                </button>\n                            </h2>\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\n                                <div class=\"accordion-body\">\n                                    <p>{{item.answer}}</p>\n                                </div>\n                            </div>\n                        </div>\n                        }\n                    </div>\n                </div>\n                }\n            </div>\n        </div>\n    }@else {\n        <div class=\"d-flex justify-content-center\">\n            {{ 'empty_faqs' | translate }}\n        </div>\n    }\n}@else {\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n}\n</section>" }]
         }] });
 
 class ShareFacebookEcComponent {
     shareLink;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareFacebookEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareFacebookEcComponent, isStandalone: true, selector: "app-share-facebook-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n</a>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareFacebookEcComponent, isStandalone: true, selector: "app-share-facebook-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n        <path fill=\"#444\"\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\n        </path>\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n</a>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareFacebookEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-share-facebook-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n</a>" }]
+            args: [{ selector: 'app-share-facebook-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\n        <path fill=\"#444\"\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\n        </path>\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\n</a>" }]
         }], propDecorators: { shareLink: [{
                 type: Input,
                 args: [{
@@ -12136,11 +12264,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ShareTwitterEcComponent {
     shareLink;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareTwitterEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareTwitterEcComponent, isStandalone: true, selector: "app-share-twitter-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n</a>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareTwitterEcComponent, isStandalone: true, selector: "app-share-twitter-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n        <path fill=\"#444\"\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\n        </path>\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n</a>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareTwitterEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-share-twitter-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n</a>" }]
+            args: [{ selector: 'app-share-twitter-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\n        <path fill=\"#444\"\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\n        </path>\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\n</a>" }]
         }], propDecorators: { shareLink: [{
                 type: Input,
                 args: [{
@@ -12151,11 +12279,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class SharePinterestEcComponent {
     shareLink;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharePinterestEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SharePinterestEcComponent, isStandalone: true, selector: "app-share-pinterest-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n      <path fill=\"#444\"\r\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n      </path>\r\n  </svg>\r\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n</a>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SharePinterestEcComponent, isStandalone: true, selector: "app-share-pinterest-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n      <path fill=\"#444\"\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\n      </path>\n  </svg>\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n</a>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharePinterestEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-share-pinterest-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n      <path fill=\"#444\"\r\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n      </path>\r\n  </svg>\r\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n</a>" }]
+            args: [{ selector: 'app-share-pinterest-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\n      <path fill=\"#444\"\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\n      </path>\n  </svg>\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\n</a>" }]
         }], propDecorators: { shareLink: [{
                 type: Input,
                 args: [{
@@ -12166,11 +12294,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ShareWhatsappEcComponent {
     shareLink;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareWhatsappEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareWhatsappEcComponent, isStandalone: true, selector: "app-share-whatsapp-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\r\n</a>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareWhatsappEcComponent, isStandalone: true, selector: "app-share-whatsapp-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\n        <path\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\n</a>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareWhatsappEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-share-whatsapp-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\r\n</a>\r\n" }]
+            args: [{ selector: 'app-share-whatsapp-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\n        <path\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\n</a>\n" }]
         }], propDecorators: { shareLink: [{
                 type: Input,
                 args: [{
@@ -12181,11 +12309,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ShareEmailEcComponent {
     shareLink;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEmailEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareEmailEcComponent, isStandalone: true, selector: "app-share-email-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\r\n</a>", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareEmailEcComponent, isStandalone: true, selector: "app-share-email-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\n        <path\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\n</a>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEmailEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-share-email-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\r\n</a>" }]
+            args: [{ selector: 'app-share-email-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\n        <path\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\n    </svg>\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\n</a>" }]
         }], propDecorators: { shareLink: [{
                 type: Input,
                 args: [{
@@ -12292,7 +12420,7 @@ class ShareEcComponent {
         return `mailto:${mail.value}?subject=Consulta%20sobre%20el%20producto:%20${this.description}&body=Artículo:%20${this.url}`;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ShareEcComponent, isStandalone: true, selector: "app-share-ec", inputs: { product: "product" }, ngImport: i0, template: "<div class=\"w-100 d-flex justify-content-around\">\r\n    @if(params && params.length > 0){ \r\n        @if(hasParams(params, 'facebook')){\r\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        }\r\n        @if(hasParams(params, 'twitter')){\r\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n        }\r\n        @if(hasParams(params, 'pinterest')){\r\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n        }\r\n        @if(hasParams(params, 'whatsapp'); as wsp){\r\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\r\n        }\r\n        @if(hasParams(params, 'email'); as email){\r\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\r\n        }\r\n    } @else {\r\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\r\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        \r\n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n\r\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n    }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: ShareFacebookEcComponent, selector: "app-share-facebook-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareTwitterEcComponent, selector: "app-share-twitter-ec", inputs: ["shareLink"] }, { kind: "component", type: SharePinterestEcComponent, selector: "app-share-pinterest-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareWhatsappEcComponent, selector: "app-share-whatsapp-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareEmailEcComponent, selector: "app-share-email-ec", inputs: ["shareLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ShareEcComponent, isStandalone: true, selector: "app-share-ec", inputs: { product: "product" }, ngImport: i0, template: "<div class=\"w-100 d-flex justify-content-around\">\n    @if(params && params.length > 0){ \n        @if(hasParams(params, 'facebook')){\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\n        }\n        @if(hasParams(params, 'twitter')){\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\n        }\n        @if(hasParams(params, 'pinterest')){\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\n        }\n        @if(hasParams(params, 'whatsapp'); as wsp){\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\n        }\n        @if(hasParams(params, 'email'); as email){\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\n        }\n    } @else {\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\n        \n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\n\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\n    }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ShareFacebookEcComponent, selector: "app-share-facebook-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareTwitterEcComponent, selector: "app-share-twitter-ec", inputs: ["shareLink"] }, { kind: "component", type: SharePinterestEcComponent, selector: "app-share-pinterest-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareWhatsappEcComponent, selector: "app-share-whatsapp-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareEmailEcComponent, selector: "app-share-email-ec", inputs: ["shareLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEcComponent, decorators: [{
             type: Component,
@@ -12302,7 +12430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SharePinterestEcComponent,
                         ShareWhatsappEcComponent,
                         ShareEmailEcComponent
-                    ], template: "<div class=\"w-100 d-flex justify-content-around\">\r\n    @if(params && params.length > 0){ \r\n        @if(hasParams(params, 'facebook')){\r\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        }\r\n        @if(hasParams(params, 'twitter')){\r\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n        }\r\n        @if(hasParams(params, 'pinterest')){\r\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n        }\r\n        @if(hasParams(params, 'whatsapp'); as wsp){\r\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\r\n        }\r\n        @if(hasParams(params, 'email'); as email){\r\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\r\n        }\r\n    } @else {\r\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\r\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        \r\n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n\r\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n    }\r\n</div>\r\n" }]
+                    ], template: "<div class=\"w-100 d-flex justify-content-around\">\n    @if(params && params.length > 0){ \n        @if(hasParams(params, 'facebook')){\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\n        }\n        @if(hasParams(params, 'twitter')){\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\n        }\n        @if(hasParams(params, 'pinterest')){\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\n        }\n        @if(hasParams(params, 'whatsapp'); as wsp){\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\n        }\n        @if(hasParams(params, 'email'); as email){\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\n        }\n    } @else {\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\n        \n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\n\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\n    }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -12366,11 +12494,11 @@ class RatingEcComponent extends ComponentHelper {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RatingEcComponent, isStandalone: true, selector: "app-rating-ec", inputs: { template: "template", type: "type", ratingValue: "ratingValue" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\r\n        <ng-template #stars let-score=\"score\">\r\n            @for (value of score; track $index) {\r\n                @switch (value) {\r\n                    @case (1) {\r\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \r\n                    }\r\n                    @case (0.5) {\r\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\r\n                    } \r\n                    @default {\r\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\r\n                    }\r\n                 }\r\n            }\r\n        </ng-template>\r\n        <ng-container *ngSwitchCase=\"'stars'\"\r\n            [ngTemplateOutlet]=\"template  ? template : stars\"\r\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\r\n        </ng-container>\r\n</ng-container> \r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RatingEcComponent, isStandalone: true, selector: "app-rating-ec", inputs: { template: "template", type: "type", ratingValue: "ratingValue" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n        <ng-template #stars let-score=\"score\">\n            @for (value of score; track $index) {\n                @switch (value) {\n                    @case (1) {\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \n                    }\n                    @case (0.5) {\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\n                    } \n                    @default {\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\n                    }\n                 }\n            }\n        </ng-template>\n        <ng-container *ngSwitchCase=\"'stars'\"\n            [ngTemplateOutlet]=\"template  ? template : stars\"\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\n        </ng-container>\n</ng-container> \n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-rating-ec', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\r\n        <ng-template #stars let-score=\"score\">\r\n            @for (value of score; track $index) {\r\n                @switch (value) {\r\n                    @case (1) {\r\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \r\n                    }\r\n                    @case (0.5) {\r\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\r\n                    } \r\n                    @default {\r\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\r\n                    }\r\n                 }\r\n            }\r\n        </ng-template>\r\n        <ng-container *ngSwitchCase=\"'stars'\"\r\n            [ngTemplateOutlet]=\"template  ? template : stars\"\r\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\r\n        </ng-container>\r\n</ng-container> \r\n" }]
+            args: [{ selector: 'app-rating-ec', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\n        <ng-template #stars let-score=\"score\">\n            @for (value of score; track $index) {\n                @switch (value) {\n                    @case (1) {\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \n                    }\n                    @case (0.5) {\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\n                    } \n                    @default {\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\n                    }\n                 }\n            }\n        </ng-template>\n        <ng-container *ngSwitchCase=\"'stars'\"\n            [ngTemplateOutlet]=\"template  ? template : stars\"\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\n        </ng-container>\n</ng-container> \n" }]
         }], propDecorators: { template: [{
                 type: Input
             }], type: [{
@@ -12533,11 +12661,11 @@ class ReviewsEcComponent extends ComponentHelper {
     _authService = inject(AuthService);
     isAuthenticated$ = this._authService.isAuthenticated();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, deps: [{ token: ReviewsService }, { token: CoreConstantsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsEcComponent, isStandalone: true, selector: "app-reviews-ec", inputs: { product: "product" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                @if(isAuthenticated$ ){\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            }\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RatingEcComponent, selector: "app-rating-ec", inputs: ["template", "type", "ratingValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsEcComponent, isStandalone: true, selector: "app-reviews-ec", inputs: { product: "product" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row px-3\">\n    <div class=\"col-12 pb-2 pb-md-0\">\n        <div class=\"row w-100\">\n            <div class=\"col-12 col-md-6\">\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\n                @if(isAuthenticated$ ){\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\n                    {{\"write-a-review\" | translate}}\n                    <i class=\"bi bi-pencil-square\"></i>\n                </small>\n            }\n            </div>\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\n                <div class=\"puntaje d-flex\">\n                    <ng-template #number let-ratingValue=\"ratingValue\">\n                        <p class=\"puntos mb-0\">\n                            {{ratingValue}}\n                        </p>\n                    </ng-template>\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\n                    <div class=\"ms-2\">\n                        <div class=\"stars mb-1\">\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\n                        </div>\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <hr>\n\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\n        <div class=\"row g-5\">\n            @for (item of reviews.items; track $index) {\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"row\">\n                    <div class=\"col-9 col-sm-10\">\n                        <div class=\"ranking\">\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\n                        </div>\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\n                        <div class=\"d-flex justify-content-between\">\n                            <div class=\"ususario\">\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\n                            </div>\n                        </div>\n                        <div class=\"resenia mt-2\">\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n            }\n            @if (getPages() && getPages().length > 1) {\n            <nav aria-label=\"Page navigation example\">\n                <ul class=\"pagination custom-pagination\">\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\n                            <span aria-hidden=\"true\">&laquo;</span>\n                        </a>\n                    </li>\n                    @for (page of getPages(); track $index) {\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\n                    </li>\n                    }\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\n                            <span aria-hidden=\"true\">&raquo;</span>\n                        </a>\n                    </li>\n                </ul>\n            </nav>\n\n            }\n\n        </div>\n    </div>\n\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RatingEcComponent, selector: "app-rating-ec", inputs: ["template", "type", "ratingValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-reviews-ec', standalone: true, imports: [RatingEcComponent, TranslateModule], template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                @if(isAuthenticated$ ){\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            }\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"] }]
+            args: [{ selector: 'app-reviews-ec', standalone: true, imports: [RatingEcComponent, TranslateModule], template: "<div class=\"row px-3\">\n    <div class=\"col-12 pb-2 pb-md-0\">\n        <div class=\"row w-100\">\n            <div class=\"col-12 col-md-6\">\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\n                @if(isAuthenticated$ ){\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\n                    {{\"write-a-review\" | translate}}\n                    <i class=\"bi bi-pencil-square\"></i>\n                </small>\n            }\n            </div>\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\n                <div class=\"puntaje d-flex\">\n                    <ng-template #number let-ratingValue=\"ratingValue\">\n                        <p class=\"puntos mb-0\">\n                            {{ratingValue}}\n                        </p>\n                    </ng-template>\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\n                    <div class=\"ms-2\">\n                        <div class=\"stars mb-1\">\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\n                        </div>\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <hr>\n\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\n        <div class=\"row g-5\">\n            @for (item of reviews.items; track $index) {\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"row\">\n                    <div class=\"col-9 col-sm-10\">\n                        <div class=\"ranking\">\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\n                        </div>\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\n                        <div class=\"d-flex justify-content-between\">\n                            <div class=\"ususario\">\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\n                            </div>\n                        </div>\n                        <div class=\"resenia mt-2\">\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n            }\n            @if (getPages() && getPages().length > 1) {\n            <nav aria-label=\"Page navigation example\">\n                <ul class=\"pagination custom-pagination\">\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\n                            <span aria-hidden=\"true\">&laquo;</span>\n                        </a>\n                    </li>\n                    @for (page of getPages(); track $index) {\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\n                    </li>\n                    }\n                    <li class=\"page-item\">\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\n                            <span aria-hidden=\"true\">&raquo;</span>\n                        </a>\n                    </li>\n                </ul>\n            </nav>\n\n            }\n\n        </div>\n    </div>\n\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: ReviewsService }, { type: CoreConstantsService }], propDecorators: { product: [{
                 type: Input
             }] } });
@@ -12648,11 +12776,11 @@ class ReviewsFormEcComponent extends ComponentHelper {
      */
     updateReviews = () => this.reviewsService.updateReviewsByCode(this.product.id);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsFormEcComponent, deps: [{ token: ToastService }, { token: i2.Router }, { token: CoreConstantsService }, { token: i1$4.FormBuilder }, { token: ProductsService }, { token: AuthService }, { token: ReviewsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsFormEcComponent, isStandalone: true, selector: "app-reviews-form-ec", inputs: { product: "product", withAuthenticated: "withAuthenticated", max: "max" }, outputs: { ready: "ready" }, usesInheritance: true, ngImport: i0, template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Calificaci\u00F3n -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <div class=\"cont-star mt-1 mb-3\">\r\n              @for(star of limit; track $index){\r\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\r\n                      formControlName=\"rating\">\r\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\r\n                      <i class=\"bi bi-star-fill\"></i>\r\n                  </label>\r\n                }\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Resumen -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Detalle -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\r\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Bot\u00F3n de env\u00EDo -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\"></div>\r\n      <div class=\"col-8\">\r\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\r\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\r\n      </div>\r\n  </div> \r\n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsFormEcComponent, isStandalone: true, selector: "app-reviews-form-ec", inputs: { product: "product", withAuthenticated: "withAuthenticated", max: "max" }, outputs: { ready: "ready" }, usesInheritance: true, ngImport: i0, template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\n      </div>\n  </div>\n\n  <!-- Calificaci\u00F3n -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\n      </div>\n      <div class=\"col-8\">\n          <div class=\"cont-star mt-1 mb-3\">\n              @for(star of limit; track $index){\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\n                      formControlName=\"rating\">\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\n                      <i class=\"bi bi-star-fill\"></i>\n                  </label>\n                }\n          </div>\n      </div>\n  </div>\n\n  <!-- Resumen -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\n      </div>\n  </div>\n\n  <!-- Detalle -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\n      </div>\n  </div>\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  <div class=\"row\">\n      <div class=\"col-4\"></div>\n      <div class=\"col-8\">\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\n      </div>\n  </div> \n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsFormEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-reviews-form-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule], template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Calificaci\u00F3n -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <div class=\"cont-star mt-1 mb-3\">\r\n              @for(star of limit; track $index){\r\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\r\n                      formControlName=\"rating\">\r\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\r\n                      <i class=\"bi bi-star-fill\"></i>\r\n                  </label>\r\n                }\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Resumen -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Detalle -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\r\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Bot\u00F3n de env\u00EDo -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\"></div>\r\n      <div class=\"col-8\">\r\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\r\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\r\n      </div>\r\n  </div> \r\n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"] }]
+            args: [{ selector: 'app-reviews-form-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule], template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\n      </div>\n  </div>\n\n  <!-- Calificaci\u00F3n -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\n      </div>\n      <div class=\"col-8\">\n          <div class=\"cont-star mt-1 mb-3\">\n              @for(star of limit; track $index){\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\n                      formControlName=\"rating\">\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\n                      <i class=\"bi bi-star-fill\"></i>\n                  </label>\n                }\n          </div>\n      </div>\n  </div>\n\n  <!-- Resumen -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\n      </div>\n  </div>\n\n  <!-- Detalle -->\n  <div class=\"row\">\n      <div class=\"col-4\">\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\n      </div>\n      <div class=\"col-8\">\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\n      </div>\n  </div>\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  <div class=\"row\">\n      <div class=\"col-4\"></div>\n      <div class=\"col-8\">\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\n      </div>\n  </div> \n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"] }]
         }], ctorParameters: () => [{ type: ToastService }, { type: i2.Router }, { type: CoreConstantsService }, { type: i1$4.FormBuilder }, { type: ProductsService }, { type: AuthService }, { type: ReviewsService }], propDecorators: { product: [{
                 type: Input
             }], withAuthenticated: [{
@@ -12718,11 +12846,11 @@ class SectionContainerEcComponent extends ComponentHelper {
         this.dataSection = this.sections.find(section => section.code == code);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionContainerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SectionContainerEcComponent, isStandalone: true, selector: "app-section-container-ec", inputs: { sanitizeHtml: "sanitizeHtml", name: "name" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"scrol-if\">\r\n                @if (loadSection){\r\n                <div [innerHtml]=\"content_html\"></div>\r\n                } @else {\r\n                <div class=\"col-12 align-items-center\">\r\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SectionContainerEcComponent, isStandalone: true, selector: "app-section-container-ec", inputs: { sanitizeHtml: "sanitizeHtml", name: "name" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"scrol-if\">\n                @if (loadSection){\n                <div [innerHtml]=\"content_html\"></div>\n                } @else {\n                <div class=\"col-12 align-items-center\">\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n                }\n\n            </div>\n        </div>\n    </div>\n</div>\n\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionContainerEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-section-container-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent], template: "<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"scrol-if\">\r\n                @if (loadSection){\r\n                <div [innerHtml]=\"content_html\"></div>\r\n                } @else {\r\n                <div class=\"col-12 align-items-center\">\r\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"] }]
+            args: [{ selector: 'app-section-container-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent], template: "<div class=\"container-fluid\">\n    <div class=\"row\">\n        <div class=\"col-12\">\n            <div class=\"scrol-if\">\n                @if (loadSection){\n                <div [innerHtml]=\"content_html\"></div>\n                } @else {\n                <div class=\"col-12 align-items-center\">\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\n                        <app-loading-full-ec></app-loading-full-ec>\n                    </div>\n                </div>\n                }\n\n            </div>\n        </div>\n    </div>\n</div>\n\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sanitizeHtml: [{
                 type: Input
             }], name: [{
@@ -12918,11 +13046,11 @@ class StoresEcComponent extends ComponentHelper {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, deps: [{ token: StoresService }, { token: CoreConstantsService }, { token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StoresEcComponent, isStandalone: true, selector: "app-store-ec", usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StoresEcComponent, isStandalone: true, selector: "app-store-ec", usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\n    <strong>{{ 'stores' | translate }}</strong>\n</div>\n@if(stores){\n<div class=\"row\">\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\n        <div class=\"row\">\n            <div class=\"form-group w-100\">\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\n                    id=\"exampleFormControlSelect1\">\n                    <option selected [value]=\"''\">Seleccione provincia</option>\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\n                    </option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\n                <div class=\"col-12\">\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\n                    <label>{{ store.address }}</label>\n                    <label>{{ store.phone }}</label>\n                    <div [innerHtml]=\"store.note\"></div>\n                    <div class=\"text-right\">\n\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\n\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\n    </div>\n</div>\n}@else {\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\n</div>\n}\n\n\n\n<ng-template #loading>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoresEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-store-ec', standalone: true, imports: [TranslateModule], template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\r\n    <strong>{{ 'stores' | translate }}</strong>\r\n</div>\r\n@if(stores){\r\n<div class=\"row\">\r\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\r\n        <div class=\"row\">\r\n            <div class=\"form-group w-100\">\r\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\r\n                    id=\"exampleFormControlSelect1\">\r\n                    <option selected [value]=\"''\">Seleccione provincia</option>\r\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\r\n                    </option>\r\n                </select>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\r\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\r\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\r\n                <div class=\"col-12\">\r\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\r\n                    <label>{{ store.address }}</label>\r\n                    <label>{{ store.phone }}</label>\r\n                    <div [innerHtml]=\"store.note\"></div>\r\n                    <div class=\"text-right\">\r\n\r\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\r\n\r\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\r\n    </div>\r\n</div>\r\n}@else {\r\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\r\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\r\n</div>\r\n}\r\n\r\n\r\n\r\n<ng-template #loading>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"] }]
+            args: [{ selector: 'app-store-ec', standalone: true, imports: [TranslateModule], template: "<!-- <div class=\"row w-100 mx-auto my-4 px-3 bb-s bt-md-s py-1\">\n    <strong>{{ 'stores' | translate }}</strong>\n</div>\n@if(stores){\n<div class=\"row\">\n    <div class=\"col-12 col-md-3 order-1 order-md-1\">\n        <div class=\"row\">\n            <div class=\"form-group w-100\">\n                <select (change)=\"selectChange($event.target.value)\" class=\"rounded-0 form-control form-control-sm\"\n                    id=\"exampleFormControlSelect1\">\n                    <option selected [value]=\"''\">Seleccione provincia</option>\n                    <option [value]=\"item.code\" *ngFor=\"let item of getProvices(stores)\"> {{item.name}}\n                    </option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-12 col-md-3 order-3 order-md-2\">\n        <div class=\"container-fluid scrolleable\" *ngIf=\"filterStores && filterStores.length\">\n            <div class=\"row mb-1\" *ngFor=\"let store of filterStores; let i = index\">\n                <div class=\"col-12\">\n                    <h6 class=\"\"><strong>{{ store.name }}</strong></h6>\n                    <label>{{ store.address }}</label>\n                    <label>{{ store.phone }}</label>\n                    <div [innerHtml]=\"store.note\"></div>\n                    <div class=\"text-right\">\n\n                        <a *ngIf=\"store.urlMap\" (click)=\"updateMap (store.urlMap)\" class=\"custom-a\">Ver mapa</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-12 col-md-6 order-2 order-md-3 my-4 mt-md-0\">\n\n        <iframe id=\"map-iframe\" [src]=\"urlmap\" frameborder=\"0\"></iframe>\n    </div>\n</div>\n}@else {\n<div class=\"d-flex flex-row justify-content-center my-5 align-items-center alto-total\">\n    <h5 class=\"text-center\">{{ 'no-stores' | translate }}</h5>\n</div>\n}\n\n\n\n<ng-template #loading>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 align-items-center\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center my-5\">\n                    <app-loading-full-ec></app-loading-full-ec>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template> -->", styles: [".scrolleable{height:70vh;overflow:auto}@media screen and (max-width: 768px){.scrolleable{height:auto}}.background-white{background-color:#fff}.alto-total{height:60vh}.custom-a{color:#000}#map-iframe{width:100%;border:0;height:100%}@media screen and (max-width: 425px){#map-iframe{height:400px}}\n"] }]
         }], ctorParameters: () => [{ type: StoresService }, { type: CoreConstantsService }, { type: i1$5.DomSanitizer }] });
 
 class PriceRangeFilterComponent {
@@ -13060,17 +13188,87 @@ class PriceRangeFilterComponent {
         return value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceRangeFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PriceRangeFilterComponent, isStandalone: true, selector: "lib-price-range-filter", inputs: { filter: "filter" }, outputs: { rangeChanged: "rangeChanged" }, ngImport: i0, template: "<div class=\"slider\">\r\n    <div class=\"slider\">\r\n        <div class=\"progress\" [ngStyle]=\"getSliderStyle(filter)\">\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"range-input d-flex gap-2\">\r\n    <input #rangeMin type=\"range\" class=\"range-min\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\r\n        [value]=\"getMinValue(filter)\" (input)=\"onRangeChange($event, 'min', filter)\"\r\n        (change)=\"updatePriceRange(filter); scrollUp()\">\r\n    <input #rangeMax type=\"range\" class=\"range-max\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\r\n        [value]=\"getMaxValue(filter)\" (input)=\"onRangeChange($event, 'max', filter)\"\r\n        (change)=\"updatePriceRange(filter); scrollUp()\">\r\n</div>\r\n<!-- precios M\u00EDnimo / M\u00E1ximo -->\r\n<div class=\"price-container mt-2\">\r\n    <div class=\"price-label-wrapper\">\r\n        <span class=\"price-label\">M\u00EDnimo:</span>\r\n        <span class=\"price-value\">\r\n            {{ (getFormattedMinPrice(filter) | ecCurrencySymbol) || '0' }}\r\n        </span>\r\n    </div>\r\n    <div class=\"price-label-wrapper\">\r\n        <span class=\"price-label\">M\u00E1ximo:</span>\r\n        <span class=\"price-value price-value-right\">\r\n            {{ getFormattedMaxPrice(filter) | ecCurrencySymbol }}\r\n        </span>\r\n    </div>\r\n</div>", styles: [":root{--slider-bg: #ddd;--slider-progress-bg: #0FA3AF;--thumb-bg: #0FA3AF;--thumb-border: #fff;--text-color: #131716;--label-color: #0FA3AF;--shadow-color: rgba(15, 163, 175, .4)}.slider{height:6px;border-radius:5px;background:var(--slider-bg);position:relative;overflow:hidden}.slider .progress{height:6px;position:absolute;left:0;right:0;border-radius:5px;background:var(--slider-progress-bg)}.range-input{position:relative;margin-bottom:14px}.range-input input[type=range]{position:absolute;top:-5px;width:100%;height:5px;background:none;pointer-events:none;-webkit-appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]::-moz-range-thumb{-moz-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]:focus::-webkit-slider-thumb,.range-input input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--shadow-color);outline:none}.price-container{display:flex;flex-wrap:wrap;gap:1rem}.price-label-wrapper{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.price-label{font-weight:600;color:var(--label-color);margin-bottom:.25rem}.price-value{white-space:nowrap;font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;font-size:14px}.price-value-right{text-align:right}\n"], dependencies: [{ kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PriceRangeFilterComponent, isStandalone: true, selector: "lib-price-range-filter", inputs: { filter: "filter" }, outputs: { rangeChanged: "rangeChanged" }, ngImport: i0, template: "<div class=\"slider\">\n    <div class=\"slider\">\n        <div class=\"progress\" [ngStyle]=\"getSliderStyle(filter)\">\n        </div>\n    </div>\n</div>\n<div class=\"range-input d-flex gap-2\">\n    <input #rangeMin type=\"range\" class=\"range-min\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\n        [value]=\"getMinValue(filter)\" (input)=\"onRangeChange($event, 'min', filter)\"\n        (change)=\"updatePriceRange(filter); scrollUp()\">\n    <input #rangeMax type=\"range\" class=\"range-max\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\n        [value]=\"getMaxValue(filter)\" (input)=\"onRangeChange($event, 'max', filter)\"\n        (change)=\"updatePriceRange(filter); scrollUp()\">\n</div>\n<!-- precios M\u00EDnimo / M\u00E1ximo -->\n<div class=\"price-container mt-2\">\n    <div class=\"price-label-wrapper\">\n        <span class=\"price-label\">M\u00EDnimo:</span>\n        <span class=\"price-value\">\n            {{ (getFormattedMinPrice(filter) | ecCurrencySymbol) || '0' }}\n        </span>\n    </div>\n    <div class=\"price-label-wrapper\">\n        <span class=\"price-label\">M\u00E1ximo:</span>\n        <span class=\"price-value price-value-right\">\n            {{ getFormattedMaxPrice(filter) | ecCurrencySymbol }}\n        </span>\n    </div>\n</div>", styles: [":root{--slider-bg: #ddd;--slider-progress-bg: #0FA3AF;--thumb-bg: #0FA3AF;--thumb-border: #fff;--text-color: #131716;--label-color: #0FA3AF;--shadow-color: rgba(15, 163, 175, .4)}.slider{height:6px;border-radius:5px;background:var(--slider-bg);position:relative;overflow:hidden}.slider .progress{height:6px;position:absolute;left:0;right:0;border-radius:5px;background:var(--slider-progress-bg)}.range-input{position:relative;margin-bottom:14px}.range-input input[type=range]{position:absolute;top:-5px;width:100%;height:5px;background:none;pointer-events:none;-webkit-appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]::-moz-range-thumb{-moz-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]:focus::-webkit-slider-thumb,.range-input input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--shadow-color);outline:none}.price-container{display:flex;flex-wrap:wrap;gap:1rem}.price-label-wrapper{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.price-label{font-weight:600;color:var(--label-color);margin-bottom:.25rem}.price-value{white-space:nowrap;font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;font-size:14px}.price-value-right{text-align:right}\n"], dependencies: [{ kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PriceRangeFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-price-range-filter', standalone: true, imports: [EcCurrencySymbolPipe, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slider\">\r\n    <div class=\"slider\">\r\n        <div class=\"progress\" [ngStyle]=\"getSliderStyle(filter)\">\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"range-input d-flex gap-2\">\r\n    <input #rangeMin type=\"range\" class=\"range-min\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\r\n        [value]=\"getMinValue(filter)\" (input)=\"onRangeChange($event, 'min', filter)\"\r\n        (change)=\"updatePriceRange(filter); scrollUp()\">\r\n    <input #rangeMax type=\"range\" class=\"range-max\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\r\n        [value]=\"getMaxValue(filter)\" (input)=\"onRangeChange($event, 'max', filter)\"\r\n        (change)=\"updatePriceRange(filter); scrollUp()\">\r\n</div>\r\n<!-- precios M\u00EDnimo / M\u00E1ximo -->\r\n<div class=\"price-container mt-2\">\r\n    <div class=\"price-label-wrapper\">\r\n        <span class=\"price-label\">M\u00EDnimo:</span>\r\n        <span class=\"price-value\">\r\n            {{ (getFormattedMinPrice(filter) | ecCurrencySymbol) || '0' }}\r\n        </span>\r\n    </div>\r\n    <div class=\"price-label-wrapper\">\r\n        <span class=\"price-label\">M\u00E1ximo:</span>\r\n        <span class=\"price-value price-value-right\">\r\n            {{ getFormattedMaxPrice(filter) | ecCurrencySymbol }}\r\n        </span>\r\n    </div>\r\n</div>", styles: [":root{--slider-bg: #ddd;--slider-progress-bg: #0FA3AF;--thumb-bg: #0FA3AF;--thumb-border: #fff;--text-color: #131716;--label-color: #0FA3AF;--shadow-color: rgba(15, 163, 175, .4)}.slider{height:6px;border-radius:5px;background:var(--slider-bg);position:relative;overflow:hidden}.slider .progress{height:6px;position:absolute;left:0;right:0;border-radius:5px;background:var(--slider-progress-bg)}.range-input{position:relative;margin-bottom:14px}.range-input input[type=range]{position:absolute;top:-5px;width:100%;height:5px;background:none;pointer-events:none;-webkit-appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]::-moz-range-thumb{-moz-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]:focus::-webkit-slider-thumb,.range-input input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--shadow-color);outline:none}.price-container{display:flex;flex-wrap:wrap;gap:1rem}.price-label-wrapper{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.price-label{font-weight:600;color:var(--label-color);margin-bottom:.25rem}.price-value{white-space:nowrap;font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;font-size:14px}.price-value-right{text-align:right}\n"] }]
+            args: [{ selector: 'lib-price-range-filter', standalone: true, imports: [EcCurrencySymbolPipe, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slider\">\n    <div class=\"slider\">\n        <div class=\"progress\" [ngStyle]=\"getSliderStyle(filter)\">\n        </div>\n    </div>\n</div>\n<div class=\"range-input d-flex gap-2\">\n    <input #rangeMin type=\"range\" class=\"range-min\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\n        [value]=\"getMinValue(filter)\" (input)=\"onRangeChange($event, 'min', filter)\"\n        (change)=\"updatePriceRange(filter); scrollUp()\">\n    <input #rangeMax type=\"range\" class=\"range-max\" [min]=\"filter.minPrice\" [max]=\"filter.maxPrice\"\n        [value]=\"getMaxValue(filter)\" (input)=\"onRangeChange($event, 'max', filter)\"\n        (change)=\"updatePriceRange(filter); scrollUp()\">\n</div>\n<!-- precios M\u00EDnimo / M\u00E1ximo -->\n<div class=\"price-container mt-2\">\n    <div class=\"price-label-wrapper\">\n        <span class=\"price-label\">M\u00EDnimo:</span>\n        <span class=\"price-value\">\n            {{ (getFormattedMinPrice(filter) | ecCurrencySymbol) || '0' }}\n        </span>\n    </div>\n    <div class=\"price-label-wrapper\">\n        <span class=\"price-label\">M\u00E1ximo:</span>\n        <span class=\"price-value price-value-right\">\n            {{ getFormattedMaxPrice(filter) | ecCurrencySymbol }}\n        </span>\n    </div>\n</div>", styles: [":root{--slider-bg: #ddd;--slider-progress-bg: #0FA3AF;--thumb-bg: #0FA3AF;--thumb-border: #fff;--text-color: #131716;--label-color: #0FA3AF;--shadow-color: rgba(15, 163, 175, .4)}.slider{height:6px;border-radius:5px;background:var(--slider-bg);position:relative;overflow:hidden}.slider .progress{height:6px;position:absolute;left:0;right:0;border-radius:5px;background:var(--slider-progress-bg)}.range-input{position:relative;margin-bottom:14px}.range-input input[type=range]{position:absolute;top:-5px;width:100%;height:5px;background:none;pointer-events:none;-webkit-appearance:none}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]::-moz-range-thumb{-moz-appearance:none;pointer-events:auto;height:20px;width:20px;border-radius:50%;background:var(--thumb-bg);border:3px solid var(--thumb-border);cursor:pointer;box-shadow:0 4px 8px #0003}.range-input input[type=range]:focus::-webkit-slider-thumb,.range-input input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--shadow-color);outline:none}.price-container{display:flex;flex-wrap:wrap;gap:1rem}.price-label-wrapper{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}.price-label{font-weight:600;color:var(--label-color);margin-bottom:.25rem}.price-value{white-space:nowrap;font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;font-size:14px}.price-value-right{text-align:right}\n"] }]
         }], propDecorators: { filter: [{
                 type: Input
             }], rangeChanged: [{
                 type: Output
             }] } });
 
+class CreditAccountBannerEcComponent {
+    cartService = inject(CartService);
+    authService = inject(AuthService);
+    layout = 'inline';
+    title;
+    subtitle;
+    availableLabel;
+    limitLabel;
+    titleKey = 'credit-account-banner.title';
+    subtitleKey = 'credit-account-banner.subtitle';
+    availableLabelKey = 'credit-account-banner.available';
+    limitLabelKey = 'credit-account-banner.limit';
+    requireLogged = false;
+    balance = toSignal(this.cartService.balanceCustomer$, { initialValue: null });
+    loggedIn = toSignal(this.authService.loggedIn$, { initialValue: this.authService.isAuthenticated() });
+    showMax = computed(() => !!this.balance()?.showMax);
+    canShowAmounts = computed(() => !!this.balance()?.showPrice);
+    remainingCredits = computed(() => this.balance()?.remainingCredits ?? 0);
+    creditAmount = computed(() => this.balance()?.creditAmount ?? 0);
+    progress = computed(() => {
+        const credit = this.creditAmount();
+        const remaining = this.remainingCredits();
+        if (!credit)
+            return 0;
+        const percentage = (remaining / credit) * 100;
+        return Math.max(0, Math.min(100, percentage));
+    });
+    barColor = computed(() => {
+        const credit = this.creditAmount();
+        const remaining = this.remainingCredits();
+        if (!credit)
+            return '#6c757d';
+        const ratio = remaining / credit;
+        if (ratio >= 0.66)
+            return '#198754';
+        if (ratio >= 0.33)
+            return '#ffc107';
+        return '#dc3545';
+    });
+    shouldRender() {
+        return this.showMax() && (!this.requireLogged || this.loggedIn());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreditAccountBannerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CreditAccountBannerEcComponent, isStandalone: true, selector: "app-credit-account-banner-ec", inputs: { layout: "layout", title: "title", subtitle: "subtitle", availableLabel: "availableLabel", limitLabel: "limitLabel", titleKey: "titleKey", subtitleKey: "subtitleKey", availableLabelKey: "availableLabelKey", limitLabelKey: "limitLabelKey", requireLogged: "requireLogged" }, ngImport: i0, template: "@if (shouldRender()) {\n\t<div class=\"credits-banner\" [class.credits-inline]=\"layout === 'inline'\" [class.credits-mobile]=\"layout === 'mobile'\">\n\t\t<div class=\"d-flex align-items-center gap-2\">\n\t\t\t<div class=\"credits-icon d-flex align-items-center justify-content-center\">\n\t\t\t\t<span class=\"credits-icon-text\">$</span>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t@if (layout === 'mobile') {\n\t\t\t\t\t<span class=\"credits-label text-uppercase mb-1\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t\t<span class=\"credits-title\">{{ subtitle || (subtitleKey | translate) }}</span>\n\t\t\t\t} @else {\n\t\t\t\t\t<span class=\"credits-title\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"credits-content flex-grow-1\">\n\t\t\t@if (canShowAmounts()) {\n\t\t\t\t<div class=\"d-flex justify-content-between align-items-center flex-wrap gap-2 credits-summary\" [class.credits-mobile-values]=\"layout === 'mobile'\">\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-mobile-value]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ availableLabel || (availableLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ remainingCredits() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-pill-light]=\"layout === 'inline'\" [class.credits-mobile-value]=\"layout === 'mobile'\" [class.text-end]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ limitLabel || (limitLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ creditAmount() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t<div class=\"credits-progress mt-1\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"credits-progress-fill\"\n\t\t\t\t\t[ngStyle]=\"{ width: progress() + '%', background: barColor() }\"\n\t\t\t\t\t[attr.aria-valuenow]=\"remainingCredits()\"\n\t\t\t\t\t[attr.aria-valuemin]=\"0\"\n\t\t\t\t\t[attr.aria-valuemax]=\"creditAmount()\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [":host{--ec-credits-bg: linear-gradient(120deg, #0c1536 0%, #1b3080 100%);--ec-credits-radius: 14px;--ec-credits-padding: 10px 12px;--ec-credits-color: #fff;--ec-credits-shadow: 0 8px 22px rgba(12, 21, 54, .18);--ec-credits-border: 1px solid rgba(255, 255, 255, .08);--ec-credits-icon-bg: rgba(255, 255, 255, .08);--ec-credits-icon-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);--ec-credits-pill-bg: rgba(255, 255, 255, .08);--ec-credits-pill-border: 1px solid rgba(255, 255, 255, .12);--ec-credits-pill-light-bg: rgba(255, 255, 255, .04);--ec-credits-pill-light-color: #d7def8;--ec-credits-progress-bg: rgba(255, 255, 255, .14);--ec-credits-progress-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06)}.credits-banner{background:var(--ec-credits-bg);border-radius:var(--ec-credits-radius);padding:var(--ec-credits-padding);color:var(--ec-credits-color);box-shadow:var(--ec-credits-shadow);border:var(--ec-credits-border);display:flex;align-items:center;gap:12px}.credits-icon{width:44px;height:44px;border-radius:12px;background:var(--ec-credits-icon-bg);box-shadow:var(--ec-credits-icon-shadow);flex:0 0 auto}.credits-icon-text{color:#fff;font-weight:800;font-size:20px;letter-spacing:.04em}.credits-label{color:#ffffffb8;font-size:11px;letter-spacing:.08em}.credits-title{color:#fff;font-weight:700;line-height:1.1;font-size:16px}.credits-content .credits-pill{background:var(--ec-credits-pill-bg);color:var(--ec-credits-color);border:var(--ec-credits-pill-border);border-radius:12px;padding:6px 12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.credits-content .credits-pill-light{background:var(--ec-credits-pill-light-bg);color:var(--ec-credits-pill-light-color)}.credits-progress{background:var(--ec-credits-progress-bg);border-radius:999px;height:12px;overflow:hidden;box-shadow:var(--ec-credits-progress-shadow)}.credits-progress-fill{height:100%;border-radius:inherit;transition:width .35s ease}.credits-footnote{color:#ffffffc7}.credits-footnote small{color:inherit;opacity:.9;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background-color:#198754}.dot-amber{background-color:#ffc107}.dot-red{background-color:#dc3545}@media (max-width: 768px){.credits-banner{padding:12px}.credits-footnote{gap:8px}}.credits-inline{min-width:280px;max-width:400px;height:68px;flex:0 0 auto;padding:8px 12px;overflow:hidden}.credits-inline .credits-icon{width:36px;height:36px;border-radius:10px}.credits-inline .credits-title{font-size:14px}.credits-inline .credits-label{font-size:10px}.credits-inline .credits-pill{padding:4px 10px}.credits-inline .credits-progress{height:8px}.credits-summary{flex-wrap:nowrap!important;gap:8px!important}.credits-mobile{width:100%;padding:12px;flex-direction:column;align-items:stretch}.credits-mobile .credits-progress{height:8px}.credits-mobile .credits-pill{padding:4px 10px}.credits-mobile-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.credits-mobile-value small{color:#ffffffb3;letter-spacing:.08em}.credits-mobile-value span{display:block;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreditAccountBannerEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-credit-account-banner-ec', standalone: true, imports: [CommonModule, TranslateModule], template: "@if (shouldRender()) {\n\t<div class=\"credits-banner\" [class.credits-inline]=\"layout === 'inline'\" [class.credits-mobile]=\"layout === 'mobile'\">\n\t\t<div class=\"d-flex align-items-center gap-2\">\n\t\t\t<div class=\"credits-icon d-flex align-items-center justify-content-center\">\n\t\t\t\t<span class=\"credits-icon-text\">$</span>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t@if (layout === 'mobile') {\n\t\t\t\t\t<span class=\"credits-label text-uppercase mb-1\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t\t<span class=\"credits-title\">{{ subtitle || (subtitleKey | translate) }}</span>\n\t\t\t\t} @else {\n\t\t\t\t\t<span class=\"credits-title\">{{ title || (titleKey | translate) }}</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"credits-content flex-grow-1\">\n\t\t\t@if (canShowAmounts()) {\n\t\t\t\t<div class=\"d-flex justify-content-between align-items-center flex-wrap gap-2 credits-summary\" [class.credits-mobile-values]=\"layout === 'mobile'\">\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-mobile-value]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ availableLabel || (availableLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ remainingCredits() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"credits-pill\" [class.credits-pill-light]=\"layout === 'inline'\" [class.credits-mobile-value]=\"layout === 'mobile'\" [class.text-end]=\"layout === 'mobile'\">\n\t\t\t\t\t\t<small class=\"me-1 text-uppercase\">{{ limitLabel || (limitLabelKey | translate) }}</small>\n\t\t\t\t\t\t<span class=\"fw-700\">{{ creditAmount() | number:'1.0-0' }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t<div class=\"credits-progress mt-1\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"credits-progress-fill\"\n\t\t\t\t\t[ngStyle]=\"{ width: progress() + '%', background: barColor() }\"\n\t\t\t\t\t[attr.aria-valuenow]=\"remainingCredits()\"\n\t\t\t\t\t[attr.aria-valuemin]=\"0\"\n\t\t\t\t\t[attr.aria-valuemax]=\"creditAmount()\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [":host{--ec-credits-bg: linear-gradient(120deg, #0c1536 0%, #1b3080 100%);--ec-credits-radius: 14px;--ec-credits-padding: 10px 12px;--ec-credits-color: #fff;--ec-credits-shadow: 0 8px 22px rgba(12, 21, 54, .18);--ec-credits-border: 1px solid rgba(255, 255, 255, .08);--ec-credits-icon-bg: rgba(255, 255, 255, .08);--ec-credits-icon-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);--ec-credits-pill-bg: rgba(255, 255, 255, .08);--ec-credits-pill-border: 1px solid rgba(255, 255, 255, .12);--ec-credits-pill-light-bg: rgba(255, 255, 255, .04);--ec-credits-pill-light-color: #d7def8;--ec-credits-progress-bg: rgba(255, 255, 255, .14);--ec-credits-progress-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06)}.credits-banner{background:var(--ec-credits-bg);border-radius:var(--ec-credits-radius);padding:var(--ec-credits-padding);color:var(--ec-credits-color);box-shadow:var(--ec-credits-shadow);border:var(--ec-credits-border);display:flex;align-items:center;gap:12px}.credits-icon{width:44px;height:44px;border-radius:12px;background:var(--ec-credits-icon-bg);box-shadow:var(--ec-credits-icon-shadow);flex:0 0 auto}.credits-icon-text{color:#fff;font-weight:800;font-size:20px;letter-spacing:.04em}.credits-label{color:#ffffffb8;font-size:11px;letter-spacing:.08em}.credits-title{color:#fff;font-weight:700;line-height:1.1;font-size:16px}.credits-content .credits-pill{background:var(--ec-credits-pill-bg);color:var(--ec-credits-color);border:var(--ec-credits-pill-border);border-radius:12px;padding:6px 12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.credits-content .credits-pill-light{background:var(--ec-credits-pill-light-bg);color:var(--ec-credits-pill-light-color)}.credits-progress{background:var(--ec-credits-progress-bg);border-radius:999px;height:12px;overflow:hidden;box-shadow:var(--ec-credits-progress-shadow)}.credits-progress-fill{height:100%;border-radius:inherit;transition:width .35s ease}.credits-footnote{color:#ffffffc7}.credits-footnote small{color:inherit;opacity:.9;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background-color:#198754}.dot-amber{background-color:#ffc107}.dot-red{background-color:#dc3545}@media (max-width: 768px){.credits-banner{padding:12px}.credits-footnote{gap:8px}}.credits-inline{min-width:280px;max-width:400px;height:68px;flex:0 0 auto;padding:8px 12px;overflow:hidden}.credits-inline .credits-icon{width:36px;height:36px;border-radius:10px}.credits-inline .credits-title{font-size:14px}.credits-inline .credits-label{font-size:10px}.credits-inline .credits-pill{padding:4px 10px}.credits-inline .credits-progress{height:8px}.credits-summary{flex-wrap:nowrap!important;gap:8px!important}.credits-mobile{width:100%;padding:12px;flex-direction:column;align-items:stretch}.credits-mobile .credits-progress{height:8px}.credits-mobile .credits-pill{padding:4px 10px}.credits-mobile-values{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.credits-mobile-value small{color:#ffffffb3;letter-spacing:.08em}.credits-mobile-value span{display:block;color:#fff}\n"] }]
+        }], propDecorators: { layout: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], availableLabel: [{
+                type: Input
+            }], limitLabel: [{
+                type: Input
+            }], titleKey: [{
+                type: Input
+            }], subtitleKey: [{
+                type: Input
+            }], availableLabelKey: [{
+                type: Input
+            }], limitLabelKey: [{
+                type: Input
+            }], requireLogged: [{
+                type: Input
+            }] } });
+
 //Types
 
 /**
@@ -13358,5 +13556,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, 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, RuntimeConfigService, SERVER_RUNTIME_CONFIG, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig, provideServerRuntimeConfig, runtimeConfigInterceptor };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BaseApiService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CreditAccountBannerEcComponent, 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, PriceVisibilityService, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, RuntimeConfigService, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, initializeRuntimeConfig, provideEnvironment, provideRuntimeConfig, runtimeConfigInterceptor };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map