intelica-library-components 1.1.12 → 1.1.14

package/fesm2022/intelica-library-components.mjs

@@ -1,53 +1,59 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, Pipe, Component, HostListener, Directive, EventEmitter, Output, Input, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild, PLATFORM_ID, Inject, Optional, Host } from '@angular/core';
+import { inject, Injectable, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, ContentChildren, Output, HostListener, forwardRef, ViewChild, PLATFORM_ID, Inject, output, Optional, Host } from '@angular/core';
 import { getCookie, Cookies, setCookie } from 'typescript-cookie';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, tap, map } from 'rxjs';
+import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, delay, tap, map } from 'rxjs';
 import Swal from 'sweetalert2';
 import * as i1 from '@angular/common';
-import { CommonModule, DatePipe, isPlatformBrowser } from '@angular/common';
-import * as i1$1 from '@angular/forms';
+import { DatePipe, CommonModule, NgIf, isPlatformBrowser, NgClass } from '@angular/common';
+import * as i2$2 from '@angular/forms';
 import { FormsModule, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BadgeModule } from 'primeng/badge';
 import * as i5 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
+import * as i2 from 'primeng/iconfield';
+import { IconFieldModule } from 'primeng/iconfield';
+import { InputIcon } from 'primeng/inputicon';
+import { InputNumber } from 'primeng/inputnumber';
+import * as i4$1 from 'primeng/inputtext';
+import { InputText, InputTextModule } from 'primeng/inputtext';
+import { Paginator } from 'primeng/paginator';
+import * as i6 from 'primeng/select';
+import { Select, SelectModule } from 'primeng/select';
 import * as i2$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import moment from 'moment';
 import * as _ from 'lodash';
-import * as i2 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
-import * as i3 from 'primeng/radiobutton';
+import * as i3 from 'primeng/api';
+import { ConfirmationService } from 'primeng/api';
+import * as i2$3 from 'primeng/button';
+import { ButtonModule, Button } from 'primeng/button';
+import * as i3$1 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
-import * as i1$2 from 'primeng/popover';
+import * as i1$1 from 'primeng/popover';
 import { Popover, PopoverModule } from 'primeng/popover';
-import * as i4$1 from 'primeng/inputtext';
-import { InputText, InputTextModule } from 'primeng/inputtext';
-import * as i6 from 'primeng/select';
-import { Select, SelectModule } from 'primeng/select';
-import * as i3$1 from 'primeng/api';
-import { ConfirmationService } from 'primeng/api';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import * as i3$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
-import * as i2$3 from 'primeng/datepicker';
+import * as i2$5 from 'primeng/datepicker';
 import { DatePickerModule, DatePicker } from 'primeng/datepicker';
-import * as i2$2 from 'primeng/multiselect';
+import * as i2$4 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
 import * as i7 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { Dialog } from 'primeng/dialog';
 import * as echarts from 'echarts';
-import * as i2$4 from 'primeng/skeleton';
+import * as i2$6 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
-import * as i1$3 from 'primeng/confirmdialog';
+import * as i1$2 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
 import JSEncrypt from 'jsencrypt';
+import { Guid } from 'guid-typescript';
 import Aura from '@primeng/themes/aura';
 import { definePreset } from '@primeng/themes';
 
@@ -167,13 +173,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
         }] });
 
 class FormatAmountPipe {
-    transform(value, shortFormat = false, decimalPlaces = 2) {
-        if (value === null || value === undefined) {
-            return "0";
+    transform(value, shortFormat = false, decimalPlaces = 2, validNegative = false) {
+        if (value === null || value === undefined || value == 0) {
+            return "-";
         }
-        const numericValue = typeof value === "string" ? parseFloat(value) : value;
-        if (isNaN(numericValue)) {
-            return "0";
+        const numericValue = typeof value === "string" ? Number.parseFloat(value) : value;
+        if (Number.isNaN(numericValue)) {
+            return "-";
         }
         let formattedValue;
         if (shortFormat) {
@@ -182,6 +188,11 @@ class FormatAmountPipe {
         else {
             formattedValue = this.formatWithThousandSeparators(numericValue, decimalPlaces);
         }
+        if (validNegative) {
+            if (numericValue < 0) {
+                formattedValue = `(${formattedValue})`;
+            }
+        }
         return formattedValue;
     }
     getShortFormat(value, decimalPlaces) {
@@ -194,16 +205,17 @@ class FormatAmountPipe {
         ];
         for (const { limit, suffix } of suffixes) {
             if (absValue >= limit) {
-                return (value / limit).toFixed(decimalPlaces) + suffix;
+                return (absValue / limit).toFixed(decimalPlaces) + suffix;
             }
         }
-        return value.toFixed(decimalPlaces);
+        return absValue.toFixed(decimalPlaces);
     }
     formatWithThousandSeparators(value, decimalPlaces) {
+        const absValue = Math.abs(value);
         return new Intl.NumberFormat("en-US", {
             minimumFractionDigits: decimalPlaces,
             maximumFractionDigits: decimalPlaces,
-        }).format(value);
+        }).format(absValue);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FormatAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: FormatAmountPipe, isStandalone: true, name: "amount" });
@@ -254,9 +266,10 @@ const Color = {
     amex: "#348AD5",
     orange: "#ff7f00",
     orangeDark: "#CC4900",
+    skyBlue: "#7490E2",
     blue: "#17375E",
-    gray: "#D3D3D3",
-    gray3: "#a6a5a1",
+    gray: "#BABECF",
+    gray3: "#4E546F",
     gray5: "#e9e9e9",
 };
 const getColor = (name) => {
@@ -627,6 +640,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.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 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.1", ngImport: i0, type: FormatCellPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: FormatCellPipe, isStandalone: true, name: "formatCell" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FormatCellPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "formatCell",
+                    standalone: true,
+                }]
+        }] });
+
 class FormatDateConstants {
     static DMYY = "d/M/yy";
     static MMYY = "MMMM yyyy";
@@ -1382,349 +1487,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.Location }] });
 
-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: "20.3.1", ngImport: i0, type: PositiveNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: PositiveNumberDirective, isStandalone: true, selector: "[positiveNumber]", host: { listeners: { "input": "onInputChange($event)" } }, ngImport: i0 });
+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.1", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", 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.1", ngImport: i0, type: PositiveNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Directive,
-            args: [{
-                    selector: "[positiveNumber]",
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInputChange: [{
-                type: HostListener,
-                args: ["input", ["$event"]]
-            }] } });
-
-class PaginatorComponent {
-    GlobalTermService = inject(GlobalTermService);
-    /**
-     * 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: "20.3.1", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: PaginatorComponent, isStandalone: true, selector: "intelica-paginator", inputs: { TotalItems: "TotalItems", CurrentPage: "CurrentPage", ItemsPerPage: "ItemsPerPage" }, outputs: { PageChange: "PageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: PositiveNumberDirective, selector: "[positiveNumber]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: PaginatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "intelica-paginator", imports: [FormsModule, ButtonModule, PositiveNumberDirective, CommonModule, TermPipe], template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n" }]
-        }], propDecorators: { TotalItems: [{
+            args: [{ selector: "column" }]
+        }], propDecorators: { field: [{
                 type: Input
-            }], CurrentPage: [{
+            }], header: [{
                 type: Input
-            }], ItemsPerPage: [{
-                type: Input
-            }], PageChange: [{
-                type: Output
-            }] } });
-
-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.1", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", 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\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\r\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t>\r\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\r\n\t\t\t</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\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\r\n\t\t\t\tpInputText\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclass=\"prSearchBar__input\"\r\n\t\t\t\tformControlName=\"searchText\"\r\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\r\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\r\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.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: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", 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\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\r\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t>\r\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\r\n\t\t\t</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\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\r\n\t\t\t\tpInputText\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclass=\"prSearchBar__input\"\r\n\t\t\t\tformControlName=\"searchText\"\r\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\r\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\r\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\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 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.1", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", 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.1", ngImport: i0, type: ColumnComponent, decorators: [{
-            type: Directive,
-            args: [{ selector: "column" }]
-        }], propDecorators: { field: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }], sortable: [{
+            }], sortable: [{
                 type: Input
             }], width: [{
                 type: Input
@@ -1838,98 +1629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 type: Input
             }] } });
 
-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.1", ngImport: i0, type: FormatCellPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: FormatCellPipe, isStandalone: true, name: "formatCell" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FormatCellPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: "formatCell",
-                    standalone: true,
-                }]
-        }] });
-
 class TableComponent {
     SharedService = inject(SharedService);
     GlobalTermService = inject(GlobalTermService);
@@ -1937,12 +1636,12 @@ class TableComponent {
     ListData = [];
     ShowRowPerPage = true;
     ShowSearch = false;
-    ListSearchOptions = [];
+    // @Input() ListSearchOptions: SearchFieldModel[] = [];
     ShowPagination = false;
     RowsPerPage = 10;
     ShowCheckbox = false;
     ShowIndex = false;
-    ShowSearchTooltip = false;
+    // @Input() ShowSearchTooltip: boolean = false;
     ListDataSelected = [];
     SelectedIdentifier = null;
     ClassName = "";
@@ -1964,7 +1663,7 @@ class TableComponent {
             else {
                 this.ListDataSelectedTemp = [];
                 this.ListDataSelectedFilter = [];
-                this.ExecuteSearch({});
+                this.ExecuteSearch();
             }
         }
     }
@@ -1977,7 +1676,7 @@ class TableComponent {
             this.HeaderState[field] = { checked: false, indeterminate: false };
             return;
         }
-        const checked = this.ListDataFilter.filter((r) => r[field] === true).length;
+        const checked = this.ListDataFilter.filter(r => r[field] === true).length;
         this.HeaderState[field] = {
             checked: checked === total,
             indeterminate: checked > 0 && checked < total,
@@ -1987,14 +1686,12 @@ class TableComponent {
         this.recomputeHeaderState(field);
     }
     refreshAllHeaderStates() {
-        this.ColumnList.filter((c) => c.isChecboxColumn).forEach((c) => this.recomputeHeaderState(c.field));
+        this.ColumnList.filter(c => c.isChecboxColumn).forEach(c => this.recomputeHeaderState(c.field));
     }
     EmitSelectedItem = new EventEmitter();
     EmitListDataFilter = new EventEmitter();
     EmitSearchEvent = new EventEmitter();
     EmitSortEvent = new EventEmitter();
-    PaginatorTable;
-    SearchTable;
     Columns;
     ColumnGroups;
     RowResumenGroups;
@@ -2008,8 +1705,7 @@ class TableComponent {
     ListDataTable = [];
     ListDataSelectedFilter = [];
     ListDataSelectedTemp = [];
-    ListSearchOptionsSimple = [];
-    SearchInput = {};
+    SearchInput = { searchText: "" };
     TotalRecords = 0;
     CurrentPage = 1;
     SortOrder = 1;
@@ -2017,22 +1713,21 @@ class TableComponent {
     MaxLevel = 0;
     Levels = [];
     ngOnChanges() {
-        this.LoadSearchOptions();
         if (!this.SortField && this.DefaultSortField) {
             this.SortField = this.DefaultSortField;
             this.SortOrder = this.DefaultSortOrder;
         }
-        this.ExecuteSearch({});
+        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);
+        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) => {
+        this.ColumnList.filter(c => c.isChecboxColumn).forEach(c => {
             if (!this.HeaderState[c.field]) {
                 this.HeaderState[c.field] = { checked: false, indeterminate: false };
             }
@@ -2041,18 +1736,12 @@ class TableComponent {
             this.ListDataSelectedTemp = [];
             this.ListDataSelectedFilter = [];
             this._pendingUncheck = false;
-            this.ExecuteSearch({});
+            this.ExecuteSearch();
         }
         else {
             this.refreshAllHeaderStates();
         }
     }
-    LoadSearchOptions() {
-        this.ListSearchOptionsSimple = this.ListSearchOptions.map((item) => ({
-            id: item.id,
-            value: item.name,
-        }));
-    }
     OnSort(field) {
         if (this.SortField === field) {
             this.SortOrder *= -1;
@@ -2063,24 +1752,35 @@ class TableComponent {
         }
         this.SortPages();
     }
-    OnPageChange(pageIndex) {
-        this.CurrentPage = pageIndex;
+    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(event) {
-        if (event?.fieldText !== undefined && event?.fieldText !== "")
-            this.SearchInput = event;
+    ExecuteSearch(searchText) {
+        if (typeof searchText === "string") {
+            this.SearchInput = { ...(this.SearchInput ?? {}), searchText };
+        }
         this.ListDataFilter = [...this.ListData];
-        if (this.SearchInput?.searchText !== undefined &&
-            this.SearchInput?.searchText !== "" &&
-            this.ListSearchOptions.length > 0) {
-            let Search = this.SearchInput.searchText?.trim()?.toLowerCase();
-            let searchValue = this.ListSearchOptions.find((item) => item.id === this.SearchInput.fieldId)?.field || "code";
-            this.ListDataFilter = this.SharedService.GetFilteredSearchKey([...this.ListData], searchValue, Search, this.SearchInput.operatorId);
-            if (this.PaginatorTable) {
-                this.PaginatorTable.CurrentPage = 1;
-                this.CurrentPage = 1;
-            }
+        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();
     }
@@ -2091,14 +1791,14 @@ class TableComponent {
         }
         const order = this.SortOrder === 1 ? "asc" : "desc";
         const field = this.SortField;
-        const colConfig = this.ColumnList.find((c) => c.field === field);
+        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];
+        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);
         }
@@ -2132,24 +1832,24 @@ class TableComponent {
             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]));
+        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) => {
+            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]));
+            const idsSelected = new Set(this.ListDataFilter.map(item => item[this.SelectedIdentifier]));
+            this.ListDataSelectedTemp = this.ListDataSelectedTemp.filter(item => !idsSelected.has(item[this.SelectedIdentifier]));
         }
         this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
     }
@@ -2157,8 +1857,7 @@ class TableComponent {
         if (!this.SelectedIdentifier && this.ShowCheckbox)
             return;
         const selectedItem = event.data;
-        const exists = this.ListDataSelectedTemp.some((item) => item[this.SelectedIdentifier] ===
-            selectedItem[this.SelectedIdentifier]);
+        const exists = this.ListDataSelectedTemp.some(item => item[this.SelectedIdentifier] === selectedItem[this.SelectedIdentifier]);
         if (!exists) {
             this.ListDataSelectedTemp.push(selectedItem);
         }
@@ -2168,20 +1867,13 @@ class TableComponent {
         if (!this.SelectedIdentifier && this.ShowCheckbox)
             return;
         const unselectedItem = event.data;
-        this.ListDataSelectedTemp = this.ListDataSelectedTemp.filter((item) => item[this.SelectedIdentifier] !==
-            unselectedItem[this.SelectedIdentifier]);
+        this.ListDataSelectedTemp = this.ListDataSelectedTemp.filter(item => item[this.SelectedIdentifier] !== unselectedItem[this.SelectedIdentifier]);
         this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
     }
     ResetTable() {
-        if (this.PaginatorTable) {
-            this.PaginatorTable.CurrentPage = 1;
-            this.CurrentPage = 1;
-        }
-        if (this.SearchTable) {
-            this.SearchTable.ClearSearchText();
-            this.SearchInput.fieldText = "";
-        }
-        this.ExecuteSearch({});
+        this.CurrentPage = 1;
+        this.SearchInput = { ...(this.SearchInput ?? {}), searchText: "" };
+        this.ExecuteSearch();
     }
     EmitSearchValues() {
         this.EmitListDataFilter.emit(this.ListDataFilter);
@@ -2194,7 +1886,7 @@ class TableComponent {
         ]);
     }
     OnHeaderCheckboxChange(checked, field) {
-        this.ListDataFilter.forEach((r) => (r[field] = checked));
+        this.ListDataFilter.forEach(r => (r[field] = checked));
         this.HeaderState[field] = { checked, indeterminate: false };
         this.UpdatePages();
     }
@@ -2202,11 +1894,11 @@ class TableComponent {
         return this.ShowPagination ? this.ListDataTable : this.ListDataFilter;
     }
     FilterData(field) {
-        let c = this.ListData.filter((item) => item[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);
+        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) {
@@ -2218,102 +1910,415 @@ class TableComponent {
     }
     OnRowsPerPageChange(value) {
         this.RowsPerPage = value;
-        this.ResetTable();
+        this.CurrentPage = 1;
+        this.UpdatePages();
+    }
+    ResetTableSelected() {
+        this.ListDataSelectedTemp = [];
+        this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+    }
+    ClearSearch() {
+        this.SearchInput.searchText = "";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", 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\">\r\n\t<div class=\"grPanel\">\r\n\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t@if (ShowSearch) {\r\n\t\t\t\t<!-- <input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" /> -->\r\n\t\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText placeholder=\"Search text here\" [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\t\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t\t</p-iconfield>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- <input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" /> -->\r\n\t\t\t}\r\n\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\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\t[sortField]=\"DefaultSortField\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t\t[sortOrder]=\"DefaultSortOrder\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\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)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox\r\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length,\r\n\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox\r\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length,\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\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@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\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\t} @else if (col.isChecboxColumn) {\r\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>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\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\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ItemPerPage\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t{{ \"PAGE\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" />\r\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalRecords }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i2.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["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: i2$1.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.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.1", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-table", standalone: true, imports: [
+                        CommonModule,
+                        NgIf,
+                        IconFieldModule,
+                        InputIcon,
+                        InputText,
+                        InputTextModule,
+                        InputNumber,
+                        Paginator,
+                        TableModule,
+                        Select,
+                        BadgeModule,
+                        TooltipModule,
+                        TermPipe,
+                        CheckboxModule,
+                        FormsModule,
+                        FormatCellPipe,
+                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n\t<div class=\"grPanel\">\r\n\t\t<div class=\"prCard__row justify-content-end\">\r\n\t\t\t<div class=\"prCard__actionflex\">\r\n\t\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t\t@if (ShowSearch) {\r\n\t\t\t\t<!-- <input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" /> -->\r\n\t\t\t\t<div class=\"ptSearch\">\r\n\t\t\t\t\t<p-iconfield>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"prInputText\" pInputText placeholder=\"Search text here\" [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\t\t\t\t\t\t<p-inputicon>\r\n\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--close\">\r\n\t\t\t\t\t\t\t\t<i class=\"icon icon-cancel\" *ngIf=\"SearchInput.searchText\" (click)=\"ClearSearch()\"></i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<span class=\"ptSearch__icon ptSearch__icon--divider\" *ngIf=\"SearchInput.searchText\"></span>\r\n\t\t\t\t\t\t\t<button class=\"ptSearch__icon ptSearch__icon--search\">\r\n\t\t\t\t\t\t\t\t<i class=\"icon icon-search\"></i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</p-inputicon>\r\n\t\t\t\t\t</p-iconfield>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- <input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput.searchText\" (keydown.enter)=\"ExecuteSearch()\" /> -->\r\n\t\t\t}\r\n\t\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (AdditionalExtendedTemplate) {\r\n\t\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\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\t[sortField]=\"DefaultSortField\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t\t[sortOrder]=\"DefaultSortOrder\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\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)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox\r\n\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length,\r\n\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t@if (col.isChecboxColumn) {\r\n\t\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t[binary]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t\t\t\t\t\t[(ngModel)]=\"HeaderState[col.field].checked\"\r\n\t\t\t\t\t\t\t\t\t\t\t(ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[attr.data-check]=\"col.field\"\r\n\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"IsTableDisabled\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': HeaderState[col.field].indeterminate,\r\n\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t></p-checkbox>\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox\r\n\t\t\t\t\t\t\tclass=\"prCheckbox\"\r\n\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length,\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</ng-template>\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@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\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\t} @else if (col.isChecboxColumn) {\r\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>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\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\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ItemPerPage\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t{{ \"PAGE\" | term: GlobalTermService.languageCode }}\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" />\r\n\t\t\t\t\t\t\t{{ \"Of\" | term: GlobalTermService.languageCode }} {{ TotalRecords }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\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 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: "20.3.1", ngImport: i0, type: PositiveNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: PositiveNumberDirective, isStandalone: true, selector: "[positiveNumber]", host: { listeners: { "input": "onInputChange($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: PositiveNumberDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[positiveNumber]",
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInputChange: [{
+                type: HostListener,
+                args: ["input", ["$event"]]
+            }] } });
+
+class PaginatorComponent {
+    GlobalTermService = inject(GlobalTermService);
+    /**
+     * 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: "20.3.1", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: PaginatorComponent, isStandalone: true, selector: "intelica-paginator", inputs: { TotalItems: "TotalItems", CurrentPage: "CurrentPage", ItemsPerPage: "ItemsPerPage" }, outputs: { PageChange: "PageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: PositiveNumberDirective, selector: "[positiveNumber]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: PaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-paginator", imports: [FormsModule, ButtonModule, PositiveNumberDirective, CommonModule, TermPipe], template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (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
+            }] } });
+
+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);
     }
-    ResetTableSelected() {
-        this.ListDataSelectedTemp = [];
-        this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
+    GetSearchOperatorOptions() {
+        return [
+            { id: 0, value: "Contains" },
+            { id: 1, value: "Exact" },
+            { id: 2, value: "Begin" },
+            { id: 3, value: "Ends" },
+        ];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: TableComponent, isStandalone: true, selector: "intelica-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ListSearchOptions: "ListSearchOptions", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", 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 }], 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  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span \r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n                  {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [disabled]=\"IsTableDisabled\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n            [disabled]=\"IsTableDisabled\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || 'top'\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n            [disabled]=\"TotalRecords === 0\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "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$1.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+    GetSearchFieldOptions() {
+        return [
+            { id: 0, value: "code" },
+            { id: 1, value: "name" },
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", 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\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\r\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t>\r\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\r\n\t\t\t</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\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\r\n\t\t\t\tpInputText\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclass=\"prSearchBar__input\"\r\n\t\t\t\tformControlName=\"searchText\"\r\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\r\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\r\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$1.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: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-table", standalone: true, imports: [
-                        CommonModule,
-                        SearchComponent,
-                        PaginatorComponent,
-                        TableModule,
-                        Select,
-                        BadgeModule,
-                        TooltipModule,
-                        TermPipe,
-                        CheckboxModule,
-                        FormsModule,
-                        FormatCellPipe,
-                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span \r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n                  {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [disabled]=\"IsTableDisabled\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n            [disabled]=\"IsTableDisabled\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || 'top'\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n            [disabled]=\"TotalRecords === 0\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n" }]
-        }], propDecorators: { ComponentId: [{
-                type: Input
-            }], ListData: [{
-                type: Input
-            }], ShowRowPerPage: [{
-                type: Input
-            }], ShowSearch: [{
-                type: Input
-            }], ListSearchOptions: [{
-                type: Input
-            }], ShowPagination: [{
-                type: Input
-            }], RowsPerPage: [{
-                type: Input
-            }], ShowCheckbox: [{
-                type: Input
-            }], ShowIndex: [{
-                type: Input
-            }], ShowSearchTooltip: [{
-                type: Input
-            }], ListDataSelected: [{
-                type: Input
-            }], SelectedIdentifier: [{
-                type: Input
-            }], ClassName: [{
-                type: Input
-            }], DefaultSortField: [{
-                type: Input
-            }], DefaultSortOrder: [{
+            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\">\r\n\t<div class=\"prSearchBar\">\r\n\t\t<div class=\"prSearchBar__dropdown\" (click)=\"op.toggle($event)\" *ngIf=\"!SimpleSearchInput\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"prSearchBar__dropdown--label\"\r\n\t\t\t\t[pTooltip]=\"ShowTooltip ? (GetSelectedOperatorValue() | term : GlobalTermService.languageCode) + ', ' + (GetSelectedFieldValue() | term : GlobalTermService.languageCode) : ''\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t>\r\n\t\t\t\t{{ GetSelectedFieldValue() | term : GlobalTermService.languageCode }}\r\n\t\t\t</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\">{{ \"Selectoperator\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\">{{ \"Selectfield\" | term : GlobalTermService.languageCode }}</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 | term : GlobalTermService.languageCode }}</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\r\n\t\t\t\tpInputText\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclass=\"prSearchBar__input\"\r\n\t\t\t\tformControlName=\"searchText\"\r\n\t\t\t\t[placeholder]=\"Placeholder | term : GlobalTermService.languageCode\"\r\n\t\t\t\t(keyup.enter)=\"OnSearchEnter()\"\r\n\t\t\t\t(keyup)=\"OnSearchKeyup()\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</form>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { ComponentId: [{
                 type: Input
-            }], scrollHeight: [{
+            }], ShowTooltip: [{
                 type: Input
-            }], scrollable: [{
+            }], SearchFieldOptions: [{
                 type: Input
-            }], AllowedPageSizes: [{
+            }], SearchOnKeyup: [{
                 type: Input
-            }], tableStyle: [{
+            }], SimpleSearchInput: [{
                 type: Input
-            }], IsTableDisabled: [{
+            }], Placeholder: [{
                 type: Input
-            }], EmitSelectedItem: [{
-                type: Output
-            }], EmitListDataFilter: [{
-                type: Output
-            }], EmitSearchEvent: [{
-                type: Output
-            }], EmitSortEvent: [{
-                type: Output
-            }], PaginatorTable: [{
-                type: ViewChild,
-                args: ["paginatorTable"]
-            }], SearchTable: [{
-                type: ViewChild,
-                args: ["searchTable"]
-            }], 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"]
+            }], OnSearchEvent: [{
+                type: Output,
+                args: ["OnSearch"]
             }] } });
 
 class TreeColumnComponent {
@@ -2643,7 +2648,7 @@ class TreeTableComponent {
         this.ResetTable();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: TreeTableComponent, isStandalone: true, selector: "intelica-tree-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ClassName: "ClassName", groupRowsBy: "groupRowsBy", dataKey: "dataKey", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", AllowedPageSizes: "AllowedPageSizes", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ListSearchOptions: "ListSearchOptions", ShowRowPerPage: "ShowRowPerPage" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", 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: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], 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  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === 'name' && rowData.children &&\r\n          rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                  <ng-container *ngIf=\"col.templateRef; else defaultExpandedContent\">\r\n                    <ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: childRow }\"></ng-container>\r\n                  </ng-container>\r\n                  <ng-template #defaultExpandedContent>\r\n                    <span [class]=\"col.field === 'name' ? 'prTable__expandIdentText' : ''\">\r\n                      {{ childRow[col.field] | formatCell : col.formatType }}\r\n                    </span>\r\n                  </ng-template>                  \r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if (ShowRowPerPage) {\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        >\r\n        </intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { 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: TableModule }, { kind: "component", type: i2$1.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$1.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: TreeTableComponent, isStandalone: true, selector: "intelica-tree-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ClassName: "ClassName", groupRowsBy: "groupRowsBy", dataKey: "dataKey", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", AllowedPageSizes: "AllowedPageSizes", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ListSearchOptions: "ListSearchOptions", ShowRowPerPage: "ShowRowPerPage" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", 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: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], 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  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === 'name' && rowData.children &&\r\n          rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                  <ng-container *ngIf=\"col.templateRef; else defaultExpandedContent\">\r\n                    <ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: childRow }\"></ng-container>\r\n                  </ng-container>\r\n                  <ng-template #defaultExpandedContent>\r\n                    <span [class]=\"col.field === 'name' ? 'prTable__expandIdentText' : ''\">\r\n                      {{ childRow[col.field] | formatCell : col.formatType }}\r\n                    </span>\r\n                  </ng-template>                  \r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if (ShowRowPerPage) {\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        >\r\n        </intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { 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: TableModule }, { kind: "component", type: i2$1.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$1.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
@@ -2849,7 +2854,7 @@ class MatrixTableComponent {
         this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MatrixTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: MatrixTableComponent, isStandalone: true, selector: "intelica-matrix-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowIndex: "ShowIndex", ClassName: "ClassName", dataKey: "dataKey", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle" }, queries: [{ propertyName: "Columns", predicate: MatrixColumnComponent }, { propertyName: "ColumnGroups", predicate: MatrixColumnGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable prTable--blueLeft\">\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListData\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortOrder]=\"-1\"\r\n\t\tdataKey=\"dataKey\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\t\t\t\r\n\t\t\t\t<th [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\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@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "pipe", type: TermPipe, name: "term" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: MatrixTableComponent, isStandalone: true, selector: "intelica-matrix-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowIndex: "ShowIndex", ClassName: "ClassName", dataKey: "dataKey", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle" }, queries: [{ propertyName: "Columns", predicate: MatrixColumnComponent }, { propertyName: "ColumnGroups", predicate: MatrixColumnGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable prTable--blueLeft\">\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListData\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortOrder]=\"-1\"\r\n\t\tdataKey=\"dataKey\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\t\t\t\r\n\t\t\t\t<th [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\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@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MatrixTableComponent, decorators: [{
             type: Component,
@@ -3565,7 +3570,7 @@ class MultiSelectComponent {
                 useExisting: forwardRef(() => MultiSelectComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n  [resetFilterOnHide]=\"resetFilterOnHide\"\r\n  [ngClass]=\"customClass\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n  [resetFilterOnHide]=\"resetFilterOnHide\"\r\n  [ngClass]=\"customClass\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$4.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
@@ -4262,7 +4267,7 @@ class FiltersComponent {
         return response;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FiltersComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass", columns: "columns" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterActionsButtonTemplate", first: true, predicate: ["filterActionsButton"], descendants: true, static: true }, { propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"container overflow-hidden\"\r\n  [ngStyle]=\"{ 'min-width': 313 * columns + 'px' }\"\r\n>\r\n  <div class=\"row gy-3 filtersAnalytics\">\r\n    @for (colIndex of columnsLengthArray; track colIndex) {\r\n    <div class=\"inputRowGap\" [ngClass]=\"setColumnSize()\">\r\n      @for (filter of filterDirectives; track filter) { @if (filter.visible &&\r\n      !filter.parent && filter.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: filter, index: getIndex(filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n\r\n      @for (child of filterDirectives; track child) { @if (child.visible &&\r\n      child.parent === filter.name && child.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: child, index: getIndex(child, filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n      } } } }\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      } @if (filterActionsButtonTemplate && item.hasFilterActionsButton) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"filterActionsButtonTemplate\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    [customClass]=\"isUnselected(item) ? ' is-unselected' : ''\"\r\n    [class]=\"'fullWidth'\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    [ngClass]=\"{ prSelect: true, 'is-unselected': isUnselected(item) }\"\r\n    appendTo=\"body\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: SelectModule }, { kind: "component", type: i6.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: MultiSelectModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: MultiSelectComponent, selector: "intelica-multi-select", inputs: ["id", "options", "optionLabel", "optionValue", "placeholder", "showFilter", "showAll", "allText", "maxSelectedLabels", "appendTo", "panelStyleClass", "virtualScroll", "disabled", "selectedItemsLabel", "textColorClass", "group", "resetFilterOnHide", "customClass"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass", columns: "columns" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterActionsButtonTemplate", first: true, predicate: ["filterActionsButton"], descendants: true, static: true }, { propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"container overflow-hidden\"\r\n  [ngStyle]=\"{ 'min-width': 313 * columns + 'px' }\"\r\n>\r\n  <div class=\"row gy-3 filtersAnalytics\">\r\n    @for (colIndex of columnsLengthArray; track colIndex) {\r\n    <div class=\"inputRowGap\" [ngClass]=\"setColumnSize()\">\r\n      @for (filter of filterDirectives; track filter) { @if (filter.visible &&\r\n      !filter.parent && filter.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: filter, index: getIndex(filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n\r\n      @for (child of filterDirectives; track child) { @if (child.visible &&\r\n      child.parent === filter.name && child.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: child, index: getIndex(child, filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n      } } } }\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      } @if (filterActionsButtonTemplate && item.hasFilterActionsButton) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"filterActionsButtonTemplate\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    [customClass]=\"isUnselected(item) ? ' is-unselected' : ''\"\r\n    [class]=\"'fullWidth'\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    [ngClass]=\"{ prSelect: true, 'is-unselected': isUnselected(item) }\"\r\n    appendTo=\"body\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$5.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["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: SelectModule }, { kind: "component", type: i6.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: MultiSelectModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: MultiSelectComponent, selector: "intelica-multi-select", inputs: ["id", "options", "optionLabel", "optionValue", "placeholder", "showFilter", "showAll", "allText", "maxSelectedLabels", "appendTo", "panelStyleClass", "virtualScroll", "disabled", "selectedItemsLabel", "textColorClass", "group", "resetFilterOnHide", "customClass"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
@@ -4342,7 +4347,7 @@ class ModalDialogComponent {
         this.EmmitCloseModal.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ModalDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ModalDialogComponent, isStandalone: true, selector: "intelica-modal-dialog", inputs: { Title: "Title", Size: "Size", Draggable: "Draggable", DisableMaskClose: "DisableMaskClose" }, outputs: { EmmitCloseModal: "EmmitCloseModal" }, queries: [{ propertyName: "modalContentTemplate", first: true, predicate: ["modalContent"], descendants: true }], ngImport: i0, template: "<p-dialog\r\n  class=\"prDialog prDialog--{{ Size }}\"\r\n  [modal]=\"true\"\r\n  [(visible)]=\"Visible\"\r\n  [draggable]=\"Draggable\"\r\n  [dismissableMask]=\"!DisableMaskClose\"\r\n  (onHide)=\"closeDialog()\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"custom-header\">\r\n      <h2>\r\n        <ng-content select=\"[titleHeaderMenu]\"></ng-content>\r\n      </h2>\r\n      <button class=\"grButton--icon-close-modal\" (click)=\"closeDialog()\">\r\n        <i class=\"icon-close1\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <div class=\"prDialog__content\">\r\n    <ng-container>\r\n      <ng-container *ngTemplateOutlet=\"modalContentTemplate\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</p-dialog>\r\n", dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ModalDialogComponent, isStandalone: true, selector: "intelica-modal-dialog", inputs: { Title: "Title", Size: "Size", Draggable: "Draggable", DisableMaskClose: "DisableMaskClose" }, outputs: { EmmitCloseModal: "EmmitCloseModal" }, queries: [{ propertyName: "modalContentTemplate", first: true, predicate: ["modalContent"], descendants: true }], ngImport: i0, template: "<p-dialog\r\n  class=\"prDialog prDialog--{{ Size }}\"\r\n  [modal]=\"true\"\r\n  [(visible)]=\"Visible\"\r\n  [draggable]=\"Draggable\"\r\n  [dismissableMask]=\"!DisableMaskClose\"\r\n  (onHide)=\"closeDialog()\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"custom-header\">\r\n      <h2>\r\n        <ng-content select=\"[titleHeaderMenu]\"></ng-content>\r\n      </h2>\r\n      <button class=\"grButton--icon-close-modal\" (click)=\"closeDialog()\">\r\n        <i class=\"icon-close1\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <div class=\"prDialog__content\">\r\n    <ng-container>\r\n      <ng-container *ngTemplateOutlet=\"modalContentTemplate\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</p-dialog>\r\n", dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ModalDialogComponent, decorators: [{
             type: Component,
@@ -4446,7 +4451,7 @@ class ButtonSplitComponent {
         item.active = true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ButtonSplitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ButtonSplitComponent, isStandalone: true, selector: "intelica-button-split", queries: [{ propertyName: "itemsSplit", predicate: ItemSplitDirective }], ngImport: i0, template: "<button class=\"grButton grButton--icon grButton--select-popover\" (click)=\"op.toggle($event)\"><i class=\"icon icon-list-options\"></i></button>\r\n<p-popover #op>\r\n\t<div class=\"prPopoverV3 prPopoverV3--contentLeft\">\r\n\t\t<ul>\r\n\t\t\t<li [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of itemsSplit\" (click)=\"showTemplate(item)\">{{ item.name }}</li>\r\n\t\t</ul>\r\n\t</div>\r\n</p-popover>\r\n", dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1$2.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ButtonSplitComponent, isStandalone: true, selector: "intelica-button-split", queries: [{ propertyName: "itemsSplit", predicate: ItemSplitDirective }], ngImport: i0, template: "<button class=\"grButton grButton--icon grButton--select-popover\" (click)=\"op.toggle($event)\"><i class=\"icon icon-list-options\"></i></button>\r\n<p-popover #op>\r\n\t<div class=\"prPopoverV3 prPopoverV3--contentLeft\">\r\n\t\t<ul>\r\n\t\t\t<li [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of itemsSplit\" (click)=\"showTemplate(item)\">{{ item.name }}</li>\r\n\t\t</ul>\r\n\t</div>\r\n</p-popover>\r\n", dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1$1.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ButtonSplitComponent, decorators: [{
             type: Component,
@@ -4520,7 +4525,7 @@ class RecordPerPageComponent {
         this.PageSize = this.Records[0];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: RecordPerPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: RecordPerPageComponent, isStandalone: true, selector: "intelica-record-per-page", inputs: { Properties: "Properties" }, outputs: { ReturnPage: "ReturnPage" }, usesOnChanges: true, ngImport: i0, template: "<div style=\"width: 400px\">\r\n\t<div class=\"recordsPerPageCtr\">\r\n\t\t<ng-container *ngFor=\"let record of Records; let i = index\">\r\n\t\t\t<div class=\"form-check form-check-inline\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" [inputId]=\"'radio-' + i\" name=\"optSortRP1\" [(ngModel)]=\"PageSize\" [value]=\"record\" [tabindex]=\"i\" />\r\n\t\t\t\t<label [for]=\"'radio-' + i\">{{ record }}</label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"recordsPerPageBtnCtr\">\r\n\t\t<button class=\"grButton grButton--primary applyAnalytics\" (click)=\"ChangePageSize()\">\r\n\t\t\t<span>Apply</span>\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: RecordPerPageComponent, isStandalone: true, selector: "intelica-record-per-page", inputs: { Properties: "Properties" }, outputs: { ReturnPage: "ReturnPage" }, usesOnChanges: true, ngImport: i0, template: "<div style=\"width: 400px\">\r\n\t<div class=\"recordsPerPageCtr\">\r\n\t\t<ng-container *ngFor=\"let record of Records; let i = index\">\r\n\t\t\t<div class=\"form-check form-check-inline\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" [inputId]=\"'radio-' + i\" name=\"optSortRP1\" [(ngModel)]=\"PageSize\" [value]=\"record\" [tabindex]=\"i\" />\r\n\t\t\t\t<label [for]=\"'radio-' + i\">{{ record }}</label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"recordsPerPageBtnCtr\">\r\n\t\t<button class=\"grButton grButton--primary applyAnalytics\" (click)=\"ChangePageSize()\">\r\n\t\t\t<span>Apply</span>\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$1.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: RecordPerPageComponent, decorators: [{
             type: Component,
@@ -4699,7 +4704,7 @@ class SortingComponent {
         return this.LCascadefilter.some(e => e.id == id);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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>\r\n\t<div class=\"sortingAnalytics\">\r\n\t\t<div class=\"sortingCtr\">\r\n\t\t\t<div></div>\r\n\t\t\t<div class=\"triangle-top\"></div>\r\n\t\t\t<div class=\"triangle-down\"></div>\r\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"sortingBtnCtr\">\r\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\r\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n\r\n<ng-template #one_render let-Sorters=\"Sorters\">\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\r\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n\r\n<ng-template #multiple_render>\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Then by</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</select>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.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: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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>\r\n\t<div class=\"sortingAnalytics\">\r\n\t\t<div class=\"sortingCtr\">\r\n\t\t\t<div></div>\r\n\t\t\t<div class=\"triangle-top\"></div>\r\n\t\t\t<div class=\"triangle-down\"></div>\r\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"sortingBtnCtr\">\r\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\r\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n\r\n<ng-template #one_render let-Sorters=\"Sorters\">\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\r\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n\r\n<ng-template #multiple_render>\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Then by</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</select>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\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\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$1.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: i2$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SortingComponent, decorators: [{
             type: Component,
@@ -5361,7 +5366,7 @@ class DatepickerComponent {
                 useExisting: forwardRef(() => DatepickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "datepickerRef", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<p-datepicker\r\n\t#datepicker\r\n\t[class]=\"panelStyleClass\"\r\n\t[ngModel]=\"internalModel\"\r\n\t(ngModelChange)=\"onModelChange($event)\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[numberOfMonths]=\"numberOfMonths\"\r\n\t[readonlyInput]=\"readonlyInput\"\r\n\t[showIcon]=\"showIcon\"\r\n\t[view]=\"view\"\r\n\t[dateFormat]=\"getDateFormat()\"\r\n\t[defaultDate]=\"defaultDate\"\r\n\t(onMonthChange)=\"onMonthChange($event)\"\r\n\t(onYearChange)=\"onYearChange($event)\"\r\n\t(onShow)=\"handleOpen()\"\r\n\t(onHide)=\"handleClose()\"\r\n\t>\r\n\r\n\t<ng-template pTemplate=\"header\">\r\n\t\t<div class=\"prDatapicker__header\">\r\n\t\t\t<div class=\"prDatapicker__content\">\r\n\r\n\t\t\t\t<!-- MES -->\r\n\t\t\t\t<p-select\r\n\t\t\t\t\t*ngIf=\"view === 'date'\"\r\n\t\t\t\t\tclass=\"prSelect\"\r\n\t\t\t\t\t[options]=\"filteredMonths\"\r\n\t\t\t\t\toptionLabel=\"label\"\r\n\t\t\t\t\toptionValue=\"value\"\r\n\t\t\t\t\t[(ngModel)]=\"viewMonth\"\r\n\t\t\t\t\t(ngModelChange)=\"onViewChange()\"\r\n\t\t\t\t\tdropdownIcon=\"icon icon-arrow-down\">\r\n\t\t\t\t</p-select>\r\n\r\n\t\t\t\t<!-- A\u00D1O -->\r\n\t\t\t\t<p-select\r\n\t\t\t\t\t*ngIf=\"view === 'date' || view === 'month'\"\r\n\t\t\t\t\tclass=\"prSelect\"\r\n\t\t\t\t\t[options]=\"years\"\r\n\t\t\t\t\t[(ngModel)]=\"viewYear\"\r\n\t\t\t\t\t(ngModelChange)=\"onViewChange()\"\r\n\t\t\t\t\tdropdownIcon=\"icon icon-arrow-down\"\r\n\t\t\t\t\t[virtualScroll]=\"true\"\r\n\t\t\t\t\t[virtualScrollItemSize]=\"38\">\r\n\t\t\t\t</p-select>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"footer\" *ngIf=\"selectionMode === 'range'\">\r\n\t\t<div class=\"footerDatapicker footerDatapicker--range\">\r\n\t\t\t<div class=\"footerDatapicker__box\">\r\n\t\t\t\t<!-- TODAY button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.TODAY)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.TODAY)\"\r\n\t\t\t\t\tlabel=\"Today\"\r\n\t\t\t\t\t(click)=\"todayCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- LAST 12 MONTHS button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.LAST_12_MONTHS)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.LAST_12_MONTHS)\"\r\n\t\t\t\t\tlabel=\"Last 12 months\"\r\n\t\t\t\t\t(click)=\"last12MonthsCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- CURRENT YEAR button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.CURRENT_YEAR)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.CURRENT_YEAR)\"\r\n\t\t\t\t\tlabel=\"Current year\"\r\n\t\t\t\t\t(click)=\"currentYearCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- CURRENT MONTH button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.CURRENT_MONTH)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.CURRENT_MONTH)\"\r\n\t\t\t\t\tlabel=\"Current month\"\r\n\t\t\t\t\t(click)=\"currentMonthCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"footerDatapicker__box\">\r\n\t\t\t\t<!-- Apply button - shown only in manual apply mode -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"manualApply\"\r\n\t\t\t\t\tclass=\"btnPrimary\"\r\n\t\t\t\t\tlabel=\"Apply\"\r\n\t\t\t\t\t(click)=\"applyCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- Clear button - always shown -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\tclass=\"btnSecond\"\r\n\t\t\t\t\tlabel=\"Clear\"\r\n\t\t\t\t\t(click)=\"clearCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n</p-datepicker>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.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: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+        ], viewQueries: [{ propertyName: "datepickerRef", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<p-datepicker\r\n\t#datepicker\r\n\t[class]=\"panelStyleClass\"\r\n\t[ngModel]=\"internalModel\"\r\n\t(ngModelChange)=\"onModelChange($event)\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[numberOfMonths]=\"numberOfMonths\"\r\n\t[readonlyInput]=\"readonlyInput\"\r\n\t[showIcon]=\"showIcon\"\r\n\t[view]=\"view\"\r\n\t[dateFormat]=\"getDateFormat()\"\r\n\t[defaultDate]=\"defaultDate\"\r\n\t(onMonthChange)=\"onMonthChange($event)\"\r\n\t(onYearChange)=\"onYearChange($event)\"\r\n\t(onShow)=\"handleOpen()\"\r\n\t(onHide)=\"handleClose()\"\r\n\t>\r\n\r\n\t<ng-template pTemplate=\"header\">\r\n\t\t<div class=\"prDatapicker__header\">\r\n\t\t\t<div class=\"prDatapicker__content\">\r\n\r\n\t\t\t\t<!-- MES -->\r\n\t\t\t\t<p-select\r\n\t\t\t\t\t*ngIf=\"view === 'date'\"\r\n\t\t\t\t\tclass=\"prSelect\"\r\n\t\t\t\t\t[options]=\"filteredMonths\"\r\n\t\t\t\t\toptionLabel=\"label\"\r\n\t\t\t\t\toptionValue=\"value\"\r\n\t\t\t\t\t[(ngModel)]=\"viewMonth\"\r\n\t\t\t\t\t(ngModelChange)=\"onViewChange()\"\r\n\t\t\t\t\tdropdownIcon=\"icon icon-arrow-down\">\r\n\t\t\t\t</p-select>\r\n\r\n\t\t\t\t<!-- A\u00D1O -->\r\n\t\t\t\t<p-select\r\n\t\t\t\t\t*ngIf=\"view === 'date' || view === 'month'\"\r\n\t\t\t\t\tclass=\"prSelect\"\r\n\t\t\t\t\t[options]=\"years\"\r\n\t\t\t\t\t[(ngModel)]=\"viewYear\"\r\n\t\t\t\t\t(ngModelChange)=\"onViewChange()\"\r\n\t\t\t\t\tdropdownIcon=\"icon icon-arrow-down\"\r\n\t\t\t\t\t[virtualScroll]=\"true\"\r\n\t\t\t\t\t[virtualScrollItemSize]=\"38\">\r\n\t\t\t\t</p-select>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"footer\" *ngIf=\"selectionMode === 'range'\">\r\n\t\t<div class=\"footerDatapicker footerDatapicker--range\">\r\n\t\t\t<div class=\"footerDatapicker__box\">\r\n\t\t\t\t<!-- TODAY button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.TODAY)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.TODAY)\"\r\n\t\t\t\t\tlabel=\"Today\"\r\n\t\t\t\t\t(click)=\"todayCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- LAST 12 MONTHS button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.LAST_12_MONTHS)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.LAST_12_MONTHS)\"\r\n\t\t\t\t\tlabel=\"Last 12 months\"\r\n\t\t\t\t\t(click)=\"last12MonthsCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- CURRENT YEAR button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.CURRENT_YEAR)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.CURRENT_YEAR)\"\r\n\t\t\t\t\tlabel=\"Current year\"\r\n\t\t\t\t\t(click)=\"currentYearCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- CURRENT MONTH button -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"shouldShowButton(DATEPICKER_BUTTON_TYPES.CURRENT_MONTH)\"\r\n\t\t\t\t\t[class]=\"getButtonClass(DATEPICKER_BUTTON_TYPES.CURRENT_MONTH)\"\r\n\t\t\t\t\tlabel=\"Current month\"\r\n\t\t\t\t\t(click)=\"currentMonthCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"footerDatapicker__box\">\r\n\t\t\t\t<!-- Apply button - shown only in manual apply mode -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\t*ngIf=\"manualApply\"\r\n\t\t\t\t\tclass=\"btnPrimary\"\r\n\t\t\t\t\tlabel=\"Apply\"\r\n\t\t\t\t\t(click)=\"applyCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t\t<!-- Clear button - always shown -->\r\n\t\t\t\t<p-button\r\n\t\t\t\t\tclass=\"btnSecond\"\r\n\t\t\t\t\tlabel=\"Clear\"\r\n\t\t\t\t\t(click)=\"clearCallback($event)\">\r\n\t\t\t\t</p-button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n</p-datepicker>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.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: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
@@ -5468,7 +5473,7 @@ class SkeletonTableComponent {
         return new Array(this.rows);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns", showLeftSkeleton: "showLeftSkeleton", showRightSkeleton: "showRightSkeleton" }, ngImport: i0, template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\r\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns", showLeftSkeleton: "showLeftSkeleton", showRightSkeleton: "showRightSkeleton" }, ngImport: i0, template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\r\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$6.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonTableComponent, decorators: [{
             type: Component,
@@ -5561,7 +5566,7 @@ class SkeletonChartComponent {
         return Array.from({ length }, (_, i) => i);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SkeletonChartComponent, isStandalone: true, selector: "intelica-skeleton-chart", inputs: { type: "type", series: "series", data: "data", label: "label" }, queries: [{ propertyName: "dataElements", predicate: DataDirective }], ngImport: i0, template: "@switch (type) { @case('bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--verticalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"data.size\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"randomPercent[i][j]\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'50%'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('horizontal-bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--horizontalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"data.size\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"randomPercent[i][j]\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'10rem'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('pie'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('donut'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie skeletonGraphic--donut\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('line'){\r\n<div class=\"col-6 mb-3\">\r\n\t<div class=\"row align-items-end\">\r\n\t\t<div class=\"col-1 d-flex justify-content-end\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'0.5rem'\" [height]=\"'25rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'10rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'15rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row mt-3\">\r\n\t\t<div class=\"col-1\"></div>\r\n\t\t<div class=\"col\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'0.5rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} }\r\n\r\n<ng-template #pieDonutTemplate>\r\n\t<div class=\"skeletonGraphic__serie\">\r\n\t\t<div class=\"skeletonGraphic__wrap\">\r\n\t\t\t<div class=\"skeletonGraphic__label left\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" shape=\"circle\" [size]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__label right\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SkeletonChartComponent, isStandalone: true, selector: "intelica-skeleton-chart", inputs: { type: "type", series: "series", data: "data", label: "label" }, queries: [{ propertyName: "dataElements", predicate: DataDirective }], ngImport: i0, template: "@switch (type) { @case('bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--verticalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"data.size\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"randomPercent[i][j]\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'50%'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('horizontal-bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--horizontalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"data.size\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"randomPercent[i][j]\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'10rem'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('pie'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('donut'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie skeletonGraphic--donut\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('line'){\r\n<div class=\"col-6 mb-3\">\r\n\t<div class=\"row align-items-end\">\r\n\t\t<div class=\"col-1 d-flex justify-content-end\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'0.5rem'\" [height]=\"'25rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'10rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'15rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row mt-3\">\r\n\t\t<div class=\"col-1\"></div>\r\n\t\t<div class=\"col\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'0.5rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} }\r\n\r\n<ng-template #pieDonutTemplate>\r\n\t<div class=\"skeletonGraphic__serie\">\r\n\t\t<div class=\"skeletonGraphic__wrap\">\r\n\t\t\t<div class=\"skeletonGraphic__label left\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" shape=\"circle\" [size]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__label right\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$6.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonChartComponent, decorators: [{
             type: Component,
@@ -5585,12 +5590,12 @@ class TableFetchComponent {
     ComponentId = "";
     ShowRowPerPage = true;
     ShowSearch = false;
-    ListSearchOptions = [];
+    // @Input() ListSearchOptions: SearchFieldModel[] = [];
     ShowPagination = false;
     RowsPerPage = 10;
     ShowCheckbox = false;
     ShowIndex = false;
-    ShowSearchTooltip = false;
+    // @Input() ShowSearchTooltip: boolean = false;
     ClassName = "";
     DefaultSortField = "";
     scrollHeight = "400px";
@@ -5603,7 +5608,6 @@ class TableFetchComponent {
     TotalRecords = 0;
     IsPaginatorInputSearch = false;
     EmitQueryParametersChange = new EventEmitter();
-    PaginatorTable;
     SearchTable;
     Columns;
     ColumnGroups;
@@ -5615,26 +5619,29 @@ class TableFetchComponent {
     ColumnList = [];
     ColumnGroupList = [];
     RowResumenList = [];
-    SearchInput = {};
+    // SearchInput: SearchInputModel = {} as SearchInputModel;
     CurrentPage = 1;
     SortOrder = 1;
     SortField = null;
-    ListSearchOptionsSimple = [];
+    // ListSearchOptionsSimple: { id: number; value: string }[] = [];
     MaxLevel = 0;
     ListDataTable = [];
+    SearchInput = "";
     constructor(cdr) {
         this.cdr = cdr;
     }
     ngOnChanges(changes) {
-        this.LoadSearchOptions();
+        // this.LoadSearchOptions();
         if (changes["FilteredList"] || changes["RowsPerPage"] || changes["CurrentPage"]) {
             this.UpdatePages();
         }
         if (changes["SortField"] || changes["SortOrder"]) {
-            this.EmitSortEvent.emit([{
+            this.EmitSortEvent.emit([
+                {
                     sortOrder: this.SortOrder,
                     sortField: this.SortField?.toString() ?? "",
-                }]);
+                },
+            ]);
         }
     }
     ngAfterContentInit() {
@@ -5666,12 +5673,12 @@ class TableFetchComponent {
     captureResumen() {
         this.RowResumenList = this.RowResumenGroups?.toArray() ?? [];
     }
-    LoadSearchOptions() {
-        this.ListSearchOptionsSimple = this.ListSearchOptions.map((item) => ({
-            id: item.id,
-            value: item.name,
-        }));
-    }
+    // LoadSearchOptions() {
+    // this.ListSearchOptionsSimple = this.ListSearchOptions.map((item) => ({
+    //   id: item.id,
+    //   value: item.name,
+    // }));
+    // }
     OnSort(field) {
         if (this.SortField === field) {
             this.SortOrder *= -1;
@@ -5693,19 +5700,27 @@ class TableFetchComponent {
             this.ListDataTable = this.FilteredList;
         }
     }
-    OnPageChange(pageIndex) {
-        this.CurrentPage = pageIndex;
+    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() {
-        if (this.PaginatorTable) {
-            this.PaginatorTable.CurrentPage = 1;
-            this.CurrentPage = 1;
-        }
+        this.CurrentPage = 1;
         if (this.SearchTable) {
             this.SearchTable.ClearSearchText();
-            this.SearchInput.fieldText = "";
+            // this.SearchInput.fieldText = "";
+            this.SearchInput = "";
         }
         this.ExecuteSearch({});
     }
@@ -5713,20 +5728,22 @@ class TableFetchComponent {
         if (event?.fieldText !== undefined && event?.fieldText !== "") {
             this.SearchInput = event;
         }
-        const field = this.ListSearchOptions.find((item) => item.id === this.SearchInput.fieldId)?.field;
-        if (this.SearchInput?.searchText !== undefined &&
-            this.SearchInput?.searchText !== "" &&
-            this.ListSearchOptions.length > 0 &&
+        // const field = this.ListSearchOptions.find(
+        //   (item) => item.id === this.SearchInput.fieldId
+        // )?.field;
+        if (this.SearchInput !== undefined &&
+            this.SearchInput !== "" &&
+            // this.SearchInput?.searchText !== undefined &&
+            // this.SearchInput?.searchText !== "" &&
+            // this.ListSearchOptions.length > 0 &&
             !this.IsPaginatorInputSearch) {
-            if (this.PaginatorTable) {
-                this.PaginatorTable.CurrentPage = 1;
-                this.CurrentPage = 1;
-            }
+            this.CurrentPage = 1;
         }
         const newQueryParameters = {
-            FilterBy: field || undefined,
-            FilterValue: this.SearchInput.searchText?.trim(),
-            FilterOperator: this.SearchInput.operatorId?.toString(),
+            // FilterBy: field || undefined,
+            // FilterValue: this.SearchInput.searchText?.trim(),
+            FilterValue: this.SearchInput.trim(),
+            // FilterOperator: this.SearchInput.operatorId?.toString(),
             OrderBy: this.SortField ? String(this.SortField) : undefined,
             SortDirection: this.SortOrder === 1 ? "asc" : "desc",
             PageNumber: this.CurrentPage,
@@ -5742,31 +5759,17 @@ class TableFetchComponent {
         this.ExecuteSearch({});
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableFetchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: TableFetchComponent, isStandalone: true, selector: "intelica-table-fetch", inputs: { ComponentId: "ComponentId", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ListSearchOptions: "ListSearchOptions", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", 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 }], 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  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"TotalRecords\"\r\n          [CurrentPage]=\"CurrentPage\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", 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 }], viewQueries: [{ 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<div class=\"prTableTools__new prTableTools__new--left\">\r\n\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (ShowSearch) {\r\n\t\t\t<input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\r\n\t\t\t<!-- <intelica-search\r\n\t\t\t#searchTable\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\t[ShowTooltip]=\"ShowSearchTooltip\"\r\n\t\t></intelica-search> -->\r\n\t\t}\r\n\t\t<!--  -->\r\n\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t@if (AdditionalExtendedTemplate) {\r\n\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t</div>\r\n\t}\r\n\t<!-- Tabla que muestra FilteredList -->\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"FilteredList\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortField]=\"DefaultSortField\"\r\n\t\t[sortOrder]=\"SortOrder\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<!-- Cabecera con columnas agrupadas -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\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)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\r\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\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@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\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\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- Mensaje cuando no hay datos -->\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\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\r\n\t<!-- <div class=\"prTableToolsBottom\"> -->\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ItemPerPage\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\tPage\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" />\r\n\t\t\t\t\t\t\tof {{ TotalItems / RowsPerPage }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { 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: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.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: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { 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.1", ngImport: i0, type: TableFetchComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-table-fetch", standalone: true, imports: [
-                        CommonModule,
-                        TableModule,
-                        Select,
-                        BadgeModule,
-                        TooltipModule,
-                        TermPipe,
-                        CheckboxModule,
-                        FormsModule,
-                        SearchComponent,
-                        PaginatorComponent,
-                        FormatCellPipe,
-                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"TotalRecords\"\r\n          [CurrentPage]=\"CurrentPage\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: "intelica-table-fetch", standalone: true, imports: [InputTextModule, InputNumber, Paginator, FormsModule, CommonModule, TableModule, Select, BadgeModule, TooltipModule, TermPipe, CheckboxModule, FormsModule, FormatCellPipe], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n\t<div class=\"prTableTools\">\r\n\t\t<div class=\"prTableTools__new prTableTools__new--left\">\r\n\t\t\t@if (AdditionalTemplate) {\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t\t@if (ShowSearch) {\r\n\t\t\t<input class=\"prInputtext\" type=\"text\" pInputText [(ngModel)]=\"SearchInput\" (keydown.enter)=\"ExecuteSearch()\" />\r\n\r\n\t\t\t<!-- <intelica-search\r\n\t\t\t#searchTable\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\t[ShowTooltip]=\"ShowSearchTooltip\"\r\n\t\t></intelica-search> -->\r\n\t\t}\r\n\t\t<!--  -->\r\n\t\t@if (AdditionalCentralTemplate) {\r\n\t\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t@if (AdditionalExtendedTemplate) {\r\n\t\t<div class=\"prTableTools justify-content-start\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n\t\t</div>\r\n\t}\r\n\t<!-- Tabla que muestra FilteredList -->\r\n\t<p-table\r\n\t\tclass=\"prTable\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"FilteredList\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortField]=\"DefaultSortField\"\r\n\t\t[sortOrder]=\"SortOrder\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<!-- Cabecera con columnas agrupadas -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t@for (col of ColumnGroupList; track $index) {\r\n\t\t\t\t\t\t@if (col.level === level) {\r\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)\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t@if (col.showHeader) {\r\n\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"prTable__header\">\r\n\t\t\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</th>\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\r\n\t\t\t@if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n\t\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t}\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@for (col of ColumnList; track $index) {\r\n\t\t\t\t\t<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t@if (col.templateRef) {\r\n\t\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\t} @else {\r\n\t\t\t\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t\t\t\t{{ rowData[col.field] | formatCell: col.formatType }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (ShowCheckbox) {\r\n\t\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- Mensaje cuando no hay datos -->\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term: GlobalTermService.languageCode }}\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\r\n\t<!-- <div class=\"prTableToolsBottom\"> -->\r\n\t<div class=\"d-flex justify-content-end\">\r\n\t\t@if (TotalRecords !== 0 && ShowPagination) {\r\n\t\t\t<div class=\"ptTablePaginator\">\r\n\t\t\t\t<p-paginator\r\n\t\t\t\t\tclass=\"prPaginator\"\r\n\t\t\t\t\t[first]=\"(CurrentPage - 1) * RowsPerPage\"\r\n\t\t\t\t\t[rows]=\"RowsPerPage\"\r\n\t\t\t\t\t[totalRecords]=\"TotalRecords\"\r\n\t\t\t\t\t(onPageChange)=\"OnPageChange($event)\"\r\n\t\t\t\t\t[showJumpToPageInput]=\"false\"\r\n\t\t\t\t\t[showCurrentPageReport]=\"false\"\r\n\t\t\t\t\t[showPageLinks]=\"false\"\r\n\t\t\t\t\t[showFirstLastIcon]=\"false\"\r\n\t\t\t\t\t[templateLeft]=\"templateLeft\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ng-template #previouspagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template #nextpagelinkicon>\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-right\"></i>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<ng-template pTemplate=\"templateLeft\" let-state #templateLeft>\r\n\t\t\t\t\t\t<span>{{ \"ItemPerPage\" | term: GlobalTermService.languageCode }}</span>\r\n\t\t\t\t\t\t<p-select class=\"prSelect\" [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\tPage\r\n\t\t\t\t\t\t\t<p-inputnumber class=\"p-paginator-jtp-input\" inputId=\"integeronly\" [(ngModel)]=\"CurrentPage\" />\r\n\t\t\t\t\t\t\tof {{ TotalItems / RowsPerPage }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</p-paginator>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { ComponentId: [{
                 type: Input
             }], ShowRowPerPage: [{
                 type: Input
             }], ShowSearch: [{
                 type: Input
-            }], ListSearchOptions: [{
-                type: Input
             }], ShowPagination: [{
                 type: Input
             }], RowsPerPage: [{
@@ -5775,8 +5778,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 type: Input
             }], ShowIndex: [{
                 type: Input
-            }], ShowSearchTooltip: [{
-                type: Input
             }], ClassName: [{
                 type: Input
             }], DefaultSortField: [{
@@ -5795,9 +5796,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 type: Input
             }], EmitQueryParametersChange: [{
                 type: Output
-            }], PaginatorTable: [{
-                type: ViewChild,
-                args: ["paginatorTable"]
             }], SearchTable: [{
                 type: ViewChild,
                 args: ["searchTable"]
@@ -5831,13 +5829,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
 
 class IntelicaAlertComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IntelicaAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: IntelicaAlertComponent, isStandalone: true, selector: "intelica-alert", ngImport: i0, template: "<p-confirmDialog key=\"intelica-alert-dialog\" [style]=\"{width: 'auto', 'max-width': '90cw'}\" [closable]=\"false\"\r\n    [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div [style]=\"message.data.dialogStyle\"\r\n            style=\"background: white; display: flex; flex-direction: column; align-items: center; padding: 2rem; position: relative; text-align: center;\">\r\n\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <button type=\"button\"\r\n                style=\"position: absolute; top: 0.75rem; right: 0.75rem; background: transparent; border: none; cursor: pointer; padding: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s;\"\r\n                (click)=\"onReject()\" aria-label=\"Cerrar\">\r\n                <i class=\"pi pi-times\" style=\"font-size: 1.25rem; color: #6c757d;\"></i>\r\n            </button>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div [style.backgroundColor]=\"message.data.iconBackgroundColor\"\r\n                style=\"width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\" style=\"width: 60px; height: 60px; object-fit: contain;\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"\r\n                    style=\"font-size: 2.5rem;\"></i>\r\n                }\r\n            </div>\r\n\r\n            <!-- Title -->\r\n            <h2 [style.color]=\"message.data.titleColor\"\r\n                style=\"margin: 0 0 0.75rem 0; font-size: 1.5rem; font-weight: 600;\">{{ message.header }}</h2>\r\n\r\n            <!-- Subtitle / Message -->\r\n            @if (message.message) {\r\n            <p [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin: 0 0 1.5rem 0; font-size: 1rem; line-height: 1.5;\">{{ message.message }}</p>\r\n            }\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <div [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin-bottom: 1.5rem; width: 100%;\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div style=\"display: flex; gap: 0.75rem; justify-content: center; width: 100%; margin-top: 0.5rem;\">\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button [label]=\"message.data.cancelText\" [style]=\"message.data.cancelButtonStyle\"\r\n                    severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onReject()\" />\r\n                }\r\n                <!-- Confirm Button -->\r\n                <p-button [label]=\"message.data.confirmText\" [style]=\"message.data.confirmButtonStyle\"\r\n                    (onClick)=\"onAccept()\" />\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$3.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: IntelicaAlertComponent, isStandalone: true, selector: "intelica-alert", ngImport: i0, template: "<p-confirmDialog key=\"intelica-alert-dialog\" [style]=\"{width: 'auto', 'max-width': '90cw'}\" [closable]=\"false\"\r\n    [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div [style]=\"message.data.dialogStyle\"\r\n            style=\"background: white; display: flex; flex-direction: column; align-items: center; padding: 2rem; position: relative; text-align: center;\">\r\n\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <button type=\"button\"\r\n                style=\"position: absolute; top: 0.75rem; right: 0.75rem; background: transparent; border: none; cursor: pointer; padding: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s;\"\r\n                (click)=\"onReject()\" aria-label=\"Cerrar\">\r\n                <i class=\"pi pi-times\" style=\"font-size: 1.25rem; color: #6c757d;\"></i>\r\n            </button>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div [style.backgroundColor]=\"message.data.iconBackgroundColor\"\r\n                style=\"width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\" style=\"width: 60px; height: 60px; object-fit: contain;\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"\r\n                    style=\"font-size: 2.5rem;\"></i>\r\n                }\r\n            </div>\r\n\r\n            <!-- Title -->\r\n            <h2 [style.color]=\"message.data.titleColor\"\r\n                style=\"margin: 0 0 0.75rem 0; font-size: 1.5rem; font-weight: 600;\">{{ message.header }}</h2>\r\n\r\n            <!-- Subtitle / Message -->\r\n            @if (message.message) {\r\n            <p [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin: 0 0 1.5rem 0; font-size: 1rem; line-height: 1.5;\">{{ message.message }}</p>\r\n            }\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <div [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin-bottom: 1.5rem; width: 100%;\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div style=\"display: flex; gap: 0.75rem; justify-content: center; width: 100%; margin-top: 0.5rem;\">\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button [label]=\"message.data.cancelText\" [style]=\"message.data.cancelButtonStyle\"\r\n                    severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onReject()\" />\r\n                }\r\n                <!-- Confirm Button -->\r\n                <p-button [label]=\"message.data.confirmText\" [style]=\"message.data.confirmButtonStyle\"\r\n                    (onClick)=\"onAccept()\" />\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$2.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IntelicaAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "intelica-alert", standalone: true, imports: [CommonModule, ConfirmDialogModule, ButtonModule], template: "<p-confirmDialog key=\"intelica-alert-dialog\" [style]=\"{width: 'auto', 'max-width': '90cw'}\" [closable]=\"false\"\r\n    [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div [style]=\"message.data.dialogStyle\"\r\n            style=\"background: white; display: flex; flex-direction: column; align-items: center; padding: 2rem; position: relative; text-align: center;\">\r\n\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <button type=\"button\"\r\n                style=\"position: absolute; top: 0.75rem; right: 0.75rem; background: transparent; border: none; cursor: pointer; padding: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s;\"\r\n                (click)=\"onReject()\" aria-label=\"Cerrar\">\r\n                <i class=\"pi pi-times\" style=\"font-size: 1.25rem; color: #6c757d;\"></i>\r\n            </button>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div [style.backgroundColor]=\"message.data.iconBackgroundColor\"\r\n                style=\"width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\" style=\"width: 60px; height: 60px; object-fit: contain;\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"\r\n                    style=\"font-size: 2.5rem;\"></i>\r\n                }\r\n            </div>\r\n\r\n            <!-- Title -->\r\n            <h2 [style.color]=\"message.data.titleColor\"\r\n                style=\"margin: 0 0 0.75rem 0; font-size: 1.5rem; font-weight: 600;\">{{ message.header }}</h2>\r\n\r\n            <!-- Subtitle / Message -->\r\n            @if (message.message) {\r\n            <p [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin: 0 0 1.5rem 0; font-size: 1rem; line-height: 1.5;\">{{ message.message }}</p>\r\n            }\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <div [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin-bottom: 1.5rem; width: 100%;\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div style=\"display: flex; gap: 0.75rem; justify-content: center; width: 100%; margin-top: 0.5rem;\">\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button [label]=\"message.data.cancelText\" [style]=\"message.data.cancelButtonStyle\"\r\n                    severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onReject()\" />\r\n                }\r\n                <!-- Confirm Button -->\r\n                <p-button [label]=\"message.data.confirmText\" [style]=\"message.data.confirmButtonStyle\"\r\n                    (onClick)=\"onAccept()\" />\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>\r\n" }]
         }] });
 
+class AddFavoritesService {
+    configService = inject(ConfigService);
+    addPageToFavorites() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: Added current page to favorites")));
+    }
+    isPageFavorite() {
+        return of(false).pipe(delay(200), tap(() => console.log("Test: Checked if current page is favorite")));
+    }
+    simulateToggle() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: Toggle favorite request")));
+    }
+    removeFromFavorites() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: removed from favorites")));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+const ICON_ON = "icon-favorites-on";
+const ICON_OFF = "icon-favorites-off";
+class AddFavoritesComponent {
+    termService = inject(GlobalTermService);
+    favoritesMock = inject(AddFavoritesService);
+    favoriteChanged = output();
+    isFavorite = false;
+    iconClass = ICON_OFF;
+    ngOnInit() {
+        this.loadInitialState();
+    }
+    toggleFavorite() {
+        const action$ = this.isFavorite ? this.favoritesMock.removeFromFavorites() : this.favoritesMock.addPageToFavorites();
+        action$.subscribe({
+            next: () => {
+                this.isFavorite = !this.isFavorite;
+                this.updateIcon();
+                this.favoriteChanged.emit(this.isFavorite);
+            },
+        });
+    }
+    loadInitialState() {
+        this.favoritesMock.isPageFavorite().subscribe({
+            next: isFavorite => {
+                this.isFavorite = isFavorite;
+                this.updateIcon();
+            },
+        });
+    }
+    updateIcon() {
+        this.iconClass = this.isFavorite ? ICON_ON : ICON_OFF;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: AddFavoritesComponent, isStandalone: true, selector: "intelica-add-favorites", outputs: { favoriteChanged: "favoriteChanged" }, ngImport: i0, template: "<p-button class=\"prButton\" severity=\"secondary\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n", dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-add-favorites", imports: [Button, TermPipe, NgClass], template: "<p-button class=\"prButton\" severity=\"secondary\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n" }]
+        }] });
+
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {
         super(FilterTypeEnum.Checkbox);
@@ -7027,14 +7089,17 @@ class EchartService {
             },
             splitLine: {
                 show: showSplitLine,
-                lineStyle: {
-                    color: Color.gray,
-                    type: "dashed",
-                    width: 1,
-                },
+                // lineStyle: {
+                // 	color: Color.gray,
+                // 	type: "dashed",
+                // 	width: 1,
+                // },
+                lineStyle: { width: 1, color: Color.gray, type: [5, 5], cap: "round" },
             },
             axisLabel: {
-                show: showAxis,
+                fontFamily: "Lato, sans-serif",
+                show: true,
+                // show: showAxis,
                 color: Color.gray3,
                 fontSize: 14,
                 padding: 10,
@@ -7044,7 +7109,7 @@ class EchartService {
     getCategoryAxisConfiguration(data) {
         return this.getDefultAxisConfiguration("category", data, true);
     }
-    getValueAxisConfiguration(showAxis = false, format = false, showAxisLines = false) {
+    getValueAxisConfiguration(showAxis = true, format = true, showAxisLines = true) {
         let axisConfiguration = this.getDefultAxisConfiguration("value", undefined, showAxis, showAxisLines);
         if (format) {
             axisConfiguration.axisLabel.formatter = (value) => this._sharedService.FormatNumberWithSuffix(value);
@@ -7053,20 +7118,37 @@ class EchartService {
     }
     getGridConfiguration() {
         return {
-            left: "0%",
-            right: "0%",
-            //bottom: '0%',
+            // 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 },
+            // 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",
         };
     }
     /**
@@ -7102,15 +7184,16 @@ class EchartService {
      */
     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 },
+                    itemStyle: { color: item.color, borderRadius: 8 },
                     data: item.value,
-                    // barWidth: "33%",
+                    barWidth: "33%",
                     barGap: "0%",
                     label: {
                         show: true,
@@ -7127,6 +7210,7 @@ class EchartService {
                 borderWidth: 2,
                 textStyle: { fontSize: 12 },
                 formatter: tooltipConfig,
+                appendTo: "body",
             },
             grid: this.getGridConfiguration(),
             legend: showLegend ? this.getLegendConfiguration() : undefined,
@@ -7166,22 +7250,20 @@ class EchartService {
     getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend = false, enableSelectStyle = false // 👈 nuevo
     ) {
         let barBase = this.getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend);
-        barBase.xAxis = this.getValueAxisConfiguration();
+        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';
+            const baseColor = serie.itemStyle?.color ?? (series[idx] && series[idx].color) ?? "#FF8A00";
             serie.itemStyle = {
                 ...(serie.itemStyle || {}),
                 color: baseColor,
                 borderWidth: 0,
             };
             if (enableSelectStyle) {
-                serie.selectedMode = 'single';
+                serie.selectedMode = "single";
                 const selectedColor = darkenColor(String(baseColor), 0.38);
                 serie.select = {
                     itemStyle: {
@@ -7245,9 +7327,9 @@ class EchartService {
             const y = barBase.yAxis;
             const gr = barBase.grid;
             const defaultCategoryFormatter = (value, index) => {
-                const sangriaBase = '\u2008\u2008\u2008\u2008\u2008\u2008\u2009';
+                const sangriaBase = "\u2008\u2008\u2008\u2008\u2008\u2008\u2009";
                 const lineLength = 35;
-                const text = String(value ?? '');
+                const text = String(value ?? "");
                 const prefix = `${index + 1} - `;
                 const digitCount = String(index + 1).length;
                 let extraRepeat = 0;
@@ -7255,10 +7337,10 @@ class EchartService {
                     extraRepeat = 2;
                 else if (digitCount === 3)
                     extraRepeat = 5;
-                const sangria = sangriaBase + '\u2008'.repeat(extraRepeat);
-                const words = text.split(' ');
+                const sangria = sangriaBase + "\u2008".repeat(extraRepeat);
+                const words = text.split(" ");
                 const lines = [];
-                let current = '';
+                let current = "";
                 for (const w of words) {
                     const test = current ? `${current} ${w}` : w;
                     if (test.length <= lineLength)
@@ -7271,7 +7353,7 @@ class EchartService {
                 }
                 if (current)
                     lines.push(current);
-                return prefix + lines.map((ln, i) => (i === 0 ? ln : `${sangria}${ln}`)).join('\n');
+                return prefix + lines.map((ln, i) => (i === 0 ? ln : `${sangria}${ln}`)).join("\n");
             };
             // y.inverse = true;
             // y.axisLabel = {
@@ -7292,7 +7374,7 @@ class EchartService {
             gr.bottom = "0%";
             gr.containLabel = true;
         }
-        barBase.series.forEach((serie) => {
+        barBase.series.forEach(serie => {
             serie.label = {
                 ...(serie.label || {}),
                 formatter: labelConfig,
@@ -7337,6 +7419,7 @@ class EchartService {
                 borderWidth: 2,
                 textStyle: { fontSize: 12 },
                 formatter: tooltipConfig,
+                appendTo: "body	",
             },
             dataZoom: [
                 {
@@ -7404,6 +7487,7 @@ class EchartService {
             tooltip: {
                 trigger: "item",
                 formatter: tooltipConfig,
+                appendTo: "body",
                 // extraCssText: this.chartService.getTooltipCssText(),
             },
             legend: {
@@ -7437,6 +7521,7 @@ class EchartService {
         return {
             tooltip: {
                 trigger: "none",
+                appendTo: "body",
             },
             series: [
                 {
@@ -7467,6 +7552,136 @@ class EchartService {
             ],
         };
     }
+    /**
+     * 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) {
+        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 BASE_RADIUS_PERCENT = 96;
+        const BASE_THICKNESS = 11;
+        const BASE_DOT_SIZE = THICKNESS + 5;
+        const BASE_POINTER_LENGTH = 196; // tu valor comprobado
+        const radiusPercent = parseFloat(RADIUS);
+        const radiusFactor = radiusPercent / BASE_RADIUS_PERCENT;
+        const thicknessFactor = THICKNESS / BASE_THICKNESS;
+        const dotFactor = dotSizePx / BASE_DOT_SIZE;
+        const scale = radiusFactor * 0.5 + thicknessFactor * 0.3 + dotFactor * 0.2;
+        const pointerLengthPercent = Math.round(BASE_POINTER_LENGTH * scale);
+        const POINTER_LENGTH = `${pointerLengthPercent}%`;
+        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, "0%"],
+                        fontSize: textSize,
+                        fontWeight: 700,
+                        color: TEXT_COLOR,
+                        formatter: () => letter,
+                    },
+                    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.1", ngImport: i0, type: EchartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EchartService, providedIn: "root" });
 }
@@ -7571,6 +7786,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             args: [{ providedIn: "root" }]
         }] });
 
+class IntelicaSessionService {
+    configService = inject(ConfigService);
+    prefix = "itl.session.";
+    sessionIdKey = "itl.session.__sessionId";
+    pageRoot = "";
+    sessionId = null;
+    constructor() {
+        this.ensureSessionId();
+        this.cleanupForeignSessions();
+    }
+    /**
+     * Actualiza el pageRoot actual, es necesario matricularlo en el app.component
+     */
+    setPageRoot(pageRoot) {
+        this.pageRoot = pageRoot;
+    }
+    /**
+     * Retorna la key de usuario con scope si necesitas reutilizarla manualmente.
+     */
+    getUserKey(key) {
+        return this.buildScopedKey(key, "user");
+    }
+    ensureSessionId() {
+        if (this.sessionId)
+            return this.sessionId;
+        const stored = localStorage.getItem(this.sessionIdKey);
+        if (stored) {
+            this.sessionId = stored;
+            return stored;
+        }
+        const id = this.createGuid();
+        this.sessionId = id;
+        localStorage.setItem(this.sessionIdKey, id);
+        return id;
+    }
+    createGuid() {
+        return Guid.create().toString();
+    }
+    buildScopedKey(key, scope = "user-profile") {
+        const parts = [];
+        if (this.pageRoot)
+            parts.push(this.pageRoot);
+        parts.push(key);
+        const userId = this.configService.SessionInformation?.businessUserID;
+        const profileId = this.configService.SessionInformation?.businessUserProfile;
+        if (scope === "user" || scope === "user-profile") {
+            if (userId)
+                parts.push(`user:${userId}`);
+        }
+        if (scope === "profile" || scope === "user-profile") {
+            if (profileId)
+                parts.push(`profile:${profileId}`);
+        }
+        return parts.join("|");
+    }
+    set(key, value, scope = "user-profile") {
+        this.ensureSessionId();
+        const storageKey = this.buildScopedKey(key, scope);
+        const envelope = {
+            sessionId: this.sessionId,
+            updatedAt: Date.now(),
+            value,
+        };
+        localStorage.setItem(this.prefix + storageKey, JSON.stringify(envelope));
+    }
+    get(key, scope = "user-profile") {
+        const storageKey = this.buildScopedKey(key, scope);
+        const raw = localStorage.getItem(this.prefix + storageKey);
+        if (!raw)
+            return null;
+        try {
+            const env = JSON.parse(raw);
+            if (!this.sessionId || env.sessionId !== this.sessionId)
+                return null;
+            return env.value;
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * Limpia todo lo que haya en localStorage para este servicio (todas las sesiones).
+     * Úsalo al iniciar sesión/cerrar sesión para evitar acumulación.
+     */
+    clearAll() {
+        Object.keys(localStorage)
+            .filter(k => k.startsWith(this.prefix))
+            .forEach(k => localStorage.removeItem(k));
+        localStorage.removeItem(this.sessionIdKey);
+        this.sessionId = null;
+    }
+    /**
+     * Limpia los valores de la sesión actual para el pageRoot vigente.
+     */
+    clearCurrentPageRoot() {
+        if (!this.pageRoot)
+            return;
+        this.clearPageRoot(this.pageRoot);
+    }
+    clearPageRoot(pageRoot) {
+        const prefix = `${this.prefix}${pageRoot}|`;
+        Object.keys(localStorage)
+            .filter(k => k.startsWith(prefix))
+            .forEach(k => {
+            const raw = localStorage.getItem(k);
+            if (!raw)
+                return;
+            const env = this.tryParseEnvelope(raw);
+            if (!env || env.sessionId !== this.sessionId)
+                return;
+            localStorage.removeItem(k);
+        });
+    }
+    cleanupForeignSessions() {
+        if (!this.sessionId)
+            return;
+        Object.keys(localStorage)
+            .filter(k => k.startsWith(this.prefix))
+            .forEach(k => {
+            const raw = localStorage.getItem(k);
+            if (!raw)
+                return;
+            const env = this.tryParseEnvelope(raw);
+            if (!env)
+                return;
+            if (env.sessionId !== this.sessionId) {
+                localStorage.removeItem(k);
+            }
+        });
+    }
+    tryParseEnvelope(raw) {
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IntelicaSessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IntelicaSessionService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IntelicaSessionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Función de comparación genérica para ordenar objetos por un campo específico.
  *
@@ -9957,5 +10320,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_DEFAULTS, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AlertButtonMode, AlertService, AlertType, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ALERT_DEFAULTS, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-components.mjs.map