intelica-library-project 20.0.2

package/fesm2022/intelica-library-project.mjs

@@ -0,0 +1,2974 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, forwardRef, Output, Input, Component, Pipe, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, PLATFORM_ID, Inject } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormBuilder, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i2 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { Popover } from 'primeng/popover';
+import { InputText, InputTextModule } from 'primeng/inputtext';
+import * as i1$1 from '@angular/common';
+import { CommonModule, DatePipe, isPlatformBrowser } from '@angular/common';
+import * as i5 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import { GlobalTermService, TermPipe, FormatDateConstants, ConfigService, Color, getColor } from 'intelica-library-base';
+import * as i4 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { Subscription, Subject, BehaviorSubject, of, tap, map, shareReplay, throwError } from 'rxjs';
+import { BadgeModule } from 'primeng/badge';
+import * as i6 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i2$1 from 'primeng/iconfield';
+import { IconFieldModule, IconField } from 'primeng/iconfield';
+import { InputIcon } from 'primeng/inputicon';
+import { InputNumber } from 'primeng/inputnumber';
+import { Paginator } from 'primeng/paginator';
+import { Select } from 'primeng/select';
+import * as i3 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import moment from 'moment';
+import * as _ from 'lodash';
+import * as i4$1 from 'primeng/api';
+import * as i2$2 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+import * as echarts from 'echarts';
+import { HttpClient } from '@angular/common/http';
+import { catchError } from 'rxjs/operators';
+
+var SearchInputEnum;
+(function (SearchInputEnum) {
+    SearchInputEnum["OperatorId"] = "operatorId";
+    SearchInputEnum["FieldId"] = "fieldId";
+    SearchInputEnum["SearchText"] = "searchText";
+})(SearchInputEnum || (SearchInputEnum = {}));
+
+class SearchComponent {
+    GlobalTermService = inject(GlobalTermService);
+    /**
+     * Indica el componente del que proviene.
+     * @type {string}
+     */
+    ComponentId = "";
+    ShowTooltip = false;
+    /**
+     * Opciones para campos de búsqueda.
+     * @type {{ id: number; value: string }[]}
+     */
+    SearchFieldOptions;
+    /**
+     * Indica si realizar la búsqueda al soltar una tecla.
+     * @type {boolean}
+     */
+    SearchOnKeyup;
+    /**
+     * @deprecated No debe ser utilizado. Es sólo para uso interno y no para módulos.
+     * @type {boolean}
+     * @default false
+     */
+    SimpleSearchInput = false;
+    /**
+     * Placeholder para el componente de búsqueda.
+     * @type {string}
+     */
+    Placeholder = "";
+    /**
+     * Evento emitido al realizar una búsqueda.
+     * @type {EventEmitter<{ operatorId: number; operatorText: string, fieldId: number, fieldText: string, searchText: string }>}
+     */
+    OnSearchEvent = new EventEmitter();
+    FormBuilder = inject(FormBuilder);
+    // Option!: string;
+    // Placeholder!: string;
+    /**
+     * Indica si el dropdown está abierto
+     * @type {boolean}
+     * @default false
+     */
+    IsDropdownOpen = false;
+    /**
+     * Formulario para manejar los parámetros de búsqueda
+     * @type {FormGroup}
+     */
+    SearchForm;
+    /**
+     * Suscripción a los valores del formulario.
+     * @type {Subscription}
+     */
+    FormValuesSubscription;
+    /**
+     * Opciones para operadores de búsqueda.
+     * @type {{ id: number; value: string }[]}
+     */
+    SearchOperatorOptions;
+    /**
+     * Función llamada cuando cambia el valor del campo de búsqueda.
+     * @type {() => void}
+     */
+    OnChange = () => { };
+    /**
+     * Función llamada cuando el componente de búsqueda es tocado.
+     * @type {() => void}
+     */
+    OnTouched = () => { };
+    constructor() { }
+    ngOnInit() {
+        this.SearchForm = this.FormBuilder.group({
+            operatorId: 0,
+            fieldId: 0,
+            searchText: "",
+        });
+        this.FormValuesSubscription = this.SearchForm.valueChanges.subscribe(value => {
+            this.OnChange(value);
+        });
+        //loadTerms
+        if (this.Placeholder === "")
+            this.Placeholder = "SearchPlaceholder";
+        this.SearchOperatorOptions ??= this.GetSearchOperatorOptions();
+        this.SearchFieldOptions ??= this.GetSearchFieldOptions();
+        this.InitializeForm();
+    }
+    ngOnDestroy() {
+        this.FormValuesSubscription.unsubscribe();
+    }
+    InitializeForm() {
+        this.SearchForm.setValue({
+            operatorId: this.SearchOperatorOptions[0].id,
+            fieldId: this.SearchFieldOptions.length > 0 ? this.SearchFieldOptions[0].id : 0,
+            searchText: "",
+        });
+        this.OnSearch();
+    }
+    DropDownChange(isOpen) {
+        this.IsDropdownOpen = isOpen;
+    }
+    OnSearchEnter() {
+        if (!this.SearchOnKeyup)
+            this.OnSearch();
+    }
+    OnSearchKeyup() {
+        if (this.SearchOnKeyup)
+            this.OnSearch();
+    }
+    OnSearch() {
+        const value = this.SearchForm.value;
+        value.operatorText = this.SearchOperatorOptions.find(o => o.id === value.operatorId)?.value || "";
+        value.fieldText = this.SearchFieldOptions.find(f => f.id === value.fieldId)?.value || "";
+        this.OnChange(value);
+        this.OnTouched();
+        this.OnSearchEvent.emit(value);
+    }
+    ClearSearchText(emitEvent = true) {
+        this.SearchForm.get(SearchInputEnum.SearchText)?.setValue("");
+        if (emitEvent) {
+            this.OnSearch();
+        }
+    }
+    get HasSearchText() {
+        const searchText = this.SearchForm.get(SearchInputEnum.SearchText)?.value;
+        return searchText && searchText.length > 0;
+    }
+    GetSelectedOperatorValue() {
+        const selectedId = this.SearchForm.get(SearchInputEnum.OperatorId)?.value;
+        const selectedItem = this.SearchOperatorOptions?.find(item => item.id === selectedId);
+        return selectedItem ? selectedItem.value : "";
+    }
+    GetSelectedFieldValue() {
+        const selectedId = this.SearchForm.get(SearchInputEnum.FieldId)?.value;
+        const selectedItem = this.SearchFieldOptions?.find(item => item.id === selectedId);
+        return selectedItem ? selectedItem.value : "";
+    }
+    GetSelectedValues() {
+        return `${this.GetSelectedOperatorValue()}, ${this.GetSelectedFieldValue()}`;
+    }
+    SetSearchTextValue(text) {
+        this.SearchForm.get(SearchInputEnum.SearchText)?.setValue(text);
+    }
+    SetOperatorValue(value) {
+        this.SearchForm.get(SearchInputEnum.OperatorId)?.setValue(value ?? 0);
+    }
+    SetFieldValue(value) {
+        this.SearchForm.get(SearchInputEnum.FieldId)?.setValue(value ?? 0);
+    }
+    GetSearchOperatorOptions() {
+        return [
+            { id: 0, value: "Contains" },
+            { id: 1, value: "Exact" },
+            { id: 2, value: "Begin" },
+            { id: 3, value: "Ends" },
+        ];
+    }
+    GetSearchFieldOptions() {
+        return [
+            { id: 0, value: "code" },
+            { id: 1, value: "name" },
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: SearchComponent, isStandalone: true, selector: "intelica-search", inputs: { ComponentId: "ComponentId", ShowTooltip: "ShowTooltip", SearchFieldOptions: "SearchFieldOptions", SearchOnKeyup: "SearchOnKeyup", SimpleSearchInput: "SimpleSearchInput", Placeholder: "Placeholder" }, outputs: { OnSearchEvent: "OnSearch" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SearchComponent),
+            },
+        ], ngImport: i0, template: "<form [formGroup]=\"SearchForm\">\n\t<div class=\"prSearchBar\">\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\n\t\t\t<div\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\n\t\t\t\ttooltipPosition=\"top\"\n\t\t\t>\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\n\t\t\t</div>\n\t\t\t<div class=\"prSearchBar__dropdown--icon\">\n\t\t\t\t<i [ngClass]=\"IsDropdownOpen ? 'icon-arrow-up' : 'icon-arrow-down'\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<p-popover #op (onShow)=\"DropDownChange(true)\" (onHide)=\"DropDownChange(false)\" class=\"prSearchBar__popover\">\n\t\t\t<div class=\"searchDropDown\">\n\t\t\t\t<div class=\"searchDropDown__group\">\n\t\t\t\t\t<div class=\"searchDropDown__title\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</div>\n\t\t\t\t\t<div class=\"searchDropDown__listOption\">\n\t\t\t\t\t\t@for ( option of SearchOperatorOptions ; track option.id; let index = $index){\n\t\t\t\t\t\t<div class=\"searchDropDown__option\">\n\t\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"operatorId\" (change)=\"OnSearchKeyup()\" />\n\t\t\t\t\t\t\t<label [for]=\"ComponentId + option.id\" class=\"prRadioButton--label\">{{ option.value | term : GlobalTermService.languageCode }}</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<hr />\n\t\t\t\t<div class=\"searchDropDown__group\">\n\t\t\t\t\t<div class=\"searchDropDown__title\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</div>\n\t\t\t\t\t@for ( option of SearchFieldOptions ; track option.id; let index = $index){\n\t\t\t\t\t<div class=\"searchDropDown__option\">\n\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"fieldId\" (change)=\"OnSearchKeyup()\" />\n\t\t\t\t\t\t<label [for]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton--label\">{{ option.value | term : GlobalTermService.languageCode }}</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</p-popover>\n\t\t<div class=\"prSearchBar__content\">\n\t\t\t<div class=\"prSearchBar__btn\">\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"ClearSearchText()\" *ngIf=\"HasSearchText\">\n\t\t\t\t\t<i class=\"icon-times\"></i>\n\t\t\t\t</button>\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"OnSearch()\">\n\t\t\t\t\t<i class=\"icon-search\"></i>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<input\n\t\t\t\tpInputText\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"prSearchBar__input\"\n\t\t\t\tformControlName=\"searchText\"\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-search", imports: [FormsModule, ReactiveFormsModule, RadioButtonModule, Popover, InputText, CommonModule, TooltipModule, TermPipe], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SearchComponent),
+                        },
+                    ], template: "<form [formGroup]=\"SearchForm\">\n\t<div class=\"prSearchBar\">\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\n\t\t\t<div\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\n\t\t\t\ttooltipPosition=\"top\"\n\t\t\t>\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\n\t\t\t</div>\n\t\t\t<div class=\"prSearchBar__dropdown--icon\">\n\t\t\t\t<i [ngClass]=\"IsDropdownOpen ? 'icon-arrow-up' : 'icon-arrow-down'\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<p-popover #op (onShow)=\"DropDownChange(true)\" (onHide)=\"DropDownChange(false)\" class=\"prSearchBar__popover\">\n\t\t\t<div class=\"searchDropDown\">\n\t\t\t\t<div class=\"searchDropDown__group\">\n\t\t\t\t\t<div class=\"searchDropDown__title\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</div>\n\t\t\t\t\t<div class=\"searchDropDown__listOption\">\n\t\t\t\t\t\t@for ( option of SearchOperatorOptions ; track option.id; let index = $index){\n\t\t\t\t\t\t<div class=\"searchDropDown__option\">\n\t\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"operatorId\" (change)=\"OnSearchKeyup()\" />\n\t\t\t\t\t\t\t<label [for]=\"ComponentId + option.id\" class=\"prRadioButton--label\">{{ option.value | term : GlobalTermService.languageCode }}</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<hr />\n\t\t\t\t<div class=\"searchDropDown__group\">\n\t\t\t\t\t<div class=\"searchDropDown__title\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</div>\n\t\t\t\t\t@for ( option of SearchFieldOptions ; track option.id; let index = $index){\n\t\t\t\t\t<div class=\"searchDropDown__option\">\n\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"fieldId\" (change)=\"OnSearchKeyup()\" />\n\t\t\t\t\t\t<label [for]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton--label\">{{ option.value | term : GlobalTermService.languageCode }}</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</p-popover>\n\t\t<div class=\"prSearchBar__content\">\n\t\t\t<div class=\"prSearchBar__btn\">\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"ClearSearchText()\" *ngIf=\"HasSearchText\">\n\t\t\t\t\t<i class=\"icon-times\"></i>\n\t\t\t\t</button>\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"OnSearch()\">\n\t\t\t\t\t<i class=\"icon-search\"></i>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<input\n\t\t\t\tpInputText\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"prSearchBar__input\"\n\t\t\t\tformControlName=\"searchText\"\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</form>\n" }]
+        }], ctorParameters: () => [], propDecorators: { ComponentId: [{
+                type: Input
+            }], ShowTooltip: [{
+                type: Input
+            }], SearchFieldOptions: [{
+                type: Input
+            }], SearchOnKeyup: [{
+                type: Input
+            }], SimpleSearchInput: [{
+                type: Input
+            }], Placeholder: [{
+                type: Input
+            }], OnSearchEvent: [{
+                type: Output,
+                args: ["OnSearch"]
+            }] } });
+
+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.
+     * @type {Subscription}
+     */
+    subscription = new Subscription();
+    /**
+     * Términos utilizados en el componente.
+     * @type {any}
+     */
+    terms;
+    /**
+     * Lista de modelos de filtro en cascada.
+     * @type {CascadeFilterModel[]}
+     * @default []
+     */
+    LCascadefilter = [];
+    /**
+     * Número máximo de ordenamiento.
+     * @type {number}
+     * @default 4
+     */
+    NumMaxSorting = 4;
+    /**
+     * Lista de objetos de ordenamiento.
+     * @type {any}
+     * @default []
+     */
+    Sorters = [];
+    /**
+     * Objeto que indica el ordenamiento actual.
+     * @type {any}
+     */
+    OrderBy;
+    /**
+     * Objeto que indica el ordenamiento predeterminado.
+     * @type {any}
+     * @default {}
+     */
+    OrderByDefault = {};
+    /**
+     * Indica si se debe realizar un solo renderizado.
+     * @type {boolean}
+     * @default false
+     */
+    OneRender = false;
+    /**
+     * Evento emitido al realizar un retorno de datos.
+     * @type {EventEmitter<any>}
+     */
+    ReturnSorting = new EventEmitter();
+    /**
+     * Evento emitido al alertar sobre una ordenación.
+     * @type {EventEmitter<any>}
+     */
+    AlertOrder = new EventEmitter();
+    /**
+     * Objeto que contiene constantes de ordenación.
+     * @type {OrderConstants}
+     */
+    Order = OrderConstants;
+    constructor() { }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    ngOnInit() {
+        // this.subscription = this.sharedService.isLoadingPageInfo.subscribe({
+        // 	next: isLoadingPageInfo => {
+        // 		if (!isLoadingPageInfo) this.terms = this.globals.languageTerms;
+        // 	},
+        // });
+    }
+    ngOnChanges(changes) {
+        if (changes.OrderBy && this.Sorters.length > 0)
+            this.GetInfoSorting();
+        if (changes.Sorters && this.Sorters.length > 0)
+            this.GetInfoSorting();
+        // this.terms = this.globals.languageTerms;
+    }
+    /**
+     * Obtiene información sobre la ordenación y la asigna a la lista de modelos de filtro en cascada.
+     * - Si no hay información de ordenación (`orderBy`), la función sale.
+     * - Crea una lista de modelos de filtro en cascada con una longitud determinada.
+     * - Filtra las propiedades de ordenación que coinciden con los campos existentes.
+     * - Asigna las propiedades de ordenación a los modelos de filtro en cascada.
+     */
+    GetInfoSorting() {
+        // Si no hay información de ordenación (orderBy), la función sale temprano.
+        if (!this.OrderBy)
+            return;
+        // Crea una lista de modelos de filtro en cascada con una longitud determinada.
+        this.LCascadefilter = this.PushCascade(this.Sorters.length);
+        // Filtra las propiedades de ordenación que coinciden con los campos existentes.
+        this.OrderBy = Object.fromEntries(Object.entries(this.OrderBy).filter(([key]) => this.Sorters.find((y) => y.field === key)));
+        // Obtiene las columnas y el orden de la ordenación.
+        const columns = Object.keys(this.OrderBy).map(x => x);
+        const order = columns.map(x => this.OrderBy[x]);
+        // Asigna las propiedades de ordenación a los modelos de filtro en cascada.
+        columns.forEach((f, i) => {
+            this.LCascadefilter[i].id = f;
+            this.LCascadefilter[i].order = order[i];
+        });
+    }
+    /**
+     * Función que genera una lista de modelos de filtro en cascada con una cantidad determinada.
+     *
+     * @param {number} cant - Cantidad de modelos de filtro en cascada a generar.
+     * @returns {Array} - Lista de modelos de filtro en cascada.
+     */
+    PushCascade(cant) {
+        let Lcascadefilter = [];
+        for (let i = 0; i < cant; i++) {
+            Lcascadefilter.push({ id: "0", index: i, order: OrderConstants.ORDER_BY_ASC });
+        }
+        return Lcascadefilter;
+    }
+    /**
+     * Verifica y procesa la ordenación en cascada.
+     * - Si algún modelo de filtro en cascada tiene un ID diferente de '0', se realiza la ordenación.
+     * - De lo contrario, se emite una alerta indicando que no hay columna seleccionada para ordenar.
+     */
+    CheckCascadeOrder() {
+        this.OrderBy = {};
+        if (this.LCascadefilter.some(s => s.id !== "0")) {
+            this.CascadeOrder();
+        }
+        else {
+            return this.AlertOrder.emit({ ValidMessage: "Select at least one column to sort" }); //this.sharedService.getTermTextByCode("MSG_NO_COLUMN_ORDER") });
+        }
+    }
+    /**
+     * Procesa la ordenación en cascada y emite el resultado.
+     */
+    CascadeOrder() {
+        this.LCascadefilter.forEach(element => {
+            if (element.id !== "0") {
+                this.OrderBy[element.id] = element.order;
+            }
+        });
+        this.ReturnSorting.emit(this.OrderBy);
+    }
+    /**
+     * Restaura la ordenación en cascada a la configuración predeterminada y obtiene la información de ordenación.
+     */
+    ClearCascadeOrder() {
+        this.OrderBy = { ...this.OrderByDefault };
+        this.GetInfoSorting();
+    }
+    /**
+     * Verifica si un modelo de filtro en cascada está deshabilitado basándose en su ID.
+     *
+     * @param {string} id - ID del modelo de filtro en cascada.
+     * @param {number} index - Índice del modelo de filtro en cascada.
+     * @returns {boolean} - Indica si el modelo de filtro en cascada está deshabilitado.
+     */
+    CheckCascadeDisabled(id, index) {
+        return this.LCascadefilter.some(e => e.id == id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: SortingComponent, isStandalone: true, selector: "intelica-sorting", inputs: { Sorters: "Sorters", OrderBy: "OrderBy", OrderByDefault: "OrderByDefault", OneRender: "OneRender" }, outputs: { ReturnSorting: "ReturnSorting", AlertOrder: "AlertOrder" }, usesOnChanges: true, ngImport: i0, template: "<ng-container>\n\t<div class=\"sortingAnalytics\">\n\t\t<div class=\"sortingCtr\">\n\t\t\t<div></div>\n\t\t\t<div class=\"triangle-top\"></div>\n\t\t\t<div class=\"triangle-down\"></div>\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\n\t\t<div class=\"sortingBtnCtr\">\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\n\t\t</div>\n\t</div>\n</ng-container>\n\n<ng-template #one_render let-Sorters=\"Sorters\">\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<div class=\"formRowInputNumber\">\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\n\t\t\t\t\t\t\t--\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\n\t\t\t\t\t\t\t<span>Sort By</span>\n\t\t\t\t\t\t\t--\n\t\t\t\t\t\t</option>\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\n\t\t\t\t\t\t\t{{ sort.headerText }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t</select>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</ng-container>\n\t</ng-container>\n</ng-template>\n\n<ng-template #multiple_render>\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<div class=\"formRowInputNumber\">\n\t\t\t\t\t<span>{{ i + 1 }}</span>\n\t\t\t\t</div>\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\n\t\t\t\t\t\t--\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\n\t\t\t\t\t\t<span>Sort By</span>\n\t\t\t\t\t\t--\n\t\t\t\t\t</option>\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\n\t\t\t\t\t\t--\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\n\t\t\t\t\t\t<span>Then by</span>\n\t\t\t\t\t\t--\n\t\t\t\t\t</option>\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\n\t\t\t\t\t\t{{ sort.headerText }}\n\t\t\t\t\t</option>\n\t\t\t\t</select>\n\t\t\t</div>\n\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\n\t\t\t</div>\n\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\n\t\t\t</div>\n\t\t</ng-container>\n\t</ng-container>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SortingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-sorting", imports: [CommonModule, FormsModule, RadioButtonModule, ButtonModule], template: "<ng-container>\n\t<div class=\"sortingAnalytics\">\n\t\t<div class=\"sortingCtr\">\n\t\t\t<div></div>\n\t\t\t<div class=\"triangle-top\"></div>\n\t\t\t<div class=\"triangle-down\"></div>\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\n\t\t<div class=\"sortingBtnCtr\">\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\n\t\t</div>\n\t</div>\n</ng-container>\n\n<ng-template #one_render let-Sorters=\"Sorters\">\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<div class=\"formRowInputNumber\">\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\n\t\t\t\t\t\t\t--\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\n\t\t\t\t\t\t\t<span>Sort By</span>\n\t\t\t\t\t\t\t--\n\t\t\t\t\t\t</option>\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\n\t\t\t\t\t\t\t{{ sort.headerText }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t</select>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</ng-container>\n\t</ng-container>\n</ng-template>\n\n<ng-template #multiple_render>\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<div class=\"formRowInputNumber\">\n\t\t\t\t\t<span>{{ i + 1 }}</span>\n\t\t\t\t</div>\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\n\t\t\t\t\t\t--\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\n\t\t\t\t\t\t<span>Sort By</span>\n\t\t\t\t\t\t--\n\t\t\t\t\t</option>\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\n\t\t\t\t\t\t--\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\n\t\t\t\t\t\t<span>Then by</span>\n\t\t\t\t\t\t--\n\t\t\t\t\t</option>\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\n\t\t\t\t\t\t{{ sort.headerText }}\n\t\t\t\t\t</option>\n\t\t\t\t</select>\n\t\t\t</div>\n\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\n\t\t\t</div>\n\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\n\t\t\t</div>\n\t\t</ng-container>\n\t</ng-container>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { Sorters: [{
+                type: Input
+            }], OrderBy: [{
+                type: Input
+            }], OrderByDefault: [{
+                type: Input
+            }], OneRender: [{
+                type: Input
+            }], ReturnSorting: [{
+                type: Output
+            }], AlertOrder: [{
+                type: Output
+            }] } });
+
+class FormatCellPipe {
+    datePipe = inject(DatePipe);
+    transform(value, type) {
+        if (value == null)
+            return "";
+        switch (type) {
+            case "date":
+                return this.formatDateValue(value, "day");
+            case "date2":
+                return this.formatDateValue(value, "month");
+            case "date3":
+                return this.formatDateValue(value, "year");
+            case "time":
+                return this.formatTime(value);
+            case "decimal2":
+                return this.formatDecimal(value, 2);
+            case "decimal4":
+                return this.formatDecimal(value, 4);
+            case "tarifa":
+                return this.formatTarifa(value);
+            default:
+                return value;
+        }
+    }
+    getDateFormat(mode) {
+        switch (mode) {
+            case "month":
+                return "M/yy";
+            case "year":
+                return "yy";
+            default:
+                return "d/M/yy";
+        }
+    }
+    formatDateValue(value, mode) {
+        const pattern = this.getDateFormat(mode);
+        if (Array.isArray(value) && value.length === 2) {
+            return `${this.datePipe.transform(value[0], pattern)} - ${this.datePipe.transform(value[1], pattern)}`;
+        }
+        if (value) {
+            return this.datePipe.transform(value, pattern) || "";
+        }
+        return "";
+    }
+    formatTime(value) {
+        const date = new Date(value);
+        if (isNaN(date.getTime()))
+            return "";
+        let hours = date.getHours();
+        const minutes = date.getMinutes();
+        const seconds = date.getSeconds();
+        const ampm = hours >= 12 ? "PM" : "AM";
+        hours = hours % 12;
+        hours = hours ? hours : 12;
+        const hh = hours.toString().padStart(2, "0");
+        const mm = minutes.toString().padStart(2, "0");
+        const ss = seconds.toString().padStart(2, "0");
+        return `${hh}:${mm}:${ss} ${ampm}`;
+    }
+    formatDecimal(value, digits) {
+        const num = parseFloat(value);
+        if (isNaN(num))
+            return "";
+        return num.toFixed(digits);
+    }
+    formatTarifa(value) {
+        const num = parseFloat(value);
+        if (isNaN(num))
+            return "";
+        const absNum = Math.abs(num);
+        if (absNum >= 0.000001 && absNum <= 0.1) {
+            // Mostrar hasta 6 decimales
+            return absNum.toFixed(6);
+        }
+        else if (absNum < 0.000001) {
+            return num.toString();
+        }
+        else {
+            return num.toString();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: FormatCellPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.23", ngImport: i0, type: FormatCellPipe, isStandalone: true, name: "formatCell" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: FormatCellPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "formatCell",
+                    standalone: true,
+                }]
+        }] });
+
+class SharedService {
+    location;
+    configObservable = new Subject();
+    isLoading = new BehaviorSubject(false);
+    isLoadingHeader = new BehaviorSubject(true);
+    isExpandedContent = new BehaviorSubject(false);
+    isLoadingPageInfo = new BehaviorSubject(true);
+    notifyProfileType = new Subject();
+    charges = 0;
+    showHelper = new BehaviorSubject(false);
+    headerPathName = new BehaviorSubject([]);
+    pageId = 0;
+    openActionMenu$ = new Subject();
+    months = {
+        en: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+        es: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
+    };
+    subtitleDescriptionNotification$;
+    constructor(location) {
+        this.location = location;
+    }
+    ///METODOS GLOBALS.
+    IsNumberRate(n) {
+        return !isNaN(parseFloat(n)) && !isNaN(n - 0);
+    }
+    RemovePercentage(string) {
+        if (string.length > 0) {
+            if (string.startsWith("%"))
+                string = string.substring(1);
+            let last = string.length - 1;
+            if (string.endsWith("%"))
+                string = string.substring(0, last);
+        }
+        return string;
+    }
+    GetTotalAmountByCrncy(col, listGeneral) {
+        return listGeneral.reduce((a, b) => a + (b[col] || 0), 0);
+    }
+    GetTotalAverageByColumn(col, listGeneral) {
+        return listGeneral.reduce((a, b) => a + (b[col] || 0), 0) / (listGeneral.length || 1);
+    }
+    GetTotalByGroup(col, listGeneral, groupBy) {
+        if (!groupBy?.length)
+            return [listGeneral.reduce((a, b) => a + (b[col] || 0), 0)];
+        let result = listGeneral.reduce((acc, item) => {
+            const groupKey = groupBy.map(prop => item[prop]).join("||");
+            acc[groupKey] = (acc[groupKey] || 0) + item[col];
+            return acc;
+        }, {});
+        const propiedades = Object.keys(result).sort();
+        const indexGroup = groupBy.indexOf(col);
+        if (indexGroup != -1)
+            return propiedades.map(propiedad => propiedad.split("||")[indexGroup]);
+        return propiedades.map(propiedad => result[propiedad]);
+    }
+    TransformNegative(value) {
+        value = value?.toString() ?? "0.00";
+        if (value?.indexOf("-") > -1)
+            return "(" + value.replace("-", "") + ")";
+        else
+            return value.toString();
+    }
+    FormatNumber(value, decimalMax, decimalMin) {
+        return value.toLocaleString("en-US", {
+            maximumFractionDigits: decimalMax,
+            minimumFractionDigits: decimalMin,
+        });
+    }
+    ClickOutSideValidator(event) {
+        let res = false;
+        if (event !== undefined) {
+            const src = event.srcElement;
+            res = src.id !== "button-alignment" && !this.CheckParents(src, 0);
+        }
+        return res;
+    }
+    CheckParents(src, c) {
+        var ids = [];
+        ids.push("HamburgerMenu");
+        var strings = [];
+        strings.push("swal2-container");
+        if (src.className.includes("backdrop-visible"))
+            return false;
+        var res = ids.some(function (v) {
+            return src.id === v;
+        });
+        if (!res && (src.tagName === "BODY" || src.parentElement === null) && c === 0) {
+            res = true;
+        }
+        if (!res &&
+            strings.some(function (v) {
+                return src.classList.contains(v);
+            }))
+            res = true;
+        if (src.parentElement && !res) {
+            c++;
+            res = this.CheckParents(src.parentElement, c);
+        }
+        return res;
+    }
+    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;
+    }
+    Roundgen(value, precision) {
+        var multiplier = Math.pow(10, precision || 0);
+        return Math.round(value * multiplier) / multiplier;
+    }
+    ReturnAmountPercen(amount) {
+        if (isNaN(amount))
+            amount = 0;
+        let resultado = "";
+        let AmountStr = amount === 0
+            ? "0"
+            : amount.toLocaleString("en-US", {
+                maximumFractionDigits: 1,
+                minimumFractionDigits: 1,
+            });
+        if (AmountStr.indexOf(".0") !== -1)
+            AmountStr = amount.toLocaleString("en-US", {
+                maximumFractionDigits: 0,
+                minimumFractionDigits: 0,
+            });
+        if (amount < 0 && parseInt(amount.toString()) * -1 === 0) {
+            resultado =
+                amount
+                    .toLocaleString("en-US", {
+                    maximumFractionDigits: 1,
+                    minimumFractionDigits: 1,
+                })
+                    .replace("-", "(") + "%)";
+        }
+        else if (amount < 0)
+            resultado = AmountStr.replace("-", "(") + "%)";
+        else
+            resultado = AmountStr + "%";
+        if (Number.NEGATIVE_INFINITY === amount || Number.POSITIVE_INFINITY === amount)
+            resultado = "";
+        return resultado;
+    }
+    ReturAmountFormat(amount) {
+        if (isNaN(amount))
+            amount = 0;
+        amount = this.Roundgen(amount, 2);
+        let resultado = "";
+        if (amount < 0 && parseInt(amount.toString()) * -1 === 0)
+            resultado = amount.toString().replace("-", "(") + ")";
+        else if (amount < 0 && amount > -1000) {
+            resultado = this.Roundgen(amount, 0).toString().replace("-", "(") + ")";
+        }
+        else if (amount < 0 && -1000000000 >= amount) {
+            resultado =
+                this.Roundgen(amount / 1000000000, 1)
+                    .toString()
+                    .replace("-", "(") + " B)";
+        }
+        else if (amount < 0 && -1000000 >= amount) {
+            resultado =
+                this.Roundgen(amount / 1000000, 1)
+                    .toString()
+                    .replace("-", "(") + " M)";
+        }
+        else if (amount < 0) {
+            resultado =
+                this.Roundgen(amount / 1000, 1)
+                    .toString()
+                    .replace("-", "(") + " K)";
+        }
+        else if (amount < 1000)
+            resultado = this.Roundgen(amount, 0).toString();
+        else if (1000000000 < amount)
+            resultado = this.Roundgen(amount / 1000000000, 1).toString() + " B";
+        else if (1000000 < amount)
+            resultado = this.Roundgen(amount / 1000000, 1).toString() + " M";
+        else
+            resultado = this.Roundgen(amount / 1000, 1).toString() + " K";
+        if (resultado.indexOf(".") === -1 && amount !== 0 && amount >= 1000) {
+            let a = resultado;
+            let b = ".0";
+            let output = a + b;
+            if (resultado.indexOf(" ") !== -1) {
+                let position = resultado.indexOf(" ");
+                output = [a.slice(0, position), b, a.slice(position)].join("");
+            }
+            else if (resultado.indexOf(" ") === -1 && resultado.indexOf(")") !== -1) {
+                let position = resultado.indexOf(")");
+                output = [a.slice(0, position), b, a.slice(position)].join("");
+            }
+            resultado = output;
+        }
+        return resultado;
+    }
+    DownloadFile(fileName, blob) {
+        const nav = window.navigator;
+        if (nav.msSaveOrOpenBlob) {
+            nav.msSaveOrOpenBlob(blob, fileName);
+        }
+        else {
+            const link = document.createElement("a");
+            link.setAttribute("type", "hidden");
+            link.download = fileName;
+            link.href = window.URL.createObjectURL(blob.body);
+            document.body.appendChild(link);
+            link.click();
+        }
+    }
+    ViewFile(response) {
+        const a = document.createElement("a");
+        a.setAttribute("style", "display:none;");
+        document.body.appendChild(a);
+        a.href = URL.createObjectURL(response.body);
+        a.target = "_blank";
+        a.click();
+        document.body.removeChild(a);
+    }
+    GetNumberCurrency(amount) {
+        return amount === 0
+            ? "0"
+            : amount.toLocaleString("en-US", {
+                maximumFractionDigits: 2,
+                minimumFractionDigits: 2,
+            });
+    }
+    CountDecimals(param) {
+        if (Math.floor(param) === param)
+            return 0;
+        return param.toString().split(".")[1].length || 0;
+    }
+    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;
+    }
+    GetRoswpanbyData(column, index, data) {
+        let ValOfAgruppated = null;
+        let rowspanI = 1;
+        for (let i = index - 1; i < data.length; i++) {
+            let val = data[i][column];
+            if (ValOfAgruppated == null) {
+                ValOfAgruppated = val;
+            }
+            else if (val !== null && ValOfAgruppated == val) {
+                rowspanI++;
+            }
+            else if (val !== null && ValOfAgruppated != val) {
+                ValOfAgruppated = null;
+                return rowspanI;
+            }
+        }
+        return rowspanI;
+    }
+    FormatterStringJsonByKey(data, key, separador) {
+        let result = "";
+        let colUnique = [];
+        data.forEach(element => {
+            colUnique.push(element[key]);
+        });
+        result = colUnique.join(separador);
+        return result;
+    }
+    GroupByKey(xs, key) {
+        return xs.reduce(function (rv, x) {
+            (rv[x[key]] = rv[x[key]] || []).push(x);
+            return rv;
+        }, {});
+    }
+    LoadProjectsCss(route) {
+        const elements = this.CheckProjectsCss(route);
+        if (elements.length === 0) {
+            const node = document.createElement("link");
+            node.href = "./assets/css/projects/" + route + ".css";
+            node.rel = "stylesheet";
+            document.getElementsByTagName("head")[0].appendChild(node);
+        }
+    }
+    RemoveProjectsCss(route) {
+        const elements = this.CheckProjectsCss(route);
+        elements.forEach(element => {
+            document.getElementsByTagName("head")[0].removeChild(element);
+        });
+    }
+    CheckProjectsCss(route) {
+        const parent = document.getElementsByTagName("head")[0];
+        const elements = [];
+        parent.childNodes.forEach((element) => {
+            var a = element;
+            if (element.nodeName === "LINK") {
+                var elemethref = element["href"];
+                if (elemethref && elemethref.indexOf(route) > 0) {
+                    elements.push(element);
+                }
+            }
+        });
+        return elements;
+    }
+    CountDecimalsDigits(numero) {
+        if (this.IsEmpty(numero))
+            return 0;
+        numero = parseFloat(numero);
+        let arrayNumero = numero.toString().split(".");
+        numero = arrayNumero.length > 1 ? arrayNumero[1] : "";
+        return numero.length;
+    }
+    GetMaxNumberDecimals(data, key) {
+        let arrCountDecimals = [];
+        data.forEach(element => {
+            let decimals = this.CountDecimalsDigits(element[key]);
+            arrCountDecimals.push(decimals);
+        });
+        var maxDecimal = Math.max(...arrCountDecimals);
+        return maxDecimal;
+    }
+    SetHeaderPathName(name) {
+        this.headerPathName.next(name);
+    }
+    FormatDate(date, format) {
+        return moment(date).format(format);
+    }
+    CopyTo(src, dest) {
+        Object.keys(src).forEach(property => {
+            dest[property] = src[property];
+        });
+    }
+    IsValidEmail(email) {
+        const emailPattern = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
+        return emailPattern.test(email);
+    }
+    IsGuid(str) {
+        const guidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+        return guidRegex.test(str);
+    }
+    ContainsSpecialCharacters(str) {
+        const specialCharacter = /^[^\\/?%*:|"<>]+$/;
+        return !specialCharacter.test(str);
+    }
+    IsNumber(value) {
+        return /^-?\d+(\.\d+)?$/.test(value);
+    }
+    CalculatePreviousDate(date, monthsAgo) {
+        date.setMonth(date.getMonth() - monthsAgo);
+        const newDate = moment(date).format(FormatDateConstants.DMYY_MOMENT);
+        return newDate;
+    }
+    GetFilteredSearchKey(listTempAll, key, value, operatorId) {
+        let listFilter = [];
+        switch (operatorId) {
+            case 0: //'Contains'
+                let word = value.split("&", 100);
+                let count = 0;
+                let listTemp;
+                if (word.length > 1) {
+                    word.forEach((element) => {
+                        if (count === 0) {
+                            listTemp = listTempAll.filter(a => a[key]?.toString()?.toLowerCase().includes(element.toLowerCase()));
+                        }
+                        else {
+                            listTemp = listTemp.filter((a) => a[key]?.toString()?.toLowerCase().includes(element.toLowerCase()));
+                        }
+                        count++;
+                    });
+                    listFilter = listTemp;
+                }
+                else {
+                    listFilter = listTempAll.filter(a => a[key]?.toString()?.toLowerCase().includes(value));
+                }
+                break;
+            case 1: //'Exact'
+                listFilter = value ? listTempAll.filter(a => a[key]?.toString()?.toLowerCase() === value) : listTempAll;
+                break;
+            case 2: //'Begin'
+                listFilter = listTempAll.filter(a => a[key]?.toString()?.toLowerCase().startsWith(value));
+                break;
+            case 3: //'Ends'
+                listFilter = listTempAll.filter(a => a[key]?.toString()?.toLowerCase().endsWith(value));
+                break;
+            default:
+                listFilter = listTempAll.filter(a => a[key]?.toString()?.toLowerCase().includes(value));
+                break;
+        }
+        return listFilter;
+    }
+    GetFilteredSearchKeyV2(listTempAll, key, value, operatorId, subKey = null) {
+        if (value.length == 0)
+            return listTempAll;
+        if (!listTempAll || !key || value == null)
+            return [];
+        let listFilter = listTempAll;
+        value = value.toString().toLowerCase();
+        const words = value.includes("&") ? value.split("&").filter(Boolean) : [value];
+        const filterFunction = (item) => {
+            const itemValue = item[key]?.toString()?.toLowerCase();
+            switch (operatorId) {
+                case 0: // 'Contains'
+                    return words.every((word) => itemValue?.includes(word));
+                case 1: // 'Exact'
+                    return itemValue === value;
+                case 2: // 'Begin'
+                    return itemValue?.startsWith(value);
+                case 3: // 'Ends'
+                    return itemValue?.endsWith(value);
+                default:
+                    return itemValue?.includes(value);
+            }
+        };
+        if (subKey) {
+            // Filtrar primero a nivel de sublista
+            listFilter = listFilter.map(filter => {
+                return {
+                    ...filter,
+                    [subKey]: filter[subKey]?.filter((item) => filterFunction(item)),
+                };
+            });
+            // Filtrar luego la lista principal basado en si la sublista contiene elementos
+            listFilter = listFilter.filter(filter => filter[subKey].length > 0);
+        }
+        else {
+            // Filtrar solo la lista principal
+            listFilter = listFilter.filter(filterFunction);
+        }
+        return listFilter;
+    }
+    TransformArrayToHashTable(arr, getKey) {
+        //example of Use:
+        // this.transformArrayToHashTable<any,string>([{id:1,prop1:"prop1Value"}],(o)=>o.id.toString())
+        const hashTable = {};
+        arr.forEach((object) => (hashTable[getKey(object)] = object));
+        return hashTable;
+    }
+    TransformArrayToMap(arr, getKey) {
+        //example of Use:
+        // this.transformArrayToMap<string,any>([{id:1,prop1:"prop1Value"}],(o)=>o.id.toString())
+        return new Map(arr.map(obj => [getKey(obj), obj]));
+    }
+    UrlHasQaUatSubdomain() {
+        const { hostname } = new URL(window.location.href);
+        const [subdomain] = hostname.split(".");
+        return ["qa", "uat"].includes(subdomain);
+    }
+    UrlHasQaSubdomain() {
+        const { hostname } = new URL(window.location.href);
+        const [subdomain] = hostname.split(".");
+        return ["qa"].includes(subdomain);
+    }
+    GetLastSegmentUrl() {
+        const segments = this.location.path().split("/");
+        const lastSegment = segments[segments.length - 1];
+        const numberMappings = {
+            "0": "intelica-allocated",
+            "1": "penalty-summary",
+        };
+        // Verifica si lastSegment es un número y si tiene un mapeo correspondiente
+        if (!isNaN(Number(lastSegment)) && numberMappings.hasOwnProperty(lastSegment))
+            return numberMappings[lastSegment];
+        else
+            return lastSegment;
+    }
+    OnChangeMultiple($event, selectDescription) {
+        let select = $event != null ? $event.element.ej2_instances[0] : null;
+        if (select?.value.length > 0) {
+            select.viewWrapper.innerHTML = `${select.value.length} ${selectDescription}`;
+        }
+    }
+    RemoveParamsAndSegments(url) {
+        // Remover parámetros de consultanom
+        const urlWithoutParams = url.split("?")[0];
+        // Remover segmentos de ruta dinámicos
+        const regex = /\/\d+(?=\/|$)(?!$)/g; // Encuentra segmentos de ruta que consisten en números
+        return urlWithoutParams.replace(regex, "");
+    }
+    OpenActionMenu() {
+        this.openActionMenu$.next(true);
+    }
+    AbbreviateNumber(number, fixed = 2) {
+        if (number == 0.0 || number == 0 || number == 0.0) {
+            return "0";
+        }
+        let formatCant = "";
+        let numberOriginal = number;
+        if (number < 0) {
+            number = Math.abs(number);
+        }
+        if (number >= 1000 && number < 1000000) {
+            number = parseFloat((number / 1000).toFixed(fixed));
+            formatCant = " K";
+        }
+        else if (number >= 1000000 && number < 1000000000) {
+            number = parseFloat((number / 1000000).toFixed(fixed));
+            formatCant = " M";
+        }
+        else if (number >= 1000000000 && number <= 1000000000000) {
+            number = parseFloat((number / 1000000000).toFixed(fixed));
+            formatCant = " B";
+        }
+        else {
+            number = this.NumberFormatByNumberCriteria(number, fixed);
+        }
+        return numberOriginal < 0 ? `(${number}${formatCant})` : `${number}${formatCant}`;
+    }
+    NumberFormatByNumberCriteria(number, fixed = 4) {
+        const rounded = (Math.round(number * Math.pow(10, fixed)) / Math.pow(10, fixed)).toFixed(fixed);
+        return rounded;
+    }
+    FormatPercentage(number, decimal = 2) {
+        let numberInit = number;
+        if (number < 0)
+            number = Math.abs(number);
+        number = parseFloat(number.toFixed(decimal));
+        let finalNumber = `${number.toLocaleString("en-US")}%`;
+        return numberInit < 0 ? `(${finalNumber})` : `${finalNumber}`;
+    }
+    GetMonthName(monthIndex, lang = "en") {
+        return this.months[lang][monthIndex];
+    }
+    FormatNumberWithSuffix(number, decimalPlaces = 0) {
+        if (number === 0) {
+            return "0";
+        }
+        const isNegative = number < 0;
+        const absoluteValue = Math.abs(number);
+        const scaledNumber = parseFloat((absoluteValue / 1000).toFixed(decimalPlaces)).toLocaleString("en-US");
+        const suffix = " K";
+        return isNegative ? `(${scaledNumber}${suffix})` : `${scaledNumber}${suffix}`;
+    }
+    //SYNFCUNTION
+    GenerateGUID() {
+        let uuid = "", i, random;
+        for (i = 0; i < 32; i++) {
+            random = (Math.random() * 16) | 0;
+            if (i === 8 || i === 12 || i === 16 || i === 20) {
+                uuid += "-";
+            }
+            uuid += (i === 12 ? 4 : i === 16 ? (random & 3) | 8 : random).toString(16);
+        }
+        return uuid;
+    }
+    AttachDataLabelClickEvent(chartElementId, dataArray, onClickCallback) {
+        const chartElement = document.getElementById(chartElementId);
+        if (!chartElement) {
+            return;
+        }
+        const dataLabels = chartElement.querySelectorAll('[id*="_DataLabel_"]');
+        const dataLabelsArray = Array.prototype.slice.call(dataLabels);
+        dataLabelsArray.forEach((label, index) => {
+            // Calcula el índice ajustado para obtener el dato correcto
+            const adjustedIndex = index % dataArray.length;
+            label.addEventListener("click", () => {
+                const clickedData = dataArray[adjustedIndex];
+                if (clickedData) {
+                    onClickCallback(clickedData);
+                }
+            });
+        });
+    }
+    FormatNumberAbsolute(number) {
+        const isNegative = number < 0;
+        if (number < 0) {
+            number = Math.abs(number);
+        }
+        let finalNumber = `${number.toLocaleString("en-US")}`;
+        return isNegative ? `(${finalNumber})` : `${finalNumber}`;
+    }
+    SortRecursive(data, column, criteria) {
+        return _.orderBy(data.map(item => {
+            Object.keys(item).forEach(key => {
+                if (Array.isArray(item[key])) {
+                    item[key] = this.SortRecursive(item[key], column, criteria);
+                }
+            });
+            return item;
+        }), [
+            (elm) => {
+                let value = elm[column];
+                if (value == null) {
+                    value = "";
+                }
+                if (typeof value === "string") {
+                    const normalized = value.trim().toLowerCase();
+                    const startsWithSpecial = /^[^a-z0-9]/i.test(normalized);
+                    return startsWithSpecial ? `~${normalized}` : normalized;
+                }
+                return value;
+            },
+        ], [criteria]);
+    }
+    SortRecursivePrimeNg(data, column, criteria) {
+        return _.orderBy(data.map(item => {
+            Object.keys(item).forEach(key => {
+                if (Array.isArray(item[key])) {
+                    item[key] = this.SortRecursive(item[key], column, criteria);
+                }
+            });
+            return item;
+        }), [
+            (elm) => {
+                let value = elm[column];
+                if (value == null || (typeof value === "string" && value.trim() === "")) {
+                    return "___0";
+                }
+                if (typeof value === "string") {
+                    const normalized = value.trim().toLowerCase();
+                    const startsWithSpecial = /^[^a-z0-9]/i.test(normalized);
+                    if (startsWithSpecial) {
+                        return `___1${normalized}`;
+                    }
+                    return `___2${normalized}`;
+                }
+                return `___2${value}`;
+            },
+        ], [criteria]);
+    }
+    SortRecursiveNumber(data, column, criteria) {
+        return _.orderBy(data.map(item => {
+            Object.keys(item).forEach(key => {
+                if (Array.isArray(item[key])) {
+                    item[key] = this.SortRecursiveNumber(item[key], column, criteria);
+                }
+            });
+            return item;
+        }), [
+            (elm) => {
+                let value = elm[column];
+                if (value == null || value === "") {
+                    return Number.NEGATIVE_INFINITY;
+                }
+                if (typeof value === "number") {
+                    return value;
+                }
+                if (!isNaN(Number(value))) {
+                    return Number(value);
+                }
+                return Number.NEGATIVE_INFINITY;
+            },
+        ], [criteria]);
+    }
+    IsDateFormat(value) {
+        return typeof value === "string" && /^\d{1,2}\/\d{1,2}\/\d{2,4}$/.test(value);
+    }
+    SortRecursiveDate(data, column, criteria) {
+        return _.orderBy(data.map(item => {
+            Object.keys(item).forEach(key => {
+                if (Array.isArray(item[key])) {
+                    item[key] = this.SortRecursiveDate(item[key], column, criteria);
+                }
+            });
+            return item;
+        }), [
+            (elm) => {
+                let value = elm[column];
+                if (value == null || value === "") {
+                    return Number.NEGATIVE_INFINITY;
+                }
+                const dateValue = new Date(value);
+                if (isNaN(dateValue.getTime())) {
+                    return Number.NEGATIVE_INFINITY;
+                }
+                return dateValue.getTime();
+            },
+        ], [criteria]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SharedService, deps: [{ token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SharedService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SharedService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Location }] });
+
+class ColumnComponent {
+    field;
+    header;
+    sortable = false;
+    width;
+    className;
+    headerTooltip = "";
+    headerTooltipPosition = "top";
+    tooltip = "";
+    tooltipPosition = "top";
+    showIndex = false;
+    showHeader = true;
+    minWidth;
+    isChecboxColumn = false;
+    //@Input() isGrouped: boolean = false;
+    //@Input() isGroup: boolean = false;
+    formatType = "string";
+    templateRef;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.23", type: ColumnComponent, isStandalone: true, selector: "column", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", className: "className", headerTooltip: "headerTooltip", headerTooltipPosition: "headerTooltipPosition", tooltip: "tooltip", tooltipPosition: "tooltipPosition", showIndex: "showIndex", showHeader: "showHeader", minWidth: "minWidth", isChecboxColumn: "isChecboxColumn", formatType: "formatType" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Directive,
+            args: [{ selector: "column" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], sortable: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], headerTooltip: [{
+                type: Input
+            }], headerTooltipPosition: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], showIndex: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], isChecboxColumn: [{
+                type: Input
+            }], formatType: [{
+                type: Input
+            }], templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+class ColumnGroupComponent {
+    field;
+    header;
+    sortable = false;
+    width;
+    minWidth;
+    className;
+    headerTooltip = "";
+    headerTooltipPosition = "top";
+    // @Input() tooltip: string = "";
+    // @Input() tooltipPosition: "top" | "bottom" | "left" | "right" = "top";
+    // @Input() showIndex: boolean = false;
+    // @Input() isGrouped: boolean = false;
+    // @Input() isGroup: boolean = false;
+    colspan = 1;
+    rowspan = 1;
+    level = 0;
+    formatType = "string";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ColumnGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.23", type: ColumnGroupComponent, isStandalone: true, selector: "columnGroup", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", minWidth: "minWidth", className: "className", headerTooltip: "headerTooltip", headerTooltipPosition: "headerTooltipPosition", colspan: "colspan", rowspan: "rowspan", level: "level", formatType: "formatType" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ColumnGroupComponent, decorators: [{
+            type: Directive,
+            args: [{ selector: "columnGroup" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], sortable: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], headerTooltip: [{
+                type: Input
+            }], headerTooltipPosition: [{
+                type: Input
+            }], colspan: [{
+                type: Input
+            }], rowspan: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], formatType: [{
+                type: Input
+            }] } });
+class RowResumenComponent {
+    field;
+    className;
+    // @Input() width?: string;
+    // @Input() className?: string;
+    // @Input() headerTooltip: string = "";
+    // @Input() headerTooltipPosition: "top" | "bottom" | "left" | "right" = "top";
+    // @Input() tooltip: string = "";
+    // @Input() tooltipPosition: "top" | "bottom" | "left" | "right" = "top";
+    // @Input() showIndex: boolean = false;
+    // @Input() isGrouped: boolean = false;
+    // @Input() isGroup: boolean = false;
+    colspan = 1;
+    rowspan = 1;
+    templateRef;
+    formatType = "string";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: RowResumenComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.23", type: RowResumenComponent, isStandalone: true, selector: "rowResumenComponent", inputs: { field: "field", className: "className", colspan: "colspan", rowspan: "rowspan", formatType: "formatType" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: RowResumenComponent, decorators: [{
+            type: Directive,
+            args: [{ selector: "rowResumenComponent" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], colspan: [{
+                type: Input
+            }], rowspan: [{
+                type: Input
+            }], templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], formatType: [{
+                type: Input
+            }] } });
+
+class TableComponent {
+    SharedService = inject(SharedService);
+    GlobalTermService = inject(GlobalTermService);
+    ComponentId = "";
+    ListData = [];
+    ShowRowPerPage = true;
+    ShowSearch = false;
+    ShowPagination = false;
+    RowsPerPage = 10;
+    ShowCheckbox = false;
+    ShowIndex = false;
+    ListDataSelected = [];
+    SelectedIdentifier = null;
+    ClassName = "";
+    DefaultSortField = "";
+    DefaultSortOrder = 1;
+    scrollHeight = "400px";
+    scrollable = false;
+    AllowedPageSizes = [10, 25, 50, 100];
+    tableStyle = {};
+    _isTableDisabled = false;
+    _pendingUncheck = false;
+    HeaderState = {};
+    set IsTableDisabled(val) {
+        this._isTableDisabled = val;
+        if (val) {
+            if (!this.ColumnList || this.ColumnList.length === 0) {
+                this._pendingUncheck = true;
+            }
+            else {
+                this.ListDataSelectedTemp = [];
+                this.ListDataSelectedFilter = [];
+                this.ExecuteSearch();
+            }
+        }
+    }
+    get IsTableDisabled() {
+        return this._isTableDisabled;
+    }
+    recomputeHeaderState(field) {
+        const total = this.ListDataFilter.length;
+        if (total === 0) {
+            this.HeaderState[field] = { checked: false, indeterminate: false };
+            return;
+        }
+        const checked = this.ListDataFilter.filter(r => r[field] === true).length;
+        this.HeaderState[field] = {
+            checked: checked === total,
+            indeterminate: checked > 0 && checked < total,
+        };
+    }
+    onBodyCheckboxChange(field) {
+        this.recomputeHeaderState(field);
+    }
+    refreshAllHeaderStates() {
+        this.ColumnList.filter(c => c.isChecboxColumn).forEach(c => this.recomputeHeaderState(c.field));
+    }
+    EmitSelectedItem = new EventEmitter();
+    EmitListDataFilter = new EventEmitter();
+    EmitSearchEvent = new EventEmitter();
+    EmitSortEvent = new EventEmitter();
+    Columns;
+    ColumnGroups;
+    RowResumenGroups;
+    AdditionalTemplate;
+    AdditionalExtendedTemplate;
+    AdditionalCentralTemplate;
+    ColumnList = [];
+    ColumnGroupList = [];
+    RowResumenList = [];
+    ListDataFilter = [];
+    ListDataTable = [];
+    ListDataSelectedFilter = [];
+    ListDataSelectedTemp = [];
+    SearchInput = { searchText: "" };
+    TotalRecords = 0;
+    CurrentPage = 1;
+    SortOrder = 1;
+    SortField = null;
+    MaxLevel = 0;
+    Levels = [];
+    ngOnChanges() {
+        if (!this.SortField && this.DefaultSortField) {
+            this.SortField = this.DefaultSortField;
+            this.SortOrder = this.DefaultSortOrder;
+        }
+        this.ExecuteSearch();
+        this.ValidateSelect();
+    }
+    ngAfterContentInit() {
+        this.ColumnList = this.Columns?.toArray() ?? [];
+        this.ColumnGroupList = this.ColumnGroups?.toArray() ?? [];
+        this.RowResumenList = this.RowResumenGroups?.toArray() ?? [];
+        const levels = this.ColumnGroupList.map(c => c.level);
+        this.MaxLevel = levels.length ? Math.max(...levels) + 1 : 1;
+        this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
+        this.ColumnList.filter(c => c.isChecboxColumn).forEach(c => {
+            if (!this.HeaderState[c.field]) {
+                this.HeaderState[c.field] = { checked: false, indeterminate: false };
+            }
+        });
+        if (this._isTableDisabled && this._pendingUncheck) {
+            this.ListDataSelectedTemp = [];
+            this.ListDataSelectedFilter = [];
+            this._pendingUncheck = false;
+            this.ExecuteSearch();
+        }
+        else {
+            this.refreshAllHeaderStates();
+        }
+    }
+    OnSort(field) {
+        if (this.SortField === field) {
+            this.SortOrder *= -1;
+        }
+        else {
+            this.SortField = field;
+            this.SortOrder = 1;
+        }
+        this.CurrentPage = 1;
+        this.SortPages();
+    }
+    OnPageChange(event) {
+        if (typeof event === "number") {
+            this.CurrentPage = event;
+        }
+        else {
+            if (typeof event?.rows === "number") {
+                this.RowsPerPage = event.rows;
+            }
+            if (typeof event?.page === "number") {
+                this.CurrentPage = event.page + 1;
+            }
+        }
+        this.UpdatePages();
+    }
+    ExecuteSearch(searchText) {
+        if (typeof searchText === "string") {
+            this.SearchInput = { ...(this.SearchInput ?? {}), searchText };
+        }
+        this.ListDataFilter = [...this.ListData];
+        const search = this.SearchInput?.searchText?.trim()?.toLowerCase();
+        if (search) {
+            this.ListDataFilter = this.ListData.filter(item => {
+                const searchableText = Object.values(item)
+                    .filter(v => v !== null && v !== undefined)
+                    .join(" ")
+                    .toLowerCase();
+                return searchableText.includes(search);
+            });
+            this.CurrentPage = 1;
+        }
+        this.SortPages();
+    }
+    SortPages() {
+        if (!this.SortField) {
+            this.UpdatePages();
+            return;
+        }
+        const order = this.SortOrder === 1 ? "asc" : "desc";
+        const field = this.SortField;
+        const colConfig = this.ColumnList.find(c => c.field === field);
+        if (!colConfig) {
+            console.warn("Columna no encontrada:", field);
+            this.UpdatePages();
+            return;
+        }
+        const formatType = colConfig.formatType;
+        const sampleValue = this.ListDataFilter.find(item => item[field] !== null && item[field] !== undefined)?.[field];
+        if (typeof sampleValue === "number") {
+            this.ListDataFilter = this.SharedService.SortRecursiveNumber([...this.ListDataFilter], field, order);
+        }
+        else {
+            if (formatType === "date") {
+                this.ListDataFilter = this.SharedService.SortRecursiveDate([...this.ListDataFilter], field, order);
+            }
+            else {
+                this.ListDataFilter = this.SharedService.SortRecursivePrimeNg([...this.ListDataFilter], field, order);
+            }
+        }
+        this.UpdatePages();
+    }
+    UpdatePages() {
+        if (this.ShowPagination) {
+            this.TotalRecords = this.ListDataFilter.length;
+            const start = (this.CurrentPage - 1) * this.RowsPerPage;
+            const end = start + this.RowsPerPage;
+            this.ListDataTable = this.ListDataFilter.slice(start, end);
+        }
+        else {
+            this.ListDataTable = this.ListDataFilter;
+        }
+        if (this.ShowCheckbox)
+            this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+        this.refreshAllHeaderStates();
+        this.EmitSearchValues();
+    }
+    ValidateSelect() {
+        if (!this.SelectedIdentifier && this.ShowCheckbox) {
+            this.ShowCheckbox = false;
+            return;
+        }
+        const selectedIds = new Set(this.ListDataSelected.map(item => item[this.SelectedIdentifier]));
+        this.ListDataSelectedTemp = this.ListData.filter(item => selectedIds.has(item[this.SelectedIdentifier]));
+        this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+    }
+    SelectAll(event) {
+        if (!this.SelectedIdentifier && this.ShowCheckbox)
+            return;
+        if (event.checked) {
+            const idsSelected = new Set(this.ListDataSelectedTemp.map(item => item[this.SelectedIdentifier]));
+            this.ListDataFilter.forEach(item => {
+                if (!idsSelected.has(item[this.SelectedIdentifier])) {
+                    this.ListDataSelectedTemp.push(item);
+                }
+            });
+        }
+        else {
+            const idsSelected = new Set(this.ListDataFilter.map(item => item[this.SelectedIdentifier]));
+            this.ListDataSelectedTemp = this.ListDataSelectedTemp.filter(item => !idsSelected.has(item[this.SelectedIdentifier]));
+        }
+        this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+        this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    OnHeaderSelectionToggle(checked) {
+        this.SelectAll({ checked });
+    }
+    OnRowSelect(event) {
+        if (!this.SelectedIdentifier && this.ShowCheckbox)
+            return;
+        const selectedItem = event.data;
+        const exists = this.ListDataSelectedTemp.some(item => item[this.SelectedIdentifier] === selectedItem[this.SelectedIdentifier]);
+        if (!exists) {
+            this.ListDataSelectedTemp.push(selectedItem);
+        }
+        this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    OnRowUnselect(event) {
+        if (!this.SelectedIdentifier && this.ShowCheckbox)
+            return;
+        const unselectedItem = event.data;
+        this.ListDataSelectedTemp = this.ListDataSelectedTemp.filter(item => item[this.SelectedIdentifier] !== unselectedItem[this.SelectedIdentifier]);
+        this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    ResetTable() {
+        this.CurrentPage = 1;
+        this.SearchInput = { ...(this.SearchInput ?? {}), searchText: "" };
+        this.ExecuteSearch();
+    }
+    EmitSearchValues() {
+        this.EmitListDataFilter.emit(this.ListDataFilter);
+        this.EmitSearchEvent.emit(this.SearchInput);
+        this.EmitSortEvent.emit([
+            {
+                sortOrder: this.SortOrder,
+                sortField: this.SortField?.toString() ?? "",
+            },
+        ]);
+    }
+    OnHeaderCheckboxChange(checked, field) {
+        this.ListDataFilter.forEach(r => (r[field] = checked));
+        this.HeaderState[field] = { checked, indeterminate: false };
+        this.UpdatePages();
+    }
+    getFilteredSelectedCount() {
+        if (!this.SelectedIdentifier || this.ListDataFilter.length === 0 || this.ListDataSelectedTemp.length === 0)
+            return 0;
+        const selectedIds = new Set(this.ListDataSelectedTemp.map(item => item[this.SelectedIdentifier]));
+        return this.ListDataFilter.filter(item => selectedIds.has(item[this.SelectedIdentifier])).length;
+    }
+    get IsHeaderSelectionChecked() {
+        return this.ListDataFilter.length > 0 && this.getFilteredSelectedCount() === this.ListDataFilter.length;
+    }
+    get IsHeaderSelectionIndeterminate() {
+        const selectedCount = this.getFilteredSelectedCount();
+        return selectedCount > 0 && selectedCount < this.ListDataFilter.length;
+    }
+    FilterData(field) {
+        let c = this.ListData.filter(item => item[field]);
+    }
+    IsInderteminate(column) {
+        const rowsChek = this.ListData.filter(item => item[column]).length;
+        const element = [...document.querySelectorAll("[data-check]")].find(x => x.getAttribute("data-check") == column);
+        if (element == undefined)
+            return;
+        if (rowsChek > 0 && rowsChek < this.ListData.length) {
+            element.setAttribute("class", "prCheckbox--indeterminate");
+        }
+        else {
+            element.removeAttribute("class");
+        }
+    }
+    OnRowsPerPageChange(value) {
+        this.RowsPerPage = value;
+        this.CurrentPage = 1;
+        this.UpdatePages();
+    }
+    ResetTableSelected() {
+        this.ListDataSelectedTemp = [];
+        this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+    }
+    ClearSearch() {
+        this.SearchInput.searchText = "";
+        this.ExecuteSearch();
+    }
+    get TotalPages() {
+        return Math.ceil(this.TotalRecords / this.RowsPerPage);
+    }
+    onChangeSelectPage(event) {
+        const eventValue = event.target.value;
+        if (eventValue === "" || isNaN(parseInt(eventValue)) || eventValue === "0" || eventValue.indexOf("-") >= 0) {
+            this.CurrentPage = 1;
+            this.UpdatePages();
+            return;
+        }
+        this.CurrentPage = parseInt(eventValue);
+        if (this.CurrentPage > this.TotalPages) {
+            this.CurrentPage = this.TotalPages;
+        }
+        this.UpdatePages();
+    }
+    get RenderPanel() {
+        return Boolean(this.AdditionalTemplate) || this.ShowSearch || Boolean(this.AdditionalCentralTemplate) || Boolean(this.AdditionalExtendedTemplate);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: TableComponent, isStandalone: true, selector: "intelica-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ClassName: "ClassName", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", IsTableDisabled: "IsTableDisabled" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select\n\t\t\t\t\t\t\t\tpanelStyleClass=\"prSelect paginatorSelectTableGA\"\n\t\t\t\t\t\t\t\tclass=\"prSelect\"\n\t\t\t\t\t\t\t\t[options]=\"AllowedPageSizes\"\n\t\t\t\t\t\t\t\t[ngModel]=\"RowsPerPage\"\n\t\t\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t     <i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-table", standalone: true, imports: [
+                        CommonModule,
+                        IconFieldModule,
+                        InputIcon,
+                        InputText,
+                        InputTextModule,
+                        InputNumber,
+                        Paginator,
+                        TableModule,
+                        Select,
+                        BadgeModule,
+                        TooltipModule,
+                        TermPipe,
+                        CheckboxModule,
+                        FormsModule,
+                        FormatCellPipe,
+                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\"\">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclass=\"prInputText\"\n\t\t\t\t\t\t\t\tpInputText\n\t\t\t\t\t\t\t\tplaceholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"SearchInput.searchText\"\n\t\t\t\t\t\t\t\t(keydown.enter)=\"ExecuteSearch()\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"ExecuteSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"ListDataTable\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[(selection)]=\"ListDataSelectedFilter\"\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t\t[sortOrder]=\"DefaultSortOrder\"\n\t>\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\n\t\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\n\t\t\t\t\t\t\t[binary]=\"true\"\n\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t\t[ngModel]=\"IsHeaderSelectionChecked\"\n\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderSelectionToggle($event)\"\n\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled || ListDataFilter.length === 0\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': IsHeaderSelectionIndeterminate,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t\t@if (RowResumenList.length && ListDataFilter.length) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else if (col.isChecboxColumn) {\n\t\t\t\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"onBodyCheckboxChange(col.field)\" [disabled]=\"IsTableDisabled\"></p-checkbox>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\t\t<ng-template #emptymessage>\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination && TotalPages > 1) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t@if (ShowRowPerPage) {\n\t\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t\t<p-select\n\t\t\t\t\t\t\t\tpanelStyleClass=\"prSelect paginatorSelectTableGA\"\n\t\t\t\t\t\t\t\tclass=\"prSelect\"\n\t\t\t\t\t\t\t\t[options]=\"AllowedPageSizes\"\n\t\t\t\t\t\t\t\t[ngModel]=\"RowsPerPage\"\n\t\t\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t\t     <i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n" }]
+        }], propDecorators: { ComponentId: [{
+                type: Input
+            }], ListData: [{
+                type: Input
+            }], ShowRowPerPage: [{
+                type: Input
+            }], ShowSearch: [{
+                type: Input
+            }], ShowPagination: [{
+                type: Input
+            }], RowsPerPage: [{
+                type: Input
+            }], ShowCheckbox: [{
+                type: Input
+            }], ShowIndex: [{
+                type: Input
+            }], ListDataSelected: [{
+                type: Input
+            }], SelectedIdentifier: [{
+                type: Input
+            }], ClassName: [{
+                type: Input
+            }], DefaultSortField: [{
+                type: Input
+            }], DefaultSortOrder: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], AllowedPageSizes: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], IsTableDisabled: [{
+                type: Input
+            }], EmitSelectedItem: [{
+                type: Output
+            }], EmitListDataFilter: [{
+                type: Output
+            }], EmitSearchEvent: [{
+                type: Output
+            }], EmitSortEvent: [{
+                type: Output
+            }], Columns: [{
+                type: ContentChildren,
+                args: [ColumnComponent]
+            }], ColumnGroups: [{
+                type: ContentChildren,
+                args: [ColumnGroupComponent]
+            }], RowResumenGroups: [{
+                type: ContentChildren,
+                args: [RowResumenComponent]
+            }], AdditionalTemplate: [{
+                type: ContentChild,
+                args: ["additionalTemplate"]
+            }], AdditionalExtendedTemplate: [{
+                type: ContentChild,
+                args: ["additionalExtendedTemplate"]
+            }], AdditionalCentralTemplate: [{
+                type: ContentChild,
+                args: ["additionalCentralTemplate"]
+            }] } });
+
+class TableFetchComponent {
+    cdr;
+    GlobalTermService = inject(GlobalTermService);
+    ComponentId = "";
+    ShowRowPerPage = true;
+    ShowSearch = false;
+    ShowPagination = false;
+    RowsPerPage = 10;
+    ShowCheckbox = false;
+    ShowIndex = false;
+    ClassName = "";
+    DefaultSortField = "";
+    scrollHeight = "400px";
+    scrollable = false;
+    AllowedPageSizes = [10, 25, 50, 100];
+    tableStyle = {};
+    Levels = [];
+    FilteredList = [];
+    TotalItems = 0;
+    TotalRecords = 0;
+    IsPaginatorInputSearch = false;
+    EmitQueryParametersChange = new EventEmitter();
+    Columns;
+    ColumnGroups;
+    RowResumenGroups;
+    AdditionalTemplate;
+    AdditionalCentralTemplate;
+    AdditionalExtendedTemplate;
+    EmitSortEvent = new EventEmitter();
+    ColumnList = [];
+    ColumnGroupList = [];
+    RowResumenList = [];
+    CurrentPage = 1;
+    SortOrder = 1;
+    SortField = null;
+    MaxLevel = 0;
+    ListDataTable = [];
+    SearchInput = "";
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnChanges(changes) {
+        if (changes["FilteredList"] || changes["RowsPerPage"] || changes["CurrentPage"]) {
+            this.UpdatePages();
+        }
+        if (changes["SortField"] || changes["SortOrder"]) {
+            this.EmitSortEvent.emit([
+                {
+                    sortOrder: this.SortOrder,
+                    sortField: this.SortField?.toString() ?? "",
+                },
+            ]);
+        }
+    }
+    ngAfterContentInit() {
+        this.captureColumns();
+        this.captureGroups();
+        this.captureResumen();
+        this.Columns.changes.subscribe(() => {
+            this.captureColumns();
+            this.cdr.markForCheck();
+        });
+        this.ColumnGroups.changes.subscribe(() => {
+            this.captureGroups();
+            this.cdr.markForCheck();
+        });
+        this.RowResumenGroups.changes.subscribe(() => {
+            this.captureResumen();
+            this.cdr.markForCheck();
+        });
+    }
+    captureColumns() {
+        this.ColumnList = this.Columns?.toArray() ?? [];
+    }
+    captureGroups() {
+        this.ColumnGroupList = this.ColumnGroups?.toArray() ?? [];
+        const levels = this.ColumnGroupList.map(c => c.level);
+        this.MaxLevel = levels.length ? Math.max(...levels) + 1 : 1;
+        this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
+    }
+    captureResumen() {
+        this.RowResumenList = this.RowResumenGroups?.toArray() ?? [];
+    }
+    OnSort(field) {
+        if (this.SortField === field) {
+            this.SortOrder *= -1;
+        }
+        else {
+            this.SortField = field;
+            this.SortOrder = 1;
+        }
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    UpdatePages() {
+        if (this.ShowPagination) {
+            this.TotalRecords = this.TotalItems;
+            const start = (this.CurrentPage - 1) * this.RowsPerPage;
+            const end = start + this.RowsPerPage;
+            this.ListDataTable = this.FilteredList.slice(start, end);
+        }
+        else {
+            this.ListDataTable = this.FilteredList;
+        }
+    }
+    OnPageChange(event) {
+        if (typeof event === "number") {
+            this.CurrentPage = event;
+        }
+        else {
+            if (typeof event?.rows === "number") {
+                this.RowsPerPage = event.rows;
+            }
+            if (typeof event?.page === "number") {
+                this.CurrentPage = event.page + 1;
+            }
+        }
+        this.IsPaginatorInputSearch = true;
+        this.ExecuteSearch({});
+    }
+    ResetTable() {
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    ExecuteSearch(event) {
+        if (event?.fieldText !== undefined && event?.fieldText !== "") {
+            this.SearchInput = event;
+        }
+        if (this.SearchInput !== undefined && this.SearchInput !== "" && !this.IsPaginatorInputSearch) {
+            this.CurrentPage = 1;
+        }
+        const newQueryParameters = {
+            FilterValue: this.SearchInput.trim(),
+            OrderBy: this.SortField ? String(this.SortField) : undefined,
+            SortDirection: this.SortOrder === 1 ? "asc" : "desc",
+            PageNumber: this.CurrentPage,
+            PageSize: this.RowsPerPage,
+        };
+        this.EmitQueryParametersChange.emit(newQueryParameters);
+        this.UpdatePages();
+        this.IsPaginatorInputSearch = false;
+    }
+    OnRowsPerPageChange(value) {
+        this.RowsPerPage = value;
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    ClearSearch() {
+        this.SearchInput = "";
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    get TotalPages() {
+        return Math.ceil(this.TotalRecords / this.RowsPerPage);
+    }
+    get RenderPanel() {
+        return Boolean(this.AdditionalTemplate) || this.ShowSearch || Boolean(this.AdditionalCentralTemplate) || Boolean(this.AdditionalExtendedTemplate);
+    }
+    onChangeSelectPage(event) {
+        this.IsPaginatorInputSearch = true;
+        const eventValue = event.target.value;
+        if (eventValue === "" || isNaN(parseInt(eventValue)) || eventValue === "0" || eventValue.indexOf("-") >= 0) {
+            this.CurrentPage = 1;
+            this.ExecuteSearch({});
+            return;
+        }
+        this.CurrentPage = parseInt(eventValue);
+        if (this.CurrentPage > this.TotalPages) {
+            this.CurrentPage = this.TotalPages;
+        }
+        this.ExecuteSearch({});
+    }
+    OnSearch() {
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableFetchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: TableFetchComponent, isStandalone: true, selector: "intelica-table-fetch", inputs: { ComponentId: "ComponentId", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ClassName: "ClassName", DefaultSortField: "DefaultSortField", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", FilteredList: "FilteredList", TotalItems: "TotalItems", CurrentPage: "CurrentPage", SortOrder: "SortOrder", SortField: "SortField" }, outputs: { EmitQueryParametersChange: "EmitQueryParametersChange", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText placeholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\" [(ngModel)]=\"SearchInput\" (keydown.enter)=\"OnSearch()\" />\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\" *ngIf=\"SearchInput\" (click)=\"ClearSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"OnSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<!--  -->\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t</div>\n\t\t}\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"FilteredList\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[sortOrder]=\"SortOrder\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t>\n\t\t<!-- Cabecera con columnas agrupadas -->\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" F [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<!-- Cuerpo de la tabla -->\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\n\t\t<!-- Mensaje cuando no hay datos -->\n\t\t<ng-template pTemplate=\"emptymessage\">\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\n\t<!-- <div class=\"prTableToolsBottom\"> -->\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t<p-select\n\t\t\t\t\t\t\tpanelStyleClass=\"prSelect paginatorSelectTableGA\"\n\t\t\t\t\t\t\tclass=\"prSelect\"\n\t\t\t\t\t\t\t[options]=\"AllowedPageSizes\"\n\t\t\t\t\t\t\t[ngModel]=\"RowsPerPage\"\n\t\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t     <i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i3.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TableFetchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-table-fetch", standalone: true, imports: [
+                        InputIcon,
+                        IconField,
+                        InputText,
+                        InputTextModule,
+                        InputNumber,
+                        Paginator,
+                        FormsModule,
+                        CommonModule,
+                        TableModule,
+                        Select,
+                        BadgeModule,
+                        TooltipModule,
+                        TermPipe,
+                        CheckboxModule,
+                        FormsModule,
+                        FormatCellPipe,
+                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\n\t@if (RenderPanel) {\n\t\t<div class=\" \">\n\t\t\t<div class=\"prCard__row justify-content-end\">\n\t\t\t\t<div class=\"prCard__actionflex\">\n\t\t\t\t\t@if (AdditionalTemplate) {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (ShowSearch) {\n\t\t\t\t\t<div class=\"ptSearch searchTableGA\">\n\t\t\t\t\t\t<p-iconfield>\n\t\t\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText placeholder=\"{{ 'LBL_SEARCH_SELECT' | term: GlobalTermService.languageCode }}\" [(ngModel)]=\"SearchInput\" (keydown.enter)=\"OnSearch()\" />\n\t\t\t\t\t\t\t<p-inputicon>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\" *ngIf=\"SearchInput\" (click)=\"ClearSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput\"></span>\n\t\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\" (click)=\"OnSearch()\">\n\t\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</p-inputicon>\n\t\t\t\t\t\t</p-iconfield>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<!--  -->\n\t\t\t\t@if (AdditionalCentralTemplate) {\n\t\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (AdditionalExtendedTemplate) {\n\t\t\t<div class=\"prTableTools justify-content-start\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\n\t\t\t</div>\n\t\t}\n\t}\n\t<p-table\n\t\tclass=\"prTable\"\n\t\t[ngClass]=\"ClassName\"\n\t\t[value]=\"FilteredList\"\n\t\tresponsiveLayout=\"scroll\"\n\t\t[sortField]=\"DefaultSortField\"\n\t\t[sortOrder]=\"SortOrder\"\n\t\t[scrollable]=\"scrollable\"\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\n\t\t[tableStyle]=\"tableStyle\"\n\t>\n\t\t<!-- Cabecera con columnas agrupadas -->\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t@for (level of Levels; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\n\t\t\t\t\t\t@if (col.level === level) {\n\t\t\t\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.min-width]=\"col.minWidth\" (click)=\"col.sortable && OnSort(col.field)\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" F [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t@if (col.showHeader) {\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t[class]=\"col.className\"\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\n\t\t\t\t\t\t\t\t<span tooltipStyleClass=\"prTooltip\" [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\n\t\t\t\t\t\t\t\t\t{{ col.header }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\n\t\t\t\t<tr class=\"fixedRow\">\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<!-- Cuerpo de la tabla -->\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\n\t\t\t<tr>\n\t\t\t\t@for (col of ColumnList; track $index) {\n\t\t\t\t\t<td [ngClass]=\"col.className\">\n\t\t\t\t\t\t@if (col.showIndex) {\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t@if (col.templateRef) {\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" tooltipStyleClass=\"prTooltip\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t\t@if (ShowCheckbox) {\n\t\t\t\t\t<td class=\"text-center\">\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</ng-template>\n\n\t\t<!-- Mensaje cuando no hay datos -->\n\t\t<ng-template pTemplate=\"emptymessage\">\n\t\t\t<tr>\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</ng-template>\n\t</p-table>\n\n\t<!-- <div class=\"prTableToolsBottom\"> -->\n\t<div class=\"d-flex justify-content-end\">\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\n\t\t\t<div class=\"ptTablePaginator\">\n\t\t\t\t<p-paginator\n\t\t\t\t\tclass=\"prPaginator paginatorTableGA\"\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\n\t\t\t\t\t[rows]=\"RowsPerPage\"\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\n\t\t\t\t\t[showPageLinks]=\"false\"\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\n\t\t\t\t>\n\t\t\t\t\t<ng-template #previouspagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template #nextpagelinkicon>\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right paginatorArrowGA\"></i>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\n\t\t\t\t\t\t<span>{{ \"ROWS_PER_PAGE\" | term: GlobalTermService.languageCode }}</span>\n\t\t\t\t\t\t<p-select\n\t\t\t\t\t\t\tpanelStyleClass=\"prSelect paginatorSelectTableGA\"\n\t\t\t\t\t\t\tclass=\"prSelect\"\n\t\t\t\t\t\t\t[options]=\"AllowedPageSizes\"\n\t\t\t\t\t\t\t[ngModel]=\"RowsPerPage\"\n\t\t\t\t\t\t\t(onChange)=\"OnRowsPerPageChange($event.value)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ng-template #dropdownicon>\n\t\t\t\t\t\t\t     <i class=\"icon icon-arrow-down\"></i>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</p-select>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{{ \"Page\" | term: GlobalTermService.languageCode }}\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" [allowEmpty]=\"false\" [min]=\"1\" (keyup.enter)=\"onChangeSelectPage($event)\" />\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalPages }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</p-paginator>\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { ComponentId: [{
+                type: Input
+            }], ShowRowPerPage: [{
+                type: Input
+            }], ShowSearch: [{
+                type: Input
+            }], ShowPagination: [{
+                type: Input
+            }], RowsPerPage: [{
+                type: Input
+            }], ShowCheckbox: [{
+                type: Input
+            }], ShowIndex: [{
+                type: Input
+            }], ClassName: [{
+                type: Input
+            }], DefaultSortField: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], AllowedPageSizes: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], FilteredList: [{
+                type: Input
+            }], TotalItems: [{
+                type: Input
+            }], EmitQueryParametersChange: [{
+                type: Output
+            }], Columns: [{
+                type: ContentChildren,
+                args: [ColumnComponent]
+            }], ColumnGroups: [{
+                type: ContentChildren,
+                args: [ColumnGroupComponent]
+            }], RowResumenGroups: [{
+                type: ContentChildren,
+                args: [RowResumenComponent]
+            }], AdditionalTemplate: [{
+                type: ContentChild,
+                args: ["additionalTemplate"]
+            }], AdditionalCentralTemplate: [{
+                type: ContentChild,
+                args: ["additionalCentralTemplate"]
+            }], AdditionalExtendedTemplate: [{
+                type: ContentChild,
+                args: ["additionalExtendedTemplate"]
+            }], EmitSortEvent: [{
+                type: Output
+            }], CurrentPage: [{
+                type: Input
+            }], SortOrder: [{
+                type: Input
+            }], SortField: [{
+                type: Input
+            }] } });
+
+class SkeletonTableComponent {
+    /**
+     * @description number of rows to display
+     * @default 6
+     * @type number
+     * @example <intelica-skeleton-table [rows]="6"></intelica-skeleton-table>
+     */
+    rows = 6;
+    /**
+     * @description number of columns to display
+     * @default 6
+     * @type number
+     * @example <intelica-skeleton-table [columns]="6"></intelica-skeleton-table>
+     */
+    columns = 6;
+    showLeftSkeleton = true;
+    showRightSkeleton = true;
+    columnSizes = [];
+    ngOnInit() {
+        const baseSize = 12 / this.columns;
+        this.columnSizes = Array.from({ length: this.columns }, (_, i) => {
+            return `col-${baseSize}`;
+        });
+    }
+    get justifyClass() {
+        if (this.showLeftSkeleton && this.showRightSkeleton)
+            return "justify-content-between";
+        if (this.showLeftSkeleton)
+            return "justify-content-start";
+        if (this.showRightSkeleton)
+            return "justify-content-end";
+        return null;
+    }
+    getRows() {
+        return new Array(this.rows);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns", showLeftSkeleton: "showLeftSkeleton", showRightSkeleton: "showRightSkeleton" }, ngImport: i0, template: "<div class=\"skeletonTable\">\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\n\t\t</div>\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\n\t\t</div>\n\t</div>\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12 px-0 mb-2\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\n\t\t</div>\n\t</div>\n\t@for (row of getRows(); track $index) {\n\t<div class=\"row borderBottomRow\">\n\t\t@for (column of columnSizes; track $index) {\n\t\t<div class=\"{{ column }} px-0\">\n\t\t\t<div class=\"bodyPaddingTable\">\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\n\t\t\t</div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: SkeletonTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-skeleton-table", imports: [CommonModule, SkeletonModule], template: "<div class=\"skeletonTable\">\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\n\t\t</div>\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\n\t\t</div>\n\t</div>\n\n\t<div class=\"row\">\n\t\t<div class=\"col-12 px-0 mb-2\">\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\n\t\t</div>\n\t</div>\n\t@for (row of getRows(); track $index) {\n\t<div class=\"row borderBottomRow\">\n\t\t@for (column of columnSizes; track $index) {\n\t\t<div class=\"{{ column }} px-0\">\n\t\t\t<div class=\"bodyPaddingTable\">\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\n\t\t\t</div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>\n" }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], showLeftSkeleton: [{
+                type: Input
+            }], showRightSkeleton: [{
+                type: Input
+            }] } });
+
+class EchartComponent {
+    el;
+    platformId;
+    config;
+    id;
+    renderer = "canvas";
+    containerStyle = {
+        width: "100%",
+        height: "400px",
+    };
+    event = new EventEmitter();
+    chart;
+    constructor(el, platformId) {
+        this.el = el;
+        this.platformId = platformId;
+    }
+    ngAfterViewInit() {
+        const chartElement = this.el.nativeElement.querySelector(`#${this.id}_plot`);
+        if (!this.config) {
+            throw new Error("Chart configuration is not set");
+        }
+        if (!isPlatformBrowser(this.platformId)) {
+            throw new Error("Platform is not browser");
+        }
+        if (!chartElement) {
+            throw new Error("Plot area not found");
+        }
+        this.initChart(chartElement);
+    }
+    refreshChart() {
+        this.chart.setOption(this.config);
+    }
+    resize() {
+        if (this.chart) {
+            setTimeout(() => {
+                this.chart.resize();
+            }, 1);
+        }
+    }
+    initChart(chartElement) {
+        const observer = new ResizeObserver(() => this.resize());
+        this.chart = echarts.init(chartElement, null, { renderer: this.renderer });
+        this.chart.setOption(this.config);
+        this.chart.on("click", params => {
+            this.event.emit(params);
+        });
+        observer.observe(chartElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: EchartComponent, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: EchartComponent, isStandalone: true, selector: "intelica-echart", inputs: { config: "config", id: "id", renderer: "renderer", containerStyle: "containerStyle" }, outputs: { event: "event" }, ngImport: i0, template: "<div [id]=\"id + '_plot'\" class=\"chart\" [ngStyle]=\"containerStyle\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: EchartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-echart", imports: [CommonModule], template: "<div [id]=\"id + '_plot'\" class=\"chart\" [ngStyle]=\"containerStyle\"></div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { config: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], renderer: [{
+                type: Input
+            }], containerStyle: [{
+                type: Input
+            }], event: [{
+                type: Output
+            }] } });
+
+class PageElementService {
+    _http = inject(HttpClient);
+    _configService = inject(ConfigService);
+    GetElements(pageRoot) {
+        return this._http.get(`${this._configService.environment?.securityPath}/Page/GetAvailableElementsByPageRoot/${pageRoot}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: PageElementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: PageElementService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: PageElementService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+class ElementService {
+    Elements = [];
+    PageRoot = "";
+    pageElementService = inject(PageElementService);
+    Initialize$(pageRootValue) {
+        if (!pageRootValue)
+            return of();
+        this.PageRoot = pageRootValue;
+        return this.pageElementService.GetElements(this.PageRoot).pipe(tap(elements => (this.Elements = elements)), map(() => void 0));
+    }
+    HasElement(description) {
+        return this.Elements.some(x => x.elementDescription === description);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ElementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ElementService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: ElementService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+function darkenColor(input, amount = 0.2) {
+    const clamp = (v) => Math.max(0, Math.min(255, v));
+    const toHex = (v) => v.toString(16).padStart(2, '0');
+    if (input.startsWith('#')) {
+        const r = parseInt(input.slice(1, 3), 16);
+        const g = parseInt(input.slice(3, 5), 16);
+        const b = parseInt(input.slice(5, 7), 16);
+        return `#${toHex(clamp(Math.round(r * (1 - amount))))}${toHex(clamp(Math.round(g * (1 - amount))))}${toHex(clamp(Math.round(b * (1 - amount))))}`;
+    }
+    const m = input.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/i);
+    if (m) {
+        const r = clamp(Math.round(+m[1] * (1 - amount)));
+        const g = clamp(Math.round(+m[2] * (1 - amount)));
+        const b = clamp(Math.round(+m[3] * (1 - amount)));
+        const a = m[4] !== undefined ? `, ${m[4]}` : '';
+        return `rgba(${r}, ${g}, ${b}${a})`;
+    }
+    return input;
+}
+
+class FormatAmountPipe {
+    transform(value, shortFormat = false, decimalPlaces = 2, validNegative = false) {
+        if (value === null || value === undefined || value == 0) {
+            return "-";
+        }
+        const numericValue = typeof value === "string" ? Number.parseFloat(value) : value;
+        if (Number.isNaN(numericValue)) {
+            return "-";
+        }
+        let formattedValue;
+        if (shortFormat) {
+            formattedValue = this.getShortFormat(numericValue, decimalPlaces);
+        }
+        else {
+            formattedValue = this.formatWithThousandSeparators(numericValue, decimalPlaces);
+        }
+        if (validNegative) {
+            if (numericValue < 0) {
+                formattedValue = `(${formattedValue})`;
+            }
+        }
+        return formattedValue;
+    }
+    getShortFormat(value, decimalPlaces) {
+        const absValue = Math.abs(value);
+        const suffixes = [
+            { limit: 1e12, suffix: "T" },
+            { limit: 1e9, suffix: "B" },
+            { limit: 1e6, suffix: "M" },
+            { limit: 1e3, suffix: "K" },
+        ];
+        for (const { limit, suffix } of suffixes) {
+            if (absValue >= limit) {
+                return (absValue / limit).toFixed(decimalPlaces) + suffix;
+            }
+        }
+        return absValue.toFixed(decimalPlaces);
+    }
+    formatWithThousandSeparators(value, decimalPlaces) {
+        const absValue = Math.abs(value);
+        return new Intl.NumberFormat("en-US", {
+            minimumFractionDigits: decimalPlaces,
+            maximumFractionDigits: decimalPlaces,
+        }).format(absValue);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: FormatAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.23", ngImport: i0, type: FormatAmountPipe, isStandalone: true, name: "amount" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: FormatAmountPipe, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: FormatAmountPipe, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }, {
+            type: Pipe,
+            args: [{
+                    name: "amount",
+                }]
+        }] });
+
+class EchartService {
+    _formatAmountPipe = inject(FormatAmountPipe);
+    /// Chart Generals
+    getDefultAxisConfiguration(type, data, showAxis = true, showSplitLine = false) {
+        return {
+            show: showAxis,
+            type: type,
+            data: data,
+            axisTick: {
+                show: false,
+            },
+            axisLine: {
+                show: false,
+                lineStyle: { color: getColor("gray"), type: "dashed" },
+            },
+            splitLine: {
+                show: showSplitLine,
+                // lineStyle: {
+                // 	color: Color.gray,
+                // 	type: "dashed",
+                // 	width: 1,
+                // },
+                lineStyle: { width: 1, color: Color.gray, type: [5, 5], cap: "round" },
+            },
+            axisLabel: {
+                fontFamily: "Lato, sans-serif",
+                show: true,
+                // show: showAxis,
+                color: Color.gray3,
+                fontSize: 14,
+                padding: 10,
+            },
+        };
+    }
+    getCategoryAxisConfiguration(data) {
+        return this.getDefultAxisConfiguration("category", data, true);
+    }
+    getValueAxisConfiguration(showAxis = true, format = true, showAxisLines = true) {
+        let axisConfiguration = this.getDefultAxisConfiguration("value", undefined, showAxis, showAxisLines);
+        if (format) {
+            axisConfiguration.axisLabel.formatter = (value) => {
+                const formatted = this._formatAmountPipe.transform(value, true, 0, true);
+                return formatted === "-" ? 0 : formatted;
+            };
+        }
+        return axisConfiguration;
+    }
+    getGridConfiguration() {
+        return {
+            // left: "0%",
+            // right: "0%",
+            // //bottom: '0%',
+            // containLabel: true,
+            left: 0,
+            right: 0,
+            top: 20,
+            bottom: 40,
+            containLabel: true,
+        };
+    }
+    getLegendConfiguration() {
+        return {
+            // orient: "horizontal", // 'horizontal | vertical'
+            // icon: "circle",
+            // bottom: 5,
+            // align: "auto",
+            // itemGap: 20,
+            // textStyle: { color: Color.blue, fontSize: 14 },
+            data: [{ name: "Expenses", icon: "circle" }],
+            bottom: 0,
+            textStyle: {
+                color: "#4E546F",
+                fontFamily: "Lato, sans-serif",
+                fontSize: 12,
+                lineHeight: 12,
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemGap: 25,
+            align: "left",
+        };
+    }
+    /**
+     *
+     * @param color - Color of the tooltip
+     * @param title - Title of the tooltip
+     * @param body - Body of the tooltip
+     * @returns - Tooltip HTML string
+     */
+    getTooltipFormatter(color, title, body) {
+        const titleHtml = title.length > 0
+            ? `
+			<b style=" font-size: 13px;">${title} </b><br>
+			<hr style="border: 1px solid ${color}; margin: 4px 0;">`
+            : "";
+        return `
+	 	<div style="font-size: 12px; boder-color: ${color}; color: ${color}; border-radius: 6px; min-width: 120px; text-align: center;">
+			${titleHtml}
+			${body}
+		</div>
+	  `;
+    }
+    /// Charts Configuration
+    /// BAR CHARTS
+    /**
+     *
+     * @param categories - Array of categories for the x-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the bars
+     * @param tooltipConfig - Optional tooltip configuration for the bars
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the bar chart
+     */
+    getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend = false) {
+        return {
+            textStyle: { fontFamily: "Lato, sans-serif" },
+            xAxis: this.getCategoryAxisConfiguration(categories),
+            yAxis: this.getValueAxisConfiguration(),
+            series: [
+                ...series.map((item) => ({
+                    type: "bar",
+                    name: item.name,
+                    itemStyle: { color: item.color, borderRadius: 8 },
+                    data: item.value,
+                    barWidth: "33%",
+                    barGap: "0%",
+                    label: {
+                        show: true,
+                        position: "top",
+                        color: Color.blue,
+                        fontSize: 12,
+                        formatter: labelConfig,
+                    },
+                })),
+            ],
+            tooltip: {
+                trigger: "item",
+                backgroundColor: "#FFFFFF",
+                borderWidth: 2,
+                textStyle: { fontSize: 12 },
+                formatter: tooltipConfig,
+                appendTo: "body",
+            },
+            grid: this.getGridConfiguration(),
+            legend: showLegend ? this.getLegendConfiguration() : undefined,
+        };
+    }
+    /**
+     *
+     * @param categories - Array of categories for the x-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the bars
+     * @param tooltipConfig - Optional tooltip configuration for the bars
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the bar chart
+     */
+    getBarChartStackOptions(categories, series, labelConfig, tooltipConfig, showLegend = false) {
+        let barBase = this.getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend);
+        barBase.series.forEach((serie, index) => {
+            // serie.barWidth = "50%";
+            // serie.barGap = "0%";
+            serie.barCategoryGap = "10%";
+            serie.stack = "total";
+            if (index < series.length - 1) {
+                serie.label = undefined;
+            }
+        });
+        return barBase;
+    }
+    /**
+     *
+     * @param categories - Array of categories for the y-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the bars
+     * @param tooltipConfig - Optional tooltip configuration for the bars
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the bar chart
+     */
+    getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend = false, enableSelectStyle = false // 👈 nuevo
+    ) {
+        let barBase = this.getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend);
+        barBase.xAxis = this.getValueAxisConfiguration(false, true, false);
+        barBase.yAxis = this.getCategoryAxisConfiguration(categories);
+        barBase.series.forEach((serie, idx) => {
+            if (serie.label) {
+                serie.label.position = "right";
+            }
+            const baseColor = serie.itemStyle?.color ?? (series[idx] && series[idx].color) ?? "#FF8A00";
+            serie.itemStyle = {
+                ...(serie.itemStyle || {}),
+                color: baseColor,
+                borderWidth: 0,
+            };
+            if (enableSelectStyle) {
+                serie.selectedMode = "single";
+                const selectedColor = darkenColor(String(baseColor), 0.38);
+                serie.select = {
+                    itemStyle: {
+                        color: selectedColor,
+                        borderWidth: 0,
+                    },
+                };
+            }
+        });
+        if (barBase.grid) {
+            barBase.grid.left = "10%";
+            barBase.grid.right = "10%";
+            barBase.grid.bottom = "10%";
+            barBase.grid.containLabel = true;
+        }
+        return barBase;
+    }
+    /**
+     *
+     * @param categories - Array of categories for the y-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the bars
+     * @param tooltipConfig - Optional tooltip configuration for the bars
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the bar chart
+     */
+    getBarChartHorizontalStackOptions(categories, series, labelConfig, tooltipConfig, showLegend = false) {
+        let barBase = this.getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend);
+        barBase.series.forEach((serie, index) => {
+            // serie.barWidth = "50%";
+            // serie.barGap = "0%";
+            serie.barCategoryGap = "10%";
+            serie.stack = "total";
+            if (serie.label) {
+                serie.label.position = "right";
+            }
+            if (index < series.length - 1) {
+                serie.label = undefined;
+            }
+        });
+        if (barBase.grid) {
+            barBase.grid.left = "10%";
+            barBase.grid.right = "10%";
+            barBase.grid.bottom = "10%";
+            barBase.grid.containLabel = true;
+        }
+        return barBase;
+    }
+    /**
+     *
+     * @param categories - Array of categories for the y-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the bars
+     * @param tooltipConfig - Optional tooltip configuration for the bars
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the bar chart
+     */
+    getBarChartTopOptions(categories, series, categoryWidth = 240, labelConfig, tooltipConfig, showLegend = false, categoryFormatter) {
+        const barBase = this.getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend, true);
+        if (barBase.yAxis) {
+            const y = barBase.yAxis;
+            const gr = barBase.grid;
+            const defaultCategoryFormatter = (value, index) => {
+                const sangriaBase = "\u2008\u2008\u2008\u2008\u2008\u2008\u2009";
+                const lineLength = 35;
+                const text = String(value ?? "");
+                const prefix = `${index + 1} - `;
+                const digitCount = String(index + 1).length;
+                let extraRepeat = 0;
+                if (digitCount === 2)
+                    extraRepeat = 2;
+                else if (digitCount === 3)
+                    extraRepeat = 5;
+                const sangria = sangriaBase + "\u2008".repeat(extraRepeat);
+                const words = text.split(" ");
+                const lines = [];
+                let current = "";
+                for (const w of words) {
+                    const test = current ? `${current} ${w}` : w;
+                    if (test.length <= lineLength)
+                        current = test;
+                    else {
+                        if (current)
+                            lines.push(current);
+                        current = w;
+                    }
+                }
+                if (current)
+                    lines.push(current);
+                return prefix + lines.map((ln, i) => (i === 0 ? ln : `${sangria}${ln}`)).join("\n");
+            };
+            // y.inverse = true;
+            // y.axisLabel = {
+            // 	...y.axisLabel,
+            // 	color: Color.blue,
+            // 	fontSize: 12,
+            // 	width: categoryWidth,
+            // 	overflow: "break",
+            // 	align: "left",
+            // 	verticalAlign: "middle",
+            // 	margin: categoryWidth + 30,
+            // 	lineHeight: 16,
+            // 	formatter: categoryFormatter || defaultCategoryFormatter,
+            // };
+            gr.top = "0%";
+            gr.left = -1 * categoryWidth + 60;
+            gr.right = 20;
+            gr.bottom = "0%";
+            gr.containLabel = true;
+        }
+        barBase.series.forEach(serie => {
+            serie.label = {
+                ...(serie.label || {}),
+                formatter: labelConfig,
+            };
+        });
+        return barBase;
+    }
+    /// LINE CHARTS
+    /**
+     *
+     * @param categories - Array of categories for the x-axis
+     * @param series - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration for the lines
+     * @param tooltipConfig - Optional tooltip configuration for the lines
+     * @param showLegend - Optional flag to show the legend
+     * @returns - EChartsOption - Configuration object for the line chart
+     */
+    getLineChartOptions(categories, series, labelConfig, tooltipConfig, showLegend = false) {
+        return {
+            xAxis: this.getCategoryAxisConfiguration(categories),
+            yAxis: this.getValueAxisConfiguration(true, true, true),
+            series: [
+                ...series.map((item, seriesIndex) => ({
+                    type: "line",
+                    name: item.name,
+                    data: item.value,
+                    itemStyle: { color: item.color },
+                    symbol: "circle",
+                    symbolSize: 14,
+                    emphasis: {
+                        itemStyle: {
+                            color: item.color,
+                            borderColor: item.color + "40", // 40 ( hexadecimal ) = .25 ( decimal )
+                            borderWidth: 16,
+                        },
+                    },
+                })),
+            ],
+            tooltip: {
+                trigger: "item",
+                backgroundColor: "#FFFFFF",
+                borderWidth: 2,
+                textStyle: { fontSize: 12 },
+                formatter: tooltipConfig,
+                appendTo: "body	",
+            },
+            dataZoom: [
+                {
+                    type: "inside", // inside | slider
+                    show: true,
+                    height: 12,
+                    bottom: 10,
+                    backgroundColor: "#ddd",
+                    borderColor: "transparent",
+                    fillerColor: "rgba(150, 150, 150, 0.5)",
+                    handleSize: "80%",
+                    handleStyle: {
+                        color: "#A0A0A0",
+                        borderColor: "transparent",
+                        shadowBlur: 2,
+                        shadowColor: "rgba(0, 0, 0, 0.2)",
+                    },
+                    showDataShadow: false,
+                },
+                {
+                    type: "inside",
+                    showDataShadow: false,
+                },
+            ],
+            legend: showLegend ? this.getLegendConfiguration() : undefined,
+        };
+    }
+    /// PIE CHARTS
+    /**
+     *
+     * @param data - Array of series data, each containing name, value, and color
+     * @param labelConfig - Optional label configuration
+     * @param tooltipConfig - Optional tooltip configuration
+     * @returns - EChartsOption - Configuration object for the pie
+     */
+    getDoughnutPieOptions(data, labelConfig, tooltipConfig) {
+        return {
+            series: [
+                {
+                    data: data.map(item => ({
+                        ...item,
+                        itemStyle: { color: item.color },
+                    })),
+                    name: "Pie Chart",
+                    type: "pie",
+                    radius: ["40%", "70%"],
+                    avoidLabelOverlap: false,
+                    emphasis: {
+                        scale: true,
+                    },
+                    labelLine: {
+                        show: true,
+                        length: 15,
+                        length2: 20,
+                    },
+                    label: {
+                        show: true,
+                        position: "outside",
+                        color: Color.blue,
+                        fontSize: 14,
+                        formatter: labelConfig,
+                    },
+                },
+            ],
+            tooltip: {
+                trigger: "item",
+                formatter: tooltipConfig,
+                appendTo: "body",
+                // extraCssText: this.chartService.getTooltipCssText(),
+            },
+            legend: {
+                orient: "horizontal", // 'horizontal | vertical'
+                icon: "circle",
+                bottom: 5,
+                align: "auto",
+                itemGap: 20,
+                textStyle: { color: Color.blue, fontSize: 14 },
+            },
+        };
+    }
+    /**
+     *
+     * @param letter - text to show in the center of the pie
+     * @param value - rate	value
+     * @param textSize - size of the letter
+     * @param color - color of the letter and pie
+     * @param	total - total value for the pie (default is 100)
+     * @returns
+     */
+    getRateDoughnutPieOptions(letter, value, textSize, color, total = 100) {
+        const data = [
+            { name: letter, value: value, itemStyle: { color: color } },
+            {
+                name: "placeholder",
+                value: total - value,
+                itemStyle: { color: Color.gray5 },
+            },
+        ];
+        return {
+            tooltip: {
+                trigger: "none",
+                appendTo: "body",
+            },
+            series: [
+                {
+                    name: "RateDoughnutPie",
+                    type: "pie",
+                    tooltip: {
+                        trigger: "none",
+                    },
+                    radius: ["80%", "60%"],
+                    data: data,
+                    startAngle: 0,
+                    selectedMode: false,
+                    silent: true,
+                    label: {
+                        show: true,
+                        formatter: letter,
+                        color: color,
+                        position: "center",
+                        fontWeight: "bold",
+                        fontSize: textSize,
+                        fontFamily: "Arial",
+                        lineHeight: textSize * -0.22,
+                        align: "center",
+                        verticalAlign: "middle",
+                        backgroundColor: "transparent",
+                    },
+                },
+            ],
+        };
+    }
+    /**
+     * Semi doughnut gauge (half circle) with:
+     * - Progress arc
+     * - End dot
+     * - Center letter
+     *
+     * @param letter - Text to show in the center
+     * @param value - Current value
+     * @param textSize - Center letter font size
+     * @param color - Progress and end dot color
+     * @param total - Max value (default 100)
+     */
+    getRateSemiDoughnutOptions(letter, value, textSize, color, total = 100, bottomText) {
+        const safeTotal = total > 0 ? total : 100;
+        const safeValue = Math.max(0, Math.min(value, safeTotal));
+        const START_ANGLE = 210;
+        const END_ANGLE = -30;
+        const THICKNESS = 11;
+        const BACKGROUND_COLOR = "#D9D9E3";
+        const TEXT_COLOR = "#4F5470";
+        const MIN_LABEL = "0";
+        const MAX_LABEL = String(safeTotal);
+        const MIN_MAX_FONT_SIZE = 15;
+        const RADIUS = "96%";
+        const CENTER = ["50%", "50%"];
+        const dotSizePx = THICKNESS + 5;
+        const POINTER_LENGTH = "98%";
+        const option = {
+            tooltip: { trigger: "none", appendTo: "body" },
+            series: [
+                /* ================= GAUGE 1: PROGRESS ================= */
+                {
+                    type: "gauge",
+                    radius: RADIUS,
+                    center: CENTER,
+                    startAngle: START_ANGLE,
+                    endAngle: END_ANGLE,
+                    min: 0,
+                    max: safeTotal,
+                    pointer: { show: false },
+                    progress: {
+                        show: true,
+                        roundCap: true,
+                        width: THICKNESS,
+                        itemStyle: { color },
+                    },
+                    axisLine: {
+                        roundCap: true,
+                        lineStyle: {
+                            width: THICKNESS,
+                            color: [[1, BACKGROUND_COLOR]],
+                        },
+                    },
+                    axisTick: { show: false },
+                    splitLine: { show: false },
+                    axisLabel: { show: false },
+                    detail: {
+                        show: true,
+                        offsetCenter: [0, "8%"],
+                        formatter: () => (bottomText ? `{letter|${letter}}\n{bottom|${bottomText}}` : `{letter|${letter}}`),
+                        rich: {
+                            letter: {
+                                fontSize: textSize,
+                                fontWeight: 700,
+                                color: TEXT_COLOR,
+                                fontFamily: "Lato, sans-serif",
+                                lineHeight: textSize + 2,
+                                align: "center",
+                            },
+                            bottom: {
+                                fontSize: 16,
+                                fontWeight: 500,
+                                color: TEXT_COLOR,
+                                fontFamily: "Lato, sans-serif",
+                                lineHeight: 22,
+                                align: "center",
+                            },
+                        },
+                    },
+                    data: [
+                        {
+                            value: safeValue,
+                            name: "0",
+                            title: {
+                                show: true,
+                                formatter: () => MIN_LABEL,
+                                offsetCenter: ["-80%", "66%"],
+                                fontSize: MIN_MAX_FONT_SIZE,
+                                color: TEXT_COLOR,
+                            },
+                        },
+                        {
+                            value: safeValue,
+                            name: "100",
+                            title: {
+                                show: true,
+                                formatter: () => MAX_LABEL,
+                                offsetCenter: ["80%", "66%"],
+                                fontSize: MIN_MAX_FONT_SIZE,
+                                color: TEXT_COLOR,
+                            },
+                        },
+                    ],
+                },
+                /* ================= GAUGE 2: END DOT ================= */
+                {
+                    type: "gauge",
+                    radius: RADIUS,
+                    center: CENTER,
+                    startAngle: START_ANGLE,
+                    endAngle: END_ANGLE,
+                    min: 0,
+                    max: safeTotal,
+                    axisLine: { show: false },
+                    progress: { show: false },
+                    splitLine: { show: false },
+                    axisTick: { show: false },
+                    axisLabel: { show: false },
+                    detail: { show: false },
+                    pointer: {
+                        show: true,
+                        icon: "circle",
+                        length: POINTER_LENGTH,
+                        width: dotSizePx,
+                        itemStyle: {
+                            color,
+                            borderWidth: 0,
+                        },
+                    },
+                    data: [{ value: safeValue }],
+                },
+            ],
+        };
+        return option;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: EchartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: EchartService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: EchartService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class RequestCacheService {
+    cache = new Map();
+    maxEntries = 300;
+    defaultTtlMs = 5 * 60 * 1000;
+    getOrSet(key, factory, ttlMs = this.defaultTtlMs) {
+        this.removeExpiredEntries();
+        const now = Date.now();
+        const cached = this.cache.get(key);
+        if (cached && cached.expiresAt > now) {
+            return cached.value$;
+        }
+        const value$ = factory().pipe(shareReplay(1), catchError(error => {
+            this.cache.delete(key);
+            return throwError(() => error);
+        }));
+        this.cache.set(key, { value$, expiresAt: now + Math.max(ttlMs, 0) });
+        this.enforceCapacityLimit();
+        return value$;
+    }
+    invalidate(prefix) {
+        if (!prefix) {
+            this.cache.clear();
+            return;
+        }
+        for (const key of this.cache.keys()) {
+            if (key.startsWith(prefix)) {
+                this.cache.delete(key);
+            }
+        }
+    }
+    removeExpiredEntries() {
+        const now = Date.now();
+        for (const [key, entry] of this.cache.entries()) {
+            if (entry.expiresAt <= now) {
+                this.cache.delete(key);
+            }
+        }
+    }
+    enforceCapacityLimit() {
+        while (this.cache.size > this.maxEntries) {
+            const oldestKey = this.cache.keys().next().value;
+            if (!oldestKey)
+                break;
+            this.cache.delete(oldestKey);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: RequestCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: RequestCacheService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: RequestCacheService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+class TruncatePipe {
+    transform(value, size = 15, original = false) {
+        if (!value)
+            return value;
+        if (value.length <= size)
+            return value;
+        let truncateString = value.substring(0, size);
+        return !original ? `${truncateString}...` : truncateString.toUpperCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.23", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TruncatePipe, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }, {
+            type: Pipe,
+            args: [{
+                    name: "truncate",
+                }]
+        }] });
+
+class PageInformation {
+    pageTitle;
+    pageRoot;
+    constructor(pageTitle, pageRoot) {
+        this.pageTitle = pageTitle;
+        this.pageRoot = pageRoot;
+    }
+}
+
+// Public API Surface of intelica-library-project
+// Components
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColumnComponent, ColumnGroupComponent, EchartComponent, EchartService, ElementService, FormatAmountPipe, FormatCellPipe, OrderConstants, PageElementService, PageInformation, RequestCacheService, RowResumenComponent, SearchComponent, SearchInputEnum, SharedService, SkeletonTableComponent, SortingComponent, TableComponent, TableFetchComponent, TruncatePipe, darkenColor };
+//# sourceMappingURL=intelica-library-project.mjs.map