ng-easycommerce-v18 0.0.9 → 0.1.1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, EventEmitter, Output, forwardRef, afterRender, ViewChild, Injector, Directive, Inject } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, EventEmitter, Output, forwardRef, afterRender, ViewChild, Injector, Renderer2, Directive, Inject } from '@angular/core';
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } 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 { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { CookieService } from 'ngx-cookie-service';
@@ -22,7 +22,6 @@ 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';
-import { take as take$1 } from 'rxjs/operators';
 
 /**
  * Token para el provider de enviroment
@@ -168,6 +167,10 @@ class ConnectionService {
     getWithFullUrl(fullurl) {
         return this._http.get(fullurl);
     }
+    getHTML(api) {
+        let httpHeaders = new HttpHeaders({ Accept: 'text/plain, text/html' });
+        return this._http.get(this.url + api, { responseType: 'text', headers: httpHeaders }).pipe(take(1));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConnectionService, providedIn: 'root' });
 }
@@ -184,6 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @class CoreConstantsService
  */
 class CoreConstantsService {
+    searchValue = '';
     /**
      * Servicio que contiene las constantes usadas para la API
      */
@@ -439,6 +443,10 @@ class OptionsService {
      */
     attributesApi(filter = '') { return `${this.SHOP_CHANNEL_API}product-search/attributes/?locale=${this.apiConstants.LOCALE}&limit=1&page=1${filter}`; }
     ;
+    faqsApi() { return 'cms/' + this.apiConstants.CHANNEL + '/faq'; }
+    ;
+    pageContentByCodeApi = (code) => this.cmsBase() + '/' + this.constants.getChannel() + '/page/' + code;
+    cmsBase = () => 'cms/' + this.apiConstants.LOCALE;
     constructor() { }
     /**
      * Obtiene las categorias del backend. Y los mapea para que sea mas amigable el manejo como menú.
@@ -495,10 +503,10 @@ class OptionsService {
         }
         return value.toLowerCase().replace(/\s+/g, '-').replace(/[^\w\-]+/g, '');
     } /**
-   * Elimina los acentos
-   * @param str
-   * @returns
-   */
+     * Elimina los acentos
+     * @param str
+     * @returns
+     */
     removeAccents(str) {
         return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
     }
@@ -650,6 +658,27 @@ class OptionsService {
         }
         return result;
     };
+    getSectionContentByLink = (link) => this.connection.getHTML(this.pageContentByCodeApi(link)).pipe(map(html => html.split('</head>')[html.split('</head>').length - 1]), catchError(e => of(false)));
+    getFAQ() {
+        return this.connection.get(this.faqsApi()).pipe(map(response => {
+            let result = [];
+            response.forEach((response_faq) => {
+                let faqs = {
+                    code: response_faq.code,
+                    position: response_faq.position,
+                    title: response_faq.translations[this.apiConstants.LOCALE].topic,
+                    questions: response_faq.frequentlyAskedQuestions.map((asked_question) => ({
+                        code: asked_question.code,
+                        position: asked_question.position,
+                        question: asked_question.translations[this.apiConstants.LOCALE] ? asked_question.translations[this.apiConstants.LOCALE].question : '',
+                        answer: asked_question.translations[this.apiConstants.LOCALE] ? asked_question.translations[this.apiConstants.LOCALE].answer : '',
+                    }))
+                };
+                result.push(faqs);
+            });
+            return result;
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OptionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OptionsService, providedIn: 'root' });
 }
@@ -2234,7 +2263,7 @@ class ReCaptchaService {
     params$ = this._paramsService.getParameters();
     params;
     urlBaseFormat = '';
-    testing = "easycommercetech";
+    testing = "easycommerce";
     productionEnvironment = false;
     recaptchaSiteKeysUrl = './assets/recaptcha/recaptcha-site-keys.json';
     recaptchaSitesUrl = './assets/recaptcha/recaptcha-sites.json';
@@ -3063,7 +3092,7 @@ class AuthService {
             return 'error';
         }), catchError((error) => {
             this._loggingInSubject.next(false);
-            return of(error.toString());
+            return throwError(() => error); // <-- Propaga el error real
         }));
     }
     /**
@@ -3427,6 +3456,7 @@ class FiltersService {
         type: '',
         limit: 0
     };
+    _filtersInitialized = false;
     constructor() {
         //this._defaultFilters = this._consts.getDefaultFilters()
     }
@@ -3449,6 +3479,7 @@ class FiltersService {
             const extra = filter.toUrlParams();
             extra.split('=')[1] != '' ? extra_params += extra : null;
         });
+        console.log("extra_params", search_value);
         if (search_value)
             extra_params += ('&criteria[search][type]=contains&criteria[search][value]=' + search_value);
         //console.log("extra_params",extra_params);
@@ -3467,7 +3498,7 @@ class FiltersService {
             this._paginationSettings = paginationSettings;
         return change;
     }
-    setFilters(paginationSettings) {
+    setFilters(paginationSettings, search_value) {
         this._paginationSettings = paginationSettings;
         let final_filters = [];
         if (this._optionsFilters?.includes('all'))
@@ -3482,22 +3513,35 @@ class FiltersService {
         });
         this._filtersSubject.next(final_filters);
     }
+    getFilters(paginationSettings) {
+        if (this._filtersInitialized)
+            return;
+        this._filtersInitialized = true;
+        const settings = paginationSettings || this._paginationSettings;
+        let final_filters = [];
+        if (this._optionsFilters?.includes('all'))
+            this._optionsFilters = ['attributes', 'categories', 'dynamics', 'sort'];
+        runInInjectionContext(this.environmentInjector, () => {
+            const filterFactory = new FilterFactory();
+            this._optionsFilters?.forEach(filter => final_filters.push(filterFactory.create(filter, settings)));
+        });
+        this._defaultFilters?.forEach(filterDefault => {
+            let filter = final_filters.find(filter => filter.type() == filterDefault.filter_type);
+            filter && filterDefault.codes.forEach(value => filter.setSelected(value));
+        });
+        return final_filters;
+    }
     getSpecificFilters(types) {
         const filters = this._filtersSubject.value.filter(filter => types.includes(filter.type()));
         return filters;
     }
     setFilterSelected(filterObj, filterElem) {
-        if (filterObj.type() == 'categories') {
-            this._paginationSettings.value = filterElem.slug;
-            this.setFilters(this._paginationSettings);
-        }
-        else {
-            let final_filters = this._filtersSubject.value;
-            let index = final_filters.findIndex(filter => filter.type() == filterObj.type());
-            final_filters[index].setSelected(filterElem, filterElem.value || filterElem.code);
-            console.log(index, final_filters);
-            this._filtersSubject.next(final_filters);
-        }
+        let final_filters = this._filtersSubject.value;
+        let index = final_filters.findIndex(filter => filter.type() == filterObj.type());
+        final_filters[index].setSelected(filterElem, filterElem.value || filterElem.code);
+        console.log(index, final_filters);
+        this._filtersSubject.next(final_filters);
+        // }
     }
     updateFilters(paginationFilters) {
         const claves = Object.keys(paginationFilters);
@@ -3535,9 +3579,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class PaginationService {
     _connectionService = inject(ConnectionService);
     _filtersService = inject(FiltersService);
-    paginationData$ = this._filtersService.filters$.pipe(shareReplay(1), switchMap((filters) => {
+    _constants = inject(CoreConstantsService);
+    paginationData$ = this._filtersService.filters$.pipe(shareReplay(1), filter(filters => filters && filters.length > 0), switchMap((filters) => {
         const url = this.buildUrl(filters);
-        console.log("pag", url);
         return this.getData(url);
     }));
     _dataPagination = signal({
@@ -3666,7 +3710,13 @@ class PaginationService {
      * @returns
      */
     buildUrl(filters) {
-        return this._filtersService.generateFinalApi();
+        console.log('entra aqui');
+        if (this._constants.searchValue) {
+            return this._filtersService.generateFinalApi(this._constants.searchValue);
+        }
+        else {
+            return this._filtersService.generateFinalApi();
+        }
     }
     /**
      * Devuelve un observable de los productos que devolvio la última página obtenida.
@@ -3840,15 +3890,9 @@ class ProductsService {
     getObjectWithVariant = () => {
         return this._consts.getParamsProductsWithUniqueVariant();
     };
-    // private updatePriceRangeFilter(min: number, max: number) {
-    //    const final_filters: Filter[] = this.filtersSubject.value;
-    //    const priceRangeFilter = final_filters.find(filter => filter instanceof PriceRangeFilter);
-    //     if (priceRangeFilter) {
-    //         (priceRangeFilter as PriceRangeFilter).updatePrices(min, max);
-    //         this.filtersSubject.next(final_filters);
-    //     }
-    // }
-    getRelatedProducts = (key) => this._connection.get(this.relatedProductsApi(key));
+    getRelatedProducts(product_id) {
+        return this._connection.get(this.relatedProductsApi(product_id));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductsService, providedIn: 'root' });
 }
@@ -4383,6 +4427,21 @@ class CartService {
     }
     getCreditAmount = () => this._balanceCustomerSubject.pipe(map((balanceCustomer) => balanceCustomer?.creditAmount ?? null));
     getRemainingCredits = () => this._balanceCustomerSubject.pipe(map((balanceCustomer) => balanceCustomer?.remainingCredits));
+    hasSufficientCreditsForCartTotal = () => {
+        if (this._balanceCustomerSubject.value.creditAmount === null) {
+            return true;
+        }
+        if (this._balanceCustomerSubject.value.remainingCredits === undefined) {
+            return false;
+        }
+        const cartTotal = this._cartSubject.value?.totals?.total;
+        const creditAmount = this._balanceCustomerSubject.value?.creditAmount;
+        if (cartTotal !== undefined && creditAmount !== undefined && cartTotal > creditAmount) {
+            this._toastService.show('not-enough-credits');
+            return false;
+        }
+        return true;
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartService, providedIn: 'root' });
 }
@@ -5383,6 +5442,7 @@ class MenuEcComponent {
     optionsService = inject(OptionsService);
     parametersService = inject(ParametersService);
     _authService = inject(AuthService);
+    _toastService = inject(ToastService);
     /**
      * Constantes del core.
      */
@@ -5452,6 +5512,7 @@ class MenuEcComponent {
     }
     logout() {
         this._authService.logout();
+        this._toastService.show('logout-success');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuEcComponent, isStandalone: true, selector: "lib-footer-ec", ngImport: i0, template: '<p>Menu and Footer Helper Component</p>', isInline: true });
@@ -5638,19 +5699,19 @@ class HeaderEcComponent extends MenuEcComponent {
         return urlTransparent;
     };
     getCollectionSearch = () => {
-        // this.consts.searchValue = this.searchValue;
-        // this.router.navigateByUrl('/collection?search=' + this.searchValue);
+        this.coreConstantsService.searchValue = this.searchValue;
+        this.router.navigateByUrl('/collection?search=' + this.searchValue);
     };
     setSearchValue = (event, afterSearch, ...args) => {
         const target = event.target;
         if (target) {
             this.searchValue = target.value;
         }
-        if (event.key === 'Enter') {
-            this.getCollectionSearch();
-            if (afterSearch) {
-                afterSearch(...args);
-            }
+        // if (event.key === 'Enter') {
+        // this.getCollectionSearch();
+        if (afterSearch) {
+            afterSearch(...args);
+            // }
         }
     };
     borrarInput(inputId) {
@@ -5670,6 +5731,8 @@ class HeaderEcComponent extends MenuEcComponent {
             });
         }
         this.searchValue = '';
+        this.coreConstantsService.searchValue = '';
+        this.getCollectionSearch();
     }
     setupMobileMenu() {
         console.log('setupMobileMenu called');
@@ -6617,6 +6680,7 @@ class BlockFormContactEcComponent extends BlockEcComponent {
     _router = inject(Router);
     form_data = new FormData();
     loading = false;
+    sender = false;
     form = signal(this._formBuilder.group({
         name: ['', []],
         email: ['', Validators.required],
@@ -6660,6 +6724,7 @@ class BlockFormContactEcComponent extends BlockEcComponent {
     sendValue(key) {
         try {
             let keysearch = key[0].toUpperCase() + key.slice(1).toLowerCase();
+            this.sender = true;
             return this.block && this.block['send' + keysearch] || false;
         }
         catch (error) {
@@ -6668,11 +6733,11 @@ class BlockFormContactEcComponent extends BlockEcComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockFormContactEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockFormContactEcComponent, isStandalone: true, selector: "app-block-form-contact-ec", inputs: { block: "block", success_message: "success_message", redirect: "redirect", subject: "subject" }, usesInheritance: true, ngImport: i0, template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group\">\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BlockFormContactEcComponent, isStandalone: true, selector: "app-block-form-contact-ec", inputs: { block: "block", success_message: "success_message", redirect: "redirect", subject: "subject" }, usesInheritance: true, ngImport: i0, template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\r\n                        <input formControlName=\"name\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\r\n                    </div>\r\n                }\r\n                @if(block.sendEmail){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\r\n                        <input formControlName=\"email\" type=\"email\"\r\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\r\n                    </div>\r\n                }\r\n                @if(block.sendTelephone){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\r\n                        <input formControlName=\"telephone\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\r\n                    </div>\r\n                }\r\n                @if(block.sendSubject){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\r\n                        <input formControlName=\"subject\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\r\n                    </div>\r\n                }\r\n                @if(block.sendBody){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\r\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\r\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\r\n                            class=\"form-control form-control-sm required\"></textarea>\r\n                    </div>\r\n                }\r\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\r\n                    <div class=\"contenedorCaptcha\">\r\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\r\n                    </div>\r\n                </div>\r\n\r\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\r\n                    [disabled]=\"form().invalid\">ENVIAR</button>\r\n                @if(loading){\r\n                     <app-loading-section-ec/>\r\n                }\r\n            </form>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$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.13", ngImport: i0, type: BlockFormContactEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-block-form-contact-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent, ReCaptchaEcComponent], template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group\">\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}" }]
+            args: [{ selector: 'app-block-form-contact-ec', standalone: true, imports: [ReactiveFormsModule, LoadingSectionEcComponent, ReCaptchaEcComponent], template: "@if(block){\r\n<div [class]=\"trimClassBlock(block.code) + ' container-fluid'\">\r\n    <div class=\"row justify-content-center\">\r\n        <div class=\"col-12 col-md-12\">\r\n            <div class=\"row w-100 m-auto\">\r\n                <h5>{{block.name || 'Dejanos tu consulta'}}</h5>\r\n                <p class=\"w-100\">{{ block.description || 'Completa el siguiente formulario y responderemos tu consulta a la brevedad' }}</p>\r\n            </div>\r\n            <form [formGroup]=\"form()\" (submit)=\"onSubmit($event)\" class=\"position-relative\" ><!-- (submit)=\"toastCompleteForm($event)\" -->\r\n                @if(block.sendName){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"nombre\">Nombre</label>\r\n                        <input formControlName=\"name\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"nombre\" placeholder=\"Nombre\">\r\n                    </div>\r\n                }\r\n                @if(block.sendEmail){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mail\">Email</label>\r\n                        <input formControlName=\"email\" type=\"email\"\r\n                            class=\"form-control form-control-sm required\" id=\"mail\" placeholder=\"Email\">\r\n                    </div>\r\n                }\r\n                @if(block.sendTelephone){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"telefono\">Tel\u00E9fono</label>\r\n                        <input formControlName=\"telephone\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"telefono\" placeholder=\"Tel\u00E9fono\">\r\n                    </div>\r\n                }\r\n                @if(block.sendSubject){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"subject\">Asunto</label>\r\n                        <input formControlName=\"subject\" type=\"text\"\r\n                            class=\"form-control form-control-sm required\" id=\"subject\" placeholder=\"Asunto\">\r\n                    </div>\r\n                }\r\n                @if(block.sendBody){\r\n                    <div class=\"form-group mt-1\">\r\n                        <label class=\"sr-only\" for=\"mensaje\">Mensaje</label>\r\n                        <textarea formControlName=\"body\" name=\"mensaje\" id=\"mensaje \" cols=\"30\"\r\n                            rows=\"5\" placeholder=\"Dejanos tu mensaje\"\r\n                            class=\"form-control form-control-sm required\"></textarea>\r\n                    </div>\r\n                }\r\n                <div class=\"boxContenidoCapcha mb-3 mt-1\">\r\n                    <div class=\"contenedorCaptcha\">\r\n                        <re-captcha-ec formControlName=\"recaptcha\"></re-captcha-ec>\r\n                    </div>\r\n                </div>\r\n\r\n                <button type=\"submit\" class=\"btn btn-dark text-uppercase px-5\"\r\n                    [disabled]=\"form().invalid\">ENVIAR</button>\r\n                @if(loading){\r\n                     <app-loading-section-ec/>\r\n                }\r\n            </form>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n}" }]
         }], propDecorators: { block: [{
                 type: Input,
                 args: [{ required: true }]
@@ -6816,7 +6881,7 @@ class CollectionEcComponent {
                     value: params['value'] || null
                 };
                 //console.log(ready,"actualizar")
-                console.log(params['type'], params['value']);
+                console.log(paginationSettings);
                 /* console.log(paginationSettings) */
                 // console.log('params',queryParams["search"])
                 this._productsService.getProductsForFilter(paginationSettings, queryParams["search"]);
@@ -6912,19 +6977,24 @@ class LoginFormEcComponent {
             return;
         }
         firstValueFrom(this._authService.login(this.loginForm().value, withRoles)).then((res) => {
-            console.log(res);
             if (res == 'ok') {
                 this.ready.emit(this.loginForm().value.username);
+                this._toastService.show('login-success');
                 this.loggedIn = true;
                 this.redirect && this.redirectHome();
             }
-            else {
-                if (res == 'error') {
-                    this._toastService.error('invalid-credentials');
-                }
+            else if (res == 'error') {
+                this._toastService.error('login-error');
             }
             this.loading = false;
         }, (err) => {
+            // Manejo de error 401
+            if (err?.status === 401) {
+                this._toastService.show('invalid-credentials');
+            }
+            else {
+                this._toastService.error('login-error');
+            }
             this.loading = false;
         });
     }
@@ -7274,6 +7344,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class FiltersEcComponent {
     _filtersService = inject(FiltersService);
+    _productsService = inject(ProductsService);
+    _constants = inject(CoreConstantsService);
+    router = inject(Router);
     filters = [];
     filter$ = this._filtersService.filters$;
     setSelect;
@@ -7314,7 +7387,10 @@ class FiltersEcComponent {
         console.log("Setting selected filter:", filter);
         console.log("Setting selected element:", selected);
         try {
-            this._filtersService.setFilterSelected(filter, selected);
+            // this._filtersService.setFilterSelected(filter, selected);
+            if (selected.path) {
+                this.router.navigate([selected.path]);
+            }
         }
         catch (error) {
             console.error("Error while setting selected filter:", error);
@@ -7430,6 +7506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ProductDetailEcComponent {
+    _optionsService = inject(OptionsService);
     _productDetailService = inject(ProductDetailService);
     _productService = inject(ProductsService);
     _activedRoute = inject(ActivatedRoute);
@@ -7450,6 +7527,7 @@ class ProductDetailEcComponent {
     showReviews = false;
     reset = false;
     success = false;
+    categories = [];
     quantity = signal(1);
     parameters$ = this.parametersService.getParameters();
     hasParams = this.parametersService.hasParams;
@@ -7465,6 +7543,9 @@ class ProductDetailEcComponent {
         this.injector.get(ChannelService).channel$.subscribe(channel => {
             this.showReviews = channel.showReviews;
         });
+        this._optionsService.getCategories().subscribe(res => {
+            this.categories = res;
+        });
     }
     ngOnInit() {
         this.product$.subscribe(product => {
@@ -7572,11 +7653,12 @@ class BreadcrumbEcComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule], template: "<nav aria-label=\"breadcrumb\">\r\n    <ol class=\"breadcrumb\">\r\n        <li class=\"breadcrumb-item\"><a routerLink=\"/home\">Home</a></li>\r\n        @for (crumb of breadcrumb; track $index) {\r\n            @if(breadcrumb.length === $index+1){\r\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">\r\n                    {{\r\n                    crumb.title | translate | titlecase\r\n                    }}\r\n                </li>\r\n            }@else {\r\n                <li class=\"breadcrumb-item\">\r\n                    <a [routerLink]=\"'/'+crumb.path\">{{\r\n                        crumb.title | translate | titlecase\r\n                        }}</a>\r\n                </li>\r\n            }\r\n        }\r\n    </ol>\r\n</nav>" }]
+            args: [{ selector: 'app-breadcrumb-ec', standalone: true, imports: [RouterLink, RouterLinkActive, TitleCasePipe, TranslateModule, JsonPipe], template: "<nav aria-label=\"breadcrumb\">\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 {
     _cartService = inject(CartService);
+    router = inject(Router);
     cartItems$ = this._cartService.cartItems$;
     subTotalAmount$ = this._cartService.getSubTotalAmount();
     totalPromotionAmount$ = this._cartService.getTotalPromotionAmount();
@@ -7587,6 +7669,16 @@ class CartEcComponent {
     removeCoupon() {
         this._cartService.removeCoupon();
     }
+    redirectCheckout() {
+        if (this._cartService.hasSufficientCreditsForCartTotal()) {
+            this.router.navigateByUrl(`/checkout`);
+            return true;
+        }
+        else {
+            console.warn("No se puede redirigir al checkout debido a una validación fallida.");
+            return false;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CartEcComponent, isStandalone: true, selector: "lib-cart-ec", ngImport: i0, template: "<p>cart-ec works!</p>\r\n", styles: [""] });
 }
@@ -7726,11 +7818,11 @@ class CouponEcComponent {
         this._cartService.removeCoupon();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CouponEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<div class=\"border-bottom pb-1\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo\" name=\"formDescuento\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btnSend\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CouponEcComponent, isStandalone: true, selector: "app-coupon-ec", ngImport: i0, template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CouponEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [FormsModule, AsyncPipe, UpperCasePipe], template: "<div class=\"border-bottom pb-1\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo\" name=\"formDescuento\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btnSend\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>\r\n" }]
+            args: [{ selector: 'app-coupon-ec', standalone: true, imports: [AsyncPipe, FormsModule, UpperCasePipe], template: "<div class=\"border border-bottom card p-2\">\r\n    <p class=\"w-100 mb-1\">C\u00F3digo de descuento</p>\r\n    \r\n    @if(coupon$ | async; as coupon){\r\n        <div class=\"d-flex justify-content-between align-items-center px-1\">\r\n        <p class=\"m-0\">{{coupon.code | uppercase}}</p>\r\n        <button class=\"btn\" (click)=\"removeCoupon()\"><i class=\"bi bi-trash\"></i></button>\r\n        </div>\r\n    }@else {\r\n       <form class=\"campo d-flex align-items-center\">\r\n        <input type='text' class=\"elcampo\" [(ngModel)]=\"couponValue\" name=\"coupon_value\" />\r\n        <input type='button'  value='VALIDAR' class=\"btn btn-primary btnSend py-1\"\r\n            (click)=\" addCoupon()\" />\r\n    </form> \r\n    }\r\n</div>" }]
         }] });
 
 class DataformEcComponent {
@@ -8761,45 +8853,35 @@ class SidebarEcComponent {
         throw new Error('Method not implemented.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column pb-4  sidebar-items items px-4\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between border-top border-bottom pt-2\">\r\n        <p>Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <p>Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarEcComponent, isStandalone: true, selector: "app-sidebar-ec", ngImport: i0, template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\r\n        <p class=\"fw-bold\">Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\r\n        <p class=\"fw-bold\">Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CouponEcComponent, selector: "app-coupon-ec" }, { kind: "component", type: CartItemEcComponent, selector: "app-cart-item-ec", inputs: ["item", "inSidebar"] }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column pb-4  sidebar-items items px-4\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between border-top border-bottom pt-2\">\r\n        <p>Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <p>Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}" }]
+            args: [{ selector: 'app-sidebar-ec', standalone: true, imports: [RouterLink, AsyncPipe, CouponEcComponent, CartItemEcComponent, EcCurrencySymbolPipe, CouponEcComponent], template: "<div class=\"nav nav-sidebar py-4 mx-0 position-relative text-center shadow-sm border-bottom d-flex justify-content-center\">\r\n    <h2 class=\"row text-center\">Mi pedido</h2>\r\n    <div class=\" me-3 closeCart position-absolute end-0\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <i class=\"fa fa-times-circle fs-5\" aria-hidden=\"true\"></i>\r\n    </div>\r\n</div>\r\n\r\n\r\n@if(cartItems$ | async; as items){\r\n    @if(items.length > 0){\r\n    <!-- PRODUCTO -->\r\n    <div class=\"d-flex flex-column mb-4 items border-bottom\">\r\n        @for(item of items; track $index; let i = $index){\r\n        <div class=\"productoCarrito mt-1 mb-2 w-100\">\r\n            <app-cart-item-ec [inSidebar]=\"true\" [item]=\"item\"></app-cart-item-ec>\r\n        </div>\r\n        }\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mt-2 \">\r\n        <p class=\"fw-bold\">Subtotal</p>\r\n        <p class=\"fw-700\">{{ (subTotalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"mx-4 bordeBot py-2\">\r\n        <app-coupon-ec></app-coupon-ec>\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 mt-2\">\r\n        <p class=\"fw-bold\">Descuentos:</p>\r\n        <p>{{ (totalPromotionAmount$ | async) |ecCurrencySymbol }}</p>\r\n    </div>\r\n\r\n    <div class=\"d-flex mx-4 justify-content-between bordeBot2 pt-2\">\r\n        <!--  @if(this._cartService.cart.source.value.couponCode){\r\n                <a class=\"quitar-cupon text-dark\" role=\"button\"\r\n                (click)=\"removeCoupon()\">(Quitar cup\u00F3n)</a>\r\n            } -->\r\n    </div>\r\n    <div class=\"d-flex mx-4 justify-content-between mb-3 mt-2\">\r\n        <p class=\"fw-bold h5\">TOTAL</p>\r\n     <p class=\"fw-bold h5\">{{(totalAmount$ | async) | ecCurrencySymbol}}</p>\r\n    </div>\r\n    <div class=\"d-flex flex-column mx-4 justify-content-between mb-3\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">\r\n        <a [routerLink]=\"['/cart']\" class=\"btn btnPedido mb-2\">FINALIZAR PEDIDO</a>\r\n        <a [routerLink]=\"['/collection']\" class=\"btn btnSeguir mb-3\">SEGUIR COMPRANDO</a>\r\n    </div>\r\n\r\n\r\n    } @else {\r\n    <div class=\"container-lg px-lg-0 px-md-4 my-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <h5 class=\"text-center mb-sm-4 text-uppercase\"> \u00B7 Su carrito se\r\n                    encuentra vac\u00EDo \u00B7 </h5>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    }\r\n}" }]
         }] });
 
-class ComponentHelper {
-    constructor() {
-        this.ecOnConstruct();
-    }
-    ecOnInit = (params = {}) => {
-    };
-    ecOnConstruct = (params = {}) => {
-    };
-    hasParams = (params, searched) => params && params != null && params.find(param => param['code']?.toLowerCase().includes(searched.toLowerCase())) !== undefined;
-    navigateOnRouter(router, url) {
-        router.navigateByUrl(`/${url}`);
-    }
-}
-
-class RelatedProductsEcComponent extends ComponentHelper {
-    productsService;
-    analyticsService;
-    consts;
-    router;
+class RelatedProductsEcComponent {
+    _productsService = inject(ProductsService);
+    _analyticsService = inject(AnalyticsService);
+    _router = inject(Router);
     /**
-     * Signal utlizado para guarda el contenedor del carrusel
-     */
+ * Signal utlizado para guarda el contenedor del carrusel
+ */
     swiperElement = signal(null);
-    relatedProducts = [];
-    platformId = inject(PLATFORM_ID);
-    product_id;
+    /**
+     * Input que recibe un template para el producto.
+     */
+    appProduct;
+    productID;
     document;
-    name = null;
+    platformId = inject(PLATFORM_ID);
+    _relatedProductsSubject = new BehaviorSubject([]);
+    relatedProducts$ = this._relatedProductsSubject.asObservable();
     keywordsToCompare = ['compare', 'comparar', 'comparacion', 'comparación', 'compared'];
-    swiperRelated = () => {
+    swiperRelatedOptions = () => {
         return {
             navigation: true,
+            loop: true,
             breakpoints: {
                 0: {
                     slidesPerView: 1
@@ -8819,33 +8901,30 @@ class RelatedProductsEcComponent extends ComponentHelper {
             }
         };
     };
-    constructor(productsService, analyticsService, consts, router) {
-        super();
-        this.productsService = productsService;
-        this.analyticsService = analyticsService;
-        this.consts = consts;
-        this.router = router;
+    constructor() {
         if (isPlatformBrowser(this.platformId)) {
             this.document = document;
         }
         afterNextRender(() => {
-            const swiperElemConstructor = this.document?.querySelector('#relatedProducts');
+            const swiperElemConstructor = this.document?.querySelector('#relatedProductsSwiper');
+            console.log('swiperElemConstructor', swiperElemConstructor);
             if (swiperElemConstructor) {
-                Object.assign(swiperElemConstructor, this.swiperRelated());
+                Object.assign(swiperElemConstructor, this.swiperRelatedOptions());
                 this.swiperElement.set(swiperElemConstructor);
                 this.swiperElement()?.initialize();
             }
         });
-        this.ecOnConstruct();
     }
     ngOnInit() {
-        this.load(this.product_id);
-        this.ecOnInit();
+        console.log(this.productID);
+        this.load(this.productID);
     }
     load(product_id) {
-        this.productsService.getRelatedProducts(product_id.toString()).pipe(take$1(1)).subscribe(res => {
-            this.relatedProducts = res.filter((elem) => !this.includeKeyword(elem.title.toLowerCase()));
-            res.map((products) => this.analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'Related Products', item_list_id: products.id || 'related-products' }));
+        this._productsService.getRelatedProducts(product_id).pipe(take(1)).subscribe(res => {
+            console.log('response', res);
+            const relatedProducts = res.filter((elem) => !this.includeKeyword(elem.title.toLowerCase()));
+            this._relatedProductsSubject.next(relatedProducts);
+            res.map((products) => this._analyticsService.callEvent('view_item_list', { products: products.items, item_list_name: products.title || 'Related Products', item_list_id: products.id || 'related-products' }));
         });
     }
     includeKeyword = (word) => {
@@ -8855,52 +8934,669 @@ class RelatedProductsEcComponent extends ComponentHelper {
         });
         return result;
     };
-    ngOnChanges(changes) {
-        window.scroll({
-            top: 0,
-            left: 0,
-            behavior: 'smooth'
-        });
-        this.load(changes['product_id'].currentValue);
-        //this.doSomething(changes.categoryId.currentValue);
-        // You can also use categoryId.previousValue and 
-        // categoryId.firstChange for comparing old and new values
-    }
-    customOptions = {
-        loop: true,
-        dots: false,
-        navSpeed: 950,
-        margin: 0,
-        navText: ['', ''],
-        nav: true,
-        responsive: {
-            0: {
-                items: 1,
-                nav: true
-            },
-            600: {
-                items: 3,
-                nav: true
-            },
-            900: {
-                items: 4,
-                nav: true,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RelatedProductsEcComponent, isStandalone: true, selector: "app-related-products-ec", inputs: { appProduct: "appProduct", productID: "productID" }, ngImport: i0, template: "\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-related-products-ec', standalone: true, imports: [AsyncPipe, ProductEcComponent, CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { appProduct: [{
+                type: Input
+            }], productID: [{
+                type: Input,
+                args: [{
+                        required: true
+                    }]
+            }] } });
+
+class FaqsEcComponent {
+    _toastService = inject(ToastService);
+    _optionsService = inject(OptionsService);
+    _faqsSubject = new BehaviorSubject([]);
+    faqs$ = this._faqsSubject.asObservable();
+    empty_faqs = false;
+    ngOnInit() {
+        firstValueFrom(this._optionsService.getFAQ()).then(faqs => {
+            if (faqs.length > 0) {
+                this._faqsSubject.next(faqs);
+            }
+            else {
+                this.empty_faqs = true;
             }
+        }, error => {
+            console.log(error);
+            this._toastService.show('No fue posible encontrar la sección solicitada');
+        }).catch(err => this._toastService.show('empty-faqs'));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FaqsEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FaqsEcComponent, isStandalone: true, selector: "app-faqs-ec", ngImport: i0, template: "<section class=\"formulario container py-2\">\r\n@if(faqs$ | async; as faqs){\r\n    @if(!empty_faqs){\r\n        <div class=\"d-flex align-items-start row\">\r\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\r\n                }\r\n            </div>\r\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\r\n                    <div class=\"accordion\" id=\"accordionFaqs\">\r\n                        @for(item of faq.questions; track $index; let i = $index){\r\n                        <div class=\"accordion-item\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\r\n                                    {{item.question}}\r\n                                </button>\r\n                            </h2>\r\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>{{item.answer}}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <div class=\"d-flex justify-content-center\">\r\n            {{ 'empty_faqs' | translate }}\r\n        </div>\r\n    }\r\n}@else {\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n</section>", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FaqsEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-faqs-ec', standalone: true, imports: [AsyncPipe, LoadingFullEcComponent, TranslateModule], template: "<section class=\"formulario container py-2\">\r\n@if(faqs$ | async; as faqs){\r\n    @if(!empty_faqs){\r\n        <div class=\"d-flex align-items-start row\">\r\n            <div class=\"nav flex-column nav-pills me-3 col-2\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                    <button [class]=\"'nav-link '+(i==0 ? 'active': '')\" [id]=\"'v-pills-'+faq.code+'-tab'\" data-bs-toggle=\"pill\" [attr.data-bs-target]=\"'#v-pills-'+faq.code\" type=\"button\" role=\"tab\" [attr.aria-controls]=\"'v-pills-'+faq.code\" [attr.aria-selected]=\"(i==0)\">{{faq.title}}</button>\r\n                }\r\n            </div>\r\n            <div class=\"tab-content col-9\" id=\"v-pills-tabContent\">\r\n                @for(faq of faqs; track $index; let i = $index){\r\n                <div [class]=\"'tab-pane fade '+(i==0 ? 'show active' : '')\" [id]=\"'v-pills-'+faq.code\" role=\"tabpanel\" [attr.aria-labelledby]=\"'v-pills-'+faq.code+'-tab'\" tabindex=\"0\">\r\n                    <div class=\"accordion\" id=\"accordionFaqs\">\r\n                        @for(item of faq.questions; track $index; let i = $index){\r\n                        <div class=\"accordion-item\">\r\n                            <h2 class=\"accordion-header\">\r\n                                <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"\r\n                                    [attr.data-bs-target]=\"'#collapse-'+i\" aria-expanded=\"false\" [attr.aria-controls]=\"'collapse-'+i\">\r\n                                    {{item.question}}\r\n                                </button>\r\n                            </h2>\r\n                            <div [id]=\"'collapse-'+i\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionFaqs\">\r\n                                <div class=\"accordion-body\">\r\n                                    <p>{{item.answer}}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }@else {\r\n        <div class=\"d-flex justify-content-center\">\r\n            {{ 'empty_faqs' | translate }}\r\n        </div>\r\n    }\r\n}@else {\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 align-items-center\">\r\n                <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                    <app-loading-full-ec></app-loading-full-ec>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n</section>" }]
+        }] });
+
+class ShareFacebookEcComponent {
+    shareLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareFacebookEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareFacebookEcComponent, isStandalone: true, selector: "app-share-facebook-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n</a>", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareFacebookEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-facebook-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Compartir en Facebook\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-facebook\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M18.56 31.36V17.28h4.48l.64-5.12h-5.12v-3.2c0-1.28.64-2.56 2.56-2.56h2.56V1.28H19.2c-3.84 0-7.04 2.56-7.04 7.04v3.84H7.68v5.12h4.48v14.08h6.4z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Compartir</span>\r\n</a>" }]
+        }], propDecorators: { shareLink: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class ShareTwitterEcComponent {
+    shareLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareTwitterEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareTwitterEcComponent, isStandalone: true, selector: "app-share-twitter-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n</a>", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareTwitterEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-twitter-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Tuitear en Twitter\">\r\n    <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-twitter\" viewBox=\"0 0 32 32\">\r\n        <path fill=\"#444\"\r\n            d=\"M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z\">\r\n        </path>\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Tuitear</span>\r\n</a>" }]
+        }], propDecorators: { shareLink: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class SharePinterestEcComponent {
+    shareLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharePinterestEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SharePinterestEcComponent, isStandalone: true, selector: "app-share-pinterest-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n      <path fill=\"#444\"\r\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n      </path>\r\n  </svg>\r\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n</a>", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharePinterestEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-pinterest-ec', standalone: true, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Pinear en Pinterest\">\r\n  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"icon icon-pinterest\" viewBox=\"0 0 32 32\">\r\n      <path fill=\"#444\"\r\n          d=\"M27.52 9.6c-.64-5.76-6.4-8.32-12.8-7.68-4.48.64-9.6 4.48-9.6 10.24 0 3.2.64 5.76 3.84 6.4 1.28-2.56-.64-3.2-.64-4.48-1.28-7.04 8.32-12.16 13.44-7.04 3.2 3.84 1.28 14.08-4.48 13.44-5.12-1.28 2.56-9.6-1.92-11.52-3.2-1.28-5.12 4.48-3.84 7.04-1.28 4.48-3.2 8.96-1.92 15.36 2.56-1.92 3.84-5.76 4.48-9.6 1.28.64 1.92 1.92 3.84 1.92 6.4-.64 10.24-7.68 9.6-14.08z\">\r\n      </path>\r\n  </svg>\r\n  <span class=\"social-sharing__title\" aria-hidden=\"true\">Hacer pin</span>\r\n</a>" }]
+        }], propDecorators: { shareLink: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class ShareWhatsappEcComponent {
+    shareLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareWhatsappEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareWhatsappEcComponent, isStandalone: true, selector: "app-share-whatsapp-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\r\n</a>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareWhatsappEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-whatsapp-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Whatsapp\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-whatsapp\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Whatsapp</span>\r\n</a>\r\n" }]
+        }], propDecorators: { shareLink: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class ShareEmailEcComponent {
+    shareLink;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEmailEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ShareEmailEcComponent, isStandalone: true, selector: "app-share-email-ec", inputs: { shareLink: "shareLink" }, ngImport: i0, template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\r\n</a>", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEmailEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-email-ec', standalone: true, imports: [], template: "<a target=\"_blank\" [href]=\"shareLink\" class=\"social-sharing__link\" title=\"Email\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" fill=\"currentColor\"\r\n        class=\"bi bi-envelope-fill\" viewBox=\"0 0 16 16\">\r\n        <path\r\n            d=\"M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z\" />\r\n    </svg>\r\n    <span class=\"social-sharing__title\" aria-hidden=\"true\">Email</span>\r\n</a>" }]
+        }], propDecorators: { shareLink: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class ShareEcComponent {
+    _paramsService = inject(ParametersService);
+    _meta = inject(Meta);
+    _renderer = inject(Renderer2);
+    _title = inject(Title);
+    _constants = inject(CoreConstantsService);
+    product;
+    url = '';
+    mediaimg = '';
+    description = '';
+    params;
+    hasParams = this._paramsService.hasParams;
+    platformId = inject(PLATFORM_ID);
+    window;
+    constructor() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.window = window;
+        }
+    }
+    ngOnInit() {
+        this.url = this.window?.location.href;
+        this.mediaimg = this.product.picturesdefault && this.product.picturesdefault[0] || '';
+        this.description = this.product.name || '';
+        if (this.description) {
+            this._meta.addTags([
+                {
+                    name: "description",
+                    content: this.description
+                },
+                {
+                    property: "og:site_name",
+                    content: this._title.getTitle()
+                },
+                {
+                    property: "og:url",
+                    content: this.url
+                },
+                {
+                    property: "og:title",
+                    content: this.description
+                },
+                {
+                    property: "og:type",
+                    content: 'product'
+                },
+                {
+                    property: "og:price:amount",
+                    content: this.product.price
+                },
+                {
+                    property: "og:price:currency",
+                    content: this._constants.currency.code
+                },
+                {
+                    property: "og:image",
+                    content: this._constants.mediaUrl() + this.mediaimg
+                },
+                {
+                    property: "og:image:secure_url",
+                    content: this._constants.mediaUrl() + this.mediaimg
+                },
+                {
+                    property: "witter:site",
+                    content: '@'
+                },
+                {
+                    property: "twitter:card",
+                    content: 'summary_large_image'
+                },
+                {
+                    property: "twitter:title",
+                    content: this.description
+                },
+                {
+                    property: "twitter:description",
+                    content: this.description
+                }
+            ], true);
         }
+        this._paramsService.getParameters().subscribe(res => {
+            this.params = res != null ? res?.filter(elem => elem.code.includes('share')) : [];
+        });
+    }
+    toShareFacebook = () => {
+        return `https://www.facebook.com/share.php?u=${this.url}`;
+    };
+    toShareTwitter = () => {
+        return `https://twitter.com/share?text=${this.description}&url=${this.url}`;
+    };
+    toSharePinterest = () => {
+        return `https://pinterest.com/pin/create/button/?url=${this.url}&media=${this._constants.mediaUrl() + this.mediaimg}&description=${this.description}`;
+    };
+    toShareWhatsapp = (wsp) => {
+        return `https://wa.me/${wsp.value}?text=Me%20interesa%20este%20producto.%20${this.url}`;
+    };
+    toShareEmail = (mail) => {
+        return `mailto:${mail.value}?subject=Consulta%20sobre%20el%20producto:%20${this.description}&body=Artículo:%20${this.url}`;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, deps: [{ token: ProductsService }, { token: AnalyticsService }, { token: CoreConstantsService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RelatedProductsEcComponent, isStandalone: true, selector: "app-related-products-ec", inputs: { product_id: "product_id" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "  <!-- @for (products of relatedProducts; track $index) {\r\n<section class=\"destacados\" id=\"destacados\">\r\n    <div class=\"container-fluid mx-auto py-5\">\r\n        <div class=\"row mx-auto d-flex justify-content-start px-3 py-3\">\r\n            <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1\">\r\n                {{ products.title ? products.title : 'PRODUCTOS RECOMENDADOS' | uppercase}}\r\n            </h3>\r\n        </div>\r\n\r\n       <owl-carousel-o [options]=\"customOptionsDestacados\" class=\"row mx-auto d-flex justify-content-center p-3  pb-1\">\r\n            <ng-template carouselSlide *ngFor=\"let product of products.items\">\r\n                <app-product-destacados [product]=\"product\" [isValorados]=\"false\"></app-product-destacados>\r\n            </ng-template>\r\n        </owl-carousel-o> \r\n\r\n        <div class=\"row mx-auto d-flex justify-content-center pb-3 d-md-none\">\r\n            <a routerLink=\"/collection\" role=\"button\"\r\n                class=\"btn btn-dark bg-beige1 text-blanco bold rounded-pill px-5 py-2\">IR A LA TIENDA</a>\r\n        </div>\r\n    </div>\r\n</section>\r\n} -->\r\n", styles: [""] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ShareEcComponent, isStandalone: true, selector: "app-share-ec", inputs: { product: "product" }, ngImport: i0, template: "<div class=\"w-100 d-flex justify-content-around\">\r\n    @if(params && params.length > 0){ \r\n        @if(hasParams(params, 'facebook')){\r\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        }\r\n        @if(hasParams(params, 'twitter')){\r\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n        }\r\n        @if(hasParams(params, 'pinterest')){\r\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n        }\r\n        @if(hasParams(params, 'whatsapp'); as wsp){\r\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\r\n        }\r\n        @if(hasParams(params, 'email'); as email){\r\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\r\n        }\r\n    } @else {\r\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\r\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        \r\n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n\r\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n    }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: ShareFacebookEcComponent, selector: "app-share-facebook-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareTwitterEcComponent, selector: "app-share-twitter-ec", inputs: ["shareLink"] }, { kind: "component", type: SharePinterestEcComponent, selector: "app-share-pinterest-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareWhatsappEcComponent, selector: "app-share-whatsapp-ec", inputs: ["shareLink"] }, { kind: "component", type: ShareEmailEcComponent, selector: "app-share-email-ec", inputs: ["shareLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RelatedProductsEcComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ShareEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-share-ec', standalone: true, imports: [
+                        ShareFacebookEcComponent,
+                        ShareTwitterEcComponent,
+                        SharePinterestEcComponent,
+                        ShareWhatsappEcComponent,
+                        ShareEmailEcComponent
+                    ], template: "<div class=\"w-100 d-flex justify-content-around\">\r\n    @if(params && params.length > 0){ \r\n        @if(hasParams(params, 'facebook')){\r\n            <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        }\r\n        @if(hasParams(params, 'twitter')){\r\n            <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n        }\r\n        @if(hasParams(params, 'pinterest')){\r\n            <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n        }\r\n        @if(hasParams(params, 'whatsapp'); as wsp){\r\n            <app-share-whatsapp-ec [shareLink]=\"toShareWhatsapp(wsp)\" />\r\n        }\r\n        @if(hasParams(params, 'email'); as email){\r\n            <app-share-email-ec [shareLink]=\"toShareEmail(email)\" />\r\n        }\r\n    } @else {\r\n        <!-- VISTA DEFAULT CON LINKS QUE NO REQUIEREN PARAMETROS-->\r\n        <app-share-facebook-ec [shareLink]=\"toShareFacebook()\" />\r\n        \r\n        <app-share-twitter-ec [shareLink]=\"toShareTwitter()\" />\r\n\r\n        <app-share-pinterest-ec [shareLink]=\"toSharePinterest()\" />\r\n    }\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { product: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }] } });
+
+class ComponentHelper {
+    constructor() {
+        this.ecOnConstruct();
+    }
+    ecOnInit = (params = {}) => {
+    };
+    ecOnConstruct = (params = {}) => {
+    };
+    hasParams = (params, searched) => params && params != null && params.find(param => param['code']?.toLowerCase().includes(searched.toLowerCase())) !== undefined;
+    navigateOnRouter(router, url) {
+        router.navigateByUrl(`/${url}`);
+    }
+}
+
+class RatingEcComponent extends ComponentHelper {
+    template;
+    type = 'stars';
+    ratingValue = 0;
+    score = [0, 0, 0, 0, 0];
+    ngOnInit() {
+        this.ratingValue ? this.processRatingValue(this.ratingValue) : null;
+    }
+    /**
+     * @description recibe el valor de rating para procesarlo y posteriormente
+     * llenar el arreglo de score.
+     * @param value
+     */
+    processRatingValue = (value) => {
+        value = this.roundToHalf(value);
+        if ((value % 1) == 0) {
+            this.fillScore(value);
+        }
+        else {
+            this.fillScore(value, true);
+        }
+        this.ratingValue = value;
+    };
+    /**
+     * @description Rellena el array con valor 1 hasta donde indique el campo value.
+     * agregar 0.5 si el valor de withDecimal es true.
+     * @param value cantidad de casillas de arreglos que debe llenar
+     * @param withDecimal true => se agrega 0.5 en la posicion posterior a la que marco value
+     */
+    fillScore = (value, withDecimal = false) => {
+        for (let index = 0; index < value; index++) {
+            this.score[index] = 1;
+        }
+        withDecimal ? this.score[parseInt(value.toString().split('.')[0])] = 0.5 : null;
+        //console.log(this.score, parseInt(value.toString().split('.')[0]))
+    };
+    /**
+     * @description Metodo que redondea un numero a entero o decimal con 0.5.
+     * @param value Valor a redondear
+     * @returns
+     */
+    roundToHalf = (value) => {
+        var converted = parseFloat(value.toString()); // Make sure we have a number 
+        var decimal = (converted - parseInt(converted.toString(), 10));
+        decimal = Math.round(decimal * 10);
+        if (decimal == 5) {
+            return (parseInt(converted.toString(), 10) + 0.5);
+        }
+        if ((decimal < 3) || (decimal > 7)) {
+            return Math.round(converted);
+        }
+        else {
+            return (parseInt(converted.toString(), 10) + 0.5);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingEcComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RatingEcComponent, isStandalone: true, selector: "app-rating-ec", inputs: { template: "template", type: "type", ratingValue: "ratingValue" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\r\n        <ng-template #stars let-score=\"score\">\r\n            @for (value of score; track $index) {\r\n                @switch (value) {\r\n                    @case (1) {\r\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \r\n                    }\r\n                    @case (0.5) {\r\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\r\n                    } \r\n                    @default {\r\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\r\n                    }\r\n                 }\r\n            }\r\n        </ng-template>\r\n        <ng-container *ngSwitchCase=\"'stars'\"\r\n            [ngTemplateOutlet]=\"template  ? template : stars\"\r\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\r\n        </ng-container>\r\n</ng-container> \r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-rating-ec', standalone: true, imports: [CommonModule], template: "<ng-container [ngSwitch]=\"type\">\r\n        <ng-template #stars let-score=\"score\">\r\n            @for (value of score; track $index) {\r\n                @switch (value) {\r\n                    @case (1) {\r\n                        <i class=\"me-1 bi bi-star-fill text-warning star\"></i>  \r\n                    }\r\n                    @case (0.5) {\r\n                        <i class=\"me-1 bi bi-star-half text-warning star\"></i>\r\n                    } \r\n                    @default {\r\n                        <i class=\"me-1 bi bi-star text-muted star\"></i>\r\n                    }\r\n                 }\r\n            }\r\n        </ng-template>\r\n        <ng-container *ngSwitchCase=\"'stars'\"\r\n            [ngTemplateOutlet]=\"template  ? template : stars\"\r\n            [ngTemplateOutletContext]=\"{score:score, ratingValue:ratingValue}\">\r\n        </ng-container>\r\n</ng-container> \r\n" }]
+        }], propDecorators: { template: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], ratingValue: [{
+                type: Input
+            }] } });
+
+class ReviewsService {
+    connection;
+    constants;
+    pagination;
+    reviewsSubject = new BehaviorSubject({});
+    reviews$ = this.reviewsSubject.asObservable();
+    //--Api--
+    reviewsByCodeApi = (code) => 'shop-api/' + this.constants.getChannel() + '/products/by-code/' + code + '/reviews';
+    reviewsBySlugApi = (slug) => 'shop-api/' + this.constants.getChannel() + '/products/by-slug/' + slug + '/reviews';
+    constructor(connection, constants, pagination) {
+        this.connection = connection;
+        this.constants = constants;
+        this.pagination = pagination;
+    }
+    /**
+     * @description obtiene las reviews por el codigo del producto.
+     * @param code codigo del producto
+     * @returns
+     */
+    getReviewsByCode = (code) => this.connection.get(this.reviewsByCodeApi(code)).toPromise().then(res => this.updateReviews(res));
+    /**
+     * @description actualiza las reviews por codigo
+     * @param code codigo del producto
+     * @returns
+     */
+    updateReviewsByCode = (code) => this.getReviewsByCode(code);
+    /**
+     * @description actualiza las reviews
+     * @param res
+     * @returns
+     */
+    updateReviews = (res) => this.reviewsSubject.next(res);
+    /**
+     * @description obtiene las reviews utilizando las url del atributo links de las reviews.
+     * @param action self(defecto) | next | first | last
+     * @returns
+     */
+    getReviews = (action = 'self') => this.connection.get(this.generateFinalApi(action)).toPromise().then(res => this.updateReviews(res));
+    /**
+     * @description obtiene las reviews de una pagina en especial.
+     * @param code codigo del producto
+     * @param page número de pagina
+     * @param limit cantidad limite de paginas
+     * @returns
+     */
+    getReviewsByPage = (code, page, limit) => this.connection.get(this.generateFinalApiWithPage(code, page, limit)).toPromise().then(res => this.updateReviews(res));
+    /**
+     * @description genera una url que sera utiliza como endpoint para pedir las reviews utilizando los datos
+     * que viene en el atributo links.
+     * 'next' => utiliza el atributo next de links
+     * 'first' => utiliza el atributo first de links
+     * 'last' => utiliza el atributo last de links
+     * default => cualquier otro caso, utiliza el atributo self de links.
+     * @param action next | first | last
+     * @returns
+     */
+    generateFinalApi = (action) => {
+        switch (action) {
+            case 'next':
+                return this.formatUrl(this.reviewsSubject.getValue().links.next);
+            case 'first':
+                return this.formatUrl(this.reviewsSubject.getValue().links.first);
+            case 'last':
+                return this.formatUrl(this.reviewsSubject.getValue().links.last);
+            default:
+                return this.formatUrl(this.reviewsSubject.getValue().links.self);
+        }
+    };
+    /**
+     * @description obtiene las reviews de una pagina en especifico
+     * @param code codigo del producto
+     * @param page numero de pagina
+     * @param limit cantidad limite de paginas
+     * @returns
+     */
+    generateFinalApiWithPage = (code, page, limit) => this.reviewsByCodeApi(code) + '?page=' + page + '&limit=' + limit;
+    /**
+     * @description formatea la url que sera utilizada de endpoint para obtener las reviews
+     * @param url
+     * @returns
+     */
+    formatUrl = (url) => url.slice(1);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsService, deps: [{ token: ConnectionService }, { token: CoreConstantsService }, { token: PaginationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ConnectionService }, { type: CoreConstantsService }, { type: PaginationService }] });
+
+class ReviewsEcComponent extends ComponentHelper {
+    reviewsService;
+    consts;
+    /**
+     * @description producto del cual se obtendran las reviews.
+     */
+    product;
+    reviews;
+    constructor(reviewsService, consts) {
+        super();
+        this.reviewsService = reviewsService;
+        this.consts = consts;
+        this.reviewsService.reviews$.subscribe(res => this.reviews = res);
+        this.ecOnConstruct();
+    }
+    ngOnInit() {
+        this.reviewsService.getReviewsByCode(this.product.id);
+        this.ecOnInit();
+    }
+    next = () => {
+        this.reviewsService.getReviews('next');
+    };
+    last = () => {
+        this.reviewsService.getReviews('last');
+    };
+    first = () => {
+        this.reviewsService.getReviews('first');
+    };
+    self = () => {
+        this.reviewsService.getReviews();
+    };
+    /**
+     * @description genera un arreglo con tamaño igual a la cantidad de paginas que tiene la review.
+     * @returns {number[]} un arreglo cuyo contendio es un entero que indica el numero de pagina.
+     */
+    getPages = () => {
+        let pages = [];
+        for (let index = 0; index < this.reviews.pages; index++) {
+            pages.push(index + 1);
+        }
+        return pages;
+    };
+    /**
+     * @description actualiza las reviews con el contenido asociado a la pagina pasada por parametro
+     * @param page
+     */
+    goPage = (page) => {
+        this.reviewsService.getReviewsByPage(this.product.id, page, this.reviews.limit);
+    };
+    getAuthorName(email) {
+        if (!email || email.indexOf('@') === -1) {
+            return '';
+        }
+        return email.split('@')[0];
+    }
+    getStarArray(rating) {
+        return Array(5).fill(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, deps: [{ token: ReviewsService }, { token: CoreConstantsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsEcComponent, isStandalone: true, selector: "app-reviews-ec", inputs: { product: "product" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "component", type: RatingEcComponent, selector: "app-rating-ec", inputs: ["template", "type", "ratingValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-related-products-ec', standalone: true, imports: [], template: "  <!-- @for (products of relatedProducts; track $index) {\r\n<section class=\"destacados\" id=\"destacados\">\r\n    <div class=\"container-fluid mx-auto py-5\">\r\n        <div class=\"row mx-auto d-flex justify-content-start px-3 py-3\">\r\n            <h3 class=\"my-auto mx-2 text-left w-fit bold text-beige1\">\r\n                {{ products.title ? products.title : 'PRODUCTOS RECOMENDADOS' | uppercase}}\r\n            </h3>\r\n        </div>\r\n\r\n       <owl-carousel-o [options]=\"customOptionsDestacados\" class=\"row mx-auto d-flex justify-content-center p-3  pb-1\">\r\n            <ng-template carouselSlide *ngFor=\"let product of products.items\">\r\n                <app-product-destacados [product]=\"product\" [isValorados]=\"false\"></app-product-destacados>\r\n            </ng-template>\r\n        </owl-carousel-o> \r\n\r\n        <div class=\"row mx-auto d-flex justify-content-center pb-3 d-md-none\">\r\n            <a routerLink=\"/collection\" role=\"button\"\r\n                class=\"btn btn-dark bg-beige1 text-blanco bold rounded-pill px-5 py-2\">IR A LA TIENDA</a>\r\n        </div>\r\n    </div>\r\n</section>\r\n} -->\r\n" }]
-        }], ctorParameters: () => [{ type: ProductsService }, { type: AnalyticsService }, { type: CoreConstantsService }, { type: i2.Router }], propDecorators: { product_id: [{
+            args: [{ selector: 'app-reviews-ec', standalone: true, imports: [RatingEcComponent, TranslateModule], template: "<div class=\"row px-3\">\r\n    <div class=\"col-12 pb-2 pb-md-0\">\r\n        <div class=\"row w-100\">\r\n            <div class=\"col-12 col-md-6\">\r\n                <h4 class=\"mb-0 pt-2 pb-1\">{{\"product-review\" | translate}}</h4>\r\n                <small class=\"pb-2 escribir\" data-bs-toggle=\"modal\" href=\"#modalReview\">\r\n                    {{\"write-a-review\" | translate}}\r\n                    <i class=\"bi bi-pencil-square\"></i>\r\n                </small>\r\n            </div>\r\n            <div class=\"col-12 col-md-6 d-flex align-items-center justify-content-start justify-content-md-end\">\r\n                <div class=\"puntaje d-flex\">\r\n                    <ng-template #number let-ratingValue=\"ratingValue\">\r\n                        <p class=\"puntos mb-0\">\r\n                            {{ratingValue}}\r\n                        </p>\r\n                    </ng-template>\r\n                    <app-rating-ec [ratingValue]=\"product.rating\" [template]=\"number\"></app-rating-ec>\r\n                    <div class=\"ms-2\">\r\n                        <div class=\"stars mb-1\">\r\n                            <app-rating-ec [ratingValue]=\"product.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <small><strong>{{reviews.total}} {{\"reviews\" | translate}}</strong></small>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <hr>\r\n\r\n    <div class=\"tab-content mt-4\" id=\"myTabContent\">\r\n        <div class=\"row g-5\">\r\n            @for (item of reviews.items; track $index) {\r\n            <div class=\"col-12 col-sm-6 col-md-4\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-9 col-sm-10\">\r\n                        <div class=\"ranking\">\r\n                            <app-rating-ec [ratingValue]=\"item.rating\"></app-rating-ec>\r\n                        </div>\r\n                        <h4 class=\"text-uppercase\">{{item.title}}</h4>\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <div class=\"ususario\">\r\n                                <i class=\"bi bi-person-fill\"></i> {{ getAuthorName(item.author) }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"resenia mt-2\">\r\n                            <p style=\"font-size: 14px;\"> {{item.comment}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            }\r\n            @if (getPages() && getPages().length > 1) {\r\n            <nav aria-label=\"Page navigation example\">\r\n                <ul class=\"pagination custom-pagination\">\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"first()\" aria-label=\"Previous\">\r\n                            <span aria-hidden=\"true\">&laquo;</span>\r\n                        </a>\r\n                    </li>\r\n                    @for (page of getPages(); track $index) {\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"goPage(page)\">{{ page }}</a>\r\n                    </li>\r\n                    }\r\n                    <li class=\"page-item\">\r\n                        <a class=\"page-link cursor-pointer\" (click)=\"next()\" aria-label=\"Next\">\r\n                            <span aria-hidden=\"true\">&raquo;</span>\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </nav>\r\n\r\n            }\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [".custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin-top:20px}.custom-pagination .page-item{margin:0 5px}.custom-pagination .page-link{color:#131716;background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.custom-pagination .page-link:hover{background-color:#0b0c0c;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#131716;color:#fff;font-weight:700}.cursor-pointer{cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: ReviewsService }, { type: CoreConstantsService }], propDecorators: { product: [{
                 type: Input
             }] } });
 
-// export * from './related-products-ec/related-products-ec.component';
-// export * from './reviews-form-ec/reviews-form-ec.component';    
-// export * from './reviews-ec/reviews-ec.component';
+class ReviewsFormEcComponent extends ComponentHelper {
+    toastrService;
+    router;
+    consts;
+    formBuilder;
+    productService;
+    authService;
+    reviewsService;
+    /**
+     * @description producto al que se le va a agregar la reseña.
+     */
+    product;
+    /**
+     * @description para controlar si esta logueado.
+     */
+    withAuthenticated = true;
+    /**
+     * @description número maximo de valor de puntuación
+     */
+    max = 5;
+    /**
+     * @description para indicar cuando se termino la operación de consulta.
+     */
+    ready = new EventEmitter();
+    reviews_form;
+    loading = false;
+    form_data = new FormData();
+    limit = [];
+    constructor(toastrService, router, consts, formBuilder, productService, authService, reviewsService) {
+        super();
+        this.toastrService = toastrService;
+        this.router = router;
+        this.consts = consts;
+        this.formBuilder = formBuilder;
+        this.productService = productService;
+        this.authService = authService;
+        this.reviewsService = reviewsService;
+        this.reviews_form = formBuilder.group({
+            title: ['', Validators.required],
+            comment: ['', Validators.required],
+            rating: [0, Validators.required],
+            email: ['', this.withAuthenticated ? [] : [Validators.required, Validators.email]],
+            //attachment: [''],
+        });
+        this.ecOnConstruct(); // Removed as the method does not exist
+    }
+    ngOnInit() {
+        for (let index = 0; index < this.max; index++) {
+            this.limit.push(index + 1);
+        }
+    }
+    /**
+     * @description guarda el valor que contiene la puntuación de la reseña.
+     * @param value
+     */
+    setRatingValue = (value = 0) => {
+        this.reviews_form.controls['rating'].setValue(value);
+    };
+    /**
+     * @description procesa el formulario con los datos.
+     * @param form
+     * @param success_message mensaje para que se muestre en el caso de exito.
+     */
+    sendForm = (form, success_message) => {
+        if (form.valid) {
+            this.withAuthenticated ? this.reviews_form.controls['email'].setValue(this.authService.getUserProfileAsUser().email) : null;
+            this.productService.saveReviews(this.product.id, form.value).toPromise().then(res => {
+                this.reviews_form.reset();
+                this.toastrService.show(success_message ? success_message : 'success-review');
+                this.loading = false;
+                this.ready.emit(true);
+                // Queda preparado por si algun dia se quiere manejar sincronismo.
+                //this.updateReviews()
+            }, err => {
+                this.toastrService.show('inquiry-error');
+                this.loading = false;
+                this.ready.emit(true);
+            });
+        }
+        else {
+            this.toastrService.show('invalid-form');
+            this.loading = false;
+            this.ready.emit(true);
+        }
+    };
+    /**
+     * @descirption controla que el usuario este logueado para comentar. Si la variable withAuthenticated es falso entonces no realiza este control.
+     * @param e evento producido por el submit del formulario
+     */
+    toastReviewsForm = (e, message) => {
+        this.loading = true;
+        e.preventDefault();
+        if (this.withAuthenticated) {
+            this.authService.isAuthenticated() ?
+                this.sendForm(this.reviews_form, message ? message : 'success-review') : this.toastrService.show('authenticated-for-comment');
+        }
+        else {
+            this.sendForm(this.reviews_form, message ? message : 'success-review');
+        }
+    };
+    /**
+     * @description actualiza las reviews
+     * @returns
+     */
+    updateReviews = () => this.reviewsService.updateReviewsByCode(this.product.id);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsFormEcComponent, deps: [{ token: ToastService }, { token: i2.Router }, { token: CoreConstantsService }, { token: i1$3.FormBuilder }, { token: ProductsService }, { token: AuthService }, { token: ReviewsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ReviewsFormEcComponent, isStandalone: true, selector: "app-reviews-form-ec", inputs: { product: "product", withAuthenticated: "withAuthenticated", max: "max" }, outputs: { ready: "ready" }, usesInheritance: true, ngImport: i0, template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Calificaci\u00F3n -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <div class=\"cont-star mt-1 mb-3\">\r\n              @for(star of limit; track $index){\r\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\r\n                      formControlName=\"rating\">\r\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\r\n                      <i class=\"bi bi-star-fill\"></i>\r\n                  </label>\r\n                }\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Resumen -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Detalle -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\r\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Bot\u00F3n de env\u00EDo -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\"></div>\r\n      <div class=\"col-8\">\r\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\r\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\r\n      </div>\r\n  </div> \r\n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReviewsFormEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-reviews-form-ec', standalone: true, imports: [TranslateModule, ReactiveFormsModule], template: "<form class=\"formResenia\"  [formGroup]=\"reviews_form\" (submit)=\"toastReviewsForm($event)\">\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"product\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <p class=\"mt-1 mb-3\">{{ product.name }}</p>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Calificaci\u00F3n -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label class=\"pt-2\">{{\"rating\" | translate}}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <div class=\"cont-star mt-1 mb-3\">\r\n              @for(star of limit; track $index){\r\n                  <input type=\"radio\" class=\"d-none\" [id]=\"'star-' + (limit.length - $index)\" [value]=\"limit.length - $index\"\r\n                      formControlName=\"rating\">\r\n                  <label class=\"star-label\" [for]=\"'star-' + (limit.length - $index)\">\r\n                      <i class=\"bi bi-star-fill\"></i>\r\n                  </label>\r\n                }\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Resumen -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-summary\" class=\"pt-2\">{{\"summary\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-summary\" class=\"w-100\" placeholder=\"\u00BFC\u00F3mo fue tu experiencia?\" formControlName=\"title\"></textarea>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Detalle -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\">\r\n          <label for=\"review-detail\" class=\"pt-2\">{{\"detail\" | translate }}*</label>\r\n      </div>\r\n      <div class=\"col-8\">\r\n          <textarea id=\"review-detail\" class=\"w-100\" placeholder=\"Contanos por qu\u00E9\" formControlName=\"comment\"></textarea>\r\n          <small class=\"text-uppercase\">(*) {{\"mandatory-fields\" | translate }}</small>\r\n      </div>\r\n  </div>\r\n\r\n  <!-- Bot\u00F3n de env\u00EDo -->\r\n  <div class=\"row\">\r\n      <div class=\"col-4\"></div>\r\n      <div class=\"col-8\">\r\n          <button type=\"submit\" class=\"btn btn-dark py-2 px-4 rounded-0 mt-4\"\r\n              [disabled]=\"reviews_form.invalid\">{{\"submit-review\" | translate }}</button>\r\n      </div>\r\n  </div> \r\n</form>", styles: [".cont-star{direction:rtl;unicode-bidi:bidi-override;display:flex;justify-content:end}.cont-star label{display:flex}.cont-star label i{color:#ccc!important;cursor:pointer;font-size:26px;line-height:30px}.cont-star label i:hover,.cont-star label:hover~label i{color:#ffc107!important}input[type=radio]:checked~label i{color:#ffc107!important}input[type=radio]:checked~label i:before,label:hover i:before{content:\"\\f586\"}\n"] }]
+        }], ctorParameters: () => [{ type: ToastService }, { type: i2.Router }, { type: CoreConstantsService }, { type: i1$3.FormBuilder }, { type: ProductsService }, { type: AuthService }, { type: ReviewsService }], propDecorators: { product: [{
+                type: Input
+            }], withAuthenticated: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], ready: [{
+                type: Output
+            }] } });
+
+class SectionContainerEcComponent extends ComponentHelper {
+    content_html = "<p>Sin información</p>";
+    loadSection = false;
+    sanitizeHtml = false;
+    name = null;
+    dataSection;
+    sections = [];
+    optionsService = inject(OptionsService);
+    activatedRoute = inject(ActivatedRoute);
+    toastrService = inject(ToastrService);
+    sanitizer = inject(DomSanitizer);
+    constructor() {
+        super();
+        this.optionsService.getSections();
+        this.ecOnConstruct();
+    }
+    ngOnInit() {
+        if (this.name) {
+            this.getSection(this.name);
+            this.getDataSection(this.name);
+            //console.log('con parametro')
+        }
+        else {
+            this.activatedRoute.params.subscribe(params => {
+                this.name = params['name'];
+                this.getSection(this.name);
+                this.getDataSection(this.name);
+                //console.log('sin parametro', this.name)
+            });
+        }
+        this.ecOnInit();
+    }
+    getSection = (link) => {
+        this.loadSection = false;
+        this.optionsService.getSectionContentByLink(link).toPromise().then((html) => {
+            if (html)
+                this.content_html =
+                    this.sanitizeHtml
+                        ? html
+                        : this.sanitizer.bypassSecurityTrustHtml(html);
+            this.loadSection = true;
+        }, (error) => {
+            console.log(error);
+            this.loadSection = true;
+            this.content_html = "<p>Sin información</p>";
+            this.toastrService.show('No fue posible encontrar la sección solicitada');
+        }).catch((error) => {
+            this.content_html = "<p>Sin información</p>";
+            this.loadSection = true;
+        });
+    };
+    getDataSection = (code) => {
+        this.dataSection = this.sections.find(section => section.code == code);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionContainerEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SectionContainerEcComponent, isStandalone: true, selector: "app-section-container-ec", inputs: { sanitizeHtml: "sanitizeHtml", name: "name" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"scrol-if\">\r\n                @if (loadSection){\r\n                <div [innerHtml]=\"content_html\"></div>\r\n                } @else {\r\n                <div class=\"col-12 align-items-center\">\r\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"], dependencies: [{ kind: "component", type: BlocksEcComponent, selector: "app-blocks-ec", inputs: ["templates", "show_loading", "section", "blockFilters"] }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionContainerEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-section-container-ec', standalone: true, imports: [BlocksEcComponent, LoadingFullEcComponent], template: "<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n            <div class=\"scrol-if\">\r\n                @if (loadSection){\r\n                <div [innerHtml]=\"content_html\"></div>\r\n                } @else {\r\n                <div class=\"col-12 align-items-center\">\r\n                    <div class=\"d-flex flex-column jusitfy-content-center align-items-center my-5\">\r\n                        <app-loading-full-ec></app-loading-full-ec>\r\n                    </div>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<app-blocks-ec [section]=\"name\"></app-blocks-ec>", styles: [".custom-page{background-color:#fff!important;padding-top:5%!important;padding-bottom:5%!important}.scrol-if{overflow:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sanitizeHtml: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
 
 //Types
 
@@ -9151,5 +9847,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, 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, ParamsContext, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ShipmentService, SidebarEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PaymentService, PriceEcComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map