intelica-library-ui 0.1.176 → 0.1.178

package/fesm2022/intelica-library-ui.mjs

@@ -1728,9 +1728,9 @@ class ColumnGroupComponent {
     sortable = false;
     width;
     minWidth;
-    // @Input() className?: string;
-    // @Input() headerTooltip: string = "";
-    // @Input() headerTooltipPosition: "top" | "bottom" | "left" | "right" = "top";
+    className;
+    headerTooltip = "";
+    headerTooltipPosition = "top";
     // @Input() tooltip: string = "";
     // @Input() tooltipPosition: "top" | "bottom" | "left" | "right" = "top";
     // @Input() showIndex: boolean = false;
@@ -1741,7 +1741,7 @@ class ColumnGroupComponent {
     level = 0;
     formatType = "string";
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ColumnGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: ColumnGroupComponent, isStandalone: true, selector: "columnGroup", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", minWidth: "minWidth", colspan: "colspan", rowspan: "rowspan", level: "level", formatType: "formatType" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: ColumnGroupComponent, isStandalone: true, selector: "columnGroup", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", minWidth: "minWidth", className: "className", headerTooltip: "headerTooltip", headerTooltipPosition: "headerTooltipPosition", colspan: "colspan", rowspan: "rowspan", level: "level", formatType: "formatType" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ColumnGroupComponent, decorators: [{
             type: Directive,
@@ -1756,6 +1756,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], minWidth: [{
                 type: Input
+            }], className: [{
+                type: Input
+            }], headerTooltip: [{
+                type: Input
+            }], headerTooltipPosition: [{
+                type: Input
             }], colspan: [{
                 type: Input
             }], rowspan: [{
@@ -2139,8 +2145,30 @@ class TableComponent {
         this.ListDataSelectedTemp = [];
         this.ListDataSelectedFilter = [...this.ListDataSelectedTemp];
     }
+    get minPageSize() {
+        const a = this.AllowedPageSizes ?? [];
+        return a.length ? Math.min(...a) : 0;
+    }
+    get totalItemsCount() {
+        return this.ShowPagination ? this.TotalRecords : this.ListDataFilter.length;
+    }
+    get showRowPerPageControl() {
+        return this.ShowRowPerPage && this.totalItemsCount > this.minPageSize;
+    }
+    get visiblePageSizes() {
+        const sizes = (this.AllowedPageSizes ?? []).slice().sort((a, b) => a - b);
+        if (!sizes.length)
+            return [];
+        const total = this.totalItemsCount; // usa el getter que ya te dejé
+        const min = sizes[0];
+        const lessOrEqual = sizes.filter(s => s <= total);
+        const nextCeil = sizes.find(s => s >= total);
+        // resultado en orden, sin duplicados, y filtrando undefined
+        const result = Array.from(new Set([min, ...lessOrEqual, nextCeil].filter((v) => typeof v === 'number')));
+        return result;
+    }
     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" }, 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 pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n              >{{ col.header }}</span\r\n            >\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(ShowRowPerPage){\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n        [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  </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" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "Columns", predicate: ColumnComponent }, { propertyName: "ColumnGroups", predicate: ColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span \r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n                  {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || '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 (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n        [options]=\"visiblePageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n        [disabled]=\"totalItemsCount === 0\"\r\n      />\r\n        \r\n        <label class=\"control-label\">\r\n          {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n          {{\r\n            CurrentPage * RowsPerPage >= totalItemsCount\r\n              ? totalItemsCount\r\n              : CurrentPage * RowsPerPage\r\n          }}\r\n          {{ \"Of\" | term : GlobalTermService.languageCode }} {{ totalItemsCount }}\r\n          {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n        </label>\r\n      </div>\r\n    }\r\n    \r\n    @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -2156,7 +2184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         CheckboxModule,
                         FormsModule,
                         FormatCellPipe,
-                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n              >{{ col.header }}</span\r\n            >\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(ShowRowPerPage){\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n        [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  </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    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"ListDataTable\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelectedFilter\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"DefaultSortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span \r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n                  {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              [pTooltip]=\"col.headerTooltip || col.header\"\r\n              [tooltipPosition]=\"col.headerTooltipPosition || 'top'\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if(!col.showIndex) { @if(col.isChecboxColumn){\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if(ShowCheckbox && ColumnGroupList.length == 0 ){\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if(col.isChecboxColumn){\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n            <span\r\n              class=\"text-breakWord\"\r\n              [pTooltip]=\"col.tooltip\"\r\n              [tooltipPosition]=\"col.tooltipPosition || '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 (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n        [options]=\"visiblePageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n        [disabled]=\"totalItemsCount === 0\"\r\n      />\r\n        \r\n        <label class=\"control-label\">\r\n          {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n          {{\r\n            CurrentPage * RowsPerPage >= totalItemsCount\r\n              ? totalItemsCount\r\n              : CurrentPage * RowsPerPage\r\n          }}\r\n          {{ \"Of\" | term : GlobalTermService.languageCode }} {{ totalItemsCount }}\r\n          {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n        </label>\r\n      </div>\r\n    }\r\n    \r\n    @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"ListDataFilter.length\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ListData: [{
@@ -2373,7 +2401,6 @@ class TreeTableComponent {
     SelectedIdentifier = null;
     ListSearchOptions = [];
     ShowRowPerPage = true;
-    DefaultChildrenColumnName = "";
     EmitSelectedItem = new EventEmitter();
     EmitListDataFilter = new EventEmitter();
     EmitSearchEvent = new EventEmitter();
@@ -2408,6 +2435,15 @@ class TreeTableComponent {
         }
         this.ExecuteSearch({});
         this.ValidateSelect();
+        const vis = this.visiblePageSizes;
+        if (vis.length && !vis.includes(this.RowsPerPage)) {
+            const next = vis.find(v => v >= this.RowsPerPage) ?? vis[vis.length - 1];
+            if (this.RowsPerPage !== next) {
+                this.RowsPerPage = next;
+                this.CurrentPage = 1;
+                this.UpdatePages();
+            }
+        }
     }
     ngAfterContentInit() {
         this.ColumnList = this.Columns.toArray();
@@ -2556,8 +2592,29 @@ class TreeTableComponent {
         this.RowsPerPage = value;
         this.ResetTable();
     }
+    // Mínimo permitido en AllowedPageSizes
+    get minPageSize() {
+        const a = this.AllowedPageSizes ?? [];
+        return a.length ? Math.min(...a) : 0;
+    }
+    // Opciones visibles: mínimo, todas <= total y la siguiente >= total (ceil)
+    get visiblePageSizes() {
+        const sizes = (this.AllowedPageSizes ?? []).slice().sort((a, b) => a - b);
+        if (!sizes.length)
+            return [];
+        const total = this.TotalRecords || this.ListDataFilter.length;
+        const min = sizes[0];
+        const lessOrEqual = sizes.filter(s => s <= total);
+        const nextCeil = sizes.find(s => s >= total);
+        return Array.from(new Set([min, ...lessOrEqual, nextCeil].filter((v) => typeof v === 'number')));
+    }
+    // Mostrar el control "Items per page" solo cuando tenga sentido
+    get showRowPerPageControl() {
+        const total = this.TotalRecords || this.ListDataFilter.length;
+        return this.ShowRowPerPage && total > this.minPageSize;
+    }
     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", DefaultChildrenColumnName: "DefaultChildrenColumnName" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === DefaultChildrenColumnName &&\r\n          rowData.children && rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                <span\r\n                  [class]=\"\r\n                    col.field === DefaultChildrenColumnName\r\n                      ? 'prTable__expandIdentText'\r\n                      : ''\r\n                  \"\r\n                >\r\n                  {{ childRow[col.field] | formatCell : col.formatType }}\r\n                </span>\r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (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" }, outputs: { EmitSelectedItem: "EmitSelectedItem", EmitListDataFilter: "EmitListDataFilter", EmitSearchEvent: "EmitSearchEvent", EmitSortEvent: "EmitSortEvent" }, providers: [FormatCellPipe, DatePipe], queries: [{ propertyName: "AdditionalTemplate", first: true, predicate: ["additionalTemplate"], descendants: true }, { propertyName: "AdditionalCentralTemplate", first: true, predicate: ["additionalCentralTemplate"], descendants: true }, { propertyName: "AdditionalExtendedTemplate", first: true, predicate: ["additionalExtendedTemplate"], descendants: true }, { propertyName: "Columns", predicate: TreeColumnComponent }, { propertyName: "ColumnGroups", predicate: TreeColumnGroupComponent }, { propertyName: "RowResumenGroups", predicate: RowResumenTreeComponent }], viewQueries: [{ propertyName: "PaginatorTable", first: true, predicate: ["paginatorTable"], descendants: true }, { propertyName: "SearchTable", first: true, predicate: ["searchTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === 'name' && rowData.children &&\r\n          rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                <span\r\n                  [class]=\"\r\n                    col.field === 'name' ? 'prTable__expandIdentText' : ''\r\n                  \"\r\n                >\r\n                  {{ childRow[col.field] | formatCell : col.formatType }}\r\n                </span>\r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n          [options]=\"visiblePageSizes\"\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    }\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
@@ -2574,7 +2631,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  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === DefaultChildrenColumnName &&\r\n          rowData.children && rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                <span\r\n                  [class]=\"\r\n                    col.field === DefaultChildrenColumnName\r\n                      ? 'prTable__expandIdentText'\r\n                      : ''\r\n                  \"\r\n                >\r\n                  {{ childRow[col.field] | formatCell : col.formatType }}\r\n                </span>\r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (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  }\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [value]=\"ListDataTable\"\r\n    [ngClass]=\"ClassName\"\r\n    responsiveLayout=\"scroll\"\r\n    [(selection)]=\"ListDataSelected\"\r\n    (onHeaderCheckboxToggle)=\"SelectAll($event)\"\r\n    (onRowSelect)=\"OnRowSelect($event)\"\r\n    (onRowUnselect)=\"OnRowUnselect($event)\"\r\n    [groupRowsBy]=\"groupRowsBy\"\r\n    [dataKey]=\"dataKey\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n    [sortOrder]=\"SortOrder\"\r\n  >\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if(col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) { @if (col.isChecboxColumn) {\r\n            <br />\r\n            <p-checkbox\r\n              [binary]=\"true\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (onChange)=\"OnHeaderCheckboxChange($event, col.field)\"\r\n              [attr.data-check]=\"col.field\"\r\n            ></p-checkbox>\r\n            } @else {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            } }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox\r\n            class=\"prCheckbox\"\r\n            [ngClass]=\"{\r\n              'prCheckbox--indeterminate':\r\n                ListDataSelectedTemp.length > 0 &&\r\n                ListDataSelectedTemp.length < ListDataFilter.length\r\n            }\"\r\n          />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (ListDataFilter.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span\r\n            ><ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container\r\n          ></span>\r\n          } @else {\r\n          <ng-template #defaultContent></ng-template>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else if (col.field === 'name' && rowData.children &&\r\n          rowData.children.length > 0) {\r\n          <div class=\"prTable__expandToggleRow\">\r\n            <p-button\r\n              [pRowToggler]=\"rowData\"\r\n              class=\"prButton prButton--icon prButton--iconBlue\"\r\n            >\r\n              <i\r\n                [class]=\"\r\n                  expanded ? 'icon icon-collapse-rows' : 'icon icon-expand-rows'\r\n                \"\r\n              ></i>\r\n            </p-button>\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              {{ rowData[col.field] | formatCell : col.formatType }}\r\n            </span>\r\n          </div>\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else if (col.isChecboxColumn) {\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(ngModel)]=\"rowData[col.field]\"\r\n            (onChange)=\"IsInderteminate(col.field)\"\r\n          ></p-checkbox>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <ng-container *ngIf=\"rowData.children?.length\">\r\n        <tr\r\n          *ngFor=\"let childRow of rowData.children; let i = index\"\r\n          class=\"subRow\"\r\n        >\r\n          <td\r\n            *ngFor=\"let col of ColumnList; let j = index\"\r\n            [ngClass]=\"col.className\"\r\n          >\r\n            <span\r\n              class=\"text-breakWord\"\r\n              pTooltip=\"{{ col.tooltip }}\"\r\n              tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n            >\r\n              <ng-container *ngIf=\"col.showIndex && j === 0; else normalCell\">\r\n                {{ rowIndex + 1 + \".\" + getLetter(i) }}\r\n              </ng-container>\r\n              <ng-template #normalCell>\r\n                @if (col.field === \"id\" && i < 26) {\r\n                <span>{{ childRow[col.field] + \".\" + getLetter(i) }}</span>\r\n                } @else {\r\n                <span\r\n                  [class]=\"\r\n                    col.field === 'name' ? 'prTable__expandIdentText' : ''\r\n                  \"\r\n                >\r\n                  {{ childRow[col.field] | formatCell : col.formatType }}\r\n                </span>\r\n                }\r\n              </ng-template>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #emptymessage>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n          [options]=\"visiblePageSizes\"\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    }\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: [{
@@ -2617,8 +2674,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], ShowRowPerPage: [{
                 type: Input
-            }], DefaultChildrenColumnName: [{
-                type: Input
             }], EmitSelectedItem: [{
                 type: Output
             }], EmitListDataFilter: [{
@@ -2703,12 +2758,15 @@ class MatrixColumnGroupComponent {
     header;
     sortable = false;
     width;
+    className;
+    headerTooltip = "";
+    headerTooltipPosition = "top";
     minWidth;
     colspan = 1;
     rowspan = 1;
     level = 0;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatrixColumnGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: MatrixColumnGroupComponent, isStandalone: true, selector: "columnGroup", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", minWidth: "minWidth", colspan: "colspan", rowspan: "rowspan", level: "level" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: MatrixColumnGroupComponent, isStandalone: true, selector: "columnGroup", inputs: { field: "field", header: "header", sortable: "sortable", width: "width", className: "className", headerTooltip: "headerTooltip", headerTooltipPosition: "headerTooltipPosition", minWidth: "minWidth", colspan: "colspan", rowspan: "rowspan", level: "level" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatrixColumnGroupComponent, decorators: [{
             type: Directive,
@@ -2721,6 +2779,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], width: [{
                 type: Input
+            }], className: [{
+                type: Input
+            }], headerTooltip: [{
+                type: Input
+            }], headerTooltipPosition: [{
+                type: Input
             }], minWidth: [{
                 type: Input
             }], colspan: [{
@@ -2756,11 +2820,11 @@ 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\r\n\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [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 }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">{{ col.header }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\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 || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "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,
-            args: [{ selector: "intelica-matrix-table", standalone: true, imports: [CommonModule, TableModule, BadgeModule, TooltipModule, TermPipe, CheckboxModule, FormsModule, ButtonModule], 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\r\n\t\t\t\t<th [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [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 }}\" tooltipPosition=\"{{ col.headerTooltipPosition }}\">{{ col.header }}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t<span class=\"text-breakWord\" pTooltip=\"{{ col.tooltip }}\" tooltipPosition=\"{{ col.tooltipPosition }}\">\r\n\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\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" }]
+            args: [{ selector: "intelica-matrix-table", standalone: true, imports: [CommonModule, TableModule, BadgeModule, TooltipModule, TermPipe, CheckboxModule, FormsModule, ButtonModule], template: "<div class=\"prTable prTable--blueLeft\">\r\n\t<p-table\r\n\t\tclass=\"prTableBasic\"\r\n\t\t[ngClass]=\"ClassName\"\r\n\t\t[value]=\"ListData\"\r\n\t\tresponsiveLayout=\"scroll\"\r\n\t\t[sortOrder]=\"-1\"\r\n\t\tdataKey=\"dataKey\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n\t\t[tableStyle]=\"tableStyle\"\r\n\t>\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t@for (level of Levels; track $index) {\r\n\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnGroupList; track $index) { @if (col.level === level) {\r\n\t\t\t\r\n\t\t\t\t<th [ngClass]=\"col.className\" [attr.colspan]=\"col.colspan\" [attr.rowspan]=\"col.rowspan\"\r\n\t\t\t\t\t[style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track $index) { @if(col.showHeader ){\r\n\t\t\t\t<th [class]=\"col.className\" [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ col.header }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t} }\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of ColumnList; track col; let i = $index) {\r\n\t\t\t\t<td [ngClass]=\"col.className\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t@if (col.templateRef) {\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"></ng-container>\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t<span class=\"text-breakWord\" [pTooltip]=\"col.tooltip\" [tooltipPosition]=\"col.tooltipPosition || 'top'\">\r\n\t\t\t\t\t\t\t{{ rowData[col.field] ?? \"-\" }}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</td>\r\n\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<ng-container *ngIf=\"rowData.children?.length > 0\">\r\n\t\t\t\t<tr *ngFor=\"let childRow of rowData.children\">\r\n\t\t\t\t\t<td *ngFor=\"let col of ColumnList; let i = index\" [ngClass]=\"col.className\" [class.child-cell-padding]=\"i === 0\" [class.left-header]=\"i === 0\">\r\n\t\t\t\t\t\t{{ childRow[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</ng-template>\r\n\t\t<ng-template #emptymessage>\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"ColumnList.length\" class=\"text-center\">\r\n\t\t\t\t\t{{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ListData: [{
@@ -5055,9 +5119,7 @@ class TableFetchComponent {
     ListDataTable = [];
     ngOnChanges(changes) {
         this.LoadSearchOptions();
-        if (changes["FilteredList"] ||
-            changes["RowsPerPage"] ||
-            changes["CurrentPage"]) {
+        if (changes["FilteredList"] || changes["RowsPerPage"] || changes["CurrentPage"]) {
             this.UpdatePages();
         }
         if (changes["sortField"] || changes["SortOrder"]) {
@@ -5068,6 +5130,17 @@ class TableFetchComponent {
                 },
             ]);
         }
+        const vis = this.visiblePageSizes;
+        if (vis.length && !vis.includes(this.RowsPerPage)) {
+            const next = vis.find(v => v >= this.RowsPerPage) ?? vis[vis.length - 1];
+            if (this.RowsPerPage !== next) {
+                this.RowsPerPage = next;
+                if (this.ShowPagination) {
+                    this.CurrentPage = 1;
+                }
+                this.UpdatePages();
+            }
+        }
     }
     ngAfterContentInit() {
         this.ColumnList = this.Columns.toArray();
@@ -5151,8 +5224,28 @@ class TableFetchComponent {
         this.CurrentPage = 1;
         this.ExecuteSearch({});
     }
+    // Mínimo de AllowedPageSizes (si no hay, 0)
+    get minPageSize() {
+        const a = this.AllowedPageSizes ?? [];
+        return a.length ? Math.min(...a) : 0;
+    }
+    // Opciones visibles: mínimo, todas <= total, y el siguiente >= total (ceil)
+    get visiblePageSizes() {
+        const sizes = (this.AllowedPageSizes ?? []).slice().sort((a, b) => a - b);
+        if (!sizes.length)
+            return [];
+        const total = this.TotalItems;
+        const min = sizes[0];
+        const lessOrEqual = sizes.filter(s => s <= total);
+        const nextCeil = sizes.find(s => s >= total); // puede repetir min, luego se deduplica
+        return Array.from(new Set([min, ...lessOrEqual, nextCeil].filter((v) => typeof v === 'number')));
+    }
+    // Mostrar control "Items per page" solo si tiene sentido
+    get showRowPerPageControl() {
+        return this.ShowRowPerPage && this.TotalItems > this.minPageSize;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableFetchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TableFetchComponent, isStandalone: true, selector: "intelica-table-fetch", inputs: { ComponentId: "ComponentId", ShowRowPerPage: "ShowRowPerPage", ShowSearch: "ShowSearch", ListSearchOptions: "ListSearchOptions", ShowPagination: "ShowPagination", RowsPerPage: "RowsPerPage", ShowCheckbox: "ShowCheckbox", ShowIndex: "ShowIndex", ShowSearchTooltip: "ShowSearchTooltip", ClassName: "ClassName", DefaultSortField: "DefaultSortField", scrollHeight: "scrollHeight", scrollable: "scrollable", AllowedPageSizes: "AllowedPageSizes", tableStyle: "tableStyle", FilteredList: "FilteredList", TotalItems: "TotalItems", CurrentPage: "CurrentPage", SortOrder: "SortOrder", SortField: "SortField" }, outputs: { EmitQueryParametersChange: "EmitQueryParametersChange", EmitSortEvent: "EmitSortEvent" }, 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.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(ShowRowPerPage){\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"TotalRecords\"\r\n      [CurrentPage]=\"CurrentPage\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
+    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 || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n          [options]=\"visiblePageSizes\"\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    }\r\n    @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"TotalRecords\"\r\n      [CurrentPage]=\"CurrentPage\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchComponent, selector: "intelica-search", inputs: ["ComponentId", "ShowTooltip", "SearchFieldOptions", "SearchOnKeyup", "SimpleSearchInput", "Placeholder"], outputs: ["OnSearch"] }, { kind: "component", type: PaginatorComponent, selector: "intelica-paginator", inputs: ["TotalItems", "CurrentPage", "ItemsPerPage"], outputs: ["PageChange"] }, { kind: "pipe", type: FormatCellPipe, name: "formatCell" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableFetchComponent, decorators: [{
             type: Component,
@@ -5168,7 +5261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         SearchComponent,
                         PaginatorComponent,
                         FormatCellPipe,
-                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span pTooltip=\"{{ col.header }}\">{{ col.header }}</span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span\r\n              pTooltip=\"{{ col.headerTooltip }}\"\r\n              tooltipPosition=\"{{ col.headerTooltipPosition }}\"\r\n            >\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\r\n    @if(ShowRowPerPage){\r\n    <div class=\"prTableToolsBottom__itemPerPage\">\r\n      {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n      <p-select\r\n        [options]=\"AllowedPageSizes\"\r\n        [ngModel]=\"RowsPerPage\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"OnRowsPerPageChange($event.value)\"\r\n      />\r\n      <label for=\"pageSize\" class=\"control-label\">\r\n        {{ 1 + RowsPerPage * (CurrentPage - 1) }} -\r\n        {{\r\n          CurrentPage * RowsPerPage >= TotalRecords\r\n            ? TotalRecords\r\n            : CurrentPage * RowsPerPage\r\n        }}\r\n        {{ \"Of\" | term : GlobalTermService.languageCode }} {{ TotalRecords }}\r\n        {{ \"Items\" | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n    } @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"TotalRecords\"\r\n      [CurrentPage]=\"CurrentPage\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
+                    ], providers: [FormatCellPipe, DatePipe], template: "<div class=\"prTable\">\r\n  <div class=\"prTableTools\">\r\n    <div class=\"prTableTools__new prTableTools__new--left\">\r\n      @if (AdditionalTemplate) {\r\n      <ng-container *ngTemplateOutlet=\"AdditionalTemplate\"></ng-container>\r\n      }\r\n    </div>\r\n\r\n    @if (ShowSearch) {\r\n    <intelica-search\r\n      #searchTable\r\n      [ComponentId]=\"ComponentId + 'Search'\"\r\n      (OnSearch)=\"ExecuteSearch($event)\"\r\n      [SearchFieldOptions]=\"ListSearchOptionsSimple\"\r\n      [SearchOnKeyup]=\"false\"\r\n      [SimpleSearchInput]=\"false\"\r\n      [ShowTooltip]=\"ShowSearchTooltip\"\r\n    ></intelica-search>\r\n    } @if (AdditionalCentralTemplate) {\r\n    <div class=\"prTableTools__new prTableTools__new--right\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"AdditionalCentralTemplate\"\r\n      ></ng-container>\r\n    </div>\r\n    }\r\n  </div>\r\n  @if (AdditionalExtendedTemplate) {\r\n  <div class=\"prTableTools justify-content-start\">\r\n    <ng-container *ngTemplateOutlet=\"AdditionalExtendedTemplate\"></ng-container>\r\n  </div>\r\n\r\n  }\r\n  <!-- Tabla que muestra FilteredList -->\r\n  <p-table\r\n    class=\"prTableBasic\"\r\n    [ngClass]=\"ClassName\"\r\n    [value]=\"FilteredList\"\r\n    responsiveLayout=\"scroll\"\r\n    [sortField]=\"DefaultSortField\"\r\n    [sortOrder]=\"SortOrder\"\r\n    [scrollable]=\"scrollable\"\r\n    [scrollHeight]=\"scrollable ? scrollHeight : 'auto'\"\r\n    [tableStyle]=\"tableStyle\"\r\n  >\r\n    <!-- Cabecera con columnas agrupadas -->\r\n    <ng-template pTemplate=\"header\">\r\n      @for (level of Levels; track $index) {\r\n      <tr>\r\n        @for (col of ColumnGroupList; track $index) { @if (col.level === level)\r\n        {\r\n        <th\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n          [pSortableColumn]=\"col.sortable ? col.field : ''\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && level === 0 && ColumnGroupList.length != 0) {\r\n        <th\r\n          class=\"text-center\"\r\n          style=\"width: 4%\"\r\n          [attr.rowspan]=\"MaxLevel === 1 ? 2 : MaxLevel\"\r\n        >\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n      }\r\n\r\n      <tr>\r\n        @for (col of ColumnList; track $index) { @if (col.showHeader) {\r\n        <th\r\n          [class]=\"col.className\"\r\n          [pSortableColumn]=\"\r\n            !col.isChecboxColumn && col.sortable ? col.field : ''\r\n          \"\r\n          [style.width]=\"col.width\"\r\n          [style.min-width]=\"col.minWidth\"\r\n          (click)=\"!col.isChecboxColumn && col.sortable && OnSort(col.field)\"\r\n        >\r\n          <div>\r\n            <span [pTooltip]=\"col.headerTooltip || col.header\" [tooltipPosition]=\"col.headerTooltipPosition || 'top'\">\r\n              {{ col.header }}\r\n            </span>\r\n            @if (!col.showIndex) {\r\n            <p-sortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-sortIcon>\r\n            }\r\n          </div>\r\n        </th>\r\n        } } @if (ShowCheckbox && ColumnGroupList.length == 0) {\r\n        <th class=\"text-center\" style=\"width: 4%\">\r\n          <p-tableHeaderCheckbox class=\"prCheckbox\" />\r\n        </th>\r\n        }\r\n      </tr>\r\n\r\n      @if (FilteredList.length > 0 && RowResumenList.length > 0) {\r\n      <tr class=\"fixedRow\">\r\n        @for (col of RowResumenList; track $index) {\r\n        <td\r\n          [ngClass]=\"col.className\"\r\n          [attr.colspan]=\"col.colspan\"\r\n          [attr.rowspan]=\"col.rowspan\"\r\n        >\r\n          @if (col.templateRef) {\r\n          <span>\r\n            <ng-container *ngTemplateOutlet=\"col.templateRef\"></ng-container>\r\n          </span>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Cuerpo de la tabla -->\r\n    <ng-template pTemplate=\"body\" let-rowData let-rowIndex=\"rowIndex\">\r\n      <tr>\r\n        @for (col of ColumnList; track $index) {\r\n        <td [ngClass]=\"col.className\">\r\n          @if (col.showIndex) {\r\n          {{ rowIndex + 1 + (CurrentPage - 1) * RowsPerPage }}\r\n          } @else { @if (col.templateRef) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"col.templateRef; context: { $implicit: rowData }\"\r\n          ></ng-container>\r\n          } @else {\r\n          <span\r\n            class=\"text-breakWord\"\r\n            pTooltip=\"{{ col.tooltip }}\"\r\n            tooltipPosition=\"{{ col.tooltipPosition }}\"\r\n          >\r\n            {{ rowData[col.field] | formatCell : col.formatType }}\r\n          </span>\r\n          } }\r\n        </td>\r\n        } @if (ShowCheckbox) {\r\n        <td class=\"text-center\">\r\n          <p-tableCheckbox [value]=\"rowData\" class=\"prCheckbox\" />\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- Mensaje cuando no hay datos -->\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"ColumnList.length + (ShowCheckbox ? 1 : 0)\"\r\n          class=\"text-center\"\r\n        >\r\n          {{ \"Nodata\" | term : GlobalTermService.languageCode }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n\r\n  <!-- Paginaci\u00F3n y control de elementos por p\u00E1gina -->\r\n  <div class=\"prTableToolsBottom\">\r\n    @if (showRowPerPageControl) {\r\n      <div class=\"prTableToolsBottom__itemPerPage\">\r\n        {{ \"ItemPerPage\" | term : GlobalTermService.languageCode }}\r\n        <p-select\r\n          [options]=\"visiblePageSizes\"\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    }\r\n    @if (ShowPagination) {\r\n    <intelica-paginator\r\n      #paginatorTable\r\n      [TotalItems]=\"TotalRecords\"\r\n      [CurrentPage]=\"CurrentPage\"\r\n      [ItemsPerPage]=\"RowsPerPage\"\r\n      (PageChange)=\"OnPageChange($event)\"\r\n    ></intelica-paginator>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { ComponentId: [{
                 type: Input
             }], ShowRowPerPage: [{
@@ -6278,26 +6371,57 @@ class EchartService {
      * @param showLegend - Optional flag to show the legend
      * @returns - EChartsOption - Configuration object for the bar chart
      */
-    getBarChartTopOptions(categories, series, categoryWidth = 240, labelConfig, tooltipConfig, showLegend = false) {
-        let barBase = this.getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend);
+    getBarChartTopOptions(categories, series, categoryWidth = 240, labelConfig, tooltipConfig, showLegend = false, categoryFormatter) {
+        const barBase = this.getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend);
         if (barBase.yAxis) {
-            barBase.yAxis.inverse = true;
-            barBase.yAxis.axisLabel.color = Color.blue;
-            barBase.yAxis.axisLabel.fontSize = 12;
-            barBase.yAxis.axisLabel.width = categoryWidth;
-            barBase.yAxis.axisLabel.overflow = "break";
-            barBase.yAxis.axisLabel.align = "left";
-            barBase.yAxis.axisLabel.verticalAlign = "middle";
-            barBase.yAxis.axisLabel.margin = categoryWidth + 30;
-            barBase.yAxis.axisLabel.lineHeight = 16;
-            barBase.grid.top = "0%";
-            barBase.grid.left = -1 * categoryWidth + 60;
-            barBase.grid.right = 20;
-            barBase.grid.bottom = "0%";
-            barBase.grid.containLabel = true;
-        }
-        barBase.series.forEach((serie, index) => {
-            // serie.barWidth = "75%";
+            const y = barBase.yAxis;
+            const gr = barBase.grid;
+            const defaultCategoryFormatter = (value, index) => {
+                const lineLength = 35;
+                const prefix = `${index + 1} - `;
+                const words = value.split(' ');
+                let lines = [];
+                let currentLine = '';
+                for (const word of words) {
+                    const testLine = currentLine ? `${currentLine} ${word}` : word;
+                    if (testLine.length <= lineLength) {
+                        currentLine = testLine;
+                    }
+                    else {
+                        lines.push(currentLine);
+                        currentLine = word;
+                    }
+                }
+                if (currentLine)
+                    lines.push(currentLine);
+                return prefix + lines
+                    .map((line, i) => (i === 0 ? line : `\u2008\u2008\u2008\u2008\u2008\u2008\u2009${line}`))
+                    .join('\n');
+            };
+            y.inverse = true;
+            y.axisLabel = {
+                ...y.axisLabel,
+                color: Color.blue,
+                fontSize: 12,
+                width: categoryWidth,
+                overflow: "break",
+                align: "left",
+                verticalAlign: "middle",
+                margin: categoryWidth + 30,
+                lineHeight: 16,
+                formatter: categoryFormatter || defaultCategoryFormatter,
+            };
+            gr.top = "0%";
+            gr.left = -1 * categoryWidth + 60;
+            gr.right = 20;
+            gr.bottom = "0%";
+            gr.containLabel = true;
+        }
+        barBase.series.forEach((serie) => {
+            serie.label = {
+                ...(serie.label || {}),
+                formatter: labelConfig,
+            };
         });
         return barBase;
     }