@gipisistemas/ngx-core 1.0.24 → 1.0.25

package/components/pdf-viewer/pdf-viewer.component.scss

@@ -126,11 +126,13 @@
 
             > div,
             .pdfViewer {
-                --user-unit: 1.02;
                 --scale-factor: 1;
-                --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
-                --scale-round-x: 0.1rem;
-                --scale-round-y: 0.1rem;
+                --page-bg-color: unset;
+                --pdfViewer-padding-bottom: 0;
+                --page-margin: 1px auto -8px;
+                --page-border: 9px solid transparent;
+                --hcm-highlight-filter: none;
+                --hcm-highlight-selected-filter: none;
 
                 display: flex;
                 flex-direction: column;
@@ -142,6 +144,54 @@
                 .textLayer {
                     font-family: $font-family !important;
                 }
+
+                .canvasWrapper {
+                    overflow: hidden;
+                    width: 100%;
+                    height: 100%;
+                }
+
+                .canvasWrapper canvas {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                    margin: 0;
+                    contain: content;
+                }
+
+                .page {
+                    --user-unit: 1;
+                    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
+                    --scale-round-x: 1px;
+                    --scale-round-y: 1px;
+
+                    position: relative;
+                    direction: ltr;
+                    overflow: visible;
+                    width: 816px;
+                    height: 1056px;
+                    margin: var(--page-margin);
+                    border: var(--page-border);
+                    background-clip: content-box;
+                    background-color: var(--page-bg-color, rgb(255 255 255));
+                }
+
+                .annotationLayer {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    pointer-events: none;
+                    transform-origin: 0 0;
+                }
+
+                .dummyPage {
+                    position: relative;
+                    width: 0;
+                    height: var(--viewer-container-height, 0);
+                }
             }
         }
 

package/components/table/table.component.scss

@@ -239,6 +239,19 @@
         background-color: #{utils.get-color($theme, white, 100)};
     }
 
+    .g-table-paginator-records {
+        position: absolute;
+        left: 1.6rem;
+        top: 50%;
+        z-index: 1;
+        transform: translateY(-50%);
+        color: utils.get-color($theme, secondary, 300);
+        font-size: 1.1rem;
+        font-weight: 400;
+        line-height: 1.4rem;
+        pointer-events: none;
+    }
+
     .g-table-menu-context {
         display: inline-flex;
         gap: 10px;

package/fesm2022/gipisistemas-ngx-core.mjs

@@ -5829,8 +5829,7 @@ class BaseReportComponent extends BaseComponent {
             }
             const filter = this.currentReportType.filter();
             if (!ObjectUtil.isEmpty(pageEvent)) {
-                // Se estamos em uma página que pode não existir mais, voltamos para a página 0 e
-                // ajustamos o offset.
+                // Se estamos em uma página que pode não existir mais, voltamos para a página 0
                 const currentPage = pageEvent.pageIndex;
                 const pageSize = pageEvent.pageSize;
                 filter.pageNumber = currentPage;
@@ -5966,12 +5965,13 @@ class BaseAuthorityModel extends BaseModel {
 }
 
 class BaseFilterModel {
-    constructor(init = {}) {
-        this.sorts = init.sorts || [];
-        this.pageNumber = init.pageNumber || 0;
-        this.pageSize = init.pageSize || 10;
-        this.originScreen = init.originScreen || '';
-        this.researchField = init.researchField || '';
+    constructor(data = {}) {
+        this.sorts = data?.sorts || [];
+        this.pageNumber = data?.pageNumber || 0;
+        this.pageSize = data?.pageSize || 10;
+        this.originScreen = data?.originScreen || '';
+        this.researchField = data?.researchField || '';
+        this.offset = data?.offset || null;
     }
 }
 
@@ -17864,22 +17864,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-const portugueseRangeLabel = (page, pageSize, length) => {
+const portuguesePageRangeLabel = (page, pageSize, length) => {
     if (length === 0 || pageSize === 0) {
-        return `0 de ${length}`;
+        return 'Página 0 de 0';
     }
-    length = Math.max(length, 0);
-    const startIndex = page * pageSize;
-    // Se o índice inicial exceder o comprimento da lista, não tente fixar o índice final no final.
-    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
-    return `${startIndex + 1} - ${endIndex} de ${length}`;
+    const totalPages = Math.max(Math.ceil(Math.max(length, 0) / pageSize), 1);
+    const currentPage = Math.min(page + 1, totalPages);
+    return `Página ${currentPage} de ${totalPages}`;
 };
 const PAGINATOR_INTL_PT_BR = () => {
     const paginatorIntl = new MatPaginatorIntl();
     paginatorIntl.itemsPerPageLabel = 'Itens por página';
     paginatorIntl.nextPageLabel = 'Próxima página';
     paginatorIntl.previousPageLabel = 'Página anterior';
-    paginatorIntl.getRangeLabel = portugueseRangeLabel;
+    paginatorIntl.getRangeLabel = portuguesePageRangeLabel;
     paginatorIntl.firstPageLabel = 'Primeira página';
     paginatorIntl.lastPageLabel = 'Última página';
     return paginatorIntl;
@@ -20966,6 +20964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }] });
 
 const ROW_HEIGHT$1 = 44; // Default row height in pixels
+const DEFAULT_MAX_BODY_ROWS_BEFORE_SCROLL = 10;
 class Table {
     set tableFooterRef(value) {
         if (!ObjectUtil.isEmpty(value)) {
@@ -20990,7 +20989,10 @@ class Table {
         this.menuContextWrapperElement.set(value?.nativeElement ?? null);
     }
     get tableMinHeightPx() {
-        return this.calcMinHeight() ? this.tableMinHeight() : 'fit-content';
+        return this.calcMinHeight() ? this.tableHeight() : 'fit-content';
+    }
+    get tableMaxHeightPx() {
+        return this.calcMinHeight() ? this.tableHeight() : 'none';
     }
     set expandedRows(value) {
         this._expandedRows = value;
@@ -21054,14 +21056,15 @@ class Table {
         this.sortActiveState = signal('', ...(ngDevMode ? [{ debugName: "sortActiveState" }] : []));
         this.sortDirectionState = signal('', ...(ngDevMode ? [{ debugName: "sortDirectionState" }] : []));
         this.tableFooterElement = signal(null, ...(ngDevMode ? [{ debugName: "tableFooterElement" }] : []));
-        this.tableMinHeight = computed(() => {
+        this.tableHeight = computed(() => {
             const headerHeight = ROW_HEIGHT$1;
             const footerEl = this.tableFooterElement();
             const footerHeight = footerEl?.getBoundingClientRect().height ?? 0;
-            const bodyHeight = Math.ceil(this._paginatorPageSize() * ROW_HEIGHT$1);
+            const bodyRows = Math.min(Math.max(this._paginatorPageSize(), 1), Math.max(this.maxBodyRowsBeforeScroll(), 1));
+            const bodyHeight = Math.ceil(bodyRows * ROW_HEIGHT$1);
             const tableHeight = Math.ceil(headerHeight + bodyHeight + footerHeight + 20);
             return CssUtil.coerceCssPixelValue(`${tableHeight}px`);
-        }, ...(ngDevMode ? [{ debugName: "tableMinHeight" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "tableHeight" }] : []));
         this.columnsToDisplay = computed(() => {
             const columns = this._columns();
             const baseColumns = columns
@@ -21112,10 +21115,23 @@ class Table {
         this.menuContextRow = signal(null, ...(ngDevMode ? [{ debugName: "menuContextRow" }] : []));
         /** --------- */
         this.rowHovered = signal(null, ...(ngDevMode ? [{ debugName: "rowHovered" }] : []));
+        this.paginatorRecordRangeLabel = computed(() => {
+            const length = Math.max(this.paginatorLength(), 0);
+            const pageSize = this.paginatorPageSize;
+            if (length === 0 || pageSize === 0) {
+                return `0 de ${length} registros`;
+            }
+            const startIndex = this.paginatorPageNumber() * pageSize;
+            const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
+            return `${startIndex + 1} - ${endIndex} de ${length} registros`;
+        }, ...(ngDevMode ? [{ debugName: "paginatorRecordRangeLabel" }] : []));
         this.id = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
         this.name = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this.showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         this.calcMinHeight = input(true, ...(ngDevMode ? [{ debugName: "calcMinHeight", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.maxBodyRowsBeforeScroll = input(DEFAULT_MAX_BODY_ROWS_BEFORE_SCROLL, ...(ngDevMode ? [{ debugName: "maxBodyRowsBeforeScroll", transform: numberAttribute }] : [{
+                transform: numberAttribute,
+            }]));
         this.isRowHighlightFn = input(() => false, ...(ngDevMode ? [{ debugName: "isRowHighlightFn" }] : []));
         this.matSortFrontend = input(false, ...(ngDevMode ? [{ debugName: "matSortFrontend", alias: 'sortFrontend',
                 transform: booleanAttribute }] : [{
@@ -21222,7 +21238,7 @@ class Table {
         this._paginatorPageSize = signal(10, ...(ngDevMode ? [{ debugName: "_paginatorPageSize" }] : []));
         this.paginatorPageNumber = input(0, ...(ngDevMode ? [{ debugName: "paginatorPageNumber", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         this.paginatorLength = input(0, ...(ngDevMode ? [{ debugName: "paginatorLength", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.paginatorPageSizeOptions = input([10, 20, 30], ...(ngDevMode ? [{ debugName: "paginatorPageSizeOptions" }] : []));
+        this.paginatorPageSizeOptions = input([10, 20, 30, 50], ...(ngDevMode ? [{ debugName: "paginatorPageSizeOptions" }] : []));
         this.paginatorHidePageSize = input(false, ...(ngDevMode ? [{ debugName: "paginatorHidePageSize", transform: booleanAttribute }] : [{
                 transform: booleanAttribute,
             }]));
@@ -21554,12 +21570,12 @@ class Table {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Table, isStandalone: true, selector: "gipi-table", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, calcMinHeight: { classPropertyName: "calcMinHeight", publicName: "calcMinHeight", isSignal: true, isRequired: false, transformFunction: null }, isRowHighlightFn: { classPropertyName: "isRowHighlightFn", publicName: "isRowHighlightFn", isSignal: true, isRequired: false, transformFunction: null }, matSortFrontend: { classPropertyName: "matSortFrontend", publicName: "sortFrontend", isSignal: true, isRequired: false, transformFunction: null }, matSortActive: { classPropertyName: "matSortActive", publicName: "sortActive", isSignal: true, isRequired: false, transformFunction: null }, matSortDirection: { classPropertyName: "matSortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, matSortDisableClear: { classPropertyName: "matSortDisableClear", publicName: "sortDisableClear", isSignal: true, isRequired: false, transformFunction: null }, matSortDisabled: { classPropertyName: "matSortDisabled", publicName: "sortDisabled", isSignal: true, isRequired: false, transformFunction: null }, matSortStart: { classPropertyName: "matSortStart", publicName: "sortStart", isSignal: true, isRequired: false, transformFunction: null }, expandedRows: { classPropertyName: "expandedRows", publicName: "expandedRows", isSignal: false, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expandedRowsInitial: { classPropertyName: "expandedRowsInitial", publicName: "expandedRows", isSignal: true, isRequired: false, transformFunction: null }, expandAllEnabled: { classPropertyName: "expandAllEnabled", publicName: "expandAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, multiExpandable: { classPropertyName: "multiExpandable", publicName: "multiExpandable", isSignal: true, isRequired: false, transformFunction: null }, expandablePosition: { classPropertyName: "expandablePosition", publicName: "expandablePosition", isSignal: true, isRequired: false, transformFunction: null }, expandableByClickInRow: { classPropertyName: "expandableByClickInRow", publicName: "expandableByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, multiSelectionWithClick: { classPropertyName: "multiSelectionWithClick", publicName: "multiSelectionWithClick", isSignal: true, isRequired: false, transformFunction: null }, multiSelectable: { classPropertyName: "multiSelectable", publicName: "multiSelectable", isSignal: true, isRequired: false, transformFunction: null }, expandableCompareWithFn: { classPropertyName: "expandableCompareWithFn", publicName: "expandableCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, isRowExpandableFn: { classPropertyName: "isRowExpandableFn", publicName: "isRowExpandableFn", isSignal: true, isRequired: false, transformFunction: null }, selectAllEnabled: { classPropertyName: "selectAllEnabled", publicName: "selectAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, selectablePosition: { classPropertyName: "selectablePosition", publicName: "selectablePosition", isSignal: true, isRequired: false, transformFunction: null }, selectByClickInRow: { classPropertyName: "selectByClickInRow", publicName: "selectByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectCompareWithFn: { classPropertyName: "selectCompareWithFn", publicName: "selectCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, selectedRowsInitial: { classPropertyName: "selectedRowsInitial", publicName: "selectedRowsInitial", isSignal: true, isRequired: false, transformFunction: null }, isRowSelectableFn: { classPropertyName: "isRowSelectableFn", publicName: "isRowSelectableFn", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: true, transformFunction: null }, columnInitial: { classPropertyName: "columnInitial", publicName: "columnInitial", isSignal: true, isRequired: false, transformFunction: null }, columnFinal: { classPropertyName: "columnFinal", publicName: "columnFinal", isSignal: true, isRequired: false, transformFunction: null }, showActionsOnHover: { classPropertyName: "showActionsOnHover", publicName: "showActionsOnHover", isSignal: true, isRequired: false, transformFunction: null }, actionsWidth: { classPropertyName: "actionsWidth", publicName: "actionsWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMinWidth: { classPropertyName: "actionsMinWidth", publicName: "actionsMinWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMaxWidth: { classPropertyName: "actionsMaxWidth", publicName: "actionsMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorFrontend: { classPropertyName: "paginatorFrontend", publicName: "paginatorFrontend", isSignal: true, isRequired: false, transformFunction: null }, paginatorDisabled: { classPropertyName: "paginatorDisabled", publicName: "paginatorDisabled", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSize: { classPropertyName: "paginatorPageSize", publicName: "paginatorPageSize", isSignal: false, isRequired: false, transformFunction: numberAttribute }, paginatorPageNumber: { classPropertyName: "paginatorPageNumber", publicName: "paginatorPageNumber", isSignal: true, isRequired: false, transformFunction: null }, paginatorLength: { classPropertyName: "paginatorLength", publicName: "paginatorLength", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSizeOptions: { classPropertyName: "paginatorPageSizeOptions", publicName: "paginatorPageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, paginatorHidePageSize: { classPropertyName: "paginatorHidePageSize", publicName: "paginatorHidePageSize", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, menuItemsContext: { classPropertyName: "menuItemsContext", publicName: "menuItemsContext", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { expandedRowsChange: "expandedRowsChange", onExpandedRows: "onExpandedRows", onExpandRow: "onExpandRow", selectedRowsChange: "selectedRowsChange", onSelectedRows: "onSelectedRows", onSelectRow: "onSelectRow", onSort: "onSort", onPage: "onPage", onClickRow: "onClickRow" }, host: { properties: { "attr.id": "id()", "attr.name": "name()", "attr.role": "'table'", "style.min-height": "this.tableMinHeightPx" }, classAttribute: "g-table" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Table, isStandalone: true, selector: "gipi-table", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, calcMinHeight: { classPropertyName: "calcMinHeight", publicName: "calcMinHeight", isSignal: true, isRequired: false, transformFunction: null }, maxBodyRowsBeforeScroll: { classPropertyName: "maxBodyRowsBeforeScroll", publicName: "maxBodyRowsBeforeScroll", isSignal: true, isRequired: false, transformFunction: null }, isRowHighlightFn: { classPropertyName: "isRowHighlightFn", publicName: "isRowHighlightFn", isSignal: true, isRequired: false, transformFunction: null }, matSortFrontend: { classPropertyName: "matSortFrontend", publicName: "sortFrontend", isSignal: true, isRequired: false, transformFunction: null }, matSortActive: { classPropertyName: "matSortActive", publicName: "sortActive", isSignal: true, isRequired: false, transformFunction: null }, matSortDirection: { classPropertyName: "matSortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, matSortDisableClear: { classPropertyName: "matSortDisableClear", publicName: "sortDisableClear", isSignal: true, isRequired: false, transformFunction: null }, matSortDisabled: { classPropertyName: "matSortDisabled", publicName: "sortDisabled", isSignal: true, isRequired: false, transformFunction: null }, matSortStart: { classPropertyName: "matSortStart", publicName: "sortStart", isSignal: true, isRequired: false, transformFunction: null }, expandedRows: { classPropertyName: "expandedRows", publicName: "expandedRows", isSignal: false, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expandedRowsInitial: { classPropertyName: "expandedRowsInitial", publicName: "expandedRows", isSignal: true, isRequired: false, transformFunction: null }, expandAllEnabled: { classPropertyName: "expandAllEnabled", publicName: "expandAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, multiExpandable: { classPropertyName: "multiExpandable", publicName: "multiExpandable", isSignal: true, isRequired: false, transformFunction: null }, expandablePosition: { classPropertyName: "expandablePosition", publicName: "expandablePosition", isSignal: true, isRequired: false, transformFunction: null }, expandableByClickInRow: { classPropertyName: "expandableByClickInRow", publicName: "expandableByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, multiSelectionWithClick: { classPropertyName: "multiSelectionWithClick", publicName: "multiSelectionWithClick", isSignal: true, isRequired: false, transformFunction: null }, multiSelectable: { classPropertyName: "multiSelectable", publicName: "multiSelectable", isSignal: true, isRequired: false, transformFunction: null }, expandableCompareWithFn: { classPropertyName: "expandableCompareWithFn", publicName: "expandableCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, isRowExpandableFn: { classPropertyName: "isRowExpandableFn", publicName: "isRowExpandableFn", isSignal: true, isRequired: false, transformFunction: null }, selectAllEnabled: { classPropertyName: "selectAllEnabled", publicName: "selectAllEnabled", isSignal: true, isRequired: false, transformFunction: null }, selectablePosition: { classPropertyName: "selectablePosition", publicName: "selectablePosition", isSignal: true, isRequired: false, transformFunction: null }, selectByClickInRow: { classPropertyName: "selectByClickInRow", publicName: "selectByClickInRow", isSignal: true, isRequired: false, transformFunction: null }, selectCompareWithFn: { classPropertyName: "selectCompareWithFn", publicName: "selectCompareWithFn", isSignal: true, isRequired: false, transformFunction: null }, selectedRowsInitial: { classPropertyName: "selectedRowsInitial", publicName: "selectedRowsInitial", isSignal: true, isRequired: false, transformFunction: null }, isRowSelectableFn: { classPropertyName: "isRowSelectableFn", publicName: "isRowSelectableFn", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: true, transformFunction: null }, columnInitial: { classPropertyName: "columnInitial", publicName: "columnInitial", isSignal: true, isRequired: false, transformFunction: null }, columnFinal: { classPropertyName: "columnFinal", publicName: "columnFinal", isSignal: true, isRequired: false, transformFunction: null }, showActionsOnHover: { classPropertyName: "showActionsOnHover", publicName: "showActionsOnHover", isSignal: true, isRequired: false, transformFunction: null }, actionsWidth: { classPropertyName: "actionsWidth", publicName: "actionsWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMinWidth: { classPropertyName: "actionsMinWidth", publicName: "actionsMinWidth", isSignal: true, isRequired: false, transformFunction: null }, actionsMaxWidth: { classPropertyName: "actionsMaxWidth", publicName: "actionsMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorFrontend: { classPropertyName: "paginatorFrontend", publicName: "paginatorFrontend", isSignal: true, isRequired: false, transformFunction: null }, paginatorDisabled: { classPropertyName: "paginatorDisabled", publicName: "paginatorDisabled", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSize: { classPropertyName: "paginatorPageSize", publicName: "paginatorPageSize", isSignal: false, isRequired: false, transformFunction: numberAttribute }, paginatorPageNumber: { classPropertyName: "paginatorPageNumber", publicName: "paginatorPageNumber", isSignal: true, isRequired: false, transformFunction: null }, paginatorLength: { classPropertyName: "paginatorLength", publicName: "paginatorLength", isSignal: true, isRequired: false, transformFunction: null }, paginatorPageSizeOptions: { classPropertyName: "paginatorPageSizeOptions", publicName: "paginatorPageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, paginatorHidePageSize: { classPropertyName: "paginatorHidePageSize", publicName: "paginatorHidePageSize", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, menuItemsContext: { classPropertyName: "menuItemsContext", publicName: "menuItemsContext", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { expandedRowsChange: "expandedRowsChange", onExpandedRows: "onExpandedRows", onExpandRow: "onExpandRow", selectedRowsChange: "selectedRowsChange", onSelectedRows: "onSelectedRows", onSelectRow: "onSelectRow", onSort: "onSort", onPage: "onPage", onClickRow: "onClickRow" }, host: { properties: { "attr.id": "id()", "attr.name": "name()", "attr.role": "'table'", "style.min-height": "this.tableMinHeightPx", "style.max-height": "this.tableMaxHeightPx" }, classAttribute: "g-table" }, providers: [
             {
                 provide: MatPaginatorIntl,
                 useFactory: () => inject(PaginatorIntlToken),
             },
-        ], queries: [{ propertyName: "expandDetailRef", first: true, predicate: ["expandDetail"], descendants: true, isSignal: true }, { propertyName: "actionsRef", first: true, predicate: ["actions"], descendants: true, isSignal: true }, { propertyName: "menuContextRef", first: true, predicate: ["menuContext"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableFooterRef", first: true, predicate: ["gTableFooter"], descendants: true, read: ElementRef }, { propertyName: "matPaginatorRef", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSortRef", first: true, predicate: MatSort, descendants: true }, { propertyName: "menuContextWrapperRef", first: true, predicate: ["menuContextWrapper"], descendants: true, read: ElementRef }], exportAs: ["gTable"], ngImport: i0, template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CdkTableModule }, { kind: "component", type: i2$4.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i2$4.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i2$4.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i2$4.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i2$4.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: i2$4.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i2$4.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i2$4.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i2$4.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i2$4.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: TextEllipsisModule }, { kind: "directive", type: TextEllipsisDirective, selector: "[gTextEllipsis]", inputs: ["gTextEllipsis", "gTextEllipsisEnabled"], exportAs: ["gTextEllipsis"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: TooltipDirective, selector: "[gTooltip]", inputs: ["gTooltip", "gTooltipPosition", "gTooltipDisabled", "gTooltipShowDelay", "gTooltipHideDelay"], exportAs: ["gTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: Checkbox, selector: "gipi-checkbox", inputs: ["label", "help", "variant", "checked", "indeterminate"], outputs: ["indeterminateChange", "change", "focus", "blur"], exportAs: ["gCheckbox"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: Icon, selector: "gipi-icon", inputs: ["id", "name", "class", "style", "variation", "weight", "grade", "optical", "inline", "aria-label", "tooltip", "icon", "svgIcon", "size", "color", "fontSet"], exportAs: ["gIcon"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: Loading, selector: "gipi-loading", inputs: ["id", "name", "variant", "type"], exportAs: ["gLoading"] }, { kind: "ngmodule", type: EmptyModule }, { kind: "component", type: Empty, selector: "gipi-empty", inputs: ["id", "name", "label"], exportAs: ["gEmpty"] }] }); }
+        ], queries: [{ propertyName: "expandDetailRef", first: true, predicate: ["expandDetail"], descendants: true, isSignal: true }, { propertyName: "actionsRef", first: true, predicate: ["actions"], descendants: true, isSignal: true }, { propertyName: "menuContextRef", first: true, predicate: ["menuContext"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableFooterRef", first: true, predicate: ["gTableFooter"], descendants: true, read: ElementRef }, { propertyName: "matPaginatorRef", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSortRef", first: true, predicate: MatSort, descendants: true }, { propertyName: "menuContextWrapperRef", first: true, predicate: ["menuContextWrapper"], descendants: true, read: ElementRef }], exportAs: ["gTable"], ngImport: i0, template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <span class=\"g-table-paginator-records\">\n                {{ paginatorRecordRangeLabel() }}\n            </span>\n\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CdkTableModule }, { kind: "component", type: i2$4.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i2$4.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i2$4.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i2$4.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i2$4.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["cdkColumnDef", "sticky", "stickyEnd"] }, { kind: "directive", type: i2$4.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i2$4.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i2$4.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i2$4.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i2$4.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: TextEllipsisModule }, { kind: "directive", type: TextEllipsisDirective, selector: "[gTextEllipsis]", inputs: ["gTextEllipsis", "gTextEllipsisEnabled"], exportAs: ["gTextEllipsis"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: TooltipDirective, selector: "[gTooltip]", inputs: ["gTooltip", "gTooltipPosition", "gTooltipDisabled", "gTooltipShowDelay", "gTooltipHideDelay"], exportAs: ["gTooltip"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: Checkbox, selector: "gipi-checkbox", inputs: ["label", "help", "variant", "checked", "indeterminate"], outputs: ["indeterminateChange", "change", "focus", "blur"], exportAs: ["gCheckbox"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: Icon, selector: "gipi-icon", inputs: ["id", "name", "class", "style", "variation", "weight", "grade", "optical", "inline", "aria-label", "tooltip", "icon", "svgIcon", "size", "color", "fontSet"], exportAs: ["gIcon"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: Loading, selector: "gipi-loading", inputs: ["id", "name", "variant", "type"], exportAs: ["gLoading"] }, { kind: "ngmodule", type: EmptyModule }, { kind: "component", type: Empty, selector: "gipi-empty", inputs: ["id", "name", "label"], exportAs: ["gEmpty"] }] }); }
 }
 __decorate([
     Debounce(50)
@@ -21588,7 +21604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         IconModule,
                         LoadingModule,
                         EmptyModule,
-                    ], template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n" }]
+                    ], template: "<table\n    #gTable\n    class=\"g-table-content\"\n    tabindex=\"-1\"\n    cdk-table\n    [dataSource]=\"dataSource\"\n    [trackBy]=\"trackByFn()\"\n    [multiTemplateDataRows]=\"expandable()\"\n    matSort\n    [matSortActive]=\"sortActiveState()\"\n    [matSortDirection]=\"sortDirectionState()\"\n    [matSortDisableClear]=\"matSortDisableClear()\"\n    [matSortDisabled]=\"matSortDisabled()\"\n    [matSortStart]=\"_matSortStart\"\n    (matSortChange)=\"onHandleSort($event)\"\n    (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n    (blur)=\"menuContextHover = false; closeMenuContext()\"\n>\n    <!-- Expand Column -->\n    @if (expandable()) {\n        <ng-container cdkColumnDef=\"expand\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (expandAllEnabled() && multiExpandable()) {\n                    <button\n                        type=\"button\"\n                        class=\"g-table-button-expand g-table-button-expand-all\"\n                        [class.g-table-button-expanded]=\"\n                            expandedRows?.hasValue() && isAllExpanded()\n                        \"\n                        (click)=\"onHandleToggleExpandAll(); $event.stopPropagation()\"\n                    >\n                        <gipi-icon\n                            [icon]=\"isAllExpanded() ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\"\n                        />\n                    </button>\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <button\n                    mat-icon-button\n                    aria-label=\"expand row\"\n                    class=\"g-table-button-expand\"\n                    [class.g-table-button-expanded]=\"expandedRows?.isSelected(row)\"\n                    [disabled]=\"!isRowExpandableFn()(row)\"\n                    (click)=\"onHandleExpandRow(row); $event.stopPropagation()\"\n                >\n                    <gipi-icon\n                        [icon]=\"\n                            expandedRows?.isSelected(row)\n                                ? 'keyboard_arrow_up'\n                                : 'keyboard_arrow_down'\n                        \"\n                    />\n                </button>\n            </td>\n        </ng-container>\n    }\n\n    <!-- Checkbox Column -->\n    @if (selectable()) {\n        <ng-container cdkColumnDef=\"select\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                @if (selectAllEnabled() && multiSelectable()) {\n                    <gipi-checkbox\n                        [variant]=\"'primary'\"\n                        [checked]=\"selectedRows?.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selectedRows?.hasValue() && !isAllSelected()\"\n                        (change)=\"onHandleToggleSelectAll()\"\n                        (click)=\"$event.stopPropagation()\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                class=\"g-table-column-fixed-wrapper\"\n            >\n                <gipi-checkbox\n                    [variant]=\"'secondary'\"\n                    [disabled]=\"!isRowSelectableFn()(row)\"\n                    [checked]=\"selectedRows?.isSelected(row)\"\n                    (change)=\"onHandleSelectRow(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\n            </td>\n        </ng-container>\n    }\n\n    <!-- Dynamic Columns -->\n    @for (column of columns; track column) {\n        <ng-container [cdkColumnDef]=\"column.property\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [mat-sort-header]=\"column.property\"\n                [disabled]=\"!coerceConditionByColumn(column.sortable)\"\n                [disableClear]=\"coerceConditionByColumn(column.sortDisableClear)\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"_columnWidth(column.width)\"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerHeader\"\n                [style.justify-items]=\"column.alignHorHeader\"\n                [class.g-table-align-center]=\"column.alignTextHeader === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextHeader === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextHeader === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextHeader === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextHeader === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextHeader === 'justify'\"\n            >\n                @if (column.templateHeader) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateHeader\"\n                        [ngTemplateOutletContext]=\"{ $implicit: column }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"1\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByColumn(column.slice)\"\n                    >\n                        {{ column.label }}\n                    </span>\n                }\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.padding-inline.px]=\"column.borderSpacing\"\n                [style.min-width]=\"_columnWidth(column.minWidth)\"\n                [style.width]=\"\n                    !!column.maxWidth && column.maxWidth !== '100%'\n                        ? '100%'\n                        : _columnWidth(column.width)\n                \"\n                [style.max-width]=\"_columnWidth(column.maxWidth)\"\n                [style.align-content]=\"column.alignVerCell\"\n                [style.justify-items]=\"column.alignHorCell\"\n                [class.g-table-align-center]=\"column.alignTextCell === 'center'\"\n                [class.g-table-align-end]=\"column.alignTextCell === 'end'\"\n                [class.g-table-align-start]=\"column.alignTextCell === 'start'\"\n                [class.g-table-align-left]=\"column.alignTextCell === 'left'\"\n                [class.g-table-align-right]=\"column.alignTextCell === 'right'\"\n                [class.g-table-align-justify]=\"column.alignTextCell === 'justify'\"\n                (click)=\"columnCellAction(column, row, 'click')\"\n                (dblclick)=\"columnCellAction(column, row, 'dblClick')\"\n                (mouseenter)=\"columnCellAction(column, row, 'mouseEnter')\"\n                (mouseleave)=\"columnCellAction(column, row, 'mouseLeave')\"\n            >\n                @if (column.templateCell) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"column.templateCell\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    <span\n                        [gTextEllipsis]=\"column.subValue ? 1 : 2\"\n                        [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                    >\n                        {{ columnCellValue(column, row) }}\n                    </span>\n\n                    @if (column.subValue) {\n                        <small\n                            [gTextEllipsis]=\"1\"\n                            [gTextEllipsisEnabled]=\"coerceConditionByRow(column.slice, row)\"\n                        >\n                            {{ columnCellSubValue(column, row) }}\n                        </small>\n                    }\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Actions Column -->\n    @if (actionsRef()) {\n        <ng-container cdkColumnDef=\"actions\">\n            <th\n                cdk-header-cell\n                *cdkHeaderCellDef\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.text-align]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                A\u00E7\u00F5es\n            </th>\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [style.justify-items]=\"'center'\"\n                [style.align-content]=\"'center'\"\n                [style.min-width]=\"_columnWidth(actionsMinWidth())\"\n                [style.width]=\"_columnWidth(actionsWidth())\"\n                [style.max-width]=\"_columnWidth(actionsMaxWidth())\"\n            >\n                @if (!showActionsOnHover() || rowHovered() === row) {\n                    <ng-template\n                        [ngTemplateOutlet]=\"actionsRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    />\n                } @else {\n                    &nbsp;\n                }\n            </td>\n        </ng-container>\n    }\n\n    <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\n    @if (expandable() && expandDetailRef()) {\n        <ng-container cdkColumnDef=\"expandedDetail\">\n            <td\n                cdk-cell\n                *cdkCellDef=\"let row\"\n                [attr.colspan]=\"columnExpandDetailColspan\"\n                style=\"padding: 0 !important\"\n            >\n                <div\n                    class=\"g-table-expand-detail-wrapper\"\n                    [class.g-table-expand-detail-wrapper-expanded]=\"expandedRows?.isSelected(row)\"\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"expandDetailRef()\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row }\"\n                    ></ng-template>\n                </div>\n            </td>\n        </ng-container>\n    }\n\n    <tr\n        cdk-header-row\n        *cdkHeaderRowDef=\"columnsToDisplay()\"\n        class=\"g-table-header-row\"\n        [class.hidden]=\"!showHeader()\"\n        (focus)=\"menuContextHover = false; closeMenuContext()\"\n        (mouseenter)=\"menuContextHover = false; closeMenuContext()\"\n    ></tr>\n\n    <tr\n        cdk-row\n        *cdkRowDef=\"let row; columns: columnsToDisplay()\"\n        class=\"g-table-row\"\n        [class.g-table-row-hover]=\"menuContextRow() === row\"\n        [class.g-table-row-highlight]=\"isRowHighlightFn()(row)\"\n        [style.display]=\"loading ? 'none' : 'table-row'\"\n        (mousemove)=\"showMenuContext($event, row)\"\n        (mouseenter)=\"rowHovered.set(row)\"\n        (mouseleave)=\"rowHovered.set(null)\"\n        (click)=\"onHandleClickRow(row)\"\n    ></tr>\n\n    @if (expandable()) {\n        <tr\n            cdk-row\n            *cdkRowDef=\"let row; columns: ['expandedDetail']\"\n            class=\"g-table-expand-detail-row\"\n            [class.g-table-expand-detail-row-expanded]=\"expandedRows?.isSelected(row)\"\n            (focus)=\"menuContextHover = false; closeMenuContext()\"\n            (mouseenter)=\"rowHovered.set(row); menuContextHover = false; closeMenuContext()\"\n            (mouseleave)=\"rowHovered.set(null)\"\n        ></tr>\n    }\n</table>\n\n@if (loading) {\n    <gipi-loading type=\"progress-bar\" />\n}\n\n@if (!loading && dataSource.data.length <= 0) {\n    <gipi-empty />\n}\n\n@if (!loading && dataSource.data.length > 0) {\n    <div\n        #gTableFooter\n        class=\"g-table-footer-row\"\n    >\n        @if (footerRef()) {\n            <ng-template\n                [ngTemplateOutlet]=\"footerRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: dataSource }\"\n            />\n        }\n\n        @if (paginator()) {\n            <span class=\"g-table-paginator-records\">\n                {{ paginatorRecordRangeLabel() }}\n            </span>\n\n            <mat-paginator\n                class=\"g-table-paginator\"\n                [disabled]=\"paginatorDisabled() || loading\"\n                [hidePageSize]=\"paginatorHidePageSize()\"\n                [length]=\"paginatorLength()\"\n                [pageIndex]=\"paginatorPageNumber()\"\n                [pageSize]=\"paginatorPageSize\"\n                [pageSizeOptions]=\"paginatorPageSizeOptions()\"\n                [selectConfig]=\"{}\"\n                [showFirstLastButtons]=\"true\"\n                (page)=\"onHandlePage($event)\"\n            />\n        }\n    </div>\n}\n\n@if (!loading && dataSource.data.length && (menuItemsContext().length > 0 || menuContextRef())) {\n    <div\n        #menuContextWrapper\n        class=\"g-table-menu-context\"\n        [attr.id]=\"'menuContext'\"\n        [attr.role]=\"'menu'\"\n        (mouseover)=\"menuContextHover = true\"\n        (focus)=\"menuContextHover = true\"\n        (mouseleave)=\"menuContextHover = false; closeMenuContext()\"\n        (blur)=\"menuContextHover = false; closeMenuContext()\"\n    >\n        @if (menuItemsContext() && menuItemsContext().length > 0) {\n            @for (menu of menuItemsContext(); track menu) {\n                @if (coerceConditionByRow(menu.visible, menuContextRow())) {\n                    <button\n                        class=\"g-table-menu-item-context\"\n                        [class.g-table-menu-item-context-show-tag-new]=\"\n                            coerceConditionByRow(menu.showTagNew, menuContextRow())\n                        \"\n                        [attr.id]=\"menu.id\"\n                        [name]=\"menu.name\"\n                        [tabIndex]=\"$index\"\n                        [gTooltip]=\"menu.tooltip\"\n                        [gTooltipPosition]=\"'below'\"\n                        (click)=\"\n                            menu?.action(menuContextRow()!);\n                            menuContextHover = false;\n                            closeMenuContext()\n                        \"\n                    >\n                        @if (menu.icon || menu.svgIcon) {\n                            <gipi-icon\n                                class=\"g-button-icon\"\n                                [size]=\"22\"\n                                [icon]=\"menu.icon\"\n                                [svgIcon]=\"menu.svgIcon\"\n                                [fontSet]=\"menu.iconFontSet\"\n                                [variation]=\"menu.iconVariation\"\n                                [weight]=\"menu.iconWeight\"\n                                [grade]=\"menu.iconGrade\"\n                                [optical]=\"menu.iconOptical\"\n                            />\n                        }\n                    </button>\n                }\n            }\n        } @else {\n            <ng-container\n                [ngTemplateOutlet]=\"menuContextRef()\"\n                [ngTemplateOutletContext]=\"{ $implicit: menuContextRow() }\"\n            />\n        }\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { tableFooterRef: [{
                 type: ViewChild,
                 args: ['gTableFooter', { read: ElementRef }]
@@ -21604,7 +21620,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }], expandDetailRef: [{ type: i0.ContentChild, args: ['expandDetail', { isSignal: true }] }], actionsRef: [{ type: i0.ContentChild, args: ['actions', { isSignal: true }] }], menuContextRef: [{ type: i0.ContentChild, args: ['menuContext', { isSignal: true }] }], footerRef: [{ type: i0.ContentChild, args: ['footer', { isSignal: true }] }], tableMinHeightPx: [{
                 type: HostBinding,
                 args: ['style.min-height']
-            }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], calcMinHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "calcMinHeight", required: false }] }], isRowHighlightFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRowHighlightFn", required: false }] }], matSortFrontend: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortFrontend", required: false }] }], matSortActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortActive", required: false }] }], matSortDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDirection", required: false }] }], matSortDisableClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDisableClear", required: false }] }], matSortDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDisabled", required: false }] }], matSortStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortStart", required: false }] }], expandedRows: [{
+            }], tableMaxHeightPx: [{
+                type: HostBinding,
+                args: ['style.max-height']
+            }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], calcMinHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "calcMinHeight", required: false }] }], maxBodyRowsBeforeScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBodyRowsBeforeScroll", required: false }] }], isRowHighlightFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRowHighlightFn", required: false }] }], matSortFrontend: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortFrontend", required: false }] }], matSortActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortActive", required: false }] }], matSortDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDirection", required: false }] }], matSortDisableClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDisableClear", required: false }] }], matSortDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDisabled", required: false }] }], matSortStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortStart", required: false }] }], expandedRows: [{
                 type: Input$1
             }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], expandedRowsInitial: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedRows", required: false }] }], expandAllEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandAllEnabled", required: false }] }], multiExpandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiExpandable", required: false }] }], expandablePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandablePosition", required: false }] }], expandableByClickInRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandableByClickInRow", required: false }] }], selectedRows: [{
                 type: Input$1