intelica-library-ui 0.1.187 → 0.1.189

package/fesm2022/intelica-library-ui.mjs

@@ -5,7 +5,7 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, tap, map } from 'rxjs';
 import Swal from 'sweetalert2';
 import * as i1 from '@angular/common';
-import { CommonModule, DatePipe, isPlatformBrowser } from '@angular/common';
+import { CommonModule, DatePipe, isPlatformBrowser, NgIf } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BadgeModule } from 'primeng/badge';
@@ -16,7 +16,7 @@ import { TableModule } from 'primeng/table';
 import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import moment from 'moment';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import * as i2 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i3 from 'primeng/radiobutton';
@@ -41,6 +41,10 @@ import { Dialog } from 'primeng/dialog';
 import * as echarts from 'echarts';
 import * as i2$4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
+import { DropdownModule } from 'primeng/dropdown';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import * as i4$2 from 'primeng/accordion';
+import { AccordionModule } from 'primeng/accordion';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
@@ -610,8 +614,81 @@ class FormatDateConstants {
     static YYYYMMDD_SLASH = "YYYY/MM/DD";
 }
 
+class GroupRegCountryBankConstants {
+    //IDS
+    static COLUMN_GROUP_ID = 'groupId';
+    static COLUMN_REGION_ID = 'regionId';
+    static COLUMN_COUNTRY_ID = 'countryId';
+    static COLUMN_BANK_ID = 'bankId';
+    //DESCRIPTION BD
+    static COLUMN_GROUP_NAME = 'groupName';
+    static COLUMN_REGION_NAME = 'regionName';
+    static COLUMN_COUNTRY_NAME = 'countryName';
+    static COLUMN_BANK_NAME = 'bankName';
+    static COLUMN_BANK_NAME_COMERCIAL = 'bankNameCommercial';
+    //DESCRIPTION GROUP COMBO
+    static GLOBAL = {
+        325: 'Global',
+        327: 'Global'
+    };
+    static GROUP = {
+        325: 'Group',
+        327: 'Grupo'
+    };
+    static REGION = {
+        325: 'Region',
+        327: 'Región'
+    };
+    static COUNTRY = {
+        325: 'Country',
+        327: 'País'
+    };
+    static BANK = {
+        325: 'Client',
+        327: 'Cliente'
+    };
+    //DESCRIPCION BY
+    static GROUP_BY = 'groupBy';
+    static GROUP_TEXT = 'name';
+    static GROUP_INDEX = 'index';
+}
+class GroupRegionCountryBankModel {
+    index = 0;
+    groupId = 0;
+    groupName = '';
+    regionId = 0;
+    regionName = '';
+    countryId = 0;
+    countryName = '';
+    bankId = 0;
+    bankName = '';
+    nivel = 0;
+    bankNameCommercial = '';
+}
+class GlobalConstants {
+    static STRING_ALL = 'All';
+    static NUMBER_ALL = -1;
+    static REGION_EUROPE = 7;
+    static KEY_ENCRIPT = 'abcdefghijklmnopqrstuvwx';
+    static IV_ENCRIPT = '1234567890123456';
+}
+
+class OrderConstants {
+    //DESCRIPTION
+    static ORDER_BY_DESC = "desc";
+    static ORDER_BY_ASC = "asc";
+    //VALUES
+    static ORDER_BY_DESC_VALUE = "1";
+    static ORDER_BY_ASC_VALUE = "0";
+}
+
+class Constants {
+    static REGION_EUROPE = 7;
+}
+
 class SharedService {
     location;
+    termsPipe;
     configObservable = new Subject();
     isLoading = new BehaviorSubject(false);
     isLoadingHeader = new BehaviorSubject(true);
@@ -654,8 +731,10 @@ class SharedService {
         ],
     };
     subtitleDescriptionNotification$;
-    constructor(location) {
+    GlobalTermService = inject(GlobalTermService);
+    constructor(location, termsPipe) {
         this.location = location;
+        this.termsPipe = termsPipe;
     }
     ///METODOS GLOBALS.
     IsNumberRate(n) {
@@ -1342,7 +1421,84 @@ class SharedService {
             },
         ], [criteria]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+    //TITLES
+    setTitles(ListGeneralGroupRegionCountryBank, groupId, regId, countryId, bankId, isInternal) {
+        let res = "";
+        const ListGeneralGroupAll = _.orderBy(_.uniqBy(ListGeneralGroupRegionCountryBank, GroupRegCountryBankConstants.COLUMN_GROUP_ID), [GroupRegCountryBankConstants.COLUMN_GROUP_NAME], [OrderConstants.ORDER_BY_ASC]);
+        const ListGeneralRegionAll = _.orderBy(_.uniqBy(ListGeneralGroupRegionCountryBank, GroupRegCountryBankConstants.COLUMN_REGION_ID), [GroupRegCountryBankConstants.COLUMN_REGION_NAME], [OrderConstants.ORDER_BY_ASC]);
+        const ListGeneralCountryAll = _.orderBy(_.uniqBy(ListGeneralGroupRegionCountryBank, GroupRegCountryBankConstants.COLUMN_COUNTRY_ID), [GroupRegCountryBankConstants.COLUMN_COUNTRY_NAME], [OrderConstants.ORDER_BY_ASC]);
+        const ListGeneralBankAll = _.orderBy(_.uniqBy(ListGeneralGroupRegionCountryBank, GroupRegCountryBankConstants.COLUMN_BANK_ID), [GroupRegCountryBankConstants.COLUMN_BANK_NAME], [OrderConstants.ORDER_BY_ASC]);
+        const CurrentGroup = this.getCurrentGroup(ListGeneralGroupAll, ListGeneralRegionAll, groupId, regId);
+        const CurrentRegion = this.getCurrentRegion(ListGeneralRegionAll, regId, countryId);
+        const CurrentCountry = countryId > 0 ? ListGeneralCountryAll.filter((f) => f.countryId === countryId)[0] : undefined;
+        const CurrentBank = bankId > 0 ? ListGeneralBankAll.filter((f) => f.bankId === bankId)[0] : undefined;
+        if (isInternal) {
+            res = CurrentGroup ? CurrentGroup.groupName : "";
+            res = CurrentRegion ? this.getTitleByRegionOrCountry(CurrentGroup, CurrentRegion, "regionName") : res;
+            res = CurrentCountry ? this.getTitleByRegionOrCountry(CurrentGroup, CurrentCountry, "countryName") : res;
+            res = CurrentBank ? CurrentBank.bankName : res;
+        }
+        else {
+            res = CurrentGroup ? CurrentGroup.groupName : "";
+            res = CurrentRegion ? CurrentRegion.groupName + " " + CurrentRegion.regionName : res;
+            res = CurrentCountry ? CurrentCountry.bankName + " " + CurrentCountry.countryName : res;
+            res = CurrentBank ? this.getTitleByBank(ListGeneralCountryAll, CurrentBank) : res;
+            res = ListGeneralGroupRegionCountryBank.length > 1 ? res : "";
+        }
+        return res;
+    }
+    getCurrentGroup(ListGeneralGroupAll, ListGeneralRegionAll, groupId, regId) {
+        if (ListGeneralGroupAll.length === 1) {
+            return ListGeneralGroupAll[0];
+        }
+        if (groupId > 0) {
+            return ListGeneralGroupAll.filter((f) => f.groupId === groupId)[0];
+        }
+        if ((regId === Constants.REGION_EUROPE || regId === -1) && ListGeneralRegionAll.length === 3) {
+            return ListGeneralRegionAll[0];
+        }
+        return undefined;
+    }
+    getCurrentRegion(ListGeneralRegionAll, regId, countryId) {
+        if ((regId === Constants.REGION_EUROPE || regId === -1) && ListGeneralRegionAll.length === 3) {
+            return undefined;
+        }
+        if (regId > 0 && countryId < 1) {
+            return ListGeneralRegionAll.filter((f) => f.regionId === regId)[0];
+        }
+        return undefined;
+    }
+    getTitleByRegionOrCountry(CurrentGroup, Current, field) {
+        return CurrentGroup ? CurrentGroup.groupName + " - " + Current[field] : Current[field];
+    }
+    getTitleByBank(ListGeneralCountryAll, CurrentBank) {
+        return ListGeneralCountryAll.length > 1 ? CurrentBank.groupName + " - " + CurrentBank.countryName + " - " + CurrentBank.bankNameCommercial : CurrentBank.bankNameCommercial;
+    }
+    getTermTextByCode(code, mode = 1) {
+        return this.termsPipe.transform(code, "", mode);
+    }
+    isEmpty(value) {
+        return value === null || value === "" || value === undefined;
+    }
+    groupByColumn(data, columnGroup) {
+        let colUnique = [];
+        if (columnGroup != "") {
+            colUnique = [
+                ...new Set(data.map(item => {
+                    return item[columnGroup];
+                })),
+            ].filter(unique => !this.isEmpty(unique));
+        }
+        else {
+            colUnique = [
+                ...new Set(data.map(item => {
+                    return item;
+                })),
+            ].filter(unique => !this.isEmpty(unique));
+        }
+        return colUnique;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, deps: [{ token: i1.Location }, { token: TermPipe }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, providedIn: "root" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, decorators: [{
@@ -1350,7 +1506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             args: [{
                     providedIn: "root",
                 }]
-        }], ctorParameters: () => [{ type: i1.Location }] });
+        }], ctorParameters: () => [{ type: i1.Location }, { type: TermPipe }] });
 
 class PositiveNumberDirective {
     el;
@@ -4501,15 +4657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Output
             }] } });
 
-class OrderConstants {
-    //DESCRIPTION
-    static ORDER_BY_DESC = "desc";
-    static ORDER_BY_ASC = "asc";
-    //VALUES
-    static ORDER_BY_DESC_VALUE = "1";
-    static ORDER_BY_ASC_VALUE = "0";
-}
-
 class SortingComponent {
     /**
      * Suscripción a un observable.
@@ -4809,19 +4956,13 @@ class TemplateMenuComponent {
     }
     onMouseDown(event) {
         const target = event.target;
-        if (target.closest(".p-datepicker") ||
-            target.closest(".p-inputtext") ||
-            target.closest(".p-select-panel") ||
-            target.closest(".p-multiselect-panel")) {
+        if (target.closest(".p-datepicker") || target.closest(".p-inputtext") || target.closest(".p-select-panel") || target.closest(".p-multiselect-panel")) {
             this.IsClickInsideDatepicker = true;
         }
     }
     onMouseDownOutsideBody(event) {
         const target = event.target;
-        if (target.closest(".p-datepicker") ||
-            target.closest(".p-inputtext") ||
-            target.closest(".p-select-panel") ||
-            target.closest(".p-multiselect-panel")) {
+        if (target.closest(".p-datepicker") || target.closest(".p-inputtext") || target.closest(".p-select-panel") || target.closest(".p-multiselect-panel") || target.closest(".swal2-container")) {
             this.IsClickInsideDatepicker = true;
         }
     }
@@ -4839,9 +4980,7 @@ class TemplateMenuComponent {
         // 	this.closePanel();
         // 	return;
         // }
-        if (this.IsPopoverOpen &&
-            this.PopoverContainer &&
-            target === this.PopoverContainer.nativeElement) {
+        if (this.IsPopoverOpen && this.PopoverContainer && target === this.PopoverContainer.nativeElement) {
             this.closePanel();
             return;
         }
@@ -4883,13 +5022,10 @@ class TemplateMenuComponent {
         if (this.IsClickInsideDatepicker) {
             return;
         }
-        if (allowedClasses.some((className) => target.closest(`.${className}`))) {
+        if (allowedClasses.some(className => target.closest(`.${className}`))) {
             return;
         }
-        if (this.Popover &&
-            !this.Popover.nativeElement.contains(target) &&
-            this.MenuButton &&
-            !this.MenuButton.nativeElement.contains(target)) {
+        if (this.Popover && !this.Popover.nativeElement.contains(target) && this.MenuButton && !this.MenuButton.nativeElement.contains(target)) {
             this.closePanel();
         }
     }
@@ -4898,13 +5034,7 @@ class TemplateMenuComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TemplateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-template-menu", imports: [
-                        ButtonModule,
-                        InputGroupAddonModule,
-                        CommonModule,
-                        RippleModule,
-                        TermPipe,
-                    ], template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuTemplate\" (click)=\"togglePanel($event)\">\r\n\t\t<span class=\"grMenuTemplate__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuTemplate__txt\">{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<div class=\"grPopoverMenu\" [ngClass]=\"{ hidden: !IsPopoverOpen }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody grPopoverBody--template\">\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+            args: [{ selector: "intelica-template-menu", imports: [ButtonModule, InputGroupAddonModule, CommonModule, RippleModule, TermPipe], template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuTemplate\" (click)=\"togglePanel($event)\">\r\n\t\t<span class=\"grMenuTemplate__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuTemplate__txt\">{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<div class=\"grPopoverMenu\" [ngClass]=\"{ hidden: !IsPopoverOpen }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody grPopoverBody--template\">\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { Popover: [{
                 type: ViewChild,
                 args: ["popover"]
@@ -5365,6 +5495,451 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }] } });
 
+class TitlesComponent {
+    globalTerms = inject(GlobalTermService);
+    SharedService = inject(SharedService);
+    /** Modelo de selección de filtro. */
+    setFilter;
+    /** Título y subtítulo */
+    title = "";
+    subTitle = "";
+    /** Mostrar filtros en cabecera */
+    showFilterHead = true;
+    /** Agregar opción Global (-1,-1,-1,-1) */
+    addGlobal = false;
+    /** ID para helper */
+    helperId = "";
+    /** Evento de cambio */
+    changeCboTitle = new EventEmitter();
+    /** Dropdown alterno (caja grande) */
+    showAlterFilterHead = false;
+    subShowAlterFilterHead = false;
+    /** Filtros alternos (categoría / subcategoría) */
+    alterFilterValues = [];
+    alterFilterValue = 0;
+    subAlterFilterValues = [];
+    subAlterFilterValue = 0;
+    /** Bancos disponibles (para filtrar) */
+    bankIdListAvaliable = [];
+    /** Dropdown alterno (caja grande) */
+    isInternal = true;
+    currentUser;
+    applyFilterClick = new EventEmitter();
+    clearFilterClick = new EventEmitter();
+    /** Estado interno */
+    titlePage = "";
+    selectIndex = 0;
+    filterHead = "";
+    placeholder = "";
+    subscription = new Subscription();
+    userBanks = [];
+    existEurope = false;
+    isDropdownOpen = false;
+    groupValues = [];
+    dropdownOptions = [];
+    groupIds = [];
+    countryIds = [];
+    regionIds = [];
+    isFilterAvaliable = false;
+    dropdownMenuId = "";
+    tempCategoryId = 0;
+    tempSubcategoryId = 0;
+    tempGroupId = 0;
+    filterSubCategories = [];
+    langId = 325;
+    IsTitleDropdownOpen = false;
+    demoRadioButtonRegion;
+    selectedRadioButtonRegion = null;
+    demoRadioButtonCountry;
+    selectedRadioButtonCountry = null;
+    demoRadioButtonClient;
+    selectedRadioButtonClient = null;
+    demoRadioButtonCategory;
+    selectedRadioButtonCategory = null;
+    demoRadioButtonSubCategory;
+    selectedRadioButtonSubCategory = null;
+    demoRadioButtonMonthly;
+    selectedRadioButtonMonthly = null;
+    constructor() {
+        this.subscription = this.SharedService.isLoadingPageInfo.subscribe({
+            next: isLoadingPageInfo => {
+                if (!isLoadingPageInfo) {
+                    this.loadData();
+                    this.dropdownMenuId = this.SharedService.GetLastSegmentUrl() + "-analytics";
+                }
+            },
+        });
+    }
+    OnTitleDropdownClickOutside(event) {
+        const dropdownElement = document.querySelector(".titleDropdown");
+        if (dropdownElement && !dropdownElement.contains(event.target)) {
+            this.IsTitleDropdownOpen = false;
+        }
+    }
+    OnTitleDropdownToggle(event) {
+        event.stopPropagation();
+        this.IsTitleDropdownOpen = !this.IsTitleDropdownOpen;
+    }
+    ApplyFilter() {
+        const model = this.buildTitleSelect(this.selectIndex);
+        this.changeCboTitle.emit(model);
+        this.applyFilterClick.emit(model);
+        this.IsTitleDropdownOpen = false;
+    }
+    ClearFilter() {
+        this.alterFilterValue = 0;
+        this.subAlterFilterValue = 0;
+        this.changeCategories();
+        const model = this.buildTitleSelect(this.selectIndex);
+        this.changeCboTitle.emit(model);
+        this.clearFilterClick.emit();
+        this.IsTitleDropdownOpen = false;
+    }
+    buildTitleSelect(index) {
+        const titleSelect = {
+            groupId: GlobalConstants.NUMBER_ALL,
+            regionId: GlobalConstants.NUMBER_ALL,
+            countryId: GlobalConstants.NUMBER_ALL,
+            bankId: GlobalConstants.NUMBER_ALL,
+            banksId: "",
+            group: "",
+            addValue1: 0,
+            addValue2: 0,
+        };
+        const objSelect = this.userBanks.find(model => model.index === index) ?? {};
+        titleSelect.group = objSelect.groupBy;
+        switch (objSelect.groupBy) {
+            case GroupRegCountryBankConstants.GROUP[this.langId]:
+                titleSelect.groupId = objSelect.id;
+                break;
+            case GroupRegCountryBankConstants.REGION[this.langId]: {
+                const region = this.currentUser.listRegionAll.find(r => r.regionId === objSelect.id);
+                titleSelect.regionId = region?.regionId ?? -1;
+                break;
+            }
+            case GroupRegCountryBankConstants.COUNTRY[this.langId]: {
+                const country = this.currentUser.listCountryAll.find(c => c.countryId === objSelect.id);
+                titleSelect.countryId = country?.countryId ?? -1;
+                break;
+            }
+            default: {
+                const bank = this.currentUser.listBankAll.find(b => b.bankId === objSelect.id);
+                if (this.currentUser.IsGroupProfile) {
+                    titleSelect.countryId = bank?.countryId ?? -1;
+                }
+                titleSelect.bankId = bank?.bankId ?? -1;
+                break;
+            }
+        }
+        titleSelect.banksId = this.getAllBanks(objSelect);
+        titleSelect.addValue1 = this.alterFilterValue ?? 0;
+        titleSelect.addValue2 = this.subAlterFilterValue ?? 0;
+        return titleSelect;
+    }
+    writeValue(obj) {
+    }
+    registerOnChange(fn) {
+    }
+    registerOnTouched(fn) {
+    }
+    setDisabledState(isDisabled) {
+    }
+    loadData() {
+        this.langId = this.currentUser.LangSite;
+        this.filterHead = this.SharedService.setTitles(this.currentUser.ListGroupRegionCountryBank, -1, -1, -1, -1, this.isInternal);
+        this.title = this.titlePage;
+        this.setGroupRegionCountryBankAll();
+        this.setTitleFilter(this.setFilter);
+    }
+    ngOnChanges(changes) {
+        if (changes.setFilter) {
+            if (this.bankIdListAvaliable.length > 0 && this.currentUser.IsIntelicaUser) {
+                this.filterBankListAvaliable();
+                this.setTitleFilter(changes.setFilter.currentValue);
+            }
+            else {
+                this.isFilterAvaliable = false;
+                this.setGroupRegionCountryBankAll();
+                this.setTitleFilter(changes.setFilter.currentValue);
+            }
+        }
+        if (changes.title) {
+            this.titlePage = this.title;
+        }
+        if (changes.alterFilterValue) {
+            this.tempCategoryId = this.alterFilterValue !== null && this.alterFilterValue !== undefined ? this.alterFilterValue : 0;
+        }
+        if (changes.subAlterFilterValue) {
+            this.tempSubcategoryId = this.subAlterFilterValue !== null && this.subAlterFilterValue !== undefined ? this.subAlterFilterValue : 0;
+        }
+        if (changes.subAlterFilterValues) {
+            this.changeCategories();
+        }
+        if (this.tempSubcategoryId === -1) {
+            this.tempSubcategoryId = 0;
+        }
+    }
+    setGroupRegionCountryBankAll() {
+        let regionValue = this.SharedService.getTermTextByCode("LBL_BANK_REGION");
+        let countryValue = this.SharedService.getTermTextByCode("LBL_BANK_COUNTRY");
+        let bankValue = this.SharedService.getTermTextByCode("LBL_BANK");
+        let globalValue = this.SharedService.getTermTextByCode("LBL_TITLE_GLOBAL");
+        let allValue = this.SharedService.getTermTextByCode("LBL_ALL");
+        this.userBanks = [];
+        if (this.currentUser) {
+            if (this.addGlobal) {
+                this.setNewField(globalValue, globalValue, GlobalConstants.NUMBER_ALL);
+            }
+            if (this.currentUser && this.currentUser.ListGroupRegionCountryBank.length == 1) {
+                this.setNewField(bankValue !== "" ? bankValue : GroupRegCountryBankConstants.BANK[this.langId], this.currentUser.ListGroupRegionCountryBank[0].bankNameCommercial, this.currentUser.ListGroupRegionCountryBank[0].bankId);
+                return;
+            }
+            let listGroupAll = this.fillGeneralListFilter(this.currentUser.listGroupAll, this.groupIds, 0, this.isFilterAvaliable);
+            this.fillGeneralList(listGroupAll, GroupRegCountryBankConstants.GROUP[this.langId], true);
+            if (this.validateEuropeAll() && !this.currentUser.PerfilInternal) {
+                this.setNewField(regionValue !== "" ? regionValue : GroupRegCountryBankConstants.REGION[this.langId], allValue !== "" ? allValue : GlobalConstants.STRING_ALL, GlobalConstants.NUMBER_ALL);
+            }
+            let listRegionAll = this.fillGeneralListFilter(this.currentUser.listRegionAll, this.regionIds, 1, this.isFilterAvaliable);
+            this.fillGeneralList(listRegionAll, GroupRegCountryBankConstants.REGION[this.langId]);
+            if (this.hasNotPreviousGroup(this.currentUser.listCountryAll)) {
+                this.setNewField(countryValue !== "" ? countryValue : GroupRegCountryBankConstants.COUNTRY[this.langId], allValue !== "" ? allValue : GlobalConstants.STRING_ALL, GlobalConstants.NUMBER_ALL);
+            }
+            let listCountryAll = this.fillGeneralListFilter(this.currentUser.listCountryAll, this.countryIds, 2, this.isFilterAvaliable);
+            this.fillGeneralList(listCountryAll, GroupRegCountryBankConstants.COUNTRY[this.langId]);
+            if (this.hasNotPreviousGroup(this.currentUser.listBankAll)) {
+                this.setNewField(bankValue !== "" ? bankValue : GroupRegCountryBankConstants.BANK[this.langId], allValue !== "" ? allValue : GlobalConstants.STRING_ALL, GlobalConstants.NUMBER_ALL);
+            }
+            let listBankAll = this.fillGeneralListFilter(this.currentUser.listBankAll, this.bankIdListAvaliable, 3, this.isFilterAvaliable);
+            listBankAll.forEach(bank => {
+                if (this.existsMoreThanOneBankOrPerfilInternal(bank)) {
+                    this.setNewField(bankValue !== "" ? bankValue : GroupRegCountryBankConstants.BANK[this.langId], this.currentUser.PerfilInternal ? bank.bankName : bank.bankNameCommercial, bank.bankId);
+                }
+            });
+            this.groupValues = [];
+            var groupValues = this.SharedService.groupByColumn(this.userBanks, "groupBy");
+            groupValues.forEach(element => {
+                this.groupValues.push({ groupname: element, values: this.userBanks.filter(uB => uB.groupBy === element) });
+            });
+        }
+    }
+    fillGeneralList(listAll, groupBy, setSelectIndex = false) {
+        const groupValue = this.SharedService.getTermTextByCode("LBL_BANK_GROUP");
+        const regionValue = this.SharedService.getTermTextByCode("LBL_BANK_REGION");
+        const countryValue = this.SharedService.getTermTextByCode("LBL_BANK_COUNTRY");
+        [...listAll].forEach(model => {
+            if (!(listAll.length > 1 || this.currentUser.PerfilInternal)) {
+                return;
+            }
+            switch (groupBy) {
+                case GroupRegCountryBankConstants.GROUP[this.langId]:
+                    this.setNewField(groupValue, model.groupName, model.groupId);
+                    break;
+                case GroupRegCountryBankConstants.REGION[this.langId]:
+                    this.setNewField(regionValue, model.regionName, model.regionId);
+                    break;
+                case GroupRegCountryBankConstants.COUNTRY[this.langId]:
+                    this.setNewField(countryValue, model.countryName, model.countryId);
+                    break;
+            }
+        });
+        if (setSelectIndex) {
+            this.selectIndex = this.currentUser.PerfilInternal ? this.userBanks.length : this.selectIndex;
+        }
+    }
+    existsMoreThanOneBankOrPerfilInternal(bank) {
+        return this.currentUser.listBankAll.filter(altBank => altBank.countryId === bank.countryId).length > 1 || this.currentUser.PerfilInternal;
+    }
+    hasNotPreviousGroup(listAll) {
+        return !this.currentUser.PerfilInternal && listAll.length > 1 && !this.userBanks.some(field => field.id === -1) && !this.existEurope;
+    }
+    setNewField(groupBy, name, id) {
+        const field = {
+            groupBy: groupBy,
+            name: name,
+            id: id,
+            index: this.userBanks.length,
+        };
+        this.userBanks.push(field);
+    }
+    validateEuropeAll() {
+        this.existEurope = this.currentUser.listRegionAll.some(region => region.regionId === GlobalConstants.REGION_EUROPE);
+        return (this.existEurope && this.currentUser.listRegionAll.length > 3) || (!this.existEurope && this.currentUser.listRegionAll.length > 1);
+    }
+    setTitleFilter(filter) {
+        if (!filter)
+            return;
+        let groupBy = "";
+        let id = GlobalConstants.NUMBER_ALL;
+        filter.groupId = filter.groupId > 0 ? filter.groupId : GlobalConstants.NUMBER_ALL;
+        filter.regionId = filter.regionId > 0 ? filter.regionId : GlobalConstants.NUMBER_ALL;
+        filter.countryId = filter.countryId > 0 ? filter.countryId : GlobalConstants.NUMBER_ALL;
+        filter.bankId = filter.bankId > 0 ? filter.bankId : GlobalConstants.NUMBER_ALL;
+        const groupValue = this.SharedService.getTermTextByCode("LBL_BANK_GROUP");
+        const regionValue = this.SharedService.getTermTextByCode("LBL_BANK_REGION");
+        const countryValue = this.SharedService.getTermTextByCode("LBL_BANK_COUNTRY");
+        const bankValue = this.SharedService.getTermTextByCode("LBL_BANK");
+        if (filter.groupId !== GlobalConstants.NUMBER_ALL) {
+            groupBy = groupValue !== "" ? groupValue : GroupRegCountryBankConstants.GROUP[this.langId];
+            id = filter.groupId;
+        }
+        if (filter.regionId !== GlobalConstants.NUMBER_ALL) {
+            groupBy = regionValue !== "" ? regionValue : GroupRegCountryBankConstants.REGION[this.langId];
+            id = filter.regionId;
+        }
+        if (filter.countryId !== GlobalConstants.NUMBER_ALL) {
+            groupBy = countryValue !== "" ? countryValue : GroupRegCountryBankConstants.COUNTRY[this.langId];
+            id = filter.countryId;
+        }
+        if (filter.bankId !== GlobalConstants.NUMBER_ALL) {
+            groupBy = bankValue !== "" ? bankValue : GroupRegCountryBankConstants.BANK[this.langId];
+            id = filter.bankId;
+        }
+        const selected = this.userBanks.find(option => option.groupBy === groupBy && option.id === id) ?? this.userBanks[0];
+        if (selected) {
+            this.selectIndex = selected.index;
+            this.tempGroupId = this.selectIndex;
+        }
+        this.filterHead = this.SharedService.setTitles(this.currentUser.ListGroupRegionCountryBank, filter.groupId, filter.regionId, filter.countryId, filter.bankId, this.isInternal);
+        if (this.addGlobal && filter.groupId === -1 && filter.regionId === -1 && filter.countryId === -1 && filter.bankId === -1) {
+            this.filterHead = this.SharedService.getTermTextByCode("LBL_TITLE_GLOBAL");
+        }
+    }
+    showFilter() {
+        return this.userBanks.length > 1 && this.showFilterHead;
+    }
+    /** PrimeNG emite { originalEvent, value } */
+    changeFilter(event) {
+        if (event?.value !== undefined) {
+            this.emitSelectFilter(event.value);
+        }
+    }
+    emitSelectFilter(index) {
+        const titleSelect = this.buildTitleSelect(index);
+        this.filterHead = this.SharedService.setTitles(this.currentUser.ListGroupRegionCountryBank, titleSelect.groupId, titleSelect.regionId, titleSelect.countryId, titleSelect.bankId, this.isInternal);
+        if (this.addGlobal &&
+            (titleSelect.groupId == null || titleSelect.groupId === -1) &&
+            (titleSelect.regionId == null || titleSelect.regionId === -1) &&
+            (titleSelect.countryId == null || titleSelect.countryId === -1) &&
+            (titleSelect.bankId == null || titleSelect.bankId === -1)) {
+            this.filterHead = this.SharedService.getTermTextByCode("LBL_TITLE_GLOBAL");
+        }
+        this.changeCboTitle.emit(titleSelect);
+    }
+    getAllBanks(filter) {
+        let banks = "";
+        const banksFiltered = this.currentUser.ListGroupRegionCountryBank.filter(bank => {
+            let validate = false;
+            switch (filter.groupBy) {
+                case GroupRegCountryBankConstants.GROUP[this.langId]:
+                    validate = bank.groupId === filter.id;
+                    break;
+                case GroupRegCountryBankConstants.REGION[this.langId]:
+                    validate = bank.regionId === filter.id;
+                    break;
+                case GroupRegCountryBankConstants.COUNTRY[this.langId]:
+                    validate = bank.countryId === filter.id;
+                    break;
+                default:
+                    validate = bank.bankId === filter.id;
+                    break;
+            }
+            return validate || filter.id === GlobalConstants.NUMBER_ALL;
+        });
+        banksFiltered.forEach(b => banks += "|" + b.bankId);
+        return banks.substring(1);
+    }
+    transformNegative(val) {
+        return this.SharedService.TransformNegative(val.toString());
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    filterBankListAvaliable() {
+        const banksAll = [...this.currentUser.ListGroupRegionCountryBank].filter(item => this.bankIdListAvaliable.includes(item.bankId));
+        this.groupIds = [...new Set(banksAll.map(item => item.groupId))];
+        this.countryIds = [...new Set(banksAll.map(item => item.countryId))];
+        this.regionIds = [...new Set(banksAll.map(item => item.regionId))];
+        this.isFilterAvaliable = true;
+        this.setGroupRegionCountryBankAll();
+    }
+    fillGeneralListFilter(listAll, listIds, column, isFilterAvaliable = false) {
+        return isFilterAvaliable
+            ? [...listAll].filter(item => listIds.includes(item[column === 0 ? "groupId" : column === 1 ? "regionId" : column === 2 ? "countryId" : "bankId"]))
+            : [...listAll];
+    }
+    changeCategories() {
+        this.filterSubCategories = this.subAlterFilterValues.filter(f => f.feeStypId === this.alterFilterValue || this.alterFilterValue === 0);
+        if (this.tempCategoryId !== this.alterFilterValue) {
+            this.subAlterFilterValue = 0;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TitlesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TitlesComponent, isStandalone: true, selector: "intelica-titles", inputs: { setFilter: "setFilter", title: "title", subTitle: "subTitle", showFilterHead: "showFilterHead", addGlobal: "addGlobal", helperId: "helperId", showAlterFilterHead: "showAlterFilterHead", subShowAlterFilterHead: "subShowAlterFilterHead", alterFilterValues: "alterFilterValues", alterFilterValue: "alterFilterValue", subAlterFilterValues: "subAlterFilterValues", subAlterFilterValue: "subAlterFilterValue", bankIdListAvaliable: "bankIdListAvaliable", isInternal: "isInternal", currentUser: "currentUser" }, outputs: { changeCboTitle: "changeCboTitle", applyFilterClick: "applyFilterClick", clearFilterClick: "clearFilterClick" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TitlesComponent),
+                multi: true,
+            },
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cs-client\" [id]=\"helperId\">\r\n    <div class=\"client\">\r\n      <div class=\"autoLine d-flex\">\r\n        <div class=\"position-relative\">\r\n          <ng-container *ngIf=\"!showAlterFilterHead\">\r\n            <b><span>{{ titlePage }}</span></b>\r\n            <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n            <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n          </ng-container>\r\n  \r\n          <ng-container>\r\n            <div class=\"titleDropdown titleDropdown--minHeight\" [ngClass]=\"{ 'is-dropdown': IsTitleDropdownOpen }\">\r\n              <div class=\"titleDropdown__toggle\" (click)=\"OnTitleDropdownToggle($event)\">\r\n                <div class=\"titleDropdown__label\">\r\n                  <span class=\"client\">\r\n                    <b><span class=\"titleCategoryAnalytics\">{{ titlePage }}</span></b>\r\n                    <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n                    <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n                  </span>\r\n                </div>\r\n                <div class=\"titleDropdown__icon\"><i class=\"icon-arrow-down\"></i></div>\r\n              </div>\r\n              <div class=\"titleDropdown__dropdown\">\r\n                <p-accordion class=\"prAccordionTitleDropdown\" [multiple]=\"true\">\r\n\r\n                  <!-- Panels din\u00E1micos basados en groupValues (Group / Region / Country / Bank) -->\r\n                  <p-accordion-panel *ngFor=\"let g of groupValues; let gi = index\" [value]=\"gi\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{ g.groupname }}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let v of g.values\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'optSort-' + gi + '-' + v.index\"\r\n                          [name]=\"'optSort_' + gi\"\r\n                          [value]=\"v.index\"\r\n                          [(ngModel)]=\"selectIndex\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'optSort-' + gi + '-' + v.index\">\r\n                          {{ v.name }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- Category (usa tu alterFilterValues / alterFilterValue) -->\r\n                  <p-accordion-panel *ngIf=\"alterFilterValues?.length\" value=\"category\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_CATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"cat-all\"\r\n                          name=\"category\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"cat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista de categor\u00EDas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let cat of alterFilterValues\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'cat-' + cat.feeStypId\"\r\n                          name=\"category\"\r\n                          [value]=\"cat.feeStypId\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'cat-' + cat.feeStypId\">\r\n                          {{ cat.feeStypDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- SubCategory (filtrado por changeCategories -> filterSubCategories) -->\r\n                  <p-accordion-panel *ngIf=\"filterSubCategories?.length\" value=\"subcategory\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_SUBCATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"subcat-all\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"subcat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista subcategor\u00EDas filtradas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let sub of filterSubCategories\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'sub-' + sub.feeStypSubId\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"sub.feeStypSubId\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'sub-' + sub.feeStypSubId\">\r\n                          {{ sub.feeStypSubDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                </p-accordion>\r\n                \r\n                <div class=\"titleDropdown__action\">\r\n                  <div class=\"btnBox btnBox--center\">\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Apply\" severity=\"primary\" (click)=\"ApplyFilter()\" />\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Clear\" severity=\"secondary\" (click)=\"ClearFilter()\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"d-flex\">\r\n      <span class=\"range mt-1\"><ng-content></ng-content></span>\r\n    </div>\r\n  </div>\r\n  ", styles: [".range{font-size:12px;color:var(--main-blue)}.client{font-size:14px;color:var(--main-blue)}.midLine{top:-3px;height:20px;width:105%;position:absolute;padding:0}.contentSelections{padding:16px;max-height:370px;overflow:auto}.contentSelections hr{margin:10px 0 0}.form-check label{font-size:11px;margin-left:2px}.subtitleSelections{font-size:12px;color:var(--main-blue);display:block;font-weight:700}.listOperators{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.containerDropDown{border:.5px solid var(--main-gray)}.listOperators>div{padding-right:15px}.listOperators>div:nth-child(2n){padding-right:0}.contentBoxSection{margin-top:12px}.contentBoxSection:first-child{margin-top:0}.dropdown-toggle i{font-size:9px;margin-left:5px}.border-gray-bottom{border-bottom:1px solid gray;display:block;margin-top:16px}.cs-DataArea .cs-client{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "component", type: i4$2.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i4$2.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i4$2.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TitlesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-titles", providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TitlesComponent),
+                            multi: true,
+                        },
+                    ], imports: [
+                        CommonModule,
+                        FormsModule,
+                        DropdownModule,
+                        TermPipe,
+                        OverlayPanelModule,
+                        ButtonModule,
+                        NgIf,
+                        AccordionModule,
+                        PopoverModule,
+                        RadioButtonModule,
+                    ], template: "<div class=\"cs-client\" [id]=\"helperId\">\r\n    <div class=\"client\">\r\n      <div class=\"autoLine d-flex\">\r\n        <div class=\"position-relative\">\r\n          <ng-container *ngIf=\"!showAlterFilterHead\">\r\n            <b><span>{{ titlePage }}</span></b>\r\n            <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n            <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n          </ng-container>\r\n  \r\n          <ng-container>\r\n            <div class=\"titleDropdown titleDropdown--minHeight\" [ngClass]=\"{ 'is-dropdown': IsTitleDropdownOpen }\">\r\n              <div class=\"titleDropdown__toggle\" (click)=\"OnTitleDropdownToggle($event)\">\r\n                <div class=\"titleDropdown__label\">\r\n                  <span class=\"client\">\r\n                    <b><span class=\"titleCategoryAnalytics\">{{ titlePage }}</span></b>\r\n                    <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n                    <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n                  </span>\r\n                </div>\r\n                <div class=\"titleDropdown__icon\"><i class=\"icon-arrow-down\"></i></div>\r\n              </div>\r\n              <div class=\"titleDropdown__dropdown\">\r\n                <p-accordion class=\"prAccordionTitleDropdown\" [multiple]=\"true\">\r\n\r\n                  <!-- Panels din\u00E1micos basados en groupValues (Group / Region / Country / Bank) -->\r\n                  <p-accordion-panel *ngFor=\"let g of groupValues; let gi = index\" [value]=\"gi\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{ g.groupname }}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let v of g.values\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'optSort-' + gi + '-' + v.index\"\r\n                          [name]=\"'optSort_' + gi\"\r\n                          [value]=\"v.index\"\r\n                          [(ngModel)]=\"selectIndex\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'optSort-' + gi + '-' + v.index\">\r\n                          {{ v.name }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- Category (usa tu alterFilterValues / alterFilterValue) -->\r\n                  <p-accordion-panel *ngIf=\"alterFilterValues?.length\" value=\"category\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_CATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"cat-all\"\r\n                          name=\"category\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"cat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista de categor\u00EDas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let cat of alterFilterValues\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'cat-' + cat.feeStypId\"\r\n                          name=\"category\"\r\n                          [value]=\"cat.feeStypId\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'cat-' + cat.feeStypId\">\r\n                          {{ cat.feeStypDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- SubCategory (filtrado por changeCategories -> filterSubCategories) -->\r\n                  <p-accordion-panel *ngIf=\"filterSubCategories?.length\" value=\"subcategory\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_SUBCATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"subcat-all\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"subcat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista subcategor\u00EDas filtradas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let sub of filterSubCategories\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'sub-' + sub.feeStypSubId\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"sub.feeStypSubId\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'sub-' + sub.feeStypSubId\">\r\n                          {{ sub.feeStypSubDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                </p-accordion>\r\n                \r\n                <div class=\"titleDropdown__action\">\r\n                  <div class=\"btnBox btnBox--center\">\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Apply\" severity=\"primary\" (click)=\"ApplyFilter()\" />\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Clear\" severity=\"secondary\" (click)=\"ClearFilter()\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"d-flex\">\r\n      <span class=\"range mt-1\"><ng-content></ng-content></span>\r\n    </div>\r\n  </div>\r\n  ", styles: [".range{font-size:12px;color:var(--main-blue)}.client{font-size:14px;color:var(--main-blue)}.midLine{top:-3px;height:20px;width:105%;position:absolute;padding:0}.contentSelections{padding:16px;max-height:370px;overflow:auto}.contentSelections hr{margin:10px 0 0}.form-check label{font-size:11px;margin-left:2px}.subtitleSelections{font-size:12px;color:var(--main-blue);display:block;font-weight:700}.listOperators{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.containerDropDown{border:.5px solid var(--main-gray)}.listOperators>div{padding-right:15px}.listOperators>div:nth-child(2n){padding-right:0}.contentBoxSection{margin-top:12px}.contentBoxSection:first-child{margin-top:0}.dropdown-toggle i{font-size:9px;margin-left:5px}.border-gray-bottom{border-bottom:1px solid gray;display:block;margin-top:16px}.cs-DataArea .cs-client{margin-top:10px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { setFilter: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subTitle: [{
+                type: Input
+            }], showFilterHead: [{
+                type: Input
+            }], addGlobal: [{
+                type: Input
+            }], helperId: [{
+                type: Input
+            }], changeCboTitle: [{
+                type: Output
+            }], showAlterFilterHead: [{
+                type: Input
+            }], subShowAlterFilterHead: [{
+                type: Input
+            }], alterFilterValues: [{
+                type: Input
+            }], alterFilterValue: [{
+                type: Input
+            }], subAlterFilterValues: [{
+                type: Input
+            }], subAlterFilterValue: [{
+                type: Input
+            }], bankIdListAvaliable: [{
+                type: Input
+            }], isInternal: [{
+                type: Input
+            }], currentUser: [{
+                type: Input
+            }], applyFilterClick: [{
+                type: Output
+            }], clearFilterClick: [{
+                type: Output
+            }] } });
+
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {
         super(FilterTypeEnum.Checkbox);
@@ -9207,5 +9782,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitlesComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-ui.mjs.map