ng-easycommerce-v18 0.3.16-beta.1 → 0.3.17-beta.1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, Inject, computed, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1 from '@angular/common';
 import { DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
-import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, distinctUntilChanged, switchMap, combineLatest } from 'rxjs';
+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';
@@ -2651,12 +2651,10 @@ class Filter {
         throw new Error("Method not implemented.");
     }
     setContent(options) {
-        if (Array.isArray(options)) {
-            this.data = options;
-        }
+        throw new Error("Method not implemented.");
     }
     getContent() {
-        return this.data;
+        throw new Error("Method not implemented.");
     }
     toUrlParams() {
         throw new Error("Method not implemented.");
@@ -2727,13 +2725,6 @@ class Filter {
         });
         return result;
     };
-    reset(children) {
-        let data = children || this.data;
-        data.forEach((element) => {
-            element.selected = false;
-            (element.children && element.children.length > 0) && this.reset(element.children);
-        });
-    }
 }
 
 class CategoryFilter extends Filter {
@@ -2870,31 +2861,27 @@ class DynamicsFilter extends Filter {
         return 'dynamics';
     }
     setContent(options) {
-        if (!Array.isArray(options)) {
-            this.data = [];
-            return;
-        }
-        this.data = options.map((opt) => this.createElement(opt));
+        options = options.map((option) => option = this.createElement(option));
+        this.data = options;
     }
     getContent() {
-        return this.data;
+        throw new Error("Method not implemented.");
     }
     toUrlParams = (actual_url = '&optionCodes=', sublist, already) => {
-        const elements = sublist || this.data;
+        let elements = sublist || this.data;
         let aux_url = '';
         elements.forEach((element) => {
-            if (element.type === 'sub') {
-                const result = this.toUrlParams('', element.children, (actual_url !== '&optionCodes=' && actual_url !== ''));
-                if (result && !actual_url.includes(result)) {
+            if (element.type == 'sub') {
+                let result = this.toUrlParams('', element.children, (actual_url != '&optionCodes=' && actual_url != ''));
+                if (!actual_url.includes(result))
                     actual_url += this.cleanResult(result);
-                }
             }
             else if (element.selected) {
-                if (actual_url === '&optionCodes=' && aux_url === '') {
+                if (actual_url == '&optionCodes=' && aux_url == '') {
                     aux_url = element.value;
                 }
                 else {
-                    if (aux_url === '')
+                    if (aux_url == '')
                         aux_url = (already ? '<and>' : '') + element.value;
                     else
                         aux_url += ('<and>' + element.value);
@@ -2904,24 +2891,20 @@ class DynamicsFilter extends Filter {
         return actual_url + aux_url;
     };
     createElement(option) {
-        const values = Array.isArray(option?.values) ? option.values : [];
-        return {
-            title: option?.label,
-            useToFilter: option?.useToFilter,
-            type: 'sub',
-            multi: false,
-            code: option?.code,
-            shape: option?.type,
-            children: values.map((value) => ({
-                title: value?.code,
-                description: value?.name,
-                code: `${option?.code} ${value?.name}`,
-                type: 'child',
-                value: value?.code,
-                selected: false,
-                image: value?.image
-            }))
+        option = {
+            title: option.label, useToFilter: option.useToFilter, type: 'sub', multi: false, code: option.code, shape: option.type, children: option.values.map((value) => {
+                return {
+                    title: value.code,
+                    description: value.name,
+                    code: (option.code + ' ' + value.name),
+                    type: 'child',
+                    value: value.code,
+                    selected: false,
+                    image: value.image
+                };
+            })
         };
+        return option;
     }
     cleanResult(text) { return text.replace('&optionCodes=', ''); }
     ;
@@ -3682,8 +3665,6 @@ class FiltersService {
     environmentInjector = inject(EnvironmentInjector);
     _optionsFilters = ['all'];
     _defaultFilters = [];
-    _filtersInView = new BehaviorSubject(null);
-    filtersInView$ = this._filtersInView.asObservable();
     _paginationSettings = {
         value: '',
         type: '',
@@ -3708,17 +3689,12 @@ class FiltersService {
      */
     generateFinalApi(search_value) {
         let extra_params = '';
-        for (const filter of this._filtersSubject.value) {
-            const extra = (filter?.toUrlParams?.() || '').trim();
-            if (!extra)
-                continue;
-            const afterEq = extra.includes('=') ? extra.split('=')[1] : extra.replace(/^&/, '');
-            if (afterEq !== '')
-                extra_params += extra;
-        }
-        if (search_value) {
-            extra_params += `&criteria[search][type]=contains&criteria[search][value]=${encodeURIComponent(search_value)}`;
-        }
+        this._filtersSubject.value.forEach(filter => {
+            const extra = filter.toUrlParams();
+            extra.split('=')[1] != '' ? extra_params += extra : null;
+        });
+        if (search_value)
+            extra_params += ('&criteria[search][type]=contains&criteria[search][value]=' + search_value);
         return this.productsFilterApi(extra_params);
     }
     isUpdated(paginationSettings) {
@@ -3737,24 +3713,26 @@ class FiltersService {
     setFilters(paginationSettings, search_value) {
         this._paginationSettings = paginationSettings;
         let final_filters = [];
-        const filtersToProcess = this._optionsFilters?.includes('all')
+        let filtersToProcess = this._optionsFilters?.includes('all')
             ? ['attributes', 'categories', 'dynamics', 'sort', 'price_range']
             : this._optionsFilters;
         runInInjectionContext(this.environmentInjector, () => {
             const filterFactory = new FilterFactory();
             filtersToProcess?.forEach(filterType => {
                 const filter = filterFactory.create(filterType, paginationSettings);
-                if (filter)
+                if (filter) {
                     final_filters.push(filter);
+                }
+                else {
+                    // console.warn(`❌ Failed to create filter for type: ${filterType}`);
+                }
             });
         });
-        this._defaultFilters?.forEach(df => {
-            const f = final_filters.find(f => f.type() === df.filter_type);
-            f && df.codes.forEach(code => f.setSelected(code));
+        this._defaultFilters?.forEach(filterDefault => {
+            let filter = final_filters.find(filter => filter.type() == filterDefault.filter_type);
+            filter && filterDefault.codes.forEach(value => filter.setSelected(value));
         });
         this._filtersSubject.next(final_filters);
-        if (!this._readySubject.value)
-            this._readySubject.next(true);
     }
     getFilters(paginationSettings) {
         if (this._filtersInitialized)
@@ -3793,13 +3771,12 @@ class FiltersService {
     setFilterSelected(filterObj, filterElem) {
         let final_filters = this._filtersSubject.value;
         if (filterObj.type() !== 'price_range') {
-            const index = final_filters.findIndex(f => f.type() == filterObj.type());
+            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);
-        if (filterElem?.noUrl) {
-            this._filtersInView.next(filterElem);
-        }
+        // }
     }
     updateFilters(paginationFilters) {
         const claves = Object.keys(paginationFilters);
@@ -3832,35 +3809,6 @@ class FiltersService {
         pr.setSelected(min, max);
         this._filtersSubject.next([...filters]);
     }
-    setOptionsFilters(filters) {
-        this._optionsFilters = filters?.length ? filters : ['all'];
-    }
-    setDefaultFilters(defaults) {
-        this._defaultFilters = defaults || [];
-    }
-    hydrateDynamics(options) {
-        if (!options)
-            return;
-        const filters = this._filtersSubject.value || [];
-        const dyn = filters.find(f => f.type() === 'dynamics');
-        if (!dyn?.setContent)
-            return;
-        dyn.setContent(options);
-        this._filtersSubject.next([...filters]);
-        // Si querés que ready$ represente "filtros listos para render (incluye dinámicos)"
-        if (!this._readySubject.value)
-            this._readySubject.next(true);
-    }
-    /**
-     * @description redirecciona segun la url del filtro.
-     * @param filterElem No hace nada por ahora, es para mantener el mismo formato que como se usa en collection
-     * @param data Filtro que se usa para redireccion
-     */
-    setFilterSelectedByPath(filterElem, data, router) {
-        if (!router || !data?.path)
-            return;
-        router.navigateByUrl(data.path);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersService, providedIn: 'root' });
 }
@@ -3879,11 +3827,10 @@ class PaginationService {
     _connectionService = inject(ConnectionService);
     _filtersService = inject(FiltersService);
     _constants = inject(CoreConstantsService);
-    _hydratedDynamics = false;
-    paginationData$ = this._filtersService.filters$.pipe(filter(filters => Array.isArray(filters) && filters.length > 0), map(filters => {
+    paginationData$ = this._filtersService.filters$.pipe(shareReplay(1), filter(filters => filters && filters.length > 0), switchMap((filters) => {
         const url = this.buildUrl(filters);
-        return { url, key: this.urlSignature(filters) };
-    }), distinctUntilChanged((a, b) => a.key === b.key), switchMap(({ url }) => this.getData(url)), shareReplay(1));
+        return this.getData(url);
+    }));
     _dataPagination = signal({
         attributes: [],
         category: [],
@@ -3920,7 +3867,6 @@ class PaginationService {
         this._finished = false;
         this._start = true;
         this._nextProductsSubject.next([]);
-        this._hydratedDynamics = false;
     }
     /**
      * Obtengo los datos de la siguiente página.
@@ -4029,21 +3975,12 @@ class PaginationService {
         this._resetSubject.next(true);
         this._nextProductsSubject.next([]);
         this._connectionService.get(url, { limit: 10, page: 1 }).pipe(map(res => {
-            // HIDRATAR DINÁMICO SOLO UNA VEZ <<<
-            if (!this._hydratedDynamics && res?.options) {
-                this._filtersService.hydrateDynamics(res.options);
-                this._hydratedDynamics = true;
-            }
+            //console.log(res)
             this._nextProductsSubject.next(res.items);
             res.links ? this.updatePageData(res) : this.finish(res);
         })).subscribe();
         return this.nextProducts$;
     }
-    urlSignature(filters) {
-        const params = filters.map(f => (f?.toUrlParams?.() || '')).join('|');
-        const sv = this._constants.searchValue || '';
-        return params + '::' + sv;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationService, providedIn: 'root' });
 }
@@ -4108,15 +4045,8 @@ class ProductsService {
      * @param searchValue
      */
     getProductsForFilter(paginationSettings, searchValue) {
-        const sv = searchValue ?? '';
-        this.searchValue.set(sv);
-        this._consts.searchValue = sv;
-        if (paginationSettings) {
-            this._filtersService.setFilters(paginationSettings);
-        }
-        const apiUrl = this._filtersService.generateFinalApi(sv);
-        const limit = paginationSettings?.limit ?? 10;
-        this._paginationService.initialize(apiUrl, limit);
+        searchValue ? this.searchValue.set(searchValue) : this.searchValue.set('');
+        paginationSettings && this._filtersService.setFilters(paginationSettings);
     }
     /**
      * Actualiza los productos con los de la siguiente pagina.
@@ -8791,6 +8721,8 @@ class FiltersEcComponent {
             console.error('Filter or selected element is undefined:', { filter, selected });
             return;
         }
+        if (selected.isVisible !== true)
+            return;
         if (typeof filter.setSelected !== 'function') {
             console.error('filter.setSelected is not a function. Filter might not be an instance of the expected class:', filter);
             return;
@@ -8802,7 +8734,7 @@ class FiltersEcComponent {
                     this.router.navigate([selected.path]);
                 }
             }
-            else if ((filter.type() === 'attributes') || (filter.type() === 'dynamics')) {
+            else if (filter.type() === 'attributes') {
                 // Manejar la navegación para atributos
                 this._filtersService.setFilterSelected(filter, selected);
             }
@@ -8860,13 +8792,36 @@ class FiltersEcComponent {
         }) ?? false;
     }
     /**
-       * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
-       * @param category - La categoría a verificar
-       * @returns true si la categoría es visible, false en caso contrario
-       */
+     * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
+     * @param category - La categoría a verificar
+     * @returns true si la categoría es visible, false en caso contrario
+     */
     hasVisibleProperty(category) {
         return category.isVisible === true;
     }
+    /** Lista visible (filtra recursivo por isVisible) */
+    getVisibleData(filter) {
+        if (!filter)
+            return [];
+        return this.filterVisibleTree(filter.data);
+    }
+    /** Children visibles de un nodo */
+    getVisibleChildren(node) {
+        return this.filterVisibleTree(node?.children ?? []);
+    }
+    /** Tiene hijos visibles? */
+    hasVisibleChildren(node) {
+        return this.getVisibleChildren(node).length > 0;
+    }
+    /** Utilidad recursiva */
+    filterVisibleTree(list = []) {
+        return (list ?? [])
+            .filter(n => n.isVisible === true)
+            .map(n => ({
+            ...n,
+            children: this.filterVisibleTree(n.children ?? [])
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", inputs: { setSelect: "setSelect" }, ngImport: i0, template: "<p>filters-ec works!</p>\n", styles: [""] });
 }