npm - intelica-library-ui - Versions diffs - 0.1.206 → 0.1.208 - Mend

intelica-library-ui 0.1.206 → 0.1.208

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/fesm2022/intelica-library-ui.mjs +420 -21
package/fesm2022/intelica-library-ui.mjs.map +1 -1
package/lib/components/table/column.component.d.ts +2 -1
package/lib/components/tree-table/tree-table.component.d.ts +1 -0
package/lib/components/tree-table-fetch/model/query.model.d.ts +9 -0
package/lib/components/tree-table-fetch/tree-table-fetch.component.d.ts +105 -0
package/package.json +1 -1
package/public-api.d.ts +2 -0

package/fesm2022/intelica-library-ui.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, Pipe, Component, HostListener, Directive, EventEmitter, Output, Input, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild, PLATFORM_ID, Inject, Optional, Host } from '@angular/core';
+import { inject, Injectable, signal, Pipe, Component, HostListener, Directive, EventEmitter, Output, Input, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild, PLATFORM_ID, Inject, ChangeDetectorRef, Optional, Host } from '@angular/core';
 import { getCookie, Cookies, setCookie } from 'typescript-cookie';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, tap, map } from 'rxjs';
@@ -11,13 +11,13 @@ import { FormsModule, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR } from
 import { BadgeModule } from 'primeng/badge';
 import * as i5 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
-import * as i2$1 from 'primeng/table';
+import * as i2 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import moment from 'moment';
 import _ from 'lodash';
-import * as i2 from 'primeng/button';
+import * as i7 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i3 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
@@ -31,15 +31,15 @@ import * as i3$1 from 'primeng/api';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import * as i3$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
-import * as i2$3 from 'primeng/datepicker';
+import * as i2$2 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
-import * as i2$2 from 'primeng/multiselect';
+import * as i2$1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
-import * as i7 from 'primeng/textarea';
+import * as i7$1 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { Dialog } from 'primeng/dialog';
 import * as echarts from 'echarts';
-import * as i2$4 from 'primeng/skeleton';
+import * as i2$3 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import { DropdownModule } from 'primeng/dropdown';
 import { OverlayPanelModule } from 'primeng/overlaypanel';
@@ -1660,7 +1660,7 @@ class PaginatorComponent {
         this.EmitPageChange();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: PaginatorComponent, isStandalone: true, selector: "intelica-paginator", inputs: { TotalItems: "TotalItems", CurrentPage: "CurrentPage", ItemsPerPage: "ItemsPerPage" }, outputs: { PageChange: "PageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: PositiveNumberDirective, selector: "[positiveNumber]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: PaginatorComponent, isStandalone: true, selector: "intelica-paginator", inputs: { TotalItems: "TotalItems", CurrentPage: "CurrentPage", ItemsPerPage: "ItemsPerPage" }, outputs: { PageChange: "PageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n\tclass=\"prPaginator\" \r\n\t[ngClass]=\"{\r\n\t\t'prPaginator--leftdis': CurrentPage === 1 || TotalItems === 0,\r\n\t\t'prPaginator--rightdis': CurrentPage === TotalPages || TotalItems === 0\r\n\t}\">\r\n\t<div class=\"prPaginator__controls\">\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--first\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToFirstPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--previous\" [disabled]=\"CurrentPage === 1 || TotalItems === 0\" (click)=\"GoToPreviousPage()\"></button>\r\n\t\t<span class=\"prPaginator__label--left\">{{ \"Previous\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<input pInputText type=\"text\" [disabled]=\"TotalItems === 0\" (keydown.enter)=\"$event.preventDefault()\" [(ngModel)]=\"CurrentPage\" positiveNumber class=\"prPaginator__input\" (keyup.enter)=\"onKeyUp($event)\" />\r\n\t\t<span class=\"prPaginator__total\">{{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalPages }}</span>\r\n\t\t<span class=\"prPaginator__label--right\">{{ \"Next\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--next\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToNextPage()\"></button>\r\n\t\t<button pButton type=\"button\" class=\"prPaginator__btn prPaginator__btn--last\" [disabled]=\"CurrentPage === TotalPages || TotalItems === 0\" (click)=\"GoToLastPage()\"></button>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: PositiveNumberDirective, selector: "[positiveNumber]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
@@ -1890,12 +1890,13 @@ class ColumnComponent {
     showHeader = true;
     minWidth;
     isChecboxColumn = false;
+    alphaSubEnum = 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", formatType: "formatType" }, 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", alphaSubEnum: "alphaSubEnum", 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,
@@ -1926,6 +1927,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], isChecboxColumn: [{
                 type: Input
+            }], alphaSubEnum: [{
+                type: Input
             }], formatType: [{
                 type: Input
             }], templateRef: [{
@@ -2405,7 +2408,7 @@ 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", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", IsTableDisabled: "IsTableDisabled" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n            [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n            [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n          >\r\n            {{ col.header }}\r\n          </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [disabled]=\"IsTableDisabled\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n            [disabled]=\"IsTableDisabled\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || 'top'\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n            [disabled]=\"TotalRecords === 0\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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" }] });
+    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", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", IsTableDisabled: "IsTableDisabled" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n            [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n            [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n          >\r\n            {{ col.header }}\r\n          </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [disabled]=\"IsTableDisabled\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n            [disabled]=\"IsTableDisabled\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || 'top'\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n            [disabled]=\"TotalRecords === 0\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"ListDataFilter.length\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.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.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2.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,
@@ -2812,6 +2815,18 @@ class TreeTableComponent {
         else
             element.removeAttribute("class");
     }
+    getParentDisplayIndex(rowData) {
+        const list = this.ListDataTable?.length
+            ? this.ListDataTable
+            : this.ListDataFilter;
+        const localIdx = list.indexOf(rowData);
+        if (localIdx < 0)
+            return 0;
+        const pageOffset = this.ShowPagination
+            ? (this.CurrentPage - 1) * this.RowsPerPage
+            : 0;
+        return localIdx + 1 + pageOffset;
+    }
     getLetter(index) {
         const letters = "abcdefghijklmnopqrstuvwxyz";
         return letters[index];
@@ -2927,7 +2942,7 @@ class TreeTableComponent {
         this.ResetTable();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TreeTableComponent, isStandalone: true, selector: "intelica-tree-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ClassName: "ClassName", groupRowsBy: "groupRowsBy", dataKey: "dataKey", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", AllowedPageSizes: "AllowedPageSizes", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ListSearchOptions: "ListSearchOptions", ShowRowPerPage: "ShowRowPerPage", ExpandedColumnIdent: "ExpandedColumnIdent", PropagateHeaderToChildren: "PropagateHeaderToChildren", ShowHeaderTooltips: "ShowHeaderTooltips" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent", EmitCheckboxHeaderEvent: "EmitCheckboxHeaderEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  } @if (ShowCheckbox) {\r\n  <div class=\"justify-content-start prTableToolsBottom\">\r\n    <span\r\n      >{{ SelectedItems }}\r\n      {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}\r\n    </span>\r\n  </div>\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"ShowHeaderTooltips ? col.header : undefined\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\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]=\"\r\n                ShowHeaderTooltips && col.headerTooltip?.trim()\r\n                  ? col.headerTooltip\r\n                  : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ rowIndex + 1 + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){ @if (ShowRowPerPage) {\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    >\r\n    </intelica-paginator>\r\n    } }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "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: 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: "directive", type: i2$1.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "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: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TreeTableComponent, isStandalone: true, selector: "intelica-tree-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ClassName: "ClassName", groupRowsBy: "groupRowsBy", dataKey: "dataKey", DefaultSortField: "DefaultSortField", DefaultSortOrder: "DefaultSortOrder", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle", ShowSearch: "ShowSearch", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", AllowedPageSizes: "AllowedPageSizes", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", ListDataSelected: "ListDataSelected", SelectedIdentifier: "SelectedIdentifier", ListSearchOptions: "ListSearchOptions", ShowRowPerPage: "ShowRowPerPage", ExpandedColumnIdent: "ExpandedColumnIdent", PropagateHeaderToChildren: "PropagateHeaderToChildren", ShowHeaderTooltips: "ShowHeaderTooltips" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent", EmitCheckboxHeaderEvent: "EmitCheckboxHeaderEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  } @if (ShowCheckbox) {\r\n  <div class=\"justify-content-start prTableToolsBottom\">\r\n    <span\r\n      >{{ SelectedItems }}\r\n      {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}\r\n    </span>\r\n  </div>\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"ShowHeaderTooltips ? col.header : undefined\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\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]=\"\r\n                ShowHeaderTooltips && col.headerTooltip?.trim()\r\n                  ? col.headerTooltip\r\n                  : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){ @if (ShowRowPerPage) {\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    >\r\n    </intelica-paginator>\r\n    } }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "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: TableModule }, { kind: "component", type: i2.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.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { 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: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
@@ -2944,7 +2959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         FormsModule,
                         ButtonModule,
                         FormatCellPipe,
-                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  } @if (ShowCheckbox) {\r\n  <div class=\"justify-content-start prTableToolsBottom\">\r\n    <span\r\n      >{{ SelectedItems }}\r\n      {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}\r\n    </span>\r\n  </div>\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"ShowHeaderTooltips ? col.header : undefined\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\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]=\"\r\n                ShowHeaderTooltips && col.headerTooltip?.trim()\r\n                  ? col.headerTooltip\r\n                  : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ rowIndex + 1 + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){ @if (ShowRowPerPage) {\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    >\r\n    </intelica-paginator>\r\n    } }\r\n  </div>\r\n</div>\r\n" }]
+                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  } @if (ShowCheckbox) {\r\n  <div class=\"justify-content-start prTableToolsBottom\">\r\n    <span\r\n      >{{ SelectedItems }}\r\n      {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}\r\n    </span>\r\n  </div>\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"ShowHeaderTooltips ? col.header : undefined\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\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]=\"\r\n                ShowHeaderTooltips && col.headerTooltip?.trim()\r\n                  ? col.headerTooltip\r\n                  : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){ @if (ShowRowPerPage) {\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    >\r\n    </intelica-paginator>\r\n    } }\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ListData: [{
@@ -3141,7 +3156,7 @@ class MatrixTableComponent {
         this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatrixTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MatrixTableComponent, isStandalone: true, selector: "intelica-matrix-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowIndex: "ShowIndex", ClassName: "ClassName", dataKey: "dataKey", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle" }, queries: [{ propertyName: "Columns", predicate: MatrixColumnComponent }, { propertyName: "ColumnGroups", predicate: MatrixColumnGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable prTable--blueLeft\">\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListData\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortOrder]=\"-1\"\r\n\t\tdataKey=\"dataKey\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\t\t\t\r\n\t\t\t\t<th [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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: "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: "ngmodule", type: ButtonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MatrixTableComponent, isStandalone: true, selector: "intelica-matrix-table", inputs: { ComponentId: "ComponentId", ListData: "ListData", ShowIndex: "ShowIndex", ClassName: "ClassName", dataKey: "dataKey", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle" }, queries: [{ propertyName: "Columns", predicate: MatrixColumnComponent }, { propertyName: "ColumnGroups", predicate: MatrixColumnGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable prTable--blueLeft\">\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListData\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortOrder]=\"-1\"\r\n\t\tdataKey=\"dataKey\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\t\t\t\r\n\t\t\t\t<th [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n\t\t\t\t\t\t\t[tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.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: "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: "ngmodule", type: ButtonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatrixTableComponent, decorators: [{
             type: Component,
@@ -3857,7 +3872,7 @@ class MultiSelectComponent {
                 useExisting: forwardRef(() => MultiSelectComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n  [resetFilterOnHide]=\"resetFilterOnHide\"\r\n  [ngClass]=\"customClass\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "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" }, { 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"] }] });
+        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n  [resetFilterOnHide]=\"resetFilterOnHide\"\r\n  [ngClass]=\"customClass\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$1.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" }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
@@ -4554,7 +4569,7 @@ class FiltersComponent {
         return response;
     }
     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", columns: "columns" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterActionsButtonTemplate", first: true, predicate: ["filterActionsButton"], descendants: true, static: true }, { propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"container overflow-hidden\"\r\n  [ngStyle]=\"{ 'min-width': 313 * columns + 'px' }\"\r\n>\r\n  <div class=\"row gy-3 filtersAnalytics\">\r\n    @for (colIndex of columnsLengthArray; track colIndex) {\r\n    <div class=\"inputRowGap\" [ngClass]=\"setColumnSize()\">\r\n      @for (filter of filterDirectives; track filter) { @if (filter.visible &&\r\n      !filter.parent && filter.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: filter, index: getIndex(filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n\r\n      @for (child of filterDirectives; track child) { @if (child.visible &&\r\n      child.parent === filter.name && child.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: child, index: getIndex(child, filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n      } } } }\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      } @if (filterActionsButtonTemplate && item.hasFilterActionsButton) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"filterActionsButtonTemplate\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    [customClass]=\"isUnselected(item) ? ' is-unselected' : ''\"\r\n    [class]=\"'fullWidth'\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    [ngClass]=\"{ prSelect: true, 'is-unselected': isUnselected(item) }\"\r\n    appendTo=\"body\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "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", "group", "resetFilterOnHide", "customClass"], 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", columns: "columns" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterActionsButtonTemplate", first: true, predicate: ["filterActionsButton"], descendants: true, static: true }, { propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"container overflow-hidden\"\r\n  [ngStyle]=\"{ 'min-width': 313 * columns + 'px' }\"\r\n>\r\n  <div class=\"row gy-3 filtersAnalytics\">\r\n    @for (colIndex of columnsLengthArray; track colIndex) {\r\n    <div class=\"inputRowGap\" [ngClass]=\"setColumnSize()\">\r\n      @for (filter of filterDirectives; track filter) { @if (filter.visible &&\r\n      !filter.parent && filter.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: filter, index: getIndex(filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n\r\n      @for (child of filterDirectives; track child) { @if (child.visible &&\r\n      child.parent === filter.name && child.index == colIndex) {\r\n      <div class=\"mb-3\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            template;\r\n            context: { item: child, index: getIndex(child, filter) }\r\n          \"\r\n        ></ng-container>\r\n      </div>\r\n      } } } }\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      } @if (filterActionsButtonTemplate && item.hasFilterActionsButton) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"filterActionsButtonTemplate\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    [customClass]=\"isUnselected(item) ? ' is-unselected' : ''\"\r\n    [class]=\"'fullWidth'\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"getOptionCount(item) > filterThreshold\"\r\n    [resetFilterOnHide]=\"item.resetFilterOnHide\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    [ngClass]=\"{ prSelect: true, 'is-unselected': isUnselected(item) }\"\r\n    appendTo=\"body\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$2.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$1.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", "group", "resetFilterOnHide", "customClass"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
@@ -4982,7 +4997,7 @@ class SortingComponent {
         return this.LCascadefilter.some(e => e.id == id);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SortingComponent, isStandalone: true, selector: "intelica-sorting", inputs: { Sorters: "Sorters", OrderBy: "OrderBy", OrderByDefault: "OrderByDefault", OneRender: "OneRender" }, outputs: { ReturnSorting: "ReturnSorting", AlertOrder: "AlertOrder" }, usesOnChanges: true, ngImport: i0, template: "<ng-container>\r\n\t<div class=\"sortingAnalytics\">\r\n\t\t<div class=\"sortingCtr\">\r\n\t\t\t<div></div>\r\n\t\t\t<div class=\"triangle-top\"></div>\r\n\t\t\t<div class=\"triangle-down\"></div>\r\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"sortingBtnCtr\">\r\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\r\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n\r\n<ng-template #one_render let-Sorters=\"Sorters\">\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\r\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n\r\n<ng-template #multiple_render>\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Then by</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</select>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SortingComponent, isStandalone: true, selector: "intelica-sorting", inputs: { Sorters: "Sorters", OrderBy: "OrderBy", OrderByDefault: "OrderByDefault", OneRender: "OneRender" }, outputs: { ReturnSorting: "ReturnSorting", AlertOrder: "AlertOrder" }, usesOnChanges: true, ngImport: i0, template: "<ng-container>\r\n\t<div class=\"sortingAnalytics\">\r\n\t\t<div class=\"sortingCtr\">\r\n\t\t\t<div></div>\r\n\t\t\t<div class=\"triangle-top\"></div>\r\n\t\t\t<div class=\"triangle-down\"></div>\r\n\t\t\t<ng-container *ngIf=\"OneRender; else multiple_render\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"one_render; context: { Sorters: Sorters }\"></ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"sortingBtnCtr\">\r\n\t\t\t<!-- <span>{{'BTN_APPLY_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton applyAnalytics\" label=\"{{ 'Apply sort' }}\" (onClick)=\"CheckCascadeOrder()\" />\r\n\t\t\t<!-- <span>{{'BTN_CLEAR_SORT' | term : terms}}</span> -->\r\n\t\t\t<p-button pRipple class=\"prButton cleanAnalytics\" label=\"{{ 'Clear sort' }}\" severity=\"secondary\" (onClick)=\"ClearCascadeOrder()\" />\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n\r\n<ng-template #one_render let-Sorters=\"Sorters\">\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<ng-container *ngIf=\"OneRender && i == 0\">\r\n\t\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t\t--\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n\r\n<ng-template #multiple_render>\r\n\t<ng-container *ngFor=\"let row of Sorters; let i = index\">\r\n\t\t<ng-container *ngIf=\"LCascadefilter.length > 0 && i <= NumMaxSorting\">\r\n\t\t\t<div class=\"idx-select\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t\t<span>{{ i + 1 }}</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<select class=\"grSelect\" [(ngModel)]=\"LCascadefilter[i].id\">\r\n\t\t\t\t\t<option *ngIf=\"i === 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_BY\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Sort By</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngIf=\"i > 0\" [value]=\"0\">\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t\t<!-- <span>{{ \"LBL_SORT_THEN\" | term : terms }}</span> -->\r\n\t\t\t\t\t\t<span>Then by</span>\r\n\t\t\t\t\t\t--\r\n\t\t\t\t\t</option>\r\n\t\t\t\t\t<option *ngFor=\"let sort of Sorters\" [ngValue]=\"sort.field\" [disabled]=\"CheckCascadeDisabled(sort.field, i)\">\r\n\t\t\t\t\t\t{{ sort.headerText }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</select>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_ASC\" [inputId]=\"'test{{ i + i + 1 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 1 }}\"></label>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"form-check\" *ngIf=\"i < LCascadefilter.length\">\r\n\t\t\t\t<p-radiobutton class=\"prRadioButton\" name=\"optSort{{ i }}\" [value]=\"Order.ORDER_BY_DESC\" [inputId]=\"'test{{ i + i + 2 }}'\" [(ngModel)]=\"LCascadefilter[i].order\" tabindex=\"0\" />\r\n\t\t\t\t<label for=\"test{{ i + i + 2 }}\"></label>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SortingComponent, decorators: [{
             type: Component,
@@ -5300,7 +5315,7 @@ class SkeletonTableComponent {
         return new Array(this.rows);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns", showLeftSkeleton: "showLeftSkeleton", showRightSkeleton: "showRightSkeleton" }, ngImport: i0, template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\r\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns", showLeftSkeleton: "showLeftSkeleton", showRightSkeleton: "showRightSkeleton" }, ngImport: i0, template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row\" *ngIf=\"showLeftSkeleton || showRightSkeleton\" [ngClass]=\"justifyClass\">\r\n\t\t<div class=\"col-1 px-0\" *ngIf=\"showLeftSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\" *ngIf=\"showRightSkeleton\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonTableComponent, decorators: [{
             type: Component,
@@ -5393,7 +5408,7 @@ class SkeletonChartComponent {
         return Array.from({ length }, (_, i) => i);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonChartComponent, isStandalone: true, selector: "intelica-skeleton-chart", inputs: { type: "type", series: "series", data: "data", label: "label" }, queries: [{ propertyName: "dataElements", predicate: DataDirective }], ngImport: i0, template: "@switch (type) { @case('bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--verticalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"data.size\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"randomPercent[i][j]\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'50%'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('horizontal-bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--horizontalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"data.size\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"randomPercent[i][j]\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'10rem'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('pie'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('donut'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie skeletonGraphic--donut\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('line'){\r\n<div class=\"col-6 mb-3\">\r\n\t<div class=\"row align-items-end\">\r\n\t\t<div class=\"col-1 d-flex justify-content-end\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'0.5rem'\" [height]=\"'25rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'10rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'15rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row mt-3\">\r\n\t\t<div class=\"col-1\"></div>\r\n\t\t<div class=\"col\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'0.5rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} }\r\n\r\n<ng-template #pieDonutTemplate>\r\n\t<div class=\"skeletonGraphic__serie\">\r\n\t\t<div class=\"skeletonGraphic__wrap\">\r\n\t\t\t<div class=\"skeletonGraphic__label left\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" shape=\"circle\" [size]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__label right\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonChartComponent, isStandalone: true, selector: "intelica-skeleton-chart", inputs: { type: "type", series: "series", data: "data", label: "label" }, queries: [{ propertyName: "dataElements", predicate: DataDirective }], ngImport: i0, template: "@switch (type) { @case('bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--verticalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"data.size\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"randomPercent[i][j]\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'50%'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('horizontal-bar'){\r\n<div class=\"skeletonGraphic skeletonGraphic--horizontalBars\">\r\n\t<div class=\"skeletonGraphic__serie\" *ngFor=\"let i of getArray(series)\">\r\n\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t<!-- Si hay etiquetas <data> proyectadas, las usamos con las alturas fijas -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length > 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let data of dataElements.toArray()\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"data.size\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<!-- Si no hay etiquetas <data>, usamos los valores aleatorios -->\r\n\t\t\t<ng-container *ngIf=\"dataElements.length === 0\">\r\n\t\t\t\t<ng-container *ngFor=\"let j of getArray(data)\">\r\n\t\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"randomPercent[i][j]\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"skeletonGraphic__label\" *ngIf=\"label\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'10rem'\" [height]=\"'1rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} @case ('pie'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('donut'){\r\n<div class=\"skeletonGraphic skeletonGraphic--pie skeletonGraphic--donut\">\r\n\t<ng-container *ngTemplateOutlet=\"pieDonutTemplate\"></ng-container>\r\n</div>\r\n} @case ('line'){\r\n<div class=\"col-6 mb-3\">\r\n\t<div class=\"row align-items-end\">\r\n\t\t<div class=\"col-1 d-flex justify-content-end\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'0.5rem'\" [height]=\"'25rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'10rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'15rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'20rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col d-flex justify-content-center px-0\">\r\n\t\t\t<div class=\"col-8 px-0\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'8rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row mt-3\">\r\n\t\t<div class=\"col-1\"></div>\r\n\t\t<div class=\"col\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'0.5rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n} }\r\n\r\n<ng-template #pieDonutTemplate>\r\n\t<div class=\"skeletonGraphic__serie\">\r\n\t\t<div class=\"skeletonGraphic__wrap\">\r\n\t\t\t<div class=\"skeletonGraphic__label left\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__data\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" shape=\"circle\" [size]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"skeletonGraphic__label right\" *ngIf=\"label\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonChartComponent, decorators: [{
             type: Component,
@@ -5411,6 +5426,390 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 args: [DataDirective]
             }] } });
+// tree-table-fetch.component.ts
+class TreeTableFetchComponent {
+    GlobalTermService = inject(GlobalTermService);
+    ComponentId = "";
+    ClassName = "";
+    ShowSearch = false;
+    ShowSearchTooltip = false;
+    ShowPagination = false;
+    ShowRowPerPage = true;
+    RowsPerPage = 10;
+    AllowedPageSizes = [10, 25, 50, 100];
+    scrollHeight = "400px";
+    scrollable = false;
+    tableStyle = {};
+    ShowCheckbox = false;
+    ShowIndex = false;
+    SelectedIdentifier = null;
+    dataKey = "";
+    PropagateHeaderToChildren = false;
+    ExpandedColumnIdent = "";
+    FilteredList = [];
+    TotalItems = 0;
+    DefaultSortField = "";
+    SortField = null;
+    SortOrder = 1;
+    CurrentPage = 1;
+    ListSearchOptions = [];
+    EmitQueryParametersChange = new EventEmitter();
+    EmitSortEvent = new EventEmitter();
+    EmitSelectedItem = new EventEmitter();
+    EmitCheckboxHeaderEvent = new EventEmitter();
+    Columns;
+    ColumnGroups;
+    RowResumenGroups;
+    AdditionalTemplate;
+    AdditionalCentralTemplate;
+    AdditionalExtendedTemplate;
+    PaginatorTable;
+    SearchTable;
+    ColumnList = [];
+    ColumnGroupList = [];
+    RowResumenList = [];
+    MaxLevel = 0;
+    Levels = [];
+    ListDataTable = [];
+    SearchInput = {};
+    ListSearchOptionsSimple = [];
+    ListDataSelected = [];
+    ListDataSelectedTemp = [];
+    HeaderState = {};
+    SelectedItems = 0;
+    TotalVisibleRows = 0;
+    cdr = inject(ChangeDetectorRef);
+    ngOnChanges(changes) {
+        if (changes["ListSearchOptions"] && Array.isArray(this.ListSearchOptions)) {
+            this.LoadSearchOptions();
+        }
+        if (changes["FilteredList"] ||
+            changes["RowsPerPage"] ||
+            changes["CurrentPage"]) {
+            this.UpdatePages();
+            this.recomputeRowSelectionState();
+        }
+        if (changes["SortField"] || changes["SortOrder"]) {
+            this.EmitSortEvent.emit([
+                {
+                    sortOrder: this.SortOrder,
+                    sortField: this.SortField?.toString() ?? "",
+                },
+            ]);
+        }
+    }
+    ngAfterContentInit() {
+        this.captureColumns();
+        this.captureGroups();
+        this.captureResumen();
+        this.Columns?.changes.subscribe(() => {
+            this.captureColumns();
+            this.cdr.markForCheck();
+        });
+        this.ColumnGroups?.changes.subscribe(() => {
+            this.captureGroups();
+            this.cdr.markForCheck();
+        });
+        this.RowResumenGroups?.changes.subscribe(() => {
+            this.captureResumen();
+            this.cdr.markForCheck();
+        });
+        this.ColumnList.filter((c) => c.isChecboxColumn).forEach((c) => {
+            if (!this.HeaderState[c.field]) {
+                this.HeaderState[c.field] = { checked: false, indeterminate: false };
+            }
+        });
+    }
+    captureColumns() {
+        this.ColumnList = this.Columns?.toArray() ?? [];
+        this.ColumnList.filter((c) => c.isChecboxColumn).forEach((c) => {
+            if (!this.HeaderState[c.field]) {
+                this.HeaderState[c.field] = { checked: false, indeterminate: false };
+            }
+        });
+    }
+    captureGroups() {
+        this.ColumnGroupList = this.ColumnGroups?.toArray() ?? [];
+        const levels = this.ColumnGroupList.map((c) => c.level);
+        this.MaxLevel = levels.length ? Math.max(...levels) + 1 : 1;
+        this.Levels = Array.from({ length: this.MaxLevel }, (_, i) => i);
+    }
+    captureResumen() {
+        this.RowResumenList = this.RowResumenGroups?.toArray() ?? [];
+    }
+    LoadSearchOptions() {
+        this.ListSearchOptionsSimple = (this.ListSearchOptions ?? []).map((item) => ({
+            id: item.id,
+            value: item.name,
+        }));
+    }
+    OnSort(field) {
+        if (this.SortField === field) {
+            this.SortOrder *= -1;
+        }
+        else {
+            this.SortField = field;
+            this.SortOrder = 1;
+        }
+        this.ExecuteSearch({});
+    }
+    OnPageChange(pageIndex) {
+        this.CurrentPage = pageIndex; // 1-based
+        this.ExecuteSearch({ paginator: true });
+    }
+    OnRowsPerPageChange(value) {
+        this.RowsPerPage = value;
+        this.CurrentPage = 1;
+        this.ExecuteSearch({});
+    }
+    ResetTable() {
+        if (this.PaginatorTable) {
+            this.PaginatorTable.CurrentPage = 1;
+            this.CurrentPage = 1;
+        }
+        if (this.SearchTable) {
+            this.SearchTable.ClearSearchText();
+            this.SearchInput.fieldText = "";
+        }
+        this.ExecuteSearch({});
+    }
+    ExecuteSearch(event) {
+        if (event?.fieldText !== undefined && event?.fieldText !== "") {
+            this.SearchInput = event;
+        }
+        const field = this.ListSearchOptions.find((item) => item.id === this.SearchInput.fieldId)?.field;
+        if (this.SearchInput?.searchText !== undefined &&
+            this.SearchInput?.searchText !== "" &&
+            this.ListSearchOptions.length > 0 &&
+            !event?.paginator) {
+            if (this.PaginatorTable) {
+                this.PaginatorTable.CurrentPage = 1;
+            }
+            this.CurrentPage = 1;
+        }
+        const newQueryParameters = {
+            FilterBy: field || undefined,
+            FilterValue: this.SearchInput.searchText?.trim(),
+            FilterOperator: this.SearchInput.operatorId?.toString(),
+            OrderBy: this.SortField ? String(this.SortField) : undefined,
+            SortDirection: this.SortOrder === 1 ? "asc" : "desc",
+            PageNumber: this.CurrentPage,
+            PageSize: this.RowsPerPage,
+        };
+        this.EmitQueryParametersChange.emit(newQueryParameters);
+        this.UpdatePages();
+    }
+    UpdatePages() {
+        const filtered = Array.isArray(this.FilteredList) ? this.FilteredList : [];
+        const totalParents = this.TotalItems || filtered.length;
+        if (this.ShowPagination) {
+            this.ListDataTable = filtered;
+            this.TotalVisibleRows = filtered.length;
+        }
+        else {
+            this.ListDataTable = filtered;
+            this.TotalVisibleRows = filtered.length;
+        }
+    }
+    getId = (x) => this.SelectedIdentifier
+        ? x[this.SelectedIdentifier]
+        : x[this.dataKey];
+    get resolvedDataKey() {
+        return this.SelectedIdentifier || this.dataKey;
+    }
+    getParentDisplayIndex(rowData) {
+        const list = this.ListDataTable?.length
+            ? this.ListDataTable
+            : this.FilteredList;
+        const localIdx = list.indexOf(rowData);
+        if (localIdx < 0)
+            return 0;
+        const pageOffset = this.ShowPagination
+            ? (this.CurrentPage - 1) * this.RowsPerPage
+            : 0;
+        return localIdx + 1 + pageOffset;
+    }
+    getLetter(index) {
+        const letters = "abcdefghijklmnopqrstuvwxyz";
+        return letters[index] ?? String(index);
+    }
+    getNumber(index) {
+        return (index + 1).toString();
+    }
+    flattenRows = (rows) => this.PropagateHeaderToChildren
+        ? rows.flatMap((r) => Array.isArray(r.children) ? [r, ...r.children] : [r])
+        : rows;
+    toIdSet = (items) => new Set(items.map(this.getId));
+    recomputeRowSelectionState() {
+        const all = this.flattenRows(this.FilteredList || []);
+        const selIds = this.toIdSet(this.ListDataSelected || []);
+        this.SelectedItems = all.filter((r) => selIds.has(this.getId(r))).length;
+    }
+    recomputeHeaderState(field) {
+        const allRows = this.PropagateHeaderToChildren
+            ? this.FilteredList.flatMap((r) => Array.isArray(r.children) ? [r, ...r.children] : [r])
+            : this.FilteredList;
+        const total = allRows.length;
+        if (total === 0) {
+            this.HeaderState[field] = { checked: false, indeterminate: false };
+            return;
+        }
+        const checked = allRows.filter((r) => r[field] === true).length;
+        this.HeaderState[field] = {
+            checked: checked === total,
+            indeterminate: checked > 0 && checked < total,
+        };
+    }
+    onBodyCheckboxChange(field, _row) {
+        this.recomputeHeaderState(field);
+    }
+    OnHeaderCheckboxChange(checked, field) {
+        const pageParents = this.ListDataTable;
+        pageParents.forEach((r) => {
+            r[field] = checked;
+            if (this.PropagateHeaderToChildren && Array.isArray(r.children)) {
+                r.children.forEach((c) => (c[field] = checked));
+            }
+        });
+        this.recomputeRowSelectionState();
+        this.HeaderState[field] = { checked, indeterminate: false };
+        this.EmitCheckboxHeaderEvent.emit();
+    }
+    OnRowSelect(event) {
+        if (!this.SelectedIdentifier && !this.dataKey && this.ShowCheckbox)
+            return;
+        const row = event.data;
+        const hasChildren = this.PropagateHeaderToChildren &&
+            Array.isArray(row.children) &&
+            row.children.length;
+        const curr = new Map(this.ListDataSelected.map((x) => [this.getId(x), x]));
+        curr.set(this.getId(row), row);
+        if (hasChildren) {
+            for (const child of row.children)
+                curr.set(this.getId(child), child);
+        }
+        this.ListDataSelected = Array.from(curr.values());
+        this.ListDataSelectedTemp = [...this.ListDataSelected];
+        this.recomputeRowSelectionState();
+        this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    OnRowUnselect(event) {
+        if (!this.SelectedIdentifier && !this.dataKey && this.ShowCheckbox)
+            return;
+        const row = event.data;
+        const removeIds = new Set([this.getId(row)]);
+        if (this.PropagateHeaderToChildren && Array.isArray(row.children)) {
+            for (const child of row.children)
+                removeIds.add(this.getId(child));
+        }
+        this.ListDataSelected = (this.ListDataSelected || []).filter((x) => !removeIds.has(this.getId(x)));
+        this.ListDataSelectedTemp = [...this.ListDataSelected];
+        this.recomputeRowSelectionState();
+        this.EmitSelectedItem.emit(this.ListDataSelectedTemp);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TreeTableFetchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TreeTableFetchComponent, isStandalone: true, selector: "intelica-tree-table-fetch", inputs: { ComponentId: "ComponentId", ClassName: "ClassName", ShowSearch: "ShowSearch", ShowSearchTooltip: "ShowSearchTooltip", ShowPagination: "ShowPagination", ShowRowPerPage: "ShowRowPerPage", RowsPerPage: "RowsPerPage", AllowedPageSizes: "AllowedPageSizes", scrollHeight: "scrollHeight", scrollable: "scrollable", tableStyle: "tableStyle", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", SelectedIdentifier: "SelectedIdentifier", dataKey: "dataKey", PropagateHeaderToChildren: "PropagateHeaderToChildren", ExpandedColumnIdent: "ExpandedColumnIdent", FilteredList: "FilteredList", TotalItems: "TotalItems", DefaultSortField: "DefaultSortField", SortField: "SortField", SortOrder: "SortOrder", CurrentPage: "CurrentPage", ListSearchOptions: "ListSearchOptions", ListDataSelected: "ListDataSelected" }, outputs: { EmitQueryParametersChange: "EmitQueryParametersChange", EmitSortEvent: "EmitSortEvent", EmitSelectedItem: "EmitSelectedItem", EmitCheckboxHeaderEvent: "EmitCheckboxHeaderEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n  }\r\n\r\n  <div class=\"justify-content-start prTableToolsBottom\" *ngIf=\"ShowCheckbox\">\r\n    <span\r\n      >{{ SelectedItems }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}</span\r\n    >\r\n  </div>\r\n\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    (onHeaderCheckboxToggle)=\"OnHeaderCheckboxChange($event.checked, 'checked')\"\r\n  >\r\n    <!-- Cabeceras 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\r\n              [pTooltip]=\"\r\n                col.headerTooltip?.trim() ? col.headerTooltip : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelected?.length &&\r\n                ListDataSelected.length < ListDataTable.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"\r\n                col.headerTooltip?.trim() ? col.headerTooltip : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelected?.length &&\r\n                ListDataSelected.length < ListDataTable.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if ((FilteredList?.length ?? 0) > 0 && (RowResumenList?.length ?? 0) > 0)\r\n      {\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    <!-- Filas padre -->\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Filas hijo (no paginadas) -->\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- Vac\u00EDo -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalItems !== 0){ @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 >= TotalItems\r\n            ? TotalItems\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalItems }}\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]=\"TotalItems\"\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.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.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2.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: "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" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TreeTableFetchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-tree-table-fetch", standalone: true, imports: [
+                        CommonModule,
+                        TableModule,
+                        Select,
+                        BadgeModule,
+                        TooltipModule,
+                        TermPipe,
+                        CheckboxModule,
+                        FormsModule,
+                        SearchComponent,
+                        PaginatorComponent,
+                        FormatCellPipe,
+                        ButtonModule,
+                    ], 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  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n  }\r\n\r\n  <div class=\"justify-content-start prTableToolsBottom\" *ngIf=\"ShowCheckbox\">\r\n    <span\r\n      >{{ SelectedItems }} {{ \"Of\" | term : GlobalTermService.languageCode }}\r\n      {{ TotalItems }}\r\n      {{ \"Selected Items\" | term : GlobalTermService.languageCode }}</span\r\n    >\r\n  </div>\r\n\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [dataKey]=\"resolvedDataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    (onHeaderCheckboxToggle)=\"OnHeaderCheckboxChange($event.checked, 'checked')\"\r\n  >\r\n    <!-- Cabeceras 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\r\n              [pTooltip]=\"\r\n                col.headerTooltip?.trim() ? col.headerTooltip : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelected?.length &&\r\n                ListDataSelected.length < ListDataTable.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"\r\n                col.headerTooltip?.trim() ? col.headerTooltip : undefined\r\n              \"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              class=\"prCheckbox\"\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              [(ngModel)]=\"HeaderState[col.field].checked\"\r\n              (ngModelChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n              [ngClass]=\"{\r\n                'prCheckbox--indeterminate':\r\n                  HeaderState[col.field].indeterminate\r\n              }\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelected?.length &&\r\n                ListDataSelected.length < ListDataTable.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if ((FilteredList?.length ?? 0) > 0 && (RowResumenList?.length ?? 0) > 0)\r\n      {\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    <!-- Filas padre -->\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if ((col.field === (ExpandedColumnIdent?.trim() || 'name')) &&\r\n          (rowData.children?.length ?? 0) > 0 ) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"onBodyCheckboxChange(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Filas hijo (no paginadas) -->\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          @for (col of ColumnList; track $index) {\r\n          <td [ngClass]=\"col.className\">\r\n            @if (col.showIndex && $index === 0) {\r\n            <ng-container\r\n              *ngIf=\"\r\n                col.alphaSubEnum && rowData.children.length <= 26;\r\n                else numericEnum\r\n              \"\r\n            >\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getLetter(i) }}\r\n            </ng-container>\r\n            <ng-template #numericEnum>\r\n              {{ getParentDisplayIndex(rowData) + \".\" + getNumber(i) }}\r\n            </ng-template>\r\n            } @else if (col.templateRef) {\r\n            <ng-container\r\n              *ngTemplateOutlet=\"\r\n                col.templateRef;\r\n                context: { $implicit: childRow }\r\n              \"\r\n            ></ng-container>\r\n            } @else if (col.isChecboxColumn) {\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              [(ngModel)]=\"childRow[col.field]\"\r\n              (onChange)=\"onBodyCheckboxChange(col.field, childRow)\"\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              [class.prTable__expandIdentText]=\"\r\n                col.field === (ExpandedColumnIdent || 'name')\r\n              \"\r\n            >\r\n              {{ childRow[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]=\"childRow\" class=\"prCheckbox\" />\r\n          </td>\r\n          }\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- Vac\u00EDo -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalItems !== 0){ @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 >= TotalItems\r\n            ? TotalItems\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalItems }}\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]=\"TotalItems\"\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
+            }], ClassName: [{
+                type: Input
+            }], ShowSearch: [{
+                type: Input
+            }], ShowSearchTooltip: [{
+                type: Input
+            }], ShowPagination: [{
+                type: Input
+            }], ShowRowPerPage: [{
+                type: Input
+            }], RowsPerPage: [{
+                type: Input
+            }], AllowedPageSizes: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], ShowCheckbox: [{
+                type: Input
+            }], ShowIndex: [{
+                type: Input
+            }], SelectedIdentifier: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], PropagateHeaderToChildren: [{
+                type: Input
+            }], ExpandedColumnIdent: [{
+                type: Input
+            }], FilteredList: [{
+                type: Input
+            }], TotalItems: [{
+                type: Input
+            }], DefaultSortField: [{
+                type: Input
+            }], SortField: [{
+                type: Input
+            }], SortOrder: [{
+                type: Input
+            }], CurrentPage: [{
+                type: Input
+            }], ListSearchOptions: [{
+                type: Input
+            }], EmitQueryParametersChange: [{
+                type: Output
+            }], EmitSortEvent: [{
+                type: Output
+            }], EmitSelectedItem: [{
+                type: Output
+            }], EmitCheckboxHeaderEvent: [{
+                type: Output
+            }], Columns: [{
+                type: ContentChildren,
+                args: [ColumnComponent]
+            }], ColumnGroups: [{
+                type: ContentChildren,
+                args: [ColumnGroupComponent]
+            }], RowResumenGroups: [{
+                type: ContentChildren,
+                args: [RowResumenTreeComponent]
+            }], AdditionalTemplate: [{
+                type: ContentChild,
+                args: ["additionalTemplate"]
+            }], AdditionalCentralTemplate: [{
+                type: ContentChild,
+                args: ["additionalCentralTemplate"]
+            }], AdditionalExtendedTemplate: [{
+                type: ContentChild,
+                args: ["additionalExtendedTemplate"]
+            }], PaginatorTable: [{
+                type: ViewChild,
+                args: ["paginatorTable"]
+            }], SearchTable: [{
+                type: ViewChild,
+                args: ["searchTable"]
+            }], ListDataSelected: [{
+                type: Input
+            }] } });
 class TableFetchComponent {
     cdr;
     GlobalTermService = inject(GlobalTermService);
@@ -5574,7 +5973,7 @@ class TableFetchComponent {
         this.ExecuteSearch({});
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableFetchComponent, deps: [{ token: i0.ChangeDetectorRef }], 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" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"TotalRecords\"\r\n          [CurrentPage]=\"CurrentPage\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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" }] });
+    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: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip?.trim() ? col.headerTooltip : undefined\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(TotalRecords !== 0){\r\n      @if(ShowRowPerPage){\r\n        <div class=\"prTableToolsBottom__itemPerPage\">\r\n          {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n          <p-select\r\n            [options]=\"AllowedPageSizes\"\r\n            [ngModel]=\"RowsPerPage\"\r\n            appendTo=\"body\"\r\n            (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n          />\r\n          <label for=\"pageSize\" class=\"control-label\">\r\n            {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n            {{\r\n              CurrentPage * RowsPerPage >= TotalRecords\r\n                ? TotalRecords\r\n                : CurrentPage * RowsPerPage\r\n            }}\r\n            {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n            {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n          </label>\r\n        </div>\r\n        } @if (ShowPagination) {\r\n        <intelica-paginator\r\n          #paginatorTable\r\n          [TotalItems]=\"TotalRecords\"\r\n          [CurrentPage]=\"CurrentPage\"\r\n          [ItemsPerPage]=\"RowsPerPage\"\r\n          (PageChange)=\"OnPageChange($event)\"\r\n        ></intelica-paginator>\r\n      }\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.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.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2.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,
@@ -6046,7 +6445,7 @@ class TitlesComponent {
                 useExisting: forwardRef(() => TitlesComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cs-client\" [id]=\"helperId\">\r\n    <div class=\"client\">\r\n      <div class=\"autoLine d-flex\">\r\n        <div class=\"position-relative\">\r\n          <ng-container *ngIf=\"!showAlterFilterHead\">\r\n            <b><span>{{ titlePage }}</span></b>\r\n            <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n            <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n          </ng-container>\r\n  \r\n          <ng-container>\r\n            <div class=\"titleDropdown titleDropdown--minHeight\" [ngClass]=\"{ 'is-dropdown': IsTitleDropdownOpen }\">\r\n              <div class=\"titleDropdown__toggle\" (click)=\"OnTitleDropdownToggle($event)\">\r\n                <div class=\"titleDropdown__label\">\r\n                  <span class=\"client\">\r\n                    <b><span class=\"titleCategoryAnalytics\">{{ titlePage }}</span></b>\r\n                    <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n                    <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n                  </span>\r\n                </div>\r\n                <div class=\"titleDropdown__icon\"><i class=\"icon-arrow-down\"></i></div>\r\n              </div>\r\n              <div class=\"titleDropdown__dropdown\">\r\n                <p-accordion class=\"prAccordionTitleDropdown\" [multiple]=\"true\">\r\n\r\n                  <!-- Panels din\u00E1micos basados en groupValues (Group / Region / Country / Bank) -->\r\n                  <p-accordion-panel *ngFor=\"let g of groupValues; let gi = index\" [value]=\"gi\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{ g.groupname }}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let v of g.values\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'optSort-' + gi + '-' + v.index\"\r\n                          [name]=\"'optSort_' + gi\"\r\n                          [value]=\"v.index\"\r\n                          [(ngModel)]=\"selectIndex\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'optSort-' + gi + '-' + v.index\">\r\n                          {{ v.name }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- Category (usa tu alterFilterValues / alterFilterValue) -->\r\n                  <p-accordion-panel *ngIf=\"alterFilterValues?.length\" value=\"category\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_CATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"cat-all\"\r\n                          name=\"category\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"cat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista de categor\u00EDas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let cat of alterFilterValues\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'cat-' + cat.feeStypId\"\r\n                          name=\"category\"\r\n                          [value]=\"cat.feeStypId\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'cat-' + cat.feeStypId\">\r\n                          {{ cat.feeStypDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- SubCategory (filtrado por changeCategories -> filterSubCategories) -->\r\n                  <p-accordion-panel *ngIf=\"filterSubCategories?.length\" value=\"subcategory\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_SUBCATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"subcat-all\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"subcat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista subcategor\u00EDas filtradas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let sub of filterSubCategories\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'sub-' + sub.feeStypSubId\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"sub.feeStypSubId\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'sub-' + sub.feeStypSubId\">\r\n                          {{ sub.feeStypSubDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                </p-accordion>\r\n                \r\n                <div class=\"titleDropdown__action\">\r\n                  <div class=\"btnBox btnBox--center\">\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Apply\" severity=\"primary\" (click)=\"ApplyFilter()\" />\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Clear\" severity=\"secondary\" (click)=\"ClearFilter()\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"d-flex\">\r\n      <span class=\"range mt-1\"><ng-content></ng-content></span>\r\n    </div>\r\n  </div>\r\n  ", styles: [".range{font-size:12px;color:var(--main-blue)}.client{font-size:14px;color:var(--main-blue)}.midLine{top:-3px;height:20px;width:105%;position:absolute;padding:0}.contentSelections{padding:16px;max-height:370px;overflow:auto}.contentSelections hr{margin:10px 0 0}.form-check label{font-size:11px;margin-left:2px}.subtitleSelections{font-size:12px;color:var(--main-blue);display:block;font-weight:700}.listOperators{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.containerDropDown{border:.5px solid var(--main-gray)}.listOperators>div{padding-right:15px}.listOperators>div:nth-child(2n){padding-right:0}.contentBoxSection{margin-top:12px}.contentBoxSection:first-child{margin-top:0}.dropdown-toggle i{font-size:9px;margin-left:5px}.border-gray-bottom{border-bottom:1px solid gray;display:block;margin-top:16px}.cs-DataArea .cs-client{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "component", type: i4$2.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i4$2.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i4$2.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cs-client\" [id]=\"helperId\">\r\n    <div class=\"client\">\r\n      <div class=\"autoLine d-flex\">\r\n        <div class=\"position-relative\">\r\n          <ng-container *ngIf=\"!showAlterFilterHead\">\r\n            <b><span>{{ titlePage }}</span></b>\r\n            <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n            <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n          </ng-container>\r\n  \r\n          <ng-container>\r\n            <div class=\"titleDropdown titleDropdown--minHeight\" [ngClass]=\"{ 'is-dropdown': IsTitleDropdownOpen }\">\r\n              <div class=\"titleDropdown__toggle\" (click)=\"OnTitleDropdownToggle($event)\">\r\n                <div class=\"titleDropdown__label\">\r\n                  <span class=\"client\">\r\n                    <b><span class=\"titleCategoryAnalytics\">{{ titlePage }}</span></b>\r\n                    <b><span *ngIf=\"showFilter()\">&nbsp;- {{ filterHead }}</span></b>\r\n                    <b><span *ngIf=\"subTitle.length > 0\">&nbsp;- {{ subTitle }}</span></b>\r\n                  </span>\r\n                </div>\r\n                <div class=\"titleDropdown__icon\"><i class=\"icon-arrow-down\"></i></div>\r\n              </div>\r\n              <div class=\"titleDropdown__dropdown\">\r\n                <p-accordion class=\"prAccordionTitleDropdown\" [multiple]=\"true\">\r\n\r\n                  <!-- Panels din\u00E1micos basados en groupValues (Group / Region / Country / Bank) -->\r\n                  <p-accordion-panel *ngFor=\"let g of groupValues; let gi = index\" [value]=\"gi\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{ g.groupname }}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let v of g.values\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'optSort-' + gi + '-' + v.index\"\r\n                          [name]=\"'optSort_' + gi\"\r\n                          [value]=\"v.index\"\r\n                          [(ngModel)]=\"selectIndex\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'optSort-' + gi + '-' + v.index\">\r\n                          {{ v.name }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- Category (usa tu alterFilterValues / alterFilterValue) -->\r\n                  <p-accordion-panel *ngIf=\"alterFilterValues?.length\" value=\"category\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_CATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"cat-all\"\r\n                          name=\"category\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"cat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista de categor\u00EDas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let cat of alterFilterValues\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'cat-' + cat.feeStypId\"\r\n                          name=\"category\"\r\n                          [value]=\"cat.feeStypId\"\r\n                          [(ngModel)]=\"alterFilterValue\"\r\n                          (onClick)=\"changeCategories()\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'cat-' + cat.feeStypId\">\r\n                          {{ cat.feeStypDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                  <!-- SubCategory (filtrado por changeCategories -> filterSubCategories) -->\r\n                  <p-accordion-panel *ngIf=\"filterSubCategories?.length\" value=\"subcategory\">\r\n                    <p-accordion-header>\r\n                      <div class=\"accordion-container-header\">{{'LBL_SUBCATEGORY' | term : globalTerms.languageCode}}</div>\r\n                    </p-accordion-header>\r\n                \r\n                    <p-accordion-content>\r\n                      <!-- ALL -->\r\n                      <div class=\"prRadioButtonGroup\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          inputId=\"subcat-all\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"0\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" for=\"subcat-all\">{{'LBL_ALL' | term : globalTerms.languageCode}}</label>\r\n                      </div>\r\n                \r\n                      <!-- Lista subcategor\u00EDas filtradas -->\r\n                      <div class=\"prRadioButtonGroup\" *ngFor=\"let sub of filterSubCategories\">\r\n                        <p-radiobutton\r\n                          class=\"prRadioButton\"\r\n                          [inputId]=\"'sub-' + sub.feeStypSubId\"\r\n                          name=\"subcategory\"\r\n                          [value]=\"sub.feeStypSubId\"\r\n                          [(ngModel)]=\"subAlterFilterValue\" />\r\n                        <label class=\"prRadioButtonLabel\" [for]=\"'sub-' + sub.feeStypSubId\">\r\n                          {{ sub.feeStypSubDesc }}\r\n                        </label>\r\n                      </div>\r\n                    </p-accordion-content>\r\n                  </p-accordion-panel>\r\n                \r\n                </p-accordion>\r\n                \r\n                <div class=\"titleDropdown__action\">\r\n                  <div class=\"btnBox btnBox--center\">\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Apply\" severity=\"primary\" (click)=\"ApplyFilter()\" />\r\n                    <p-button class=\"prButton prButton--primary\" label=\"Clear\" severity=\"secondary\" (click)=\"ClearFilter()\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n  \r\n        </div>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"d-flex\">\r\n      <span class=\"range mt-1\"><ng-content></ng-content></span>\r\n    </div>\r\n  </div>\r\n  ", styles: [".range{font-size:12px;color:var(--main-blue)}.client{font-size:14px;color:var(--main-blue)}.midLine{top:-3px;height:20px;width:105%;position:absolute;padding:0}.contentSelections{padding:16px;max-height:370px;overflow:auto}.contentSelections hr{margin:10px 0 0}.form-check label{font-size:11px;margin-left:2px}.subtitleSelections{font-size:12px;color:var(--main-blue);display:block;font-weight:700}.listOperators{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.containerDropDown{border:.5px solid var(--main-gray)}.listOperators>div{padding-right:15px}.listOperators>div:nth-child(2n){padding-right:0}.contentBoxSection{margin-top:12px}.contentBoxSection:first-child{margin-top:0}.dropdown-toggle i{font-size:9px;margin-left:5px}.border-gray-bottom{border-bottom:1px solid gray;display:block;margin-top:16px}.cs-DataArea .cs-client{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "component", type: i4$2.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i4$2.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i4$2.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TitlesComponent, decorators: [{
             type: Component,
@@ -10029,5 +10428,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, CompressService, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitlesComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, CompressService, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitlesComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TreeTableFetchComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-ui.mjs.map