intelica-library-ui 0.1.157 → 0.1.159

package/fesm2022/intelica-library-ui.mjs

@@ -5,7 +5,7 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, tap, map } from 'rxjs';
 import Swal from 'sweetalert2';
 import * as i1 from '@angular/common';
-import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { CommonModule, DatePipe, isPlatformBrowser } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BadgeModule } from 'primeng/badge';
@@ -261,9 +261,9 @@ const getColor = (name) => {
 };
 
 const DateModeOptions = {
-    Day: { value: 'day', format: 'dd/mm/yy' },
-    Month: { value: 'month', format: 'mm/yy' },
-    Year: { value: 'year', format: 'yy' }
+    Day: { value: "day", format: "d/m/y" },
+    Month: { value: "month", format: "m/y" },
+    Year: { value: "year", format: "y" },
 };
 
 class FeatureFlagService {
@@ -396,6 +396,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
         }] });
 
 const ErrorInterceptor = (req, next) => {
+    const skip = req.headers.has("Skip-Interceptor");
+    if (skip) {
+        const cleanReq = req.clone({
+            headers: req.headers.delete("Skip-Interceptor"),
+        });
+        return next(cleanReq);
+    }
     const commonFeatureFlagService = inject(GlobalFeatureFlagService);
     const spinnerService = inject(SpinnerService);
     const sweetAlertService = inject(SweetAlertService);
@@ -410,8 +417,12 @@ const ErrorInterceptor = (req, next) => {
         HeaderSettings["ClientID"] = configService.environment?.clientID ?? "";
         HeaderSettings["PageRoot"] = commonFeatureFlagService.GetPageRoot();
         HeaderSettings["LanguageCode"] = getCookie("language") ?? "";
-        HeaderSettings["Environment"] = configService.environment?.environment ?? "";
-        HeaderSettings["Access"] = authenticationClientID == "" ? "" : getCookie(authenticationClientID) ?? "";
+        HeaderSettings["Environment"] =
+            configService.environment?.environment ?? "";
+        HeaderSettings["Access"] =
+            authenticationClientID == ""
+                ? ""
+                : getCookie(authenticationClientID) ?? "";
     }
     let _request = req.clone({ headers: new HttpHeaders(HeaderSettings) });
     return next(_request).pipe(catchError(handleErrorResponse));
@@ -448,6 +459,13 @@ function GetCookieAttributes(environment) {
 }
 
 const RefreshTokenInterceptor = (req, next) => {
+    const skip = req.headers.has("Skip-Interceptor");
+    if (skip) {
+        const cleanReq = req.clone({
+            headers: req.headers.delete("Skip-Interceptor"),
+        });
+        return next(cleanReq);
+    }
     const configService = inject(ConfigService);
     const httpClient = inject(HttpClient);
     const commonFeatureFlagService = inject(GlobalFeatureFlagService);
@@ -465,9 +483,13 @@ const RefreshTokenInterceptor = (req, next) => {
         controller: "",
         httpVerb: "GET",
         businessUserClientGroupID: getCookie("businessUserClientGroupID") ?? "",
-        access: authenticationClientID == "" ? "" : getCookie(authenticationClientID) ?? "",
+        access: authenticationClientID == ""
+            ? ""
+            : getCookie(authenticationClientID) ?? "",
     };
-    if (!req.url.includes("ValidateToken") && !req.url.includes("environment.json") && !req.url.includes("GetAuthenticationFromCache"))
+    if (!req.url.includes("ValidateToken") &&
+        !req.url.includes("environment.json") &&
+        !req.url.includes("GetAuthenticationFromCache"))
         return from(httpClient.post(path, validateTokenQuery)).pipe(switchMap((response) => {
             if (response.expired) {
                 Cookies.remove("token", cookieAttributesGeneral);
@@ -1552,9 +1574,10 @@ class ColumnComponent {
     isChecboxColumn = false;
     //@Input() isGrouped: boolean = false;
     //@Input() isGroup: boolean = false;
+    formatType = "string";
     templateRef;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: ColumnComponent, isStandalone: true, selector: "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" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.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: "19.2.1", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Directive,
@@ -1585,6 +1608,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], isChecboxColumn: [{
                 type: Input
+            }], formatType: [{
+                type: Input
             }], templateRef: [{
                 type: ContentChild,
                 args: [TemplateRef]
@@ -1663,6 +1688,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 args: [TemplateRef]
             }] } });
 
+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: "19.2.1", ngImport: i0, type: FormatCellPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: FormatCellPipe, isStandalone: true, name: "formatCell" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatCellPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "formatCell",
+                    standalone: true,
+                }]
+        }] });
+
 class TableComponent {
     SharedService = inject(SharedService);
     GlobalTermService = inject(GlobalTermService);
@@ -1719,11 +1836,11 @@ class TableComponent {
         this.ColumnList = this.Columns.toArray();
         this.ColumnGroupList = this.ColumnGroups.toArray();
         this.RowResumenList = this.RowResumenGroups.toArray();
-        this.MaxLevel = Math.max(...this.ColumnGroupList.map(c => c.level)) + 1;
+        this.MaxLevel = Math.max(...this.ColumnGroupList.map((c) => c.level)) + 1;
         this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
     }
     LoadSearchOptions() {
-        this.ListSearchOptionsSimple = this.ListSearchOptions.map(item => ({
+        this.ListSearchOptionsSimple = this.ListSearchOptions.map((item) => ({
             id: item.id,
             value: item.name,
         }));
@@ -1746,9 +1863,11 @@ class TableComponent {
         if (event?.fieldText !== undefined && event?.fieldText !== "")
             this.SearchInput = event;
         this.ListDataFilter = [...this.ListData];
-        if (this.SearchInput?.searchText !== undefined && this.SearchInput?.searchText !== "" && this.ListSearchOptions.length > 0) {
+        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";
+            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;
@@ -1760,7 +1879,7 @@ class TableComponent {
     SortPages() {
         const order = this.SortOrder === 1 ? "asc" : "desc";
         const field = this.SortField;
-        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);
         }
@@ -1788,24 +1907,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);
     }
@@ -1813,7 +1932,8 @@ 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);
         }
@@ -1823,7 +1943,8 @@ 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() {
@@ -1840,14 +1961,19 @@ class TableComponent {
     EmitSearchValues() {
         this.EmitListDataFilter.emit(this.ListDataFilter);
         this.EmitSearchEvent.emit(this.SearchInput);
-        this.EmitSortEvent.emit([{ sortOrder: this.SortOrder, sortField: this.SortField?.toString() ?? "" }]);
+        this.EmitSortEvent.emit([
+            {
+                sortOrder: this.SortOrder,
+                sortField: this.SortField?.toString() ?? "",
+            },
+        ]);
     }
     OnHeaderCheckboxChange(event, field) {
         const checked = event.checked;
         if (!this.SelectedIdentifier)
             return;
-        const idsSelected = new Set(this.ListDataFilter.map(item => item[this.SelectedIdentifier]));
-        this.ListData.forEach(item => {
+        const idsSelected = new Set(this.ListDataFilter.map((item) => item[this.SelectedIdentifier]));
+        this.ListData.forEach((item) => {
             const id = item[this.SelectedIdentifier];
             const exists = idsSelected.has(id);
             if (exists) {
@@ -1857,11 +1983,11 @@ class TableComponent {
         this.IsInderteminate(field);
     }
     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)
@@ -1878,11 +2004,23 @@ class TableComponent {
         this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.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", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], 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\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<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (ShowSearch) {\r\n\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} @if (AdditionalCentralTemplate) {\r\n\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\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]=\"-1\"\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<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\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<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t\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\r\n\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t@if(!col.showIndex) { @if(col.isChecboxColumn){\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<p-checkbox [binary]=\"true\" (click)=\"$event.stopPropagation()\" (onChange)=\"OnHeaderCheckboxChange($event, col.field)\" [attr.data-check]=\"col.field\"></p-checkbox>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t} }\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\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<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else { @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 if(col.isChecboxColumn){\r\n\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"IsInderteminate(col.field)\"></p-checkbox>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} }\r\n\t\t\t\t</td>\r\n\t\t\t\t} @if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\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=\"prTableToolsBottom\">\r\n\t\t@if(ShowRowPerPage){\r\n\t\t<div class=\"prTableToolsBottom__itemPerPage\">\r\n\t\t\t{{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n\t\t\t<p-select [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t<label for=\"pageSize\" class=\"control-label\">\r\n\t\t\t\t{{ 1 + RowsPerPage * (CurrentPage - 1) }} - {{ CurrentPage * RowsPerPage >= TotalRecords ? TotalRecords : CurrentPage * RowsPerPage }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t{{ TotalRecords }} {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t} @if (ShowPagination) {\r\n\t\t<intelica-paginator #paginatorTable [TotalItems]=\"ListDataFilter.length\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\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: "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", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$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: ["disabled", "value", "index", "inputId", "name", "required", "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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.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", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle" }, 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: "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  <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]=\"-1\"\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      <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              >{{ col.header }}</span\r\n            >\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      @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)=\"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    <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(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    ></intelica-paginator>\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", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$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: ["disabled", "value", "index", "inputId", "name", "required", "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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], 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: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-table", standalone: true, imports: [CommonModule, SearchComponent, PaginatorComponent, TableModule, Select, BadgeModule, TooltipModule, TermPipe, CheckboxModule, FormsModule], 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<ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (ShowSearch) {\r\n\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} @if (AdditionalCentralTemplate) {\r\n\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\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]=\"-1\"\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<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\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<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t\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\r\n\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t@if(!col.showIndex) { @if(col.isChecboxColumn){\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<p-checkbox [binary]=\"true\" (click)=\"$event.stopPropagation()\" (onChange)=\"OnHeaderCheckboxChange($event, col.field)\" [attr.data-check]=\"col.field\"></p-checkbox>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t} }\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" [ngClass]=\"{ 'prCheckbox--indeterminate': ListDataSelectedTemp.length > 0 && ListDataSelectedTemp.length < ListDataFilter.length }\" />\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t@if (ListDataFilter.length > 0) {\r\n\t\t\t<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<ng-template #defaultContent></ng-template>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\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<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else { @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 if(col.isChecboxColumn){\r\n\t\t\t\t\t<p-checkbox [binary]=\"true\" [(ngModel)]=\"rowData[col.field]\" (onChange)=\"IsInderteminate(col.field)\"></p-checkbox>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} }\r\n\t\t\t\t</td>\r\n\t\t\t\t} @if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\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=\"prTableToolsBottom\">\r\n\t\t@if(ShowRowPerPage){\r\n\t\t<div class=\"prTableToolsBottom__itemPerPage\">\r\n\t\t\t{{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n\t\t\t<p-select [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t<label for=\"pageSize\" class=\"control-label\">\r\n\t\t\t\t{{ 1 + RowsPerPage * (CurrentPage - 1) }} - {{ CurrentPage * RowsPerPage >= TotalRecords ? TotalRecords : CurrentPage * RowsPerPage }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t{{ TotalRecords }} {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t} @if (ShowPagination) {\r\n\t\t<intelica-paginator #paginatorTable [TotalItems]=\"ListDataFilter.length\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n" }]
+            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  <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]=\"-1\"\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      <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              >{{ col.header }}</span\r\n            >\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      @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)=\"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    <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(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    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ListData: [{
@@ -2591,6 +2729,7 @@ class FilterChipsComponent {
     remove = new EventEmitter();
     openPopUp = new EventEmitter();
     GlobalTermService = inject(GlobalTermService);
+    datePipe = inject(DatePipe);
     onRemove(filter) {
         this.remove.emit(filter);
     }
@@ -2600,10 +2739,42 @@ class FilterChipsComponent {
     isBooleanTrue(value) {
         return typeof value === "boolean" && value === true;
     }
-    isDateRange(value) {
-        return (Array.isArray(value) &&
-            value.length === 2 &&
-            value.every((v) => typeof v === "string" && !isNaN(Date.parse(v))));
+    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 "";
+    }
+    isDateOrDateRange(value) {
+        const isValidDate = (v) => {
+            if (typeof v !== "string")
+                return false;
+            const date = new Date(v);
+            return !isNaN(date.getTime());
+        };
+        // Caso 1: Fecha simple (string)
+        if (isValidDate(value)) {
+            return true;
+        }
+        // Caso 2: Rango de fechas (array de 2 strings válidas)
+        if (Array.isArray(value) && value.length === 2) {
+            return value.every(isValidDate);
+        }
+        return false;
     }
     sortList(list) {
         if (!Array.isArray(list)) {
@@ -2623,12 +2794,18 @@ class FilterChipsComponent {
             return sorted.map((item, index) => `${index + 1}. ${item}`);
         }
     }
+    getSafeString(value) {
+        if (Array.isArray(value)) {
+            return value.join(", ");
+        }
+        return value ?? null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FilterChipsComponent, isStandalone: true, selector: "filter-chips", inputs: { filters: "filters" }, outputs: { remove: "remove", openPopUp: "openPopUp" }, ngImport: i0, template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text?.toString() }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"isBooleanTrue(item.value)\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.name === 'dateFilterRange'\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text }}\r\n    </span>\r\n\r\n    <span\r\n      *ngIf=\"\r\n    (!item.valueName || item.valueName.length === 0) &&\r\n    (item.value && (typeof item.value === 'string' ? item.value.length > 0 : false))\r\n  \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text?.toString() | slice : 0 : 15\r\n      }}{{ item.text && item.text.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text?.toString() | slice : 0 : 15\r\n      }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.name | slice : 0 : 15\r\n      }}{{ item.name!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\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: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FilterChipsComponent, isStandalone: true, selector: "filter-chips", inputs: { filters: "filters" }, outputs: { remove: "remove", openPopUp: "openPopUp" }, providers: [DatePipe], ngImport: i0, template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text?.toString() }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"isBooleanTrue(item.value)\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title | slice : 0 : 15\r\n      }}{{ item.title && item.title.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"\r\n        (!item.valueName || item.valueName.length === 0) &&\r\n        item.value &&\r\n        item.value.length > 0 &&\r\n        !item.dateFormat\r\n      \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15\r\n      }}{{ item.text && item.text.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.dateFormat\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ formatDateValue(item.value, item.dateFormat) }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title | slice : 0 : 15\r\n      }}{{ item.title!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\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: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "filter-chips", imports: [CommonModule, TooltipModule], template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text?.toString() }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"isBooleanTrue(item.value)\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.name === 'dateFilterRange'\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text }}\r\n    </span>\r\n\r\n    <span\r\n      *ngIf=\"\r\n    (!item.valueName || item.valueName.length === 0) &&\r\n    (item.value && (typeof item.value === 'string' ? item.value.length > 0 : false))\r\n  \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text?.toString() | slice : 0 : 15\r\n      }}{{ item.text && item.text.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text?.toString() | slice : 0 : 15\r\n      }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.name | slice : 0 : 15\r\n      }}{{ item.name!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: "filter-chips", imports: [CommonModule, TooltipModule], providers: [DatePipe], template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text?.toString() }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"isBooleanTrue(item.value)\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title | slice : 0 : 15\r\n      }}{{ item.title && item.title.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"\r\n        (!item.valueName || item.valueName.length === 0) &&\r\n        item.value &&\r\n        item.value.length > 0 &&\r\n        !item.dateFormat\r\n      \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15\r\n      }}{{ item.text && item.text.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.dateFormat\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ formatDateValue(item.value, item.dateFormat) }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.title | slice : 0 : 15\r\n      }}{{ item.title!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { filters: [{
                 type: Input
             }], remove: [{
@@ -2834,6 +3011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             }] } });
 
 class MultiSelectComponent {
+    GlobalTermService = inject(GlobalTermService);
     /**
      * @description Id
      * @default	""
@@ -2937,7 +3115,7 @@ class MultiSelectComponent {
     onChangeFn = () => { };
     onTouchedFn = () => { };
     ngAfterViewInit() {
-        if (this.options.some(option => typeof option !== "object")) {
+        if (this.options.some((option) => typeof option !== "object")) {
             this.optionValue = undefined;
             this.optionLabel = undefined;
         }
@@ -2960,8 +3138,8 @@ class MultiSelectComponent {
             this.selectedOptions = [];
         }
         else {
-            this.selectedOptions = this.options.map(option => option[this.optionValue]);
-            if (this.options.some(option => typeof option !== "object")) {
+            this.selectedOptions = this.options.map((option) => option[this.optionValue]);
+            if (this.options.some((option) => typeof option !== "object")) {
                 this.selectedOptions = this.options;
             }
         }
@@ -2993,17 +3171,17 @@ class MultiSelectComponent {
                 useExisting: forwardRef(() => MultiSelectComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-multiSelect\r\n\t[class]=\"textColorClass + ' prMultiselect'\"\r\n\t[disabled]=\"disabled\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t(onPanelHide)=\"onPanelHide($event)\"\r\n\t(onPanelShow)=\"onPanelShow($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\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", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "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", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], 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", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+        ], 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>\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</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", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "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", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], 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", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-multi-select", imports: [FormsModule, MultiSelectModule, CheckboxModule], providers: [
+            args: [{ selector: "intelica-multi-select", imports: [FormsModule, MultiSelectModule, CheckboxModule, TermPipe], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => MultiSelectComponent),
                             multi: true,
                         },
-                    ], template: "<p-multiSelect\r\n\t[class]=\"textColorClass + ' prMultiselect'\"\r\n\t[disabled]=\"disabled\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t(onPanelHide)=\"onPanelHide($event)\"\r\n\t(onPanelShow)=\"onPanelShow($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\r\n</p-multiSelect>\r\n" }]
+                    ], 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>\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</p-multiSelect>\r\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], options: [{
@@ -3231,7 +3409,10 @@ class FiltersComponent {
                     child.visible = false;
                 }
                 if (child.change) {
-                    child.change.emit({ current: child, all: this.filterDirectives });
+                    child.change.emit({
+                        current: child,
+                        all: this.filterDirectives,
+                    });
                 }
             });
         }
@@ -3254,6 +3435,7 @@ class FiltersComponent {
         let value = filter.value;
         let text = filter.value;
         let valueName = [];
+        let dateFormat = "";
         if (filter.type === FilterTypeEnum.Select) {
             const selectFilter = filter;
             if (selectFilter.multiple) {
@@ -3278,13 +3460,26 @@ class FiltersComponent {
         }
         let filterApplied = this._filtersApplied.filter((x) => x.name === filter.name)[0];
         if (!filterApplied) {
-            this._filtersApplied.push({
-                name: filter.name,
-                value: value,
-                text: text,
-                title: filter.title,
-                valueName: valueName,
-            });
+            if (filter.type === FilterTypeEnum.Date) {
+                const dateFilter = filter;
+                this._filtersApplied.push({
+                    name: filter.name,
+                    value: value,
+                    text: text,
+                    title: filter.title,
+                    valueName: valueName,
+                    dateFormat: dateFilter.dateMode,
+                });
+            }
+            else {
+                this._filtersApplied.push({
+                    name: filter.name,
+                    value: value,
+                    text: text,
+                    title: filter.title,
+                    valueName: valueName,
+                });
+            }
         }
         else {
             filterApplied.text = text;
@@ -3549,15 +3744,25 @@ class FiltersComponent {
     getDateFormat(mode) {
         switch (mode) {
             case "month":
-                return "mm/yy";
+                return "m/y";
+            case "year":
+                return "y";
+            default:
+                return "d/m/y";
+        }
+    }
+    getDateFormatPlaceholder(mode) {
+        switch (mode) {
+            case "month":
+                return "m/yy";
             case "year":
                 return "yy";
             default:
-                return "dd/mm/yy";
+                return "d/m/yy";
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t\t[placeholder]=\"getDateFormat(item.dateMode)\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], 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: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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]", inputs: ["autoResize", "variant", "fluid", "pSize"], 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"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\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  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\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  } } }\r\n  <!-- END filters -->\r\n  }\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 align-items-baseline\">\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      }\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]=\"item.showFilter\"\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    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]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\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  ></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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], 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: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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]", inputs: ["autoResize", "variant", "fluid", "pSize"], 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"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
@@ -3574,7 +3779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         TextareaModule,
                         RippleModule,
                         MultiSelectComponent,
-                    ], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t\t[placeholder]=\"getDateFormat(item.dateMode)\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></textarea>\r\n</ng-template>\r\n" }]
+                    ], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\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  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\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  } } }\r\n  <!-- END filters -->\r\n  }\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 align-items-baseline\">\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      }\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]=\"item.showFilter\"\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    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]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\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  ></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" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showButtons: [{
                 type: Input
             }], customClass: [{
@@ -3614,6 +3819,11 @@ class ModalDialogComponent {
      * @type {EventEmitter<boolean>}
      */
     EmmitCloseModal = new EventEmitter();
+    /**
+     * Captura la plantilla del contenido.
+     * @type {TemplateRef<any>}
+     */
+    modalContentTemplate;
     /**
      * Visibilidad del cuadro de diálogo.
      * @type {string}
@@ -3627,11 +3837,11 @@ class ModalDialogComponent {
         this.EmmitCloseModal.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ModalDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ModalDialogComponent, isStandalone: true, selector: "intelica-modal-dialog", inputs: { Title: "Title", Size: "Size", Draggable: "Draggable", DisableMaskClose: "DisableMaskClose" }, outputs: { EmmitCloseModal: "EmmitCloseModal" }, ngImport: i0, template: "<p-dialog class=\"prDialog prDialog--{{ Size }}\" [modal]=\"true\" [(visible)]=\"Visible\" [draggable]=\"Draggable\" [dismissableMask]=\"!DisableMaskClose\">\r\n\t<ng-template pTemplate=\"header\">\r\n\t\t<div class=\"custom-header\">\r\n\t\t\t<h2>\r\n\t\t\t\t<ng-content select=\"[titleHeaderMenu]\"></ng-content>\r\n\t\t\t</h2>\r\n\t\t\t<button class=\"grButton--icon-close-modal\" (click)=\"closeDialog()\">\r\n\t\t\t\t<i class=\"icon-close1\"></i>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<div class=\"prDialog__content\">\r\n\t\t<ng-content select=\"[content]\"></ng-content>\r\n\t</div>\r\n</p-dialog>\r\n", dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 *ngIf=\"Visible\">\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", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ModalDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-modal-dialog", imports: [Dialog, ButtonModule], template: "<p-dialog class=\"prDialog prDialog--{{ Size }}\" [modal]=\"true\" [(visible)]=\"Visible\" [draggable]=\"Draggable\" [dismissableMask]=\"!DisableMaskClose\">\r\n\t<ng-template pTemplate=\"header\">\r\n\t\t<div class=\"custom-header\">\r\n\t\t\t<h2>\r\n\t\t\t\t<ng-content select=\"[titleHeaderMenu]\"></ng-content>\r\n\t\t\t</h2>\r\n\t\t\t<button class=\"grButton--icon-close-modal\" (click)=\"closeDialog()\">\r\n\t\t\t\t<i class=\"icon-close1\"></i>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<div class=\"prDialog__content\">\r\n\t\t<ng-content select=\"[content]\"></ng-content>\r\n\t</div>\r\n</p-dialog>\r\n" }]
+            args: [{ selector: "intelica-modal-dialog", imports: [Dialog, ButtonModule, CommonModule], 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 *ngIf=\"Visible\">\r\n      <ng-container *ngTemplateOutlet=\"modalContentTemplate\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</p-dialog>\r\n" }]
         }], propDecorators: { Title: [{
                 type: Input
             }], Size: [{
@@ -3642,6 +3852,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], EmmitCloseModal: [{
                 type: Output
+            }], modalContentTemplate: [{
+                type: ContentChild,
+                args: ["modalContent"]
             }] } });
 
 class ItemSplitDirective {
@@ -4545,7 +4758,7 @@ class TableFetchComponent {
         this.ExecuteSearch({});
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableFetchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.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" }, queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], 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\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<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<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} @if (AdditionalCentralTemplate) {\r\n\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n\t<!-- Tabla que muestra FilteredList -->\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\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<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\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<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\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) { @if (col.showHeader) {\r\n\t\t\t\t<th\r\n\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">\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\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\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<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\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<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else { @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<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} }\r\n\t\t\t\t</td>\r\n\t\t\t\t} @if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\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<!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n\t<div class=\"prTableToolsBottom\">\r\n\t\t@if(ShowRowPerPage){\r\n\t\t<div class=\"prTableToolsBottom__itemPerPage\">\r\n\t\t\t{{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n\t\t\t<p-select [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t<label for=\"pageSize\" class=\"control-label\">\r\n\t\t\t\t{{ 1 + RowsPerPage * (CurrentPage - 1) }} - {{ CurrentPage * RowsPerPage >= TotalRecords ? TotalRecords : CurrentPage * RowsPerPage }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t{{ TotalRecords }} {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t} @if (ShowPagination) {\r\n\t\t<intelica-paginator #paginatorTable [TotalItems]=\"TotalRecords\" [CurrentPage]=\"CurrentPage\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\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: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$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: ["disabled", "value", "index", "inputId", "name", "required", "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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.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: "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\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.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 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\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\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  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\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  </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", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$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: ["disabled", "value", "index", "inputId", "name", "required", "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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], 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", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { 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: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableFetchComponent, decorators: [{
             type: Component,
@@ -4560,7 +4773,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         FormsModule,
                         SearchComponent,
                         PaginatorComponent,
-                    ], 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<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<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} @if (AdditionalCentralTemplate) {\r\n\t\t<div class=\"prTableTools__new prTableTools__new--right\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"AdditionalCentralTemplate\"></ng-container>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n\t<!-- Tabla que muestra FilteredList -->\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\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<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\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<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\" [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\t\t\t\t</th>\r\n\t\t\t\t}\r\n\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) { @if (col.showHeader) {\r\n\t\t\t\t<th\r\n\t\t\t\t\t[class]=\"col.className\"\r\n\t\t\t\t\t[pSortableColumn]=\"!col.isChecboxColumn && col.sortable ? col.field : ''\"\r\n\t\t\t\t\t[style.width]=\"col.width\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\"\r\n\t\t\t\t\t(click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.headerTooltip }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">\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\t@if (!col.showIndex) {\r\n\t\t\t\t\t\t<p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n\t\t\t\t<th class=\"text-center\" style=\"width: 4%\">\r\n\t\t\t\t\t<p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n\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<tr class=\"fixedRow\">\r\n\t\t\t\t@for (col of RowResumenList; track $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\t\t\t\t}\r\n\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<td [ngClass]=\"col.className\">\r\n\t\t\t\t\t@if (col.showIndex) {\r\n\t\t\t\t\t{{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n\t\t\t\t\t} @else { @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<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t} }\r\n\t\t\t\t</td>\r\n\t\t\t\t} @if (ShowCheckbox) {\r\n\t\t\t\t<td class=\"text-center\">\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n\t\t\t\t</td>\r\n\t\t\t\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<!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n\t<div class=\"prTableToolsBottom\">\r\n\t\t@if(ShowRowPerPage){\r\n\t\t<div class=\"prTableToolsBottom__itemPerPage\">\r\n\t\t\t{{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n\t\t\t<p-select [options]=\"AllowedPageSizes\" [ngModel]=\"RowsPerPage\" appendTo=\"body\" (onChange)=\"OnRowsPerPageChange($event.value)\" />\r\n\t\t\t<label for=\"pageSize\" class=\"control-label\">\r\n\t\t\t\t{{ 1 + RowsPerPage * (CurrentPage - 1) }} - {{ CurrentPage * RowsPerPage >= TotalRecords ? TotalRecords : CurrentPage * RowsPerPage }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t{{ TotalRecords }} {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t} @if (ShowPagination) {\r\n\t\t<intelica-paginator #paginatorTable [TotalItems]=\"TotalRecords\" [CurrentPage]=\"CurrentPage\" [ItemsPerPage]=\"RowsPerPage\" (PageChange)=\"OnPageChange($event)\"></intelica-paginator>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n" }]
+                        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\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.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 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\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\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  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\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  </div>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ShowRowPerPage: [{
@@ -4682,6 +4896,7 @@ class DateFilterDirective extends FilterDirective {
     showTodayButton = false;
     allowEdit = true;
     range = false;
+    isReadOnly = false;
     dateMode = "day";
     open = new EventEmitter();
     navigated = new EventEmitter();
@@ -4689,16 +4904,16 @@ class DateFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DateFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: DateFilterDirective, isStandalone: true, selector: "date-filter", inputs: { format: "format", start: "start", depth: "depth", strictMode: "strictMode", min: "min", max: "max", showTodayButton: "showTodayButton", allowEdit: "allowEdit", range: "range", dateMode: "dateMode" }, outputs: { open: "open", navigated: "navigated" }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: DateFilterDirective, isStandalone: true, selector: "date-filter", inputs: { format: "format", start: "start", depth: "depth", strictMode: "strictMode", min: "min", max: "max", showTodayButton: "showTodayButton", allowEdit: "allowEdit", range: "range", isReadOnly: "isReadOnly", dateMode: "dateMode" }, outputs: { open: "open", navigated: "navigated" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateFilterDirective),
-                multi: true
+                multi: true,
             },
             {
                 provide: FilterDirective,
-                useExisting: forwardRef(() => DateFilterDirective)
-            }
+                useExisting: forwardRef(() => DateFilterDirective),
+            },
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DateFilterDirective, decorators: [{
@@ -4709,13 +4924,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => DateFilterDirective),
-                            multi: true
+                            multi: true,
                         },
                         {
                             provide: FilterDirective,
-                            useExisting: forwardRef(() => DateFilterDirective)
-                        }
-                    ]
+                            useExisting: forwardRef(() => DateFilterDirective),
+                        },
+                    ],
                 }]
         }], ctorParameters: () => [], propDecorators: { format: [{
                 type: Input
@@ -4735,6 +4950,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], range: [{
                 type: Input
+            }], isReadOnly: [{
+                type: Input
             }], dateMode: [{
                 type: Input
             }], open: [{
@@ -5325,7 +5542,7 @@ class HtmlToExcelService {
         const rows = JSON.parse(rowsSerializate);
         const csvLines = rows.map(r => r.linea);
         const csvContent = csvLines.join("\n");
-        const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+        const blob = new Blob(["\uFEFF" + csvContent], { type: "text/csv;charset=utf-8;" });
         saveAs(blob, excelName.endsWith(".csv") ? excelName : `${excelName}.csv`);
     }
     GetExcelColumnLetter(columnNumber) {