npm - ng-easycommerce-v18 - Versions diffs - 0.0.2 → 0.0.3 - Mend

ng-easycommerce-v18 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/fesm2022/ng-easycommerce-v18.mjs CHANGED Viewed

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, EventEmitter, Output, forwardRef, afterRender, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common';
-import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, JsonPipe, UpperCasePipe, TitleCasePipe } from '@angular/common';
+import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, JsonPipe, UpperCasePipe, Location, TitleCasePipe } from '@angular/common';
 import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, switchMap, combineLatest, throwError } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { CookieService } from 'ngx-cookie-service';
-import { Router, NavigationEnd, RouterLink, ActivatedRoute, RouterLinkActive } from '@angular/router';
+import * as i2 from '@angular/router';
+import { Router, NavigationEnd, RouterLink, RouterModule, ActivatedRoute, RouterLinkActive } from '@angular/router';
 import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
 import { ToastrService } from 'ngx-toastr';
 import moment from 'moment';
@@ -16,10 +17,11 @@ import * as i1$3 from '@angular/forms';
 import { Validators, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import * as i1$2 from 'ng-recaptcha-2';
 import { RecaptchaModule } from 'ng-recaptcha-2';
 import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
+import * as he from 'he';
 /**
  * Token para el provider de enviroment
@@ -216,6 +218,12 @@ class CoreConstantsService {
      * @returns
      */
     mediaUrl = (postMedia) => this.ASSETS_URL + (this.ASSETS_URL == this.apiConstants.API_URL ? 'media/' : '') + (postMedia ? postMedia : "image/");
+    /**
+     * Retorna la url del sitio.
+     * @param postMedia
+     * @returns
+     */
+    url = () => this.apiConstants.API_URL.replace(/\/$/, ''); // remove last slash
     /**
      * Retorna la url de las imagenes de los banners
      * @returns
@@ -357,6 +365,9 @@ class CoreConstantsService {
         };
     };
     getParamsProductsWithUniqueVariant = () => this.paramsProductsWithUniqueVariant;
+    getChannel() {
+        return this.apiConstants.CHANNEL;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CoreConstantsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CoreConstantsService, providedIn: 'root' });
 }
@@ -1771,16 +1782,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);
     };
@@ -5477,11 +5488,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  */
 class FooterEcComponent extends MenuEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FooterEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FooterEcComponent, isStandalone: true, selector: "lib-footer-ec", usesInheritance: true, ngImport: i0, template: "<p>footer-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FooterEcComponent, isStandalone: true, selector: "lib-footer-ec", usesInheritance: true, ngImport: i0, template: "<p>footer-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FooterEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-footer-ec', standalone: true, imports: [AsyncPipe], template: "<p>footer-ec works!</p>\n" }]
+            args: [{ selector: 'lib-footer-ec', standalone: true, imports: [AsyncPipe], template: "<p>footer-ec works!</p>\r\n" }]
         }] });
 /**
@@ -5489,13 +5500,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  */
 class HeaderEcComponent extends MenuEcComponent {
     _cartService = inject(CartService);
+    authService = inject(AuthService);
     count$ = this._cartService.getCountCartItems();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HeaderEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HeaderEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-header-ec', standalone: true, imports: [], template: "<p>header-ec works!</p>\n" }]
+            args: [{ selector: 'lib-header-ec', standalone: true, imports: [], template: "<p>header-ec works!</p>\r\n" }]
         }] });
 /**
@@ -5503,11 +5515,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  */
 class HomeEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HomeEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HomeEcComponent, isStandalone: true, selector: "lib-home-ec", ngImport: i0, template: "<p>home-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HomeEcComponent, isStandalone: true, selector: "lib-home-ec", ngImport: i0, template: "<p>home-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HomeEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-home-ec', standalone: true, imports: [], template: "<p>home-ec works!</p>\n" }]
+            args: [{ selector: 'lib-home-ec', standalone: true, imports: [], template: "<p>home-ec works!</p>\r\n" }]
         }] });
 register();
@@ -5574,11 +5586,11 @@ class BlockBannerFullEcComponent extends BlockEcComponent {
         this.analyticsService.callEvent('select_promotion', banner);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockBannerFullEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BlockBannerFullEcComponent, isStandalone: true, selector: "app-block-banner-full-ec", inputs: { banners: "banners", meta: "meta" }, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BlockBannerFullEcComponent, isStandalone: true, selector: "app-block-banner-full-ec", inputs: { banners: "banners", meta: "meta" }, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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) {\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}" }]
+            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}" }]
         }], ctorParameters: () => [], propDecorators: { banners: [{
                 type: Input,
                 args: [{
@@ -5670,12 +5682,15 @@ class BlockBannerBoxEcComponent extends BlockEcComponent {
     selectPromotion(banner) {
         this.analyticsService.callEvent('select_promotion', banner);
     }
+    redirectRoute(url) {
+        // this.router.navigate(['/collection/categories'])
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockBannerBoxEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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-fluid'\" \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                    <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                    <swiper-slide>\n                        <div class=\"banner-content carrousel\">\n                            <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"\" />\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\n                                @if(banner.title){\n                                    <h2 [class]=\"'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.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}}\"\n                                            [style.background-color]=\"(banner.styles?.button?.color) ? banner.styles?.button?.color : '#fff' \"\n                                            [class]=\"'item-button-full btn btn-light'\">\n                                            {{banner.styles.button.text}}\n                                        </a>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </swiper-slide>\n                }\n               </swiper-container> \n            }\n        </div>\n\n    </section>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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-fluid'\" \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\" style=\"background-color: white;\">\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.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.0", ngImport: i0, type: BlockBannerBoxEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-banner-box-ec', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if(banners.length){\n    <section [ngClass]=\"trimClassBlock(meta.code) + ' container-fluid'\" \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                    <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                    <swiper-slide>\n                        <div class=\"banner-content carrousel\">\n                            <img [src]=\"mediaBannerUrl+getImage(banner)\" alt=\"\" />\n                            <div class=\"position-absolute w-100 top-0 start-0 h-100\">\n                                @if(banner.title){\n                                    <h2 [class]=\"'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.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}}\"\n                                            [style.background-color]=\"(banner.styles?.button?.color) ? banner.styles?.button?.color : '#fff' \"\n                                            [class]=\"'item-button-full btn btn-light'\">\n                                            {{banner.styles.button.text}}\n                                        </a>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </swiper-slide>\n                }\n               </swiper-container> \n            }\n        </div>\n\n    </section>\n}" }]
+            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-fluid'\" \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\" style=\"background-color: white;\">\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"] }]
         }], ctorParameters: () => [], propDecorators: { banners: [{
                 type: Input,
                 args: [{
@@ -5707,11 +5722,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.0", ngImport: i0, type: BlockHtmlEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockHtmlEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-html-ec', standalone: true, imports: [], template: "<div [innerHTML]=\"html_content\"></div>\n" }]
+            args: [{ selector: 'app-block-html-ec', standalone: true, imports: [], template: "<div [innerHTML]=\"html_content\"></div>\r\n" }]
         }], propDecorators: { html_content: [{
                 type: Input,
                 args: [{
@@ -5736,6 +5751,10 @@ class EcCurrencySymbolPipe {
      * Constantes del core
      */
     consts = inject(CoreConstantsService);
+    banner;
+    set ecAddActionRedirect(value) {
+        this.banner = value;
+    }
     constructor() {
         this.currencyService.currency$.subscribe(res => this.currency = res);
     }
@@ -5811,7 +5830,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     name: 'ecCurrencySymbol',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { ecAddActionRedirect: [{
+                type: Input
+            }] } });
 /**
  * Componente para manejar la vista del precio de un producto.
@@ -5826,11 +5847,11 @@ class PriceEcComponent {
      */
     saleprice;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PriceEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice" }, ngImport: i0, template: "@if(saleprice){\n    <!--With saleprice-->\n  <div class=\"\">\n    @if(price && price.split(' - ').length > 1){\n        <div class=\"price text-center p-0 mx-0 mx-md-3\">\n            <del class=\"text-center  price\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n    }@else {\n        <!--Simple Price Del-->\n        <div class=\" text-center delete p-0 mx-0 mx-md-3\">\n            <del class=\" text-center delete\">\n                {{ price | ecCurrencySymbol }}</del>\n        </div>\n    }\n    @if(saleprice && saleprice.split(' - ').length > 1){\n        <div class=\"\">\n            {{\n            saleprice.split(' - ')[0] | ecCurrencySymbol\n            }}\n            {{\n            saleprice.split(' - ')[1] | ecCurrencySymbol\n            }}\n        </div>\n    } @else {\n        <!--Simple saleprice-->\n        <div class=\"text-center  price p-0 mx-0 mx-md-3\">\n            {{ saleprice | ecCurrencySymbol }}\n       </div>\n    }\n</div>  \n}@else {\n    <!--Only Price-->\n    @if(price && price.split(' - ').length > 1){\n        <div class=\"price\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div> \n    } @else {\n        <!--Simple price-->\n        <div class=\"text-center price p-0 mx-0 mx-md-3\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    }\n}", styles: [""], dependencies: [{ kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: PriceEcComponent, isStandalone: true, selector: "app-price-ec", inputs: { price: "price", saleprice: "saleprice" }, ngImport: i0, template: "@if(saleprice){\r\n    <!--With saleprice-->\r\n  <div class=\"\">\r\n    @if(price && price.split(' - ').length > 1){\r\n        <div class=\"price text-center p-0 mx-0 mx-md-3\">\r\n            <del class=\"text-center  price\">\r\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\r\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n            </del>\r\n        </div>\r\n    }@else {\r\n        <!--Simple Price Del-->\r\n        <div class=\" text-center delete p-0 mx-0 mx-md-3\">\r\n            <del class=\" text-center delete\">\r\n                {{ price | ecCurrencySymbol }}</del>\r\n        </div>\r\n    }\r\n    @if(saleprice && saleprice.split(' - ').length > 1){\r\n        <div 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    } @else {\r\n        <!--Simple saleprice-->\r\n        <div class=\"text-center  price p-0 mx-0 mx-md-3\">\r\n            {{ saleprice | ecCurrencySymbol }}\r\n       </div>\r\n    }\r\n</div>  \r\n}@else {\r\n    <!--Only Price-->\r\n    @if(price && price.split(' - ').length > 1){\r\n        <div class=\"price\">\r\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\r\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div> \r\n    } @else {\r\n        <!--Simple price-->\r\n        <div class=\"text-center price p-0 mx-0 mx-md-3\">\r\n            {{ price | ecCurrencySymbol }}\r\n        </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PriceEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-price-ec', standalone: true, imports: [EcCurrencySymbolPipe], template: "@if(saleprice){\n    <!--With saleprice-->\n  <div class=\"\">\n    @if(price && price.split(' - ').length > 1){\n        <div class=\"price text-center p-0 mx-0 mx-md-3\">\n            <del class=\"text-center  price\">\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\n            </del>\n        </div>\n    }@else {\n        <!--Simple Price Del-->\n        <div class=\" text-center delete p-0 mx-0 mx-md-3\">\n            <del class=\" text-center delete\">\n                {{ price | ecCurrencySymbol }}</del>\n        </div>\n    }\n    @if(saleprice && saleprice.split(' - ').length > 1){\n        <div class=\"\">\n            {{\n            saleprice.split(' - ')[0] | ecCurrencySymbol\n            }}\n            {{\n            saleprice.split(' - ')[1] | ecCurrencySymbol\n            }}\n        </div>\n    } @else {\n        <!--Simple saleprice-->\n        <div class=\"text-center  price p-0 mx-0 mx-md-3\">\n            {{ saleprice | ecCurrencySymbol }}\n       </div>\n    }\n</div>  \n}@else {\n    <!--Only Price-->\n    @if(price && price.split(' - ').length > 1){\n        <div class=\"price\">\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\n        </div> \n    } @else {\n        <!--Simple price-->\n        <div class=\"text-center price p-0 mx-0 mx-md-3\">\n            {{ price | ecCurrencySymbol }}\n        </div>\n    }\n}" }]
+            args: [{ selector: 'app-price-ec', standalone: true, imports: [EcCurrencySymbolPipe], template: "@if(saleprice){\r\n    <!--With saleprice-->\r\n  <div class=\"\">\r\n    @if(price && price.split(' - ').length > 1){\r\n        <div class=\"price text-center p-0 mx-0 mx-md-3\">\r\n            <del class=\"text-center  price\">\r\n                {{ price.split(' - ')[0] | ecCurrencySymbol }}\r\n                {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n            </del>\r\n        </div>\r\n    }@else {\r\n        <!--Simple Price Del-->\r\n        <div class=\" text-center delete p-0 mx-0 mx-md-3\">\r\n            <del class=\" text-center delete\">\r\n                {{ price | ecCurrencySymbol }}</del>\r\n        </div>\r\n    }\r\n    @if(saleprice && saleprice.split(' - ').length > 1){\r\n        <div 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    } @else {\r\n        <!--Simple saleprice-->\r\n        <div class=\"text-center  price p-0 mx-0 mx-md-3\">\r\n            {{ saleprice | ecCurrencySymbol }}\r\n       </div>\r\n    }\r\n</div>  \r\n}@else {\r\n    <!--Only Price-->\r\n    @if(price && price.split(' - ').length > 1){\r\n        <div class=\"price\">\r\n            {{ price.split(' - ')[0] | ecCurrencySymbol }} -\r\n            {{ price.split(' - ')[1] | ecCurrencySymbol }}\r\n        </div> \r\n    } @else {\r\n        <!--Simple price-->\r\n        <div class=\"text-center price p-0 mx-0 mx-md-3\">\r\n            {{ price | ecCurrencySymbol }}\r\n        </div>\r\n    }\r\n}" }]
         }], propDecorators: { price: [{
                 type: Input
             }], saleprice: [{
@@ -5865,11 +5886,11 @@ class ProductEcComponent {
      */
     mediaUrl = this.consts.mediaUrl();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProductEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "@if(isProductBox){\n    <div class=\"position-relative h-100\">\n        <div class=\"marcas position-absolute w-100\">\n            <span>20 %OFF</span>\n        </div>\n        <div>\n            @if(product.picturesdefault){\n                <img [src]=\"mediaUrl+product.picturesdefault[0]\" class=\"img-fluid mx-auto\" />\n            }\n        </div>\n        <div class=\"d-flex flex-column justify-center align-items-center\">\n            <h6 class=\"productName text-center\">{{product.name}}</h6> \n            <p class=\"productID\">{{product.id}}</p>\n            @if(product.shortdetails){\n                <div class=\"shortdetails\" [innerHTML]=\"product.shortdetails\"></div>\n            }\n            @if(product.currentOption && product.currentOption.name){\n                <p class=\"currentOption\" >{{product.currentOption.name}}</p>\n            }\n        </div>\n        <div class=\"d-flex flex-column justify-center alig-items-center\">\n            @if(true){\n                <!--Servicio de auth para controlar si esta logueado o no-->\n                <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n            }\n            <button class=\"btn btn-primary\" routerLink=\"{{'/product/' + product.id}}\">Ver Producto</button>\n        </div>\n    </div>\n} @else {\n    \n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice"] }, { 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.0", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "@if(isProductBox){\r\n    <div class=\"position-relative h-100\">\r\n        <div class=\"marcas position-absolute w-100\">\r\n            <span>20 %OFF</span>\r\n        </div>\r\n        <div>\r\n            @if(product.picturesdefault){\r\n                <img [src]=\"mediaUrl+product.picturesdefault[0]\" class=\"img-fluid mx-auto\" />\r\n            }\r\n        </div>\r\n        <div class=\"d-flex flex-column justify-center align-items-center\">\r\n            <h6 class=\"productName text-center\">{{product.name}}aa</h6> \r\n            <p class=\"productID\">{{product.id}}</p>\r\n            @if(product.shortdetails){\r\n                <div class=\"shortdetails\" [innerHTML]=\"product.shortdetails\"></div>\r\n            }\r\n            @if(product.currentOption && product.currentOption.name){\r\n                <p class=\"currentOption\" >{{product.currentOption.name}}</p>\r\n            }\r\n        </div>\r\n        <div class=\"d-flex flex-column justify-center alig-items-center\">\r\n            @if(true){\r\n                <!--Servicio de auth para controlar si esta logueado o no-->\r\n                <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n            }\r\n            <button class=\"btn btn-primary\" routerLink=\"{{'/product/' + product.id}}\">Ver Producto</button>\r\n        </div>\r\n    </div>\r\n} @else {\r\n    \r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice"] }, { 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.0", ngImport: i0, type: ProductEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink], template: "@if(isProductBox){\n    <div class=\"position-relative h-100\">\n        <div class=\"marcas position-absolute w-100\">\n            <span>20 %OFF</span>\n        </div>\n        <div>\n            @if(product.picturesdefault){\n                <img [src]=\"mediaUrl+product.picturesdefault[0]\" class=\"img-fluid mx-auto\" />\n            }\n        </div>\n        <div class=\"d-flex flex-column justify-center align-items-center\">\n            <h6 class=\"productName text-center\">{{product.name}}</h6> \n            <p class=\"productID\">{{product.id}}</p>\n            @if(product.shortdetails){\n                <div class=\"shortdetails\" [innerHTML]=\"product.shortdetails\"></div>\n            }\n            @if(product.currentOption && product.currentOption.name){\n                <p class=\"currentOption\" >{{product.currentOption.name}}</p>\n            }\n        </div>\n        <div class=\"d-flex flex-column justify-center alig-items-center\">\n            @if(true){\n                <!--Servicio de auth para controlar si esta logueado o no-->\n                <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\n            }\n            <button class=\"btn btn-primary\" routerLink=\"{{'/product/' + product.id}}\">Ver Producto</button>\n        </div>\n    </div>\n} @else {\n    \n}\n" }]
+            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink], template: "@if(isProductBox){\r\n    <div class=\"position-relative h-100\">\r\n        <div class=\"marcas position-absolute w-100\">\r\n            <span>20 %OFF</span>\r\n        </div>\r\n        <div>\r\n            @if(product.picturesdefault){\r\n                <img [src]=\"mediaUrl+product.picturesdefault[0]\" class=\"img-fluid mx-auto\" />\r\n            }\r\n        </div>\r\n        <div class=\"d-flex flex-column justify-center align-items-center\">\r\n            <h6 class=\"productName text-center\">{{product.name}}aa</h6> \r\n            <p class=\"productID\">{{product.id}}</p>\r\n            @if(product.shortdetails){\r\n                <div class=\"shortdetails\" [innerHTML]=\"product.shortdetails\"></div>\r\n            }\r\n            @if(product.currentOption && product.currentOption.name){\r\n                <p class=\"currentOption\" >{{product.currentOption.name}}</p>\r\n            }\r\n        </div>\r\n        <div class=\"d-flex flex-column justify-center alig-items-center\">\r\n            @if(true){\r\n                <!--Servicio de auth para controlar si esta logueado o no-->\r\n                <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n            }\r\n            <button class=\"btn btn-primary\" routerLink=\"{{'/product/' + product.id}}\">Ver Producto</button>\r\n        </div>\r\n    </div>\r\n} @else {\r\n    \r\n}\r\n" }]
         }], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -5962,11 +5983,11 @@ class BlockProductsEcComponent extends BlockEcComponent {
         this.analyticsService.callEvent('select_promotion', item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockProductsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BlockProductsEcComponent, isStandalone: true, selector: "app-block-products-ec", inputs: { 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                <swiper-container init=\"false\" [id]=\"meta?.code\">\n                    @for (product of products; track $index) {\n                        <swiper-slide>\n                            <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container> \n                        </swiper-slide>\n                    }\n                </swiper-container>\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>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ProductEcComponent, selector: "app-product-ec", inputs: ["product", "isProductBox"], outputs: ["loaded"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BlockProductsEcComponent, isStandalone: true, selector: "app-block-products-ec", inputs: { 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                <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                    @for (product of products; track $index) {\r\n                        <swiper-slide>\r\n                            <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container> \r\n                        </swiper-slide>\r\n                    }\r\n                </swiper-container>\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>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ProductEcComponent, selector: "app-product-ec", inputs: ["product", "isProductBox"], outputs: ["loaded"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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'\">\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                <swiper-container init=\"false\" [id]=\"meta?.code\">\n                    @for (product of products; track $index) {\n                        <swiper-slide>\n                            <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container> \n                        </swiper-slide>\n                    }\n                </swiper-container>\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>\n" }]
+            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                <swiper-container init=\"false\" [id]=\"meta?.code\">\r\n                    @for (product of products; track $index) {\r\n                        <swiper-slide>\r\n                            <ng-container *ngTemplateOutlet=\"appProduct ? appProduct : defaultAppProduct; context: {product:product}\"></ng-container> \r\n                        </swiper-slide>\r\n                    }\r\n                </swiper-container>\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>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { appProduct: [{
                 type: Input
             }], products: [{
@@ -5988,35 +6009,39 @@ class BlockNewsletterEcComponent {
     _contactFormService = inject(FormService);
     _toastService = inject(ToastService);
     _formBuilder = inject(FormBuilder);
+    newsletter_form;
     loading = false;
-    form = signal(this._formBuilder.group({
-        name: ['', []],
-        email: ['', Validators.required],
-        telephone: ['', []],
-        subject: ['', []],
-        body: ['', []],
-        attachment: [''],
-        captcha: ['', []],
-        terms: ['', Validators.required]
-    }));
+    constructor() {
+        // Llamar al constructor de la clase padre
+        this.newsletter_form = this._formBuilder.group({
+            name: ['', []],
+            email: ['', Validators.required],
+            telephone: ['', []],
+            subject: ['', []],
+            body: ['', []],
+            attachment: [''],
+            captcha: ['', []],
+            terms: ['', Validators.required]
+        });
+    }
     onSubmit(e) {
         this.loading = true;
         e.preventDefault();
-        this.sendForm(this.form(), 'inquiry-sent');
+        this.sendForm(this.newsletter_form, 'inquiry-sent');
     }
     sendForm(form, success_message) {
         if (form.valid && (form.value.email.includes('@'))) {
             const formData = new FormData();
             formData.append('mailText', form.value.body);
             formData.append('form_code', this.block.code);
-            this.sendValue('name') && formData.append('name', this.form().get('name')?.value);
-            this.sendValue('email') && formData.append('email', this.form().get('email')?.value);
-            this.sendValue('telephone') && formData.append('telephone', this.form().get('telephone')?.value);
-            this.sendValue('subject') && formData.append('subject', this.form().get('subject')?.value);
-            this.sendValue('body') && formData.append('body', this.form().get('body')?.value);
-            this.sendValue('attachments') && formData.append('attachment', this.form().get('attachment')?.value);
+            this.sendValue('name') && formData.append('name', this.newsletter_form.get('name')?.value);
+            this.sendValue('email') && formData.append('email', this.newsletter_form.get('email')?.value);
+            this.sendValue('telephone') && formData.append('telephone', this.newsletter_form.get('telephone')?.value);
+            this.sendValue('subject') && formData.append('subject', this.newsletter_form.get('subject')?.value);
+            this.sendValue('body') && formData.append('body', this.newsletter_form.get('body')?.value);
+            this.sendValue('attachments') && formData.append('attachment', this.newsletter_form.get('attachment')?.value);
             firstValueFrom(this._contactFormService.sendResponse(formData)).then((res) => {
-                this.form().reset();
+                this.newsletter_form.reset();
                 this._toastService.show(this.success_message || success_message);
                 this.loading = false;
             }, (err) => {
@@ -6039,13 +6064,17 @@ class BlockNewsletterEcComponent {
             return false;
         }
     }
+    toastNewsletterForm = (e) => {
+        e.preventDefault();
+        this.sendForm(this.newsletter_form, 'newsletter-thanks');
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockNewsletterEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockNewsletterEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-newsletter-ec', standalone: true, imports: [], template: "<p>block-newsletter-ec works!</p>\n" }]
-        }], propDecorators: { block: [{
+            args: [{ selector: 'app-block-newsletter-ec', standalone: true, imports: [], template: "<p>block-newsletter-ec works!</p>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { block: [{
                 type: Input,
                 args: [{ required: true }]
             }], success_message: [{
@@ -6056,30 +6085,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
 class LoadingFullEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingFullEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingFullEcComponent, decorators: [{
             type: Component,
-            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>" }]
+            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>" }]
         }] });
 class LoadingSectionEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingSectionEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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\">\n    <app-loading-full-ec></app-loading-full-ec>\n</div>\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\">\r\n    <app-loading-full-ec></app-loading-full-ec>\r\n</div>\r\n" }]
         }] });
 class LoadingInlineEcComponent {
     type = 'border';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingInlineEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingInlineEcComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], propDecorators: { type: [{
                 type: Input
             }] } });
@@ -6133,7 +6162,7 @@ class ReCaptchaEcComponent {
                 useExisting: forwardRef(() => ReCaptchaEcComponent),
                 multi: true
             }
-        ], 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$2.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){\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$2.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.0", ngImport: i0, type: ReCaptchaEcComponent, decorators: [{
             type: Component,
@@ -6143,7 +6172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ReCaptchaEcComponent),
                             multi: true
                         }
-                    ], 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}" }]
+                    ], 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}" }]
         }], propDecorators: { siteKey: [{
                 type: Input
             }] } });
@@ -6300,11 +6329,11 @@ class MagnizoomEcComponent {
         event.stopPropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MagnizoomEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MagnizoomEcComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], ctorParameters: () => [], propDecorators: { ImageSrc: [{
                 type: Input
             }], zoomMode: [{
@@ -6384,11 +6413,11 @@ class BlockFormContactEcComponent extends BlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlockFormContactEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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\">\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\">\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\">\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\">\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\">\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\">\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", 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\">\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\">\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\">\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\">\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\">\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\">\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", ngImport: i0, type: BlockFormContactEcComponent, decorators: [{
             type: Component,
-            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\">\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\">\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\">\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\">\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\">\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\">\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}" }]
+            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\">\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\">\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\">\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\">\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\">\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\">\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}" }]
         }], propDecorators: { block: [{
                 type: Input,
                 args: [{ required: true }]
@@ -6461,7 +6490,7 @@ class BlocksEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BlocksEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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    }@else {\n        <p>Loading... 2</p>\n    }\n}@else {\n<p>Loading...</p>\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta"] }, { 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: ["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.0", 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    }@else {\r\n        <p>Loading... 2</p>\r\n    }\r\n}@else {\r\n<p>Loading...</p>\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: BlockBannerFullEcComponent, selector: "app-block-banner-full-ec", inputs: ["banners", "meta"] }, { 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: ["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.0", ngImport: i0, type: BlocksEcComponent, decorators: [{
             type: Component,
@@ -6474,7 +6503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         BlockProductsEcComponent,
                         BlockNewsletterEcComponent,
                         BlockFormContactEcComponent
-                    ], 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    }@else {\n        <p>Loading... 2</p>\n    }\n}@else {\n<p>Loading...</p>\n}" }]
+                    ], 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    }@else {\r\n        <p>Loading... 2</p>\r\n    }\r\n}@else {\r\n<p>Loading...</p>\r\n}" }]
         }], ctorParameters: () => [], propDecorators: { templates: [{
                 type: Input
             }], show_loading: [{
@@ -6543,11 +6572,11 @@ class CollectionEcComponent {
         this._productsService.updateProducts();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CollectionEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CollectionEcComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }], ctorParameters: () => [], propDecorators: { optionsFilters: [{
                 type: Input
             }] } });
@@ -6576,11 +6605,11 @@ class FiltersSortEcComponent {
         selectedOption && this._filtersService.setFilterSelected(this.filters[0], selectedOption);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersSortEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FiltersSortEcComponent, isStandalone: true, selector: "app-filters-sort-ec", outputs: { changeFilter: "changeFilter" }, ngImport: i0, template: "<p>filters-sort works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FiltersSortEcComponent, isStandalone: true, selector: "app-filters-sort-ec", outputs: { changeFilter: "changeFilter" }, ngImport: i0, template: "<p>filters-sort works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersSortEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-filters-sort-ec', standalone: true, imports: [], template: "<p>filters-sort works!</p>\n" }]
+            args: [{ selector: 'app-filters-sort-ec', standalone: true, imports: [], template: "<p>filters-sort works!</p>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { changeFilter: [{
                 type: Output
             }] } });
@@ -6654,11 +6683,11 @@ class LoginFormEcComponent {
             : this._router.navigateByUrl(this.redirectTo);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoginFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-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\">\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-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\">\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", 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\">\n    <h1 class=\"right-line ff-ubuntu-light mb-2\"><span>Ingresar</span></h1>\n    <p class=\"ff-ubuntu-light font-sm pr-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\">\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>" }]
+            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-2\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-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\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>" }]
         }], propDecorators: { redirect: [{
                 type: Input
             }], redirectTo: [{
@@ -6669,11 +6698,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
 class AuthEcComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AuthEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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"], outputs: ["ready"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AuthEcComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }] });
 class ForgotPasswordEcComponent {
@@ -6714,11 +6743,11 @@ class ForgotPasswordEcComponent {
         }).finally(() => this.loading = false);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ForgotPasswordEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "<div class=\"container\" id=\"passReset\">\n    @if(!ready){\n    <div>\n        <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 text-center\">\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\n                <div class=\"element-container\">\n                    <input type=\"email\" class=\"form-control\" formControlName=\"email\" />\n                </div>\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\" [disabled]=\"form.invalid\">{{ 'recover-password' | translate\n                    }}</button>\n                @if(loading)\n                {\n                <app-loading-inline-ec />\n                }\n            </div>\n        </form>\n    </div>\n    } @else {\n    <div class=\"row d-flex justify-content-center\">\n        <div class=\"col-12 col-md-8\">\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    }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ForgotPasswordEcComponent, isStandalone: true, selector: "app-forgot-password-ec", ngImport: i0, template: "<div class=\"container\" id=\"passReset\">\r\n    @if(!ready){\r\n    <div>\r\n        <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\r\n            <div class=\"col-12 col-md-10 text-center\">\r\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\r\n                <div class=\"element-container\">\r\n                    <input type=\"email\" class=\"form-control\" formControlName=\"email\" />\r\n                </div>\r\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\" [disabled]=\"form.invalid\">{{ 'recover-password' | translate\r\n                    }}</button>\r\n                @if(loading)\r\n                {\r\n                <app-loading-inline-ec />\r\n                }\r\n            </div>\r\n        </form>\r\n    </div>\r\n    } @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\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    }\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingInlineEcComponent, selector: "app-loading-inline-ec", inputs: ["type"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ForgotPasswordEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "<div class=\"container\" id=\"passReset\">\n    @if(!ready){\n    <div>\n        <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 text-center\">\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\n                <div class=\"element-container\">\n                    <input type=\"email\" class=\"form-control\" formControlName=\"email\" />\n                </div>\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\" [disabled]=\"form.invalid\">{{ 'recover-password' | translate\n                    }}</button>\n                @if(loading)\n                {\n                <app-loading-inline-ec />\n                }\n            </div>\n        </form>\n    </div>\n    } @else {\n    <div class=\"row d-flex justify-content-center\">\n        <div class=\"col-12 col-md-8\">\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    }\n</div>" }]
+            args: [{ selector: 'app-forgot-password-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule, LoadingInlineEcComponent], template: "<div class=\"container\" id=\"passReset\">\r\n    @if(!ready){\r\n    <div>\r\n        <form [formGroup]=\"form\" (submit)=\"recoverPassword($event)\" class=\"row justify-content-center\">\r\n            <div class=\"col-12 col-md-10 text-center\">\r\n                <h3>{{ 'set-forgot-email' | translate }}</h3>\r\n                <div class=\"element-container\">\r\n                    <input type=\"email\" class=\"form-control\" formControlName=\"email\" />\r\n                </div>\r\n                <button class=\"btn btn-primary btn-passreset my-2\" type=\"submit\" [disabled]=\"form.invalid\">{{ 'recover-password' | translate\r\n                    }}</button>\r\n                @if(loading)\r\n                {\r\n                <app-loading-inline-ec />\r\n                }\r\n            </div>\r\n        </form>\r\n    </div>\r\n    } @else {\r\n    <div class=\"row d-flex justify-content-center\">\r\n        <div class=\"col-12 col-md-8\">\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    }\r\n</div>" }]
         }], ctorParameters: () => [] });
 class ConfirmAccountEcComponent {
@@ -6736,11 +6765,11 @@ class ConfirmAccountEcComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConfirmAccountEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ConfirmAccountEcComponent, isStandalone: true, selector: "app-confirm-account-ec", ngImport: i0, template: "<div class=\"mt-5 mb-5\">\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n         </div>\n    </div>\n    \n    \n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n              <a routerLink=\"/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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ConfirmAccountEcComponent, isStandalone: true, selector: "app-confirm-account-ec", ngImport: i0, template: "<div class=\"mt-5 mb-5\">\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\r\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\r\n         </div>\r\n    </div>\r\n    \r\n    \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 routerLink=\"/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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConfirmAccountEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-confirm-account-ec', standalone: true, imports: [TranslateModule, UpperCasePipe], template: "<div class=\"mt-5 mb-5\">\n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\n         </div>\n    </div>\n    \n    \n    <div class=\"row\">\n         <div class=\"col-md-12 col-12 text-center\">\n              <h4>{{ 'thanks-for-register-detail' | translate }}</h4>\n              <a routerLink=\"/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" }]
+            args: [{ selector: 'app-confirm-account-ec', standalone: true, imports: [TranslateModule, UpperCasePipe], template: "<div class=\"mt-5 mb-5\">\r\n    <div class=\"row\">\r\n         <div class=\"col-md-12 col-12 text-center\">\r\n              <h4 class=\"confirm-title text-white py-3 text-uppercase d-inline-block\">\r\n                   {{ ('thanks-for-register' | translate) | uppercase }}</h4>\r\n         </div>\r\n    </div>\r\n    \r\n    \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 routerLink=\"/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" }]
         }] });
 class RegisterFormEcComponent {
@@ -6829,11 +6858,11 @@ class RegisterFormEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RegisterFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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]=\"form\" (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]=\"form.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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", 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]=\"form\" (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]=\"form.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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.0", 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\">\n  <div class=\"py-2\">\n      <h5>CREAR CUENTA</h5>\n  </div>\n  <form id=\"registro\" [formGroup]=\"form\" (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]=\"form.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" }]
+            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]=\"form\" (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]=\"form.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" }]
         }], ctorParameters: () => [], propDecorators: { redirect: [{
                 type: Input
             }], ready: [{
@@ -6971,11 +7000,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.0", ngImport: i0, type: RegisterWholesalerFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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.0", 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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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.0", 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\">\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>" }]
+            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>" }]
         }], ctorParameters: () => [], propDecorators: { redirect: [{
                 type: Input
             }], ready: [{
@@ -7010,11 +7039,11 @@ class FiltersEcComponent {
         filter && this._filtersService.setFilterSelected(filter, selected);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", ngImport: i0, template: "<p>filters-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", ngImport: i0, template: "<p>filters-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-filters-ec', standalone: true, imports: [], template: "<p>filters-ec works!</p>\n" }]
+            args: [{ selector: 'lib-filters-ec', standalone: true, imports: [], template: "<p>filters-ec works!</p>\r\n" }]
         }], ctorParameters: () => [] });
 class ProductDetailEcComponent {
@@ -7024,6 +7053,9 @@ class ProductDetailEcComponent {
     _domSanitizer = inject(DomSanitizer);
     _consts = inject(CoreConstantsService);
     _toastService = inject(ToastService);
+    _meta = inject(Meta);
+    _title = inject(Title);
+    _location = inject(Location);
     product$ = this._productDetailService.product$;
     options$ = this._productDetailService.options$;
     data$ = this._productDetailService.associatedData$;
@@ -7036,17 +7068,27 @@ class ProductDetailEcComponent {
             this._productDetailService.loadProduct(this.code);
         });
     }
+    ngOnInit() {
+        this.product$.subscribe(product => {
+            if (product) {
+                this.updateMetaTags(product);
+            }
+        });
+    }
+    updateMetaTags(product) {
+        const descripcionLimpia = he.decode(product.description || '').replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
+        const currentUrl = this._consts.url() + this._location.path(true); // `true` incluye el query string
+        this._meta.updateTag({ property: 'og:title', content: product.name || '' });
+        this._meta.updateTag({ property: 'og:description', content: descripcionLimpia || '' });
+        this._meta.updateTag({ property: 'og:image', content: this._consts.mediaUrl(Array.isArray(product.picturesdefault) ? product.picturesdefault[0] : product.picturesdefault) || '' });
+        this._meta.updateTag({ property: 'og:url', content: currentUrl });
+    }
     sanitizedHtml(html) {
         return this._domSanitizer.bypassSecurityTrustHtml(html);
     }
     addToCart() {
         this.quantity() > 0 && this._productDetailService.addToCart(this.quantity());
     }
-    /**
-     * @description actualiza la variable quantity sumandole 'x' contenido.
-     * @param stock debe recibir un number que contenga el stock disponible.
-     * @param multipleQuantity debe recibir el multiplo de cantidad que se quiera incrementar.
-     */
     plus(stock, multipleQuantity) {
         if (multipleQuantity && multipleQuantity > 0) {
             stock ? (this.quantity() < stock
@@ -7061,10 +7103,6 @@ class ProductDetailEcComponent {
                 : this.quantity.update(value => value + 1);
         }
     }
-    /**
-     * @description actualiza la varible quantity restandole 'x' contenido.
-     * @param multipleQuantity debe recibir el multiplo de cantidad que se quiera decrementar.
-     */
     less(multipleQuantity) {
         if (multipleQuantity && multipleQuantity > 0) {
             this.quantity() > multipleQuantity ? this.quantity.update(value => value - multipleQuantity) : null;
@@ -7092,11 +7130,11 @@ class VariantsEcComponent {
         this._productDetailsService.setOption(optionCode, optionValue);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: VariantsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", ngImport: i0, template: "@if(options$ | async; as options){\n    @if(options && options.length){\n        @for(option of options; track $index){\n            @switch (option.type) {\n                @case ('color') {\n                <h5>Colores disponibles</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\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\n                        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\n                        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\n                    </a>\n                    }\n                </div>\n                }\n                @case ('size') {\n\n                }\n                @default {\n\n                }\n            }\n        }\n    } @else {\n    <p>loading</p>\n    }\n}\n\n<!-- <div *ngIf=\"(options$ | async) as options\">\n    <div *ngIf=\"options && options.length; else loading\">\n         <div *ngFor=\"let option of options; let i = index\">\n\n              <div [ngSwitch]=\"option.type\">\n                   <div *ngSwitchCase=\"'color'\">\n                        <h5>Colores disponibles</h5>\n                        <div class=\"row w-100 mx-auto pb-3 mb-3\">\n                            <a *ngFor=\"let value of option.values; let x = index\" role=\"button\"\n                                (click)=\"setOption(option.code, value.name)\" [class]=\"'item m-1 ' + (value.selected ? 'shadow' : '')\"\n                                [id]=\"x + value.name\"\n                                [style.background]=\"'#' + value.name\"\n                                [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\n                            </a>\n                        </div>\n                   </div>\n                   <div *ngSwitchCase=\"'size'\">\n                        <h5>Talles displonibles</h5>\n                        <div class=\"row w-100 mx-auto pb-3\">\n                             <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                  (click)=\"setOption(option.code, value.name)\"\n                                  [id]=\"x + value.name\"\n                                  [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\n                                  {{ value.name }}\n                             </a>\n                        </div>\n                   </div>\n              </div>\n         </div>\n    </div>\n</div>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n         <div id=\"loading\"></div>\n    </div>\n</ng-template> -->", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: VariantsEcComponent, isStandalone: true, selector: "app-variants-ec", ngImport: i0, template: "@if(options$ | async; as options){\r\n    @if(options && options.length){\r\n        @for(option of options; track $index){\r\n            @switch (option.type) {\r\n                @case ('color') {\r\n                <h5>Colores disponibles</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\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\r\n                        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n                        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n                    </a>\r\n                    }\r\n                </div>\r\n                }\r\n                @case ('size') {\r\n\r\n                }\r\n                @default {\r\n\r\n                }\r\n            }\r\n        }\r\n    } @else {\r\n    <p>loading</p>\r\n    }\r\n}\r\n\r\n<!-- <div *ngIf=\"(options$ | async) as options\">\r\n    <div *ngIf=\"options && options.length; else loading\">\r\n         <div *ngFor=\"let option of options; let i = index\">\r\n\r\n              <div [ngSwitch]=\"option.type\">\r\n                   <div *ngSwitchCase=\"'color'\">\r\n                        <h5>Colores disponibles</h5>\r\n                        <div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n                            <a *ngFor=\"let value of option.values; let x = index\" role=\"button\"\r\n                                (click)=\"setOption(option.code, value.name)\" [class]=\"'item m-1 ' + (value.selected ? 'shadow' : '')\"\r\n                                [id]=\"x + value.name\"\r\n                                [style.background]=\"'#' + value.name\"\r\n                                [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n                            </a>\r\n                        </div>\r\n                   </div>\r\n                   <div *ngSwitchCase=\"'size'\">\r\n                        <h5>Talles displonibles</h5>\r\n                        <div class=\"row w-100 mx-auto pb-3\">\r\n                             <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                  (click)=\"setOption(option.code, value.name)\"\r\n                                  [id]=\"x + value.name\"\r\n                                  [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                                  {{ value.name }}\r\n                             </a>\r\n                        </div>\r\n                   </div>\r\n              </div>\r\n         </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loading>\r\n    <div class=\"loading-container\">\r\n         <div id=\"loading\"></div>\r\n    </div>\r\n</ng-template> -->", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: VariantsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe], template: "@if(options$ | async; as options){\n    @if(options && options.length){\n        @for(option of options; track $index){\n            @switch (option.type) {\n                @case ('color') {\n                <h5>Colores disponibles</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\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\n                        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\n                        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\n                    </a>\n                    }\n                </div>\n                }\n                @case ('size') {\n\n                }\n                @default {\n\n                }\n            }\n        }\n    } @else {\n    <p>loading</p>\n    }\n}\n\n<!-- <div *ngIf=\"(options$ | async) as options\">\n    <div *ngIf=\"options && options.length; else loading\">\n         <div *ngFor=\"let option of options; let i = index\">\n\n              <div [ngSwitch]=\"option.type\">\n                   <div *ngSwitchCase=\"'color'\">\n                        <h5>Colores disponibles</h5>\n                        <div class=\"row w-100 mx-auto pb-3 mb-3\">\n                            <a *ngFor=\"let value of option.values; let x = index\" role=\"button\"\n                                (click)=\"setOption(option.code, value.name)\" [class]=\"'item m-1 ' + (value.selected ? 'shadow' : '')\"\n                                [id]=\"x + value.name\"\n                                [style.background]=\"'#' + value.name\"\n                                [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\n                            </a>\n                        </div>\n                   </div>\n                   <div *ngSwitchCase=\"'size'\">\n                        <h5>Talles displonibles</h5>\n                        <div class=\"row w-100 mx-auto pb-3\">\n                             <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\n                                  (click)=\"setOption(option.code, value.name)\"\n                                  [id]=\"x + value.name\"\n                                  [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\n                                  {{ value.name }}\n                             </a>\n                        </div>\n                   </div>\n              </div>\n         </div>\n    </div>\n</div>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n         <div id=\"loading\"></div>\n    </div>\n</ng-template> -->", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
+            args: [{ selector: 'app-variants-ec', standalone: true, imports: [AsyncPipe], template: "@if(options$ | async; as options){\r\n    @if(options && options.length){\r\n        @for(option of options; track $index){\r\n            @switch (option.type) {\r\n                @case ('color') {\r\n                <h5>Colores disponibles</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\" [title]=\"value.description\" (click)=\"setOption(option.code, value.name)\"\r\n                        [class]=\"'item m-1 circle ' + (value.selected ? 'shadow' : '')\" [id]=\"x + value.name\"\r\n                        [style.background]=\"'#' + value.name\" [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n                    </a>\r\n                    }\r\n                </div>\r\n                }\r\n                @case ('size') {\r\n\r\n                }\r\n                @default {\r\n\r\n                }\r\n            }\r\n        }\r\n    } @else {\r\n    <p>loading</p>\r\n    }\r\n}\r\n\r\n<!-- <div *ngIf=\"(options$ | async) as options\">\r\n    <div *ngIf=\"options && options.length; else loading\">\r\n         <div *ngFor=\"let option of options; let i = index\">\r\n\r\n              <div [ngSwitch]=\"option.type\">\r\n                   <div *ngSwitchCase=\"'color'\">\r\n                        <h5>Colores disponibles</h5>\r\n                        <div class=\"row w-100 mx-auto pb-3 mb-3\">\r\n                            <a *ngFor=\"let value of option.values; let x = index\" role=\"button\"\r\n                                (click)=\"setOption(option.code, value.name)\" [class]=\"'item m-1 ' + (value.selected ? 'shadow' : '')\"\r\n                                [id]=\"x + value.name\"\r\n                                [style.background]=\"'#' + value.name\"\r\n                                [style.box-shadow]=\"(value.selected ? '0px 0px 0px 2px #000' : 'none')\">\r\n                            </a>\r\n                        </div>\r\n                   </div>\r\n                   <div *ngSwitchCase=\"'size'\">\r\n                        <h5>Talles displonibles</h5>\r\n                        <div class=\"row w-100 mx-auto pb-3\">\r\n                             <a *ngFor=\"let value of option.values; let x = index\" role=\"buttom\"\r\n                                  (click)=\"setOption(option.code, value.name)\"\r\n                                  [id]=\"x + value.name\"\r\n                                  [class]=\"'btn item m-1 ' + (value.selected ? 'selected-size' : 'unselected-size')\">\r\n                                  {{ value.name }}\r\n                             </a>\r\n                        </div>\r\n                   </div>\r\n              </div>\r\n         </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loading>\r\n    <div class=\"loading-container\">\r\n         <div id=\"loading\"></div>\r\n    </div>\r\n</ng-template> -->", styles: [".circle{width:32px;height:32px;border-radius:50%}.shadow{border:1px solid #000}\n"] }]
         }] });
 class BreadcrumbEcComponent {
@@ -7112,11 +7150,11 @@ class BreadcrumbEcComponent {
         return this._optionsService.getBreadcrumbByFilters(filters);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule], 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>" }]
+            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule], 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>" }]
         }], ctorParameters: () => [] });
 class CartEcComponent {
@@ -7130,11 +7168,11 @@ class CartEcComponent {
         this._cartService.removeCoupon();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CartEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CartEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [], template: "<p>cart-ec works!</p>\n" }]
+            args: [{ selector: 'lib-cart-ec', standalone: true, imports: [], template: "<p>cart-ec works!</p>\r\n" }]
         }] });
 class CartItemEcComponent {
@@ -7168,11 +7206,11 @@ class CartItemEcComponent {
         this._cartService.deleteCartItem(this.item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CartItemEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CartItemEcComponent, isStandalone: true, selector: "lib-cart-item-ec", inputs: { item: "item" }, ngImport: i0, template: "<p>cart-item-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CartItemEcComponent, isStandalone: true, selector: "lib-cart-item-ec", inputs: { item: "item" }, ngImport: i0, template: "<p>cart-item-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CartItemEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-cart-item-ec', standalone: true, imports: [], template: "<p>cart-item-ec works!</p>\n" }]
+            args: [{ selector: 'lib-cart-item-ec', standalone: true, imports: [], template: "<p>cart-item-ec works!</p>\r\n" }]
         }], propDecorators: { item: [{
                 type: Input,
                 args: [{
@@ -7199,11 +7237,11 @@ class CouponEcComponent {
         this._cartService.removeCoupon();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CouponEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<p>coupon-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<p>coupon-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CouponEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [], template: "<p>coupon-ec works!</p>\n" }]
+            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [], template: "<p>coupon-ec works!</p>\r\n" }]
         }] });
 class DataformEcComponent {
@@ -7445,7 +7483,7 @@ class DataformEcComponent {
         this._checkoutService.next();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataformEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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                                @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                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\n                        <div class=\"form-group col-12 col-md-12\">\n                            @if(!getLabelNotesParam()){\n                            <label class=\"field-label\">{{'notes'|translate}}\n                                @if(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                        </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                                            @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\" (change)=\"onDocumentTypesSelected($event, true)\"\n                                            formControlName='documentType'>\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\n                                    <div class=\"form-group col-12 col-md-12\">\n                                        @if(!getLabelNotesParam()){\n                                        <label class=\"field-label\">{{'notes'|translate}}\n                                            @if(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                                    </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\" [disabled]=\"checkoutForm.invalid\">{{(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\">\n                    <div class=\"col-12\">\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                    <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}}</label>\n                            }\n                            @if(getLabelNotesParam(); as labelnotes){\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\n                                autocomplete=\"off\">\n                            }\n\n                        </div>\n                    </div>\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\" [disabled]=\"loadingStep\">{{(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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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.0", 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                                @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                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\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(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                        </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                                            @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\" (change)=\"onDocumentTypesSelected($event, true)\"\r\n                                            formControlName='documentType'>\r\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\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(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                                    </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\" [disabled]=\"checkoutForm.invalid\">{{(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\">\r\n                    <div class=\"col-12\">\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                    <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}}</label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\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\">\r\n                            }\r\n\r\n                        </div>\r\n                    </div>\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\" [disabled]=\"loadingStep\">{{(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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.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"], outputs: ["ready"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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.0", ngImport: i0, type: DataformEcComponent, decorators: [{
             type: Component,
@@ -7460,7 +7498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         LoadingFullEcComponent,
                         JsonPipe,
                         BlocksEcComponent
-                    ], 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                                @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                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\n                        <div class=\"form-group col-12 col-md-12\">\n                            @if(!getLabelNotesParam()){\n                            <label class=\"field-label\">{{'notes'|translate}}\n                                @if(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                        </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                                            @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\" (change)=\"onDocumentTypesSelected($event, true)\"\n                                            formControlName='documentType'>\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\n                                    <div class=\"form-group col-12 col-md-12\">\n                                        @if(!getLabelNotesParam()){\n                                        <label class=\"field-label\">{{'notes'|translate}}\n                                            @if(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                                    </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\" [disabled]=\"checkoutForm.invalid\">{{(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\">\n                    <div class=\"col-12\">\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                    <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}}</label>\n                            }\n                            @if(getLabelNotesParam(); as labelnotes){\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\n                            <input (change)=\"onInputChange()\" class=\"form-control\" type=\"text\" name=\"notes\"\n                                [(ngModel)]=\"this.addressBookSelected.notes\" #ctrl=\"ngModel\" value=\"\" placeholder=\"\"\n                                autocomplete=\"off\">\n                            }\n\n                        </div>\n                    </div>\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\" [disabled]=\"loadingStep\">{{(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}" }]
+                    ], 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                                @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                                <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\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(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                        </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                                            @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\" (change)=\"onDocumentTypesSelected($event, true)\"\r\n                                            formControlName='documentType'>\r\n                                            <!--                             <option [value]=\"''\" selected>{{'document-type'|translate}}</option>\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(getTypeForm().viewForms.notes.enabled){\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(getTypeForm().viewForms.notes.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(getTypeForm().viewForms.notes.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                                    </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\" [disabled]=\"checkoutForm.invalid\">{{(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\">\r\n                    <div class=\"col-12\">\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                    <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}}</label>\r\n                            }\r\n                            @if(getLabelNotesParam(); as labelnotes){\r\n                            <label class=\"form-label\" [innerHTML]=\"labelnotes.value\"></label>\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\">\r\n                            }\r\n\r\n                        </div>\r\n                    </div>\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\" [disabled]=\"loadingStep\">{{(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}" }]
         }], ctorParameters: () => [] });
 class ShipmentEcComponent {
@@ -7544,11 +7582,11 @@ class ShipmentEcComponent {
         this._checkoutService.next();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ShipmentEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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 '+(methodSelect && methodSelect == 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$1.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.0", 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 '+(methodSelect && methodSelect == 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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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\">\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 '+(methodSelect && methodSelect == 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>" }]
+            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 '+(methodSelect && methodSelect == 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>" }]
         }], ctorParameters: () => [] });
 class MpRedirectEcComponent {
@@ -7650,11 +7688,11 @@ class MpRedirectEcComponent {
         });
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MpRedirectEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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\t\t@if(!loading){\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\n\t\t} @else {\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\n\t\t\t</div>\n\t\t\t<div class=\"container-fluid\">\n\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-5\">\n\t\t\t\t\t\t<hr>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-2 text-center\">\n\t\t\t\t\t\t<label for=\"\">o</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-5\">\n\t\t\t\t\t\t<hr>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\n\t\t\t</div>\n\t\t}\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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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\t\t@if(!loading){\r\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t\t} @else {\r\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\r\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\r\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"container-fluid\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-2 text-center\">\r\n\t\t\t\t\t\t<label for=\"\">o</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t\t\t</div>\r\n\t\t}\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MpRedirectEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\n\t@if(url){\n\t\t@if(!loading){\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\n\t\t} @else {\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\n\t\t\t</div>\n\t\t\t<div class=\"container-fluid\">\n\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-5\">\n\t\t\t\t\t\t<hr>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-2 text-center\">\n\t\t\t\t\t\t<label for=\"\">o</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-5\">\n\t\t\t\t\t\t<hr>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\n\t\t\t</div>\n\t\t}\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>" }]
+            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n\t@if(url){\r\n\t\t@if(!loading){\r\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t\t} @else {\r\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\r\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\r\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"container-fluid\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-2 text-center\">\r\n\t\t\t\t\t\t<label for=\"\">o</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t\t\t</div>\r\n\t\t}\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>" }]
         }], ctorParameters: () => [], propDecorators: { method: [{
                 type: Input
             }], total_amount: [{
@@ -7673,11 +7711,11 @@ class BankTransferEcComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BankTransferEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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\">\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} -->" }]
+            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} -->" }]
         }], ctorParameters: () => [], propDecorators: { method: [{
                 type: Input,
                 args: [{
@@ -7697,14 +7735,14 @@ class OfflineEcComponent {
     ngOnInit() {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OfflineEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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>\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} -->" }]
+                    ], 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} -->" }]
         }], ctorParameters: () => [], propDecorators: { method: [{
                 type: Input,
                 args: [{
@@ -7785,7 +7823,7 @@ class PaymentEcComponent {
         this._checkoutService.back();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaymentEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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(isMP(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<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\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<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</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}\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\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<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\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</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\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\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\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</div>\n\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<div class=\"container\">\n\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<div class=\"col-12\">\n\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[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\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</app-decidir-ec>\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</div> -->\n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\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>\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!--\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\"></app-bamboo-ec>\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</div> -->\n\t\t\t\t\t\t\t@if(isBankTransfer(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-bank-transfer-ec \n\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[verifyValidate]= \"verifyValidate\"\n\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</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}\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}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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: TranslateModule }, { kind: "pipe", type: i1$1.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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaymentEcComponent, decorators: [{
             type: Component,
@@ -7795,7 +7833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         MpRedirectEcComponent,
                         BankTransferEcComponent,
                         OfflineEcComponent
-                    ], 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(isMP(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<p id=\"faqs\" class=\"qt px-5 \">{{ method.description }}</p>\n\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<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</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}\n\t\t\t\t\t\t\t<!-- <div class=\"method-container text-dark text-left\" *ngIf=\"isMPTarjetaDeCredito(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\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<p class=\"px-5\">{{ method.instructions }}</p>\n\t\t\t\t\t\t\t\t\t\t<div app-mp-credit-ec (ready)=\"verifyValidate()\" [public_key]=\"getPK(method)\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectRedsys(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"!method.code.includes('bizum') && !method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-ec>\n\t\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"method.code.includes('bizum') || method.code.includes('_out_')\">\n\t\t\t\t\t\t\t\t\t\t\t<app-redsys-redirect-out-ec (ready)=\"verifyValidate($event)\"\n\t\t\t\t\t\t\t\t\t\t\t\t[method]=\"method\" [user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t\t</app-redsys-redirect-out-ec>\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</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isRedirectCecaBank(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-ceca-redirect-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\">\n\t\t\t\t\t\t\t\t\t\t</app-ceca-redirect-ec>\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\t<div class=\"method-container text-dark text-start\" *ngIf=\"isPeyPalExpress(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-paypal-express-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[user_data]=\"allData()\" [total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-paypal-express-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isMobbex(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-mobbex-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-mobbex-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBancard(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\">\n\t\t\t\t\t\t\t\t\t\t\t</app-bancard-ec>\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</div>\n\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<div class=\"container\">\n\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<div class=\"col-12\">\n\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[user_data]=\"allData()\" [paymentServiceInst]=\"paymentService\"\n\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</app-decidir-ec>\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</div> -->\n\t\t\t\t\t\t\t@if(isMethodOffline(method.code)){\n\t\t\t\t\t\t\t<div class=\"method-container text-dark\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t<app-offline-ec \n\t\t\t\t\t\t\t\t\t\t[method]=\"method\" \n\t\t\t\t\t\t\t\t\t\t[verifyValidate]= \"verifyValidate\"\n\t\t\t\t\t\t\t\t\t\t[setLoading] = \"setLoading\" />\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>\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!--\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCulqi(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-culqi-ec [apiKey]=\"getPKCulqi(method)\" [method]=\"method\"\n\t\t\t\t\t\t\t\t\t\t\t\t[amount]=\"total_amount\" [customStyle]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t(ready)=\"verifyValidate()\"></app-culqi-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isCatastro(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bancard-catastro-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\"></app-bancard-catastro-ec>\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</div>\n\t\t\t\t\t\t\t<div class=\"method-container text-dark text-start\" *ngIf=\"isBamboo(method.code)\">\n\t\t\t\t\t\t\t\t<div class=\"container\">\n\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<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t\t<app-bamboo-ec (ready)=\"verifyValidate($event)\" [method]=\"method\"\n\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[total_amount]=\"total_amount\"></app-bamboo-ec>\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</div> -->\n\t\t\t\t\t\t\t@if(isBankTransfer(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-bank-transfer-ec \n\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[verifyValidate]= \"verifyValidate\"\n\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</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}\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}" }]
+                    ], 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}" }]
         }], ctorParameters: () => [] });
 class StepContainerEcComponent {
@@ -7811,7 +7849,7 @@ class StepContainerEcComponent {
         this._checkoutService.back();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StepContainerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StepContainerEcComponent, decorators: [{
             type: Component,
@@ -7819,7 +7857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         DataformEcComponent,
                         ShipmentEcComponent,
                         PaymentEcComponent
-                    ], 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" }]
+                    ], 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" }]
         }], ctorParameters: () => [], propDecorators: { steps: [{
                 type: Input,
                 args: [{
@@ -7858,11 +7896,11 @@ class DetailCheckoutBlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DetailCheckoutBlockEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DetailCheckoutBlockEcComponent, isStandalone: true, selector: "app-detail-checkout-block-ec", ngImport: i0, template: "@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}", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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.0", 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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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){\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}" }]
+            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}" }]
         }], ctorParameters: () => [] });
 class CheckoutEcComponent {
@@ -7909,11 +7947,11 @@ class CheckoutEcComponent {
         this._checkoutService.setSteps(steps);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckoutEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.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$1.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.0", 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}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.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$1.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.0", 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\">\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}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.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\">\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}.bs-stepper-number{font-size:10px;font-weight:700;padding-top:.2rem;padding-bottom:.2rem}.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 {
@@ -7953,11 +7991,11 @@ class SuccessEcComponent {
          */
     containsBlock(codeBlock) { return this.blocks.find((block) => block.code == codeBlock); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SuccessEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container\" class=\"flex-center generalContainer container-xl\">\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<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\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<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\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}@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\">{{ ((params.payment_status || 'pending') | translate) }}</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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SuccessEcComponent, isStandalone: true, selector: "app-order-success-ec", ngImport: i0, template: "<div id=\"container\" class=\"flex-center generalContainer container-xl\">\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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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\">\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<app-blocks-ec [section]=\"'info_metodo_pago'\" [blockFilters]=\"payments[0].method.code\">\n\t\t\t\t\t\t\t</app-blocks-ec>\n\t\t\t\t\t\t\t<div class=\"d-flex flex-column details\">\n\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<p class=\"card-text\">{{((params.payment_status || 'pending') | translate)}}</p>\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}@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\">{{ ((params.payment_status || 'pending') | translate) }}</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>" }]
+            args: [{ selector: 'app-order-success-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent, TranslateModule, UpperCasePipe, CommonModule], template: "<div id=\"container\" class=\"flex-center generalContainer container-xl\">\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>" }]
         }], ctorParameters: () => [] });
 class OrdersListEcComponent {
@@ -8092,11 +8130,11 @@ class OrdersListEcComponent {
         //this._router.navigateByUrl((`account/orders/${order.number}`))
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OrdersListEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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(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(creditAmountConfigured ? showPrice : true){\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    </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$1.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.0", 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$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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\">\n    @if(!loading){\n    <section id=\"orders\" class=\"w-100\">\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(creditAmountConfigured ? showPrice : true){\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    </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" }]
+            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" }]
         }] });
 class AccountEcComponent {
@@ -8109,11 +8147,11 @@ class AccountEcComponent {
         this._router.navigateByUrl(path);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccountEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccountEcComponent, decorators: [{
             type: Component,
-            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" }]
+            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" }]
         }] });
 class OrderEcComponent {
@@ -8122,11 +8160,11 @@ class OrderEcComponent {
         throw new Error('Method not implemented.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OrderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<p>order-ec works!</p>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OrderEcComponent, isStandalone: true, selector: "app-order-ec", ngImport: i0, template: "<p>order-ec works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OrderEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-order-ec', standalone: true, imports: [], template: "<p>order-ec works!</p>\n" }]
+            args: [{ selector: 'app-order-ec', standalone: true, imports: [], template: "<p>order-ec works!</p>\r\n" }]
         }] });
 //Types
@@ -8186,5 +8224,5 @@ const authInterceptor = (req, next) => {
  * Generated bundle index. Do not edit.
  */
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, FacebookPixelService, 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, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, ShipmentService, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, FacebookPixelService, 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, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, ShipmentService, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map