intelica-library-ui 0.1.24 → 0.1.25

package/fesm2022/intelica-library-ui.mjs

@@ -1,9 +1,27 @@
 import * as i0 from '@angular/core';
-import { Component, inject, Injectable, signal, Pipe } from '@angular/core';
+import { Component, inject, Injectable, signal, Pipe, TemplateRef, ContentChild, Input, Directive, EventEmitter, forwardRef, Output, HostListener, ContentChildren, ViewChild } from '@angular/core';
 import { getCookie, Cookies, setCookie } from 'typescript-cookie';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { BehaviorSubject, catchError, throwError, from, switchMap } from 'rxjs';
+import { BehaviorSubject, catchError, throwError, from, switchMap, Subject } from 'rxjs';
 import Swal from 'sweetalert2';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$2 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import { BadgeModule } from 'primeng/badge';
+import { Popover } from 'primeng/popover';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+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 { InputText } from 'primeng/inputtext';
+import * as i2$1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import moment from 'moment';
+import * as _ from 'lodash';
+import * as i3 from 'primeng/api';
 
 class IntelicaLibraryUiComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: IntelicaLibraryUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -379,9 +397,1116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             args: [{ selector: "app-spinner", imports: [], template: "@if (isLoading()){\r\n<div id=\"overlay\">\r\n\t<div class=\"loading\">\r\n\t\t<div class=\"content-center\">\r\n\t\t\t<img alt=\"Intelica\" [src]=\"LoadingLogo\" />\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n}\r\n", styles: ["#overlay{position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#00000080;z-index:9999;cursor:pointer}.loading{height:100vh;width:100%;position:fixed;top:0;left:0;text-align:center;background-color:#d9d9d8f2}.loading img{width:150px}.content-center{left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);width:90%}\n"] }]
         }] });
 
+class ColumnComponent {
+    field;
+    header;
+    sortable = false;
+    width;
+    className;
+    headerTooltip = "";
+    headerTooltipPosition = "top";
+    tooltip = "";
+    tooltipPosition = "top";
+    showIndex = false;
+    templateRef;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: ColumnComponent, isStandalone: true, selector: "intelica-column", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", className: "className", headerTooltip: "headerTooltip", headerTooltipPosition: "headerTooltipPosition", tooltip: "tooltip", tooltipPosition: "tooltipPosition", showIndex: "showIndex" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Directive,
+            args: [{ selector: "intelica-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
+            }], templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+var SearchInputEnum;
+(function (SearchInputEnum) {
+    SearchInputEnum["OperatorId"] = "operatorId";
+    SearchInputEnum["FieldId"] = "fieldId";
+    SearchInputEnum["SearchText"] = "searchText";
+})(SearchInputEnum || (SearchInputEnum = {}));
+
+class SearchComponent {
+    /**
+     * Indica el componente del que proviene.
+     * @type {string}
+     */
+    ComponentId = "";
+    /**
+     * 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 = "Search a value in";
+        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: "",
+        });
+    }
+    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: "19.2.1", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SearchComponent, isStandalone: true, selector: "intelica-search", inputs: { ComponentId: "ComponentId", 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\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\">\r\n\t\t\t<div class=\"prSearchBar__dropdown--label\" [pTooltip]=\"GetSelectedValues()\" tooltipPosition=\"top\">{{ GetSelectedFieldValue() }}</div>\r\n\t\t\t<div class=\"prSearchBar__dropdown--icon\">\r\n\t\t\t\t<i [ngClass]=\"IsDropdownOpen ? 'icon-arrow-up' : 'icon-arrow-down'\"></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<p-popover #op (onShow)=\"DropDownChange(true)\" (onHide)=\"DropDownChange(false)\" class=\"prSearchBar__popover\">\r\n\t\t\t<div class=\"searchDropDown\">\r\n\t\t\t\t<div class=\"searchDropDown__group\">\r\n\t\t\t\t\t<div class=\"searchDropDown__title\">Select an operator</div>\r\n\t\t\t\t\t<div class=\"searchDropDown__listOption\">\r\n\t\t\t\t\t\t@for ( option of SearchOperatorOptions ; track option.id; let index = $index){\r\n\t\t\t\t\t\t<div class=\"searchDropDown__option\">\r\n\t\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"operatorId\" (change)=\"OnSearchKeyup()\" />\r\n\t\t\t\t\t\t\t<label [for]=\"ComponentId + option.id\" class=\"prRadioButton--label\">{{ option.value }}</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<hr />\r\n\t\t\t\t<div class=\"searchDropDown__group\">\r\n\t\t\t\t\t<div class=\"searchDropDown__title\">Select a field</div>\r\n\t\t\t\t\t@for ( option of SearchFieldOptions ; track option.id; let index = $index){\r\n\t\t\t\t\t<div class=\"searchDropDown__option\">\r\n\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"fieldId\" (change)=\"OnSearchKeyup()\" />\r\n\t\t\t\t\t\t<label [for]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton--label\">{{ option.value }}</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</p-popover>\r\n\t\t<div class=\"prSearchBar__content\">\r\n\t\t\t<div class=\"prSearchBar__btn\">\r\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"ClearSearchText()\" *ngIf=\"HasSearchText\">\r\n\t\t\t\t\t<i class=\"icon-times\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"OnSearch()\">\r\n\t\t\t\t\t<i class=\"icon-search\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<input pInputText type=\"text\" class=\"prSearchBar__input\" formControlName=\"searchText\" [placeholder]=\"Placeholder\" (keyup.enter)=\"OnSearchEnter()\" (keyup)=\"OnSearchKeyup()\" />\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\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", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], 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: ["variant", "fluid", "pSize"] }, { 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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-search", imports: [FormsModule, ReactiveFormsModule, RadioButtonModule, Popover, InputText, CommonModule, TooltipModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SearchComponent),
+                        },
+                    ], template: "<form [formGroup]=\"SearchForm\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\">\r\n\t\t\t<div class=\"prSearchBar__dropdown--label\" [pTooltip]=\"GetSelectedValues()\" tooltipPosition=\"top\">{{ GetSelectedFieldValue() }}</div>\r\n\t\t\t<div class=\"prSearchBar__dropdown--icon\">\r\n\t\t\t\t<i [ngClass]=\"IsDropdownOpen ? 'icon-arrow-up' : 'icon-arrow-down'\"></i>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<p-popover #op (onShow)=\"DropDownChange(true)\" (onHide)=\"DropDownChange(false)\" class=\"prSearchBar__popover\">\r\n\t\t\t<div class=\"searchDropDown\">\r\n\t\t\t\t<div class=\"searchDropDown__group\">\r\n\t\t\t\t\t<div class=\"searchDropDown__title\">Select an operator</div>\r\n\t\t\t\t\t<div class=\"searchDropDown__listOption\">\r\n\t\t\t\t\t\t@for ( option of SearchOperatorOptions ; track option.id; let index = $index){\r\n\t\t\t\t\t\t<div class=\"searchDropDown__option\">\r\n\t\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"operatorId\" (change)=\"OnSearchKeyup()\" />\r\n\t\t\t\t\t\t\t<label [for]=\"ComponentId + option.id\" class=\"prRadioButton--label\">{{ option.value }}</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<hr />\r\n\t\t\t\t<div class=\"searchDropDown__group\">\r\n\t\t\t\t\t<div class=\"searchDropDown__title\">Select a field</div>\r\n\t\t\t\t\t@for ( option of SearchFieldOptions ; track option.id; let index = $index){\r\n\t\t\t\t\t<div class=\"searchDropDown__option\">\r\n\t\t\t\t\t\t<p-radiobutton [inputId]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton\" [value]=\"option.id\" formControlName=\"fieldId\" (change)=\"OnSearchKeyup()\" />\r\n\t\t\t\t\t\t<label [for]=\"ComponentId + 'fieldId_' + option.id\" class=\"prRadioButton--label\">{{ option.value }}</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</p-popover>\r\n\t\t<div class=\"prSearchBar__content\">\r\n\t\t\t<div class=\"prSearchBar__btn\">\r\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"ClearSearchText()\" *ngIf=\"HasSearchText\">\r\n\t\t\t\t\t<i class=\"icon-times\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button pButton type=\"button\" class=\"prSearchBar__btn-action\" (click)=\"OnSearch()\">\r\n\t\t\t\t\t<i class=\"icon-search\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<input pInputText type=\"text\" class=\"prSearchBar__input\" formControlName=\"searchText\" [placeholder]=\"Placeholder\" (keyup.enter)=\"OnSearchEnter()\" (keyup)=\"OnSearchKeyup()\" />\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { ComponentId: [{
+                type: Input
+            }], SearchFieldOptions: [{
+                type: Input
+            }], SearchOnKeyup: [{
+                type: Input
+            }], SimpleSearchInput: [{
+                type: Input
+            }], Placeholder: [{
+                type: Input
+            }], OnSearchEvent: [{
+                type: Output,
+                args: ["OnSearch"]
+            }] } });
+
+class PositiveNumberDirective {
+    el;
+    constructor(el) {
+        this.el = el;
+    }
+    onInputChange(event) {
+        const initalValue = this.el.nativeElement.value;
+        this.el.nativeElement.value = initalValue.replace(/[^0-9]*/g, "");
+        if (initalValue !== this.el.nativeElement.value) {
+            event.stopPropagation();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PositiveNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: PositiveNumberDirective, isStandalone: true, selector: "[positiveNumber]", host: { listeners: { "input": "onInputChange($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PositiveNumberDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[positiveNumber]",
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInputChange: [{
+                type: HostListener,
+                args: ["input", ["$event"]]
+            }] } });
+
+class PaginatorComponent {
+    /**
+     * Número total de elementos que se están paginando.
+     * @type {number}
+     */
+    TotalItems = 0;
+    /**
+     * Página actual.
+     * @type {number}
+     */
+    CurrentPage = 1;
+    /**
+     * Número de elementos por página.
+     * @type {number}
+     * @default 10
+     */
+    ItemsPerPage = 10;
+    /**
+     * Evento emitido cuando cambia la página.
+     * @type {EventEmitter<any>}
+     */
+    PageChange = new EventEmitter();
+    /**
+     * Número total de páginas calculado internamente.
+     * @type {number}
+     */
+    TotalPages = 1;
+    ngOnChanges(changes) {
+        this.TotalPageCalculator();
+    }
+    TotalPageCalculator() {
+        this.TotalPages = Math.ceil(this.TotalItems / this.ItemsPerPage);
+    }
+    GoToFirstPage() {
+        this.CurrentPage = 1;
+        this.EmitPageChange();
+    }
+    GoToPreviousPage() {
+        const pageNumber = Number(this.CurrentPage);
+        this.CurrentPage = isNaN(pageNumber) || pageNumber === 0 ? 1 : pageNumber;
+        if (this.CurrentPage > 1)
+            this.CurrentPage -= 1;
+        this.EmitPageChange();
+    }
+    GoToNextPage() {
+        const pageNumber = Number(this.CurrentPage);
+        this.CurrentPage = isNaN(pageNumber) ? 0 : pageNumber;
+        if (this.CurrentPage < this.TotalPages)
+            this.CurrentPage += 1;
+        this.EmitPageChange();
+    }
+    GoToLastPage() {
+        this.CurrentPage = this.TotalPages;
+        this.EmitPageChange();
+    }
+    EmitPageChange() {
+        this.PageChange.emit(this.CurrentPage);
+    }
+    onKeyUp(event) {
+        const eventValue = event.target.value;
+        if (eventValue === "" || isNaN(parseInt(eventValue)) || eventValue === "0" || eventValue.indexOf("-") >= 0) {
+            this.CurrentPage = 1;
+            this.EmitPageChange();
+            return;
+        }
+        this.CurrentPage = parseInt(eventValue);
+        if (this.CurrentPage > this.TotalPages) {
+            this.CurrentPage = this.TotalPages;
+        }
+        this.EmitPageChange();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: PaginatorComponent, isStandalone: true, selector: "intelica-paginator", inputs: { TotalItems: "TotalItems", CurrentPage: "CurrentPage", ItemsPerPage: "ItemsPerPage" }, outputs: { PageChange: "PageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"prPaginator\">\r\n\t<span class=\"prPaginator__info\">{{ TotalItems }} Records</span>\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<input pInputText type=\"text\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">Of {{ TotalPages }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ 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: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: PositiveNumberDirective, selector: "[positiveNumber]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-paginator", imports: [FormsModule, ButtonModule, PositiveNumberDirective], template: "<div class=\"prPaginator\">\r\n\t<span class=\"prPaginator__info\">{{ TotalItems }} Records</span>\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<input pInputText type=\"text\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">Of {{ TotalPages }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n" }]
+        }], propDecorators: { TotalItems: [{
+                type: Input
+            }], CurrentPage: [{
+                type: Input
+            }], ItemsPerPage: [{
+                type: Input
+            }], PageChange: [{
+                type: Output
+            }] } });
+
+class FormatDateConstants {
+    static DMYY = "d/M/yy";
+    static MMYY = "MMMM yyyy";
+    static YYMD = "yyMd";
+    static DMYY_MOMENT = "D/M/YY";
+    static YYMD_MOMENT = "YYMD";
+    static DDMMYYYY = "dd_MM_YYYY";
+    static DDMMYYYY_ = "DD/MM/YYYY";
+    static YYYYMMDD = "YYYY-MM-DD";
+    static YYYYMMDD_ = "yyyyMMdd";
+    static YYYYMMDD_SLASH = "YYYY/MM/DD";
+}
+
+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, 1).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) {
+            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) => (typeof elm[column] === "string" ? elm[column].toLowerCase() : elm[column])], [criteria]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, deps: [{ token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SharedService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Location }] });
+
+class TableComponent {
+    SharedService = inject(SharedService);
+    ComponentId = "";
+    ListData = [];
+    ShowSearch = false;
+    ListSearchOptions = [];
+    ShowPagination = false;
+    RowsPerPage = 10;
+    ShowCheckbox = false;
+    ListDataSelected = [];
+    SelectedIdentifier = null;
+    ColumnList = [];
+    ListDataFilter = [];
+    ListDataTable = [];
+    ListDataSelectedFilter = [];
+    ListDataSelectedTemp = [];
+    ListSearchOptionsSimple = [];
+    TotalRecords = 0;
+    CurrentPage = 1;
+    SortOrder = 1;
+    SortField = null;
+    EmmitSelectedItem = new EventEmitter();
+    PaginatorTable;
+    SearchTable;
+    Columns;
+    constructor() { }
+    ngOnChanges(changes) {
+        this.LoadSearchOptions();
+        this.ExecuteSearch({});
+        this.ValidateSelect();
+    }
+    ngAfterContentInit() {
+        this.ColumnList = this.Columns.toArray();
+    }
+    LoadSearchOptions() {
+        this.ListSearchOptionsSimple = this.ListSearchOptions.map(item => ({
+            id: item.id,
+            value: item.name,
+        }));
+    }
+    OnSort(field) {
+        if (this.SortField === field) {
+            this.SortOrder *= -1;
+        }
+        else {
+            this.SortField = field;
+            this.SortOrder = 1;
+        }
+        this.SortPages();
+    }
+    OnPageChange(pageIndex) {
+        this.CurrentPage = pageIndex;
+        this.UpdatePages();
+    }
+    ExecuteSearch(event) {
+        this.ListDataFilter = [...this.ListData];
+        if (event?.searchText !== undefined && event?.searchText !== "" && this.ListSearchOptions.length > 0) {
+            let Search = event.searchText?.trim()?.toLowerCase();
+            let searchValue = this.ListSearchOptions.find(item => item.id === event.fieldId)?.field || "code";
+            this.ListDataFilter = this.SharedService.GetFilteredSearchKey([...this.ListData], searchValue, Search, event.operatorId);
+            if (this.PaginatorTable) {
+                this.PaginatorTable.CurrentPage = 1;
+                this.CurrentPage = 1;
+            }
+        }
+        this.SortPages();
+    }
+    SortPages() {
+        const order = this.SortOrder === 1 ? "asc" : "desc";
+        const field = this.SortField;
+        this.ListDataFilter = this.SharedService.SortRecursive([...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];
+    }
+    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.EmmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    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.EmmitSelectedItem.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.EmmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TableComponent, isStandalone: true, selector: "intelica-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowSearch: "ShowSearch", ListSearchOptions: "ListSearchOptions", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier" }, outputs: { EmmitSelectedItem: "EmmitSelectedItem" }, queries: [{ propertyName: "Columns", predicate: ColumnComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n\t<div class=\"prTableTools\">\r\n\t\t<intelica-search\r\n\t\t\t#searchTable\r\n\t\t\t*ngIf=\"ShowSearch\"\r\n\t\t\t[ComponentId]=\"ComponentId + 'Search'\"\r\n\t\t\t(OnSearch)=\"ExecuteSearch($event)\"\r\n\t\t\t[SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n\t\t\t[SearchOnKeyup]=\"false\"\r\n\t\t\t[SimpleSearchInput]=\"false\"\r\n\t\t></intelica-search>\r\n\t\t<intelica-paginator #paginatorTable *ngIf=\"ShowPagination\" [TotalItems]=\"ListDataFilter.length\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[value]=\"ListDataTable\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\"\r\n\t\t(onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\r\n\t>\r\n\t\t<!-- Encabezados -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<tr>\r\n\t\t\t\t<th *ngFor=\"let col of ColumnList\" [class]=\"col.className\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.width]=\"col.width\" (click)=\"OnSort(col.field)\">\r\n\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">\r\n\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t</th>\r\n\t\t\t\t<th *ngIf=\"ShowCheckbox\" class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- Cuerpo de la tabla -->\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\">\r\n\t\t\t\t\t<ng-container *ngIf=\"col.showIndex; else columnContent\">\r\n\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t<ng-template #columnContent>\r\n\t\t\t\t\t\t<ng-container *ngIf=\"col.templateRef; else defaultContent\">\r\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t<ng-template #defaultContent>\r\n\t\t\t\t\t\t\t<span pTooltip=\"{{ rowData[col.tooltip] }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td *ngIf=\"ShowCheckbox\" class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$2.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-table", standalone: true, imports: [CommonModule, SearchComponent, PaginatorComponent, TableModule, BadgeModule, Popover, ColumnComponent, TooltipModule], template: "<div class=\"prTable\">\r\n\t<div class=\"prTableTools\">\r\n\t\t<intelica-search\r\n\t\t\t#searchTable\r\n\t\t\t*ngIf=\"ShowSearch\"\r\n\t\t\t[ComponentId]=\"ComponentId + 'Search'\"\r\n\t\t\t(OnSearch)=\"ExecuteSearch($event)\"\r\n\t\t\t[SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n\t\t\t[SearchOnKeyup]=\"false\"\r\n\t\t\t[SimpleSearchInput]=\"false\"\r\n\t\t></intelica-search>\r\n\t\t<intelica-paginator #paginatorTable *ngIf=\"ShowPagination\" [TotalItems]=\"ListDataFilter.length\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[value]=\"ListDataTable\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[(selection)]=\"ListDataSelectedFilter\"\r\n\t\t(onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n\t\t(onRowSelect)=\"OnRowSelect($event)\"\r\n\t\t(onRowUnselect)=\"OnRowUnselect($event)\"\r\n\t>\r\n\t\t<!-- Encabezados -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<tr>\r\n\t\t\t\t<th *ngFor=\"let col of ColumnList\" [class]=\"col.className\" [pSortableColumn]=\"col.sortable ? col.field : ''\" [style.width]=\"col.width\" (click)=\"OnSort(col.field)\">\r\n\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">\r\n\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t</th>\r\n\t\t\t\t<th *ngIf=\"ShowCheckbox\" class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- Cuerpo de la tabla -->\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\">\r\n\t\t\t\t\t<ng-container *ngIf=\"col.showIndex; else columnContent\">\r\n\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t<ng-template #columnContent>\r\n\t\t\t\t\t\t<ng-container *ngIf=\"col.templateRef; else defaultContent\">\r\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t<ng-template #defaultContent>\r\n\t\t\t\t\t\t\t<span pTooltip=\"{{ rowData[col.tooltip] }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td *ngIf=\"ShowCheckbox\" class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { ComponentId: [{
+                type: Input
+            }], ListData: [{
+                type: Input
+            }], ShowSearch: [{
+                type: Input
+            }], ListSearchOptions: [{
+                type: Input
+            }], ShowPagination: [{
+                type: Input
+            }], RowsPerPage: [{
+                type: Input
+            }], ShowCheckbox: [{
+                type: Input
+            }], ListDataSelected: [{
+                type: Input
+            }], SelectedIdentifier: [{
+                type: Input
+            }], EmmitSelectedItem: [{
+                type: Output
+            }], PaginatorTable: [{
+                type: ViewChild,
+                args: ["paginatorTable"]
+            }], SearchTable: [{
+                type: ViewChild,
+                args: ["searchTable"]
+            }], Columns: [{
+                type: ContentChildren,
+                args: [ColumnComponent]
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigService, CookieAttributesGeneral, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, InitializeConfigService, IntelicaLibraryUiComponent, LanguageService, RefreshTokenInterceptor, SpinnerComponent, SpinnerService, SweetAlertService, TermPipe, TermService };
+export { ColumnComponent, ConfigService, CookieAttributesGeneral, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, InitializeConfigService, IntelicaLibraryUiComponent, LanguageService, RefreshTokenInterceptor, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TermPipe, TermService };
 //# sourceMappingURL=intelica-library-ui.mjs.map