cps-ui-kit 21.29.1 → 21.29.3

package/fesm2022/cps-ui-kit.mjs

@@ -2824,7 +2824,7 @@ class CpsAutocompleteComponent {
                     selected.scrollIntoView({
                         behavior: 'instant',
                         block: 'nearest',
-                        inline: 'center'
+                        inline: 'start'
                     });
                 }
                 else if (this.virtualScroll && this.optionHighlightedIndex >= 0) {
@@ -2915,7 +2915,7 @@ class CpsAutocompleteComponent {
         if (elRect.top < parentRect.top || elRect.bottom > parentRect.bottom) {
             el.scrollIntoView({
                 block: 'nearest',
-                inline: 'center'
+                inline: 'nearest'
             });
         }
     }
@@ -6075,7 +6075,7 @@ class CpsSelectComponent {
                     selected.scrollIntoView({
                         behavior: 'instant',
                         block: 'nearest',
-                        inline: 'center'
+                        inline: 'start'
                     });
                 }
                 else if (this.virtualScroll && this.optionHighlightedIndex >= 0) {
@@ -6166,7 +6166,7 @@ class CpsSelectComponent {
         if (elRect.top < parentRect.top || elRect.bottom > parentRect.bottom) {
             el.scrollIntoView({
                 block: 'nearest',
-                inline: 'center'
+                inline: 'nearest'
             });
         }
     }
@@ -13788,7 +13788,7 @@ class CpsBaseTreeDropdownComponent {
                     selected.scrollIntoView({
                         behavior: 'instant',
                         block: 'nearest',
-                        inline: 'center'
+                        inline: 'start'
                     });
                 }
                 else if (this.virtualScroll && key) {
@@ -14802,14 +14802,6 @@ class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
                 if (!colGroup)
                     return;
                 const cols = Array.from(colGroup.children);
-                if (cols.some((c) => !c.style.width)) {
-                    const ths = Array.from(table.querySelectorAll('thead > tr:first-child > th'));
-                    cols.forEach((col, i) => {
-                        if (!col.style.width && ths[i]) {
-                            col.style.width = ths[i].offsetWidth + 'px';
-                        }
-                    });
-                }
                 const col = cols[resizeColumnIndex] ?? null;
                 const nextCol = col?.nextElementSibling;
                 if (col)
@@ -15536,6 +15528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 function treeTableFactory(tableComponent) {
     return tableComponent.primengTreeTable;
 }
+const DEFAULT_CELL_WIDTH_REM = 3.4375;
 /**
  * CpsTreeTableComponent is used to display hierarchical data in tabular format.
  * @group Components
@@ -15562,7 +15555,9 @@ class CpsTreeTableComponent {
     get _rootFontSizePx() {
         return this._cpsRootFontSizeService?.fontSize() || 16;
     }
-    // eslint-disable-next-line no-useless-constructor
+    get _defaultCellWidthPx() {
+        return DEFAULT_CELL_WIDTH_REM * this._rootFontSizePx;
+    }
     constructor(cdRef, document, _elementRef, renderer, ngZone) {
         this.cdRef = cdRef;
         this.document = document;
@@ -16042,6 +16037,12 @@ class CpsTreeTableComponent {
         this._scrollbarWidth = 0;
         this._scrollbarVisible = true;
         this._needRecalcAutoLayout = true;
+        this._visibleRowWidthsPxByNode = new Map();
+        this._headerWidthsPx = null;
+        this._lastHasSelectableCell = false;
+        this._lastHasRowMenuCell = false;
+        this._pinnedColumnWidthsPx = new Map();
+        this._lastHeaderCellCount = null;
         this._data = [];
         this._cpsRootFontSizeService = inject(CPS_ROOT_FONT_SIZE_SERVICE);
         this.window = this.document.defaultView;
@@ -16209,108 +16210,222 @@ class CpsTreeTableComponent {
                 return;
             if (!this._needRecalcAutoLayout && !forced)
                 return;
-            const headerRows = this._headerBox?.querySelectorAll('tr');
-            if (!headerRows?.length)
+            const headerCells = this._queryHeaderCells();
+            if (!headerCells?.length) {
+                this._needRecalcAutoLayout = true;
                 return;
-            const headerCells = headerRows[headerRows.length - 1]?.querySelectorAll('th');
-            if (!headerCells?.length)
+            }
+            if (headerCells.every((th) => th.offsetWidth === 0)) {
+                this._needRecalcAutoLayout = true;
                 return;
-            let hasSelectableCell = false;
-            let hasRowMenuCell = false;
-            const ths = Array.from(headerCells);
-            if (ths.every((th) => th.offsetWidth === 0))
+            }
+            if (this._lastHeaderCellCount !== null &&
+                this._lastHeaderCellCount !== headerCells.length) {
+                this._pinnedColumnWidthsPx.clear();
+            }
+            this._lastHeaderCellCount = headerCells.length;
+            const bodyRows = this._queryBodyRows();
+            if (!bodyRows.length) {
+                this._needRecalcAutoLayout = true;
                 return;
-            const thWidths = ths.map((th) => {
-                const wprev = th.style.width;
-                const isSelectableCell = th.classList.contains('cps-treetable-selectable-cell');
-                const isRowCell = th.classList.contains('cps-treetable-row-menu-cell');
-                if (isSelectableCell)
-                    hasSelectableCell = true;
-                if (isRowCell)
-                    hasRowMenuCell = true;
-                let thWidth = 55;
-                if (!isSelectableCell && !isRowCell) {
-                    this.renderer.setStyle(th, 'width', 'min-content');
-                    this.renderer.setStyle(th, 'display', 'block');
-                    this.renderer.setStyle(th, 'text-wrap', 'nowrap');
-                    thWidth = th.offsetWidth;
-                    this.renderer.setStyle(th, 'width', wprev);
-                    this.renderer.removeStyle(th, 'display');
-                    this.renderer.removeStyle(th, 'text-wrap');
-                }
-                return thWidth;
+            }
+            const hasSelectableCell = headerCells.some((th) => th.classList.contains('cps-treetable-selectable-cell'));
+            const hasRowMenuCell = headerCells.some((th) => th.classList.contains('cps-treetable-row-menu-cell'));
+            const { theadWidthsPx, tbodyWidthsPxByRow } = this._measureRowsWidthsPx(headerCells, bodyRows, this._isSkippableCell);
+            if (!theadWidthsPx)
+                return;
+            const serializedVisibleNodes = (this.primengTreeTable?.serializedValue || []).filter((rn) => rn?.visible);
+            this._visibleRowWidthsPxByNode.clear();
+            tbodyWidthsPxByRow.forEach((widths, idx) => {
+                const node = serializedVisibleNodes[idx]?.node;
+                if (node)
+                    this._visibleRowWidthsPxByNode.set(node, widths);
             });
-            const bodyRows = this._scrollableBody?.querySelectorAll('tr');
-            if (!bodyRows?.length)
+            this._headerWidthsPx = theadWidthsPx;
+            this._lastHasSelectableCell = hasSelectableCell;
+            this._lastHasRowMenuCell = hasRowMenuCell;
+            const tdWidths = theadWidthsPx.map((_, idx) => tbodyWidthsPxByRow.reduce((max, widths) => Math.max(max, widths[idx] ?? 0), 0));
+            if (theadWidthsPx.length !== tdWidths.length)
                 return;
-            const tdWidths = [];
-            const fragment = this.document.createDocumentFragment();
-            const hiddenDiv = this.document.createElement('div');
-            hiddenDiv.style.visibility = 'hidden';
-            hiddenDiv.style.position = 'absolute';
-            hiddenDiv.style.whiteSpace = 'nowrap';
-            this.document.body.appendChild(hiddenDiv);
-            bodyRows.forEach((tr) => {
-                const tds = tr?.querySelectorAll('td');
-                tds?.forEach((td, idx) => {
-                    const isSelectableOrRowMenuCell = td.classList.contains('cps-treetable-selectable-cell') ||
-                        td.classList.contains('cps-treetable-row-menu-cell');
-                    let tdWidth = 55;
-                    if (!isSelectableOrRowMenuCell) {
-                        const clonedTd = td.cloneNode(true);
-                        fragment.appendChild(clonedTd);
-                        this.renderer.setStyle(clonedTd, 'width', 'min-content');
-                        this.renderer.setStyle(clonedTd, 'display', 'block');
-                        hiddenDiv.innerHTML = clonedTd.innerHTML;
-                        hiddenDiv.style.width = 'auto';
-                        tdWidth = hiddenDiv.offsetWidth;
-                        fragment.removeChild(clonedTd);
-                    }
-                    if (!tdWidths[idx])
-                        tdWidths[idx] = 0;
-                    tdWidths[idx] = Math.max(tdWidths[idx], tdWidth);
-                });
+            const maxWidths = theadWidthsPx.map((v, idx) => Math.max(v, tdWidths[idx]));
+            const percentages = this._widthsToPercentages(maxWidths, hasSelectableCell, hasRowMenuCell);
+            this._applyColumnWidths(headerCells, bodyRows, percentages, hasSelectableCell, hasRowMenuCell);
+            this._needRecalcAutoLayout = false;
+        });
+    }
+    _isSkippableCell(cell) {
+        return (cell.classList.contains('cps-treetable-selectable-cell') ||
+            cell.classList.contains('cps-treetable-row-menu-cell'));
+    }
+    _queryHeaderCells() {
+        const headerRows = this._headerBox?.querySelectorAll('tr');
+        if (!headerRows?.length)
+            return [];
+        return Array.from(headerRows[headerRows.length - 1]?.querySelectorAll('th') || []);
+    }
+    _queryBodyRows() {
+        return Array.from(this._scrollableBody?.querySelectorAll('tr') || []);
+    }
+    _measureRowsWidthsPx(headerCells, bodyRows, isSkippableCell) {
+        const shadowWrapper = this.renderer.createElement('div');
+        this.renderer.addClass(shadowWrapper, 'p-treetable');
+        this.renderer.addClass(shadowWrapper, 'p-component');
+        this.renderer.setStyle(shadowWrapper, 'position', 'absolute');
+        this.renderer.setStyle(shadowWrapper, 'visibility', 'hidden');
+        this.renderer.setStyle(shadowWrapper, 'white-space', 'nowrap');
+        this.renderer.appendChild(this._elementRef.nativeElement, shadowWrapper);
+        const createShadowRow = (sectionTag, sectionClass) => {
+            const row = this.renderer.createElement('tr');
+            const section = this.renderer.createElement(sectionTag);
+            this.renderer.addClass(section, sectionClass);
+            this.renderer.appendChild(section, row);
+            const table = this.renderer.createElement('table');
+            this.renderer.setStyle(table, 'table-layout', 'fixed');
+            this.renderer.appendChild(table, section);
+            this.renderer.appendChild(shadowWrapper, table);
+            return row;
+        };
+        const appendClone = (cell, shadowRow) => {
+            const clone = cell.cloneNode(true);
+            this.renderer.setStyle(clone, 'display', 'block');
+            this.renderer.setStyle(clone, 'width', 'min-content');
+            this.renderer.appendChild(shadowRow, clone);
+            return clone;
+        };
+        let theadClones = null;
+        if (headerCells?.length) {
+            const shadowTheadRow = createShadowRow('thead', 'p-treetable-thead');
+            theadClones = headerCells.map((th) => isSkippableCell(th) ? null : appendClone(th, shadowTheadRow));
+        }
+        const tbodyClonesByRow = bodyRows.map((tr) => {
+            const shadowRow = createShadowRow('tbody', 'p-treetable-tbody');
+            const tds = Array.from(tr.querySelectorAll('td'));
+            return tds.map((td) => isSkippableCell(td) ? null : appendClone(td, shadowRow));
+        });
+        const theadWidthsPx = theadClones
+            ? theadClones.map((clone) => clone ? clone.offsetWidth : this._defaultCellWidthPx)
+            : null;
+        const tbodyWidthsPxByRow = tbodyClonesByRow.map((clones) => clones.map((clone) => clone ? clone.offsetWidth : this._defaultCellWidthPx));
+        this.renderer.removeChild(this._elementRef.nativeElement, shadowWrapper);
+        return { theadWidthsPx, tbodyWidthsPxByRow };
+    }
+    _getFixedColumnWidth(idx, totalCols, hasSelectableCell, hasRowMenuCell) {
+        if ((hasSelectableCell && idx === 0) ||
+            (hasRowMenuCell && idx === totalCols - 1)) {
+            return {
+                px: this._defaultCellWidthPx,
+                cssValue: `${DEFAULT_CELL_WIDTH_REM}rem`
+            };
+        }
+        const pinnedPx = this._pinnedColumnWidthsPx.get(idx);
+        return pinnedPx != null
+            ? { px: pinnedPx, cssValue: `${pinnedPx}px` }
+            : null;
+    }
+    _widthsToPercentages(maxWidths, hasSelectableCell, hasRowMenuCell) {
+        const fixedByIdx = maxWidths.map((_, idx) => this._getFixedColumnWidth(idx, maxWidths.length, hasSelectableCell, hasRowMenuCell));
+        const flexibleSum = maxWidths.reduce((sum, w, idx) => sum + (fixedByIdx[idx] ? 0 : w), 0);
+        return maxWidths.map((w, idx) => fixedByIdx[idx] ? 0 : (w / flexibleSum) * 100);
+    }
+    _applyColumnWidths(headerCells, bodyRows, percentages, hasSelectableCell, hasRowMenuCell) {
+        const totalCols = headerCells.length;
+        const widthFor = (idx) => this._getFixedColumnWidth(idx, totalCols, hasSelectableCell, hasRowMenuCell)?.cssValue ?? percentages[idx] + '%';
+        headerCells.forEach((th, idx) => {
+            this.renderer.setStyle(th, 'width', widthFor(idx));
+        });
+        bodyRows.forEach((tr) => {
+            const tds = Array.from(tr.querySelectorAll('td'));
+            if (tds.length !== totalCols)
+                return;
+            tds.forEach((td, idx) => {
+                this.renderer.setStyle(td, 'width', widthFor(idx));
+                this.renderer.setStyle(td, 'opacity', '1');
+                this.renderer.setStyle(td, 'overflow', 'hidden');
+                if (this.bordered)
+                    this.renderer.setStyle(td, 'border-left-color', 'var(--cps-color-line-mid)');
+            });
+        });
+    }
+    _recomputeMaxWidthsFromCache() {
+        if (!this._headerWidthsPx)
+            return null;
+        const maxWidths = [...this._headerWidthsPx];
+        this._visibleRowWidthsPxByNode.forEach((widths) => {
+            widths.forEach((w, idx) => {
+                if (w > (maxWidths[idx] ?? 0))
+                    maxWidths[idx] = w;
             });
-            this.document.body.removeChild(hiddenDiv);
-            if (thWidths.length !== tdWidths.length)
+        });
+        return maxWidths;
+    }
+    _collectToggledDescendantNodes(node) {
+        const result = [];
+        const children = node?.children;
+        if (!children?.length)
+            return result;
+        for (const child of children) {
+            result.push(child);
+            if (child.expanded)
+                result.push(...this._collectToggledDescendantNodes(child));
+        }
+        return result;
+    }
+    _tryBeginIncrementalRecalc(event) {
+        if (!this.autoLayout ||
+            !this.scrollable ||
+            this.virtualScroll ||
+            !this._headerWidthsPx ||
+            !event?.node) {
+            this._calcAutoLayoutHeaderWidths(true);
+            return null;
+        }
+        const headerCells = this._queryHeaderCells();
+        if (!headerCells.length) {
+            this._calcAutoLayoutHeaderWidths(true);
+            return null;
+        }
+        return headerCells;
+    }
+    _recomputeAndReapplyFromCache(headerCells) {
+        const maxWidths = this._recomputeMaxWidthsFromCache();
+        if (!maxWidths) {
+            this._calcAutoLayoutHeaderWidths(true);
+            return;
+        }
+        const percentages = this._widthsToPercentages(maxWidths, this._lastHasSelectableCell, this._lastHasRowMenuCell);
+        this._applyColumnWidths(headerCells, this._queryBodyRows(), percentages, this._lastHasSelectableCell, this._lastHasRowMenuCell);
+    }
+    _expandAutoLayoutIncremental(event) {
+        const headerCells = this._tryBeginIncrementalRecalc(event);
+        if (!headerCells)
+            return;
+        const newNodes = this._collectToggledDescendantNodes(event.node);
+        if (newNodes.length) {
+            const serializedVisibleNodes = (this.primengTreeTable?.serializedValue || []).filter((rn) => rn?.visible);
+            const parentIdx = serializedVisibleNodes.findIndex((rn) => rn?.node === event.node);
+            if (parentIdx === -1) {
+                this._calcAutoLayoutHeaderWidths(true);
                 return;
-            const maxWidths = thWidths.map((v, idx) => Math.max(v, tdWidths[idx]));
-            let sum = maxWidths.reduce((a, b) => a + b, 0);
-            if (hasSelectableCell) {
-                sum -= 55;
-                maxWidths.shift();
             }
-            if (hasRowMenuCell) {
-                sum -= 55;
-                maxWidths.pop();
+            const newRows = this._queryBodyRows().slice(parentIdx + 1, parentIdx + 1 + newNodes.length);
+            if (newRows.length !== newNodes.length) {
+                this._calcAutoLayoutHeaderWidths(true);
+                return;
             }
-            const percentages = maxWidths.map((v) => (v / sum) * 100);
-            headerCells.forEach((th, idx) => {
-                if ((hasSelectableCell && idx === 0) ||
-                    (hasRowMenuCell && idx === headerCells.length - 1)) {
-                    this.renderer.setStyle(th, 'width', '3.4375rem');
-                }
-                else
-                    this.renderer.setStyle(th, 'width', percentages[hasSelectableCell ? idx - 1 : idx] + '%');
-            });
-            bodyRows.forEach((tr) => {
-                const tds = tr?.querySelectorAll('td');
-                tds?.forEach((td, idx) => {
-                    if ((hasSelectableCell && idx === 0) ||
-                        (hasRowMenuCell && idx === tds.length - 1)) {
-                        this.renderer.setStyle(td, 'width', '3.4375rem');
-                    }
-                    else {
-                        this.renderer.setStyle(td, 'width', percentages[hasSelectableCell ? idx - 1 : idx] + '%');
-                    }
-                    this.renderer.setStyle(td, 'opacity', '1');
-                    this.renderer.setStyle(td, 'overflow', 'hidden');
-                    if (this.bordered)
-                        this.renderer.setStyle(td, 'border-left-color', 'var(--cps-color-line-mid)');
-                });
+            const { tbodyWidthsPxByRow } = this._measureRowsWidthsPx(null, newRows, this._isSkippableCell);
+            tbodyWidthsPxByRow.forEach((widths, idx) => {
+                this._visibleRowWidthsPxByNode.set(newNodes[idx], widths);
             });
-            this._needRecalcAutoLayout = false;
-        });
+        }
+        this._recomputeAndReapplyFromCache(headerCells);
+    }
+    _collapseAutoLayoutIncremental(event) {
+        const headerCells = this._tryBeginIncrementalRecalc(event);
+        if (!headerCells)
+            return;
+        const removedNodes = this._collectToggledDescendantNodes(event.node);
+        removedNodes.forEach((node) => this._visibleRowWidthsPxByNode.delete(node));
+        this._recomputeAndReapplyFromCache(headerCells);
     }
     _updateVirtualScrollItemSize() {
         if (!this.virtualScroll || this.virtualScrollItemHeight)
@@ -16572,15 +16687,17 @@ class CpsTreeTableComponent {
     }
     onNodeExpanded(event) {
         this.nodeExpanded.emit(event);
-        setTimeout(() => {
-            this._calcAutoLayoutHeaderWidths(true);
+        queueMicrotask(() => {
+            this.cdRef.detectChanges();
+            this._expandAutoLayoutIncremental(event);
         });
         this._recalcVirtualHeight();
     }
     onNodeCollapsed(event) {
         this.nodeCollapsed.emit(event);
-        setTimeout(() => {
-            this._calcAutoLayoutHeaderWidths(true);
+        queueMicrotask(() => {
+            this.cdRef.detectChanges();
+            this._collapseAutoLayoutIncremental(event);
         });
         this._recalcVirtualHeight();
     }
@@ -16592,18 +16709,31 @@ class CpsTreeTableComponent {
     }
     onSort(event) {
         this.sorted.emit(event);
-        setTimeout(() => {
+        queueMicrotask(() => {
             this.cdRef.detectChanges();
             this._calcAutoLayoutHeaderWidths(true);
         });
     }
     onFilter(event) {
         this.filtered.emit(event);
-        setTimeout(() => {
+        queueMicrotask(() => {
+            this.cdRef.detectChanges();
             this._calcAutoLayoutHeaderWidths(true);
         });
         this._recalcVirtualHeight();
     }
+    onColumnResized(event) {
+        const th = event?.element;
+        if (!th || !this.autoLayout || !this.scrollable)
+            return;
+        if (this._isSkippableCell(th))
+            return;
+        const idx = Array.from(th.parentElement?.children ?? []).indexOf(th);
+        if (idx === -1)
+            return;
+        this._pinnedColumnWidthsPx.set(idx, th.offsetWidth);
+        this._calcAutoLayoutHeaderWidths(true);
+    }
     onSelectionChanged(selection) {
         if (selection && !Array.isArray(selection))
             selection = [selection];
@@ -16669,7 +16799,7 @@ class CpsTreeTableComponent {
                 // eslint-disable-next-line no-use-before-define
                 deps: [CpsTreeTableComponent]
             }
-        ], queries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "nestedHeaderTemplate", first: true, predicate: ["nestedHeader"], descendants: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], descendants: true }, { propertyName: "colgroupTemplate", first: true, predicate: ["colgroup"], descendants: true }], viewQueries: [{ propertyName: "primengTreeTable", first: true, predicate: ["primengTreeTable"], descendants: true, static: true }, { propertyName: "globalFilterComp", first: true, predicate: ["globalFilterComp"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-treeTable\n  #primengTreeTable\n  ttWithUnsort\n  [pt]=\"treeTablePassthrough\"\n  [class.cps-treetable-loading]=\"loading\"\n  [class.cps-treetable-flex]=\"defScrollHeight === 'flex'\"\n  [class.cps-treetable-nonvirtual]=\"!virtualScroll\"\n  [class.cps-treetable-autolayout-calced]=\"autoLayout && scrollable\"\n  [value]=\"data\"\n  [autoLayout]=\"autoLayout && !scrollable\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [virtualScroll]=\"virtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  [virtualScrollOptions]=\"{\n    numToleratedItems: numToleratedItems,\n    autoSize: false\n  }\"\n  [columns]=\"selectedColumns\"\n  [loading]=\"loading\"\n  [attr.aria-busy]=\"loading || null\"\n  [rowHover]=\"rowHover\"\n  [lazy]=\"lazy\"\n  [(selection)]=\"selectedRows\"\n  (selectionChange)=\"onSelectionChanged($event)\"\n  compareSelectionBy=\"deepEquals\"\n  [lazyLoadOnInit]=\"lazyLoadOnInit\"\n  [styleClass]=\"styleClass\"\n  [tableStyle]=\"tableStyle\"\n  [tableStyleClass]=\"tableStyleClass\"\n  [customSort]=\"customSort\"\n  [sortMode]=\"sortMode\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [paginator]=\"paginator\"\n  [showCurrentPageReport]=\"true\"\n  [alwaysShowPaginator]=\"alwaysShowPaginator\"\n  [rows]=\"rows\"\n  [first]=\"first\"\n  [totalRecords]=\"totalRecords\"\n  [resetPageOnSort]=\"resetPageOnSort\"\n  [resizableColumns]=\"resizableColumns\"\n  [columnResizeMode]=\"columnResizeMode\"\n  [showGridlines]=\"bordered\"\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n  (onPage)=\"onPageChange($event)\"\n  (onSort)=\"onSort($event)\"\n  (onFilter)=\"onFilter($event)\"\n  (onLazyLoad)=\"onLazyLoaded($event)\"\n  (sortFunction)=\"onSortFunction($event)\"\n  (onNodeExpand)=\"onNodeExpanded($event)\"\n  (onNodeCollapse)=\"onNodeCollapsed($event)\"\n  (onNodeSelect)=\"onNodeSelected($event)\"\n  (onNodeUnselect)=\"onNodeUnselected($event)\">\n  @if (colgroupTemplate) {\n    <ng-template pTemplate=\"colgroup\">\n      <ng-container *ngTemplateOutlet=\"colgroupTemplate\"></ng-container>\n    </ng-template>\n  }\n  @if (hasToolbar) {\n    <ng-template pTemplate=\"caption\">\n      @if (toolbarTemplate) {\n        <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n      }\n      @if (!toolbarTemplate) {\n        <div class=\"cps-treetable-tbar-left\">\n          @if (toolbarIcon) {\n            <div class=\"cps-treetable-tbar-icon\">\n              <cps-icon\n                [icon]=\"toolbarIcon\"\n                [color]=\"toolbarIconColor\"></cps-icon>\n            </div>\n          }\n          <div class=\"cps-treetable-tbar-title\">{{ toolbarTitle }}</div>\n          @if (showGlobalFilter) {\n            <div class=\"cps-treetable-tbar-global-filter\">\n              <cps-input\n                #globalFilterComp\n                ariaLabel=\"Global filter\"\n                prefixIcon=\"search\"\n                [placeholder]=\"globalFilterPlaceholder\"\n                (valueChanged)=\"onFilterGlobal($event)\"\n                [clearable]=\"true\"\n                [disabled]=\"loading\"\n                [appearance]=\"\n                  toolbarSize === 'small' ? 'underlined' : 'outlined'\n                \"\n                [hideDetails]=\"true\">\n              </cps-input>\n            </div>\n          }\n        </div>\n        <div class=\"cps-treetable-tbar-right\">\n          @if (showRemoveBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                label=\"Remove\"\n                [disabled]=\"removeBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                icon=\"remove\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"removeSelected()\">\n              </cps-button>\n            </div>\n          }\n          @if (showAdditionalBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                [label]=\"additionalBtnOnSelectTitle\"\n                [disabled]=\"additionalBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                [icon]=\"additionalBtnOnSelectIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickAdditionalBtnOnSelect()\">\n              </cps-button>\n            </div>\n          }\n          @if (showActionBtn) {\n            <div class=\"cps-treetable-tbar-action-btn\">\n              <cps-button\n                [label]=\"actionBtnTitle\"\n                [disabled]=\"actionBtnDisabled\"\n                color=\"calm\"\n                type=\"outlined\"\n                [icon]=\"actionBtnIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickActionBtn()\">\n              </cps-button>\n            </div>\n          }\n          @if (showExportBtn) {\n            <div class=\"cps-treetable-tbar-export-btn\">\n              <cps-button\n                label=\"Export\"\n                [disabled]=\"exportBtnDisabled\"\n                color=\"calm\"\n                type=\"solid\"\n                icon=\"export\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onExportData()\">\n              </cps-button>\n            </div>\n          }\n          @if (showColumnsToggleBtn && columns.length > 0) {\n            <table-column-visibility-toggle\n              [columns]=\"columns\"\n              [selectedColumns]=\"selectedColumns\"\n              [disabled]=\"columnsToggleBtnDisabled\"\n              [colHeaderName]=\"colHeaderName\"\n              (selectedColumnsChange)=\"onSelectedColumnsChange($event)\">\n            </table-column-visibility-toggle>\n          }\n          @if (showDataReloadBtn) {\n            <div class=\"cps-treetable-tbar-reload-btn\">\n              <cps-button\n                ariaLabel=\"Reload data\"\n                icon=\"refresh\"\n                type=\"borderless\"\n                color=\"calm\"\n                [size]=\"toolbarSize\"\n                [disabled]=\"dataReloadBtnDisabled\"\n                (clicked)=\"onReloadData()\">\n              </cps-button>\n            </div>\n          }\n        </div>\n      }\n    </ng-template>\n  }\n\n  @if (nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <ng-container\n        *ngTemplateOutlet=\"\n          nestedHeaderTemplate;\n          context: { $implicit: columns }\n        \"></ng-container>\n    </ng-template>\n  }\n\n  @if (!nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        <!-- <th style=\"width: 3rem\" *ngIf=\"reorderableRows\"></th> -->\n        @if (selectable) {\n          <th\n            scope=\"col\"\n            cpsTTHdrSelectable\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\"></th>\n        }\n        @if (headerTemplate) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerTemplate;\n              context: { $implicit: columns }\n            \"></ng-container>\n        }\n        @if (!headerTemplate && columns.length > 0) {\n          @if (sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n          @if (!sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n        }\n        @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n          <th\n            scope=\"col\"\n            class=\"cps-treetable-row-menu-cell\"\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\">\n            <span class=\"cps-sr-only\">Row actions</span>\n          </th>\n        }\n      </tr>\n    </ng-template>\n  }\n\n  <ng-template\n    pTemplate=\"body\"\n    let-rowData=\"rowData\"\n    let-columns=\"columns\"\n    let-rowNode\n    let-rowIndex=\"rowIndex\">\n    <tr\n      [ttRow]=\"rowNode\"\n      [class.cps-treetable-row-selected]=\"\n        selectable && primengTreeTable.isSelected(rowNode.node)\n      \">\n      <!-- <td *ngIf=\"reorderableRows\" class=\"cps-table-row-drag-handle-cell\">\n        <span class=\"cps-table-row-drag-handle\" pReorderableRowHandle>\u2630</span>\n      </td> -->\n      @if (selectable) {\n        <td [cpsTTRowSelectable]=\"rowNode\"></td>\n      }\n      @if (bodyTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n              $implicit: rowNode,\n              rowIndex: rowIndex,\n              columns: columns,\n              rowData: rowData\n            }\n          \">\n        </ng-container>\n      }\n      @if (!bodyTemplate) {\n        @if (columns.length > 0) {\n          @if (renderDataAsHTML) {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [cpsTTRowToggler]=\"rowNode\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n              @if (i > 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n            }\n          } @else {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td [cpsTTRowToggler]=\"rowNode\">\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n              @if (i > 0) {\n                <td>\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n            }\n          }\n        }\n      }\n      @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n        <td class=\"cps-treetable-row-menu-cell\">\n          <table-row-menu\n            (editRowBtnClicked)=\"onEditRowClicked(rowNode.node)\"\n            (removeRowBtnClicked)=\"onRemoveRowClicked(rowNode.node)\"\n            [showRowRemoveButton]=\"showRowRemoveButton\"\n            [showRowEditButton]=\"showRowEditButton\"\n            [customItems]=\"rowMenuItems\">\n          </table-row-menu>\n        </td>\n      }\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n      <td\n        colspan=\"100\"\n        role=\"status\"\n        class=\"cps-treetable-empty-message-td\"\n        [style.height]=\"emptyBodyHeight\">\n        {{ emptyMessage }}\n      </td>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"loadingicon\">\n    <cps-loader [fullScreen]=\"false\" opacity=\"0\"></cps-loader>\n  </ng-template>\n  <ng-template pTemplate=\"paginatorleft\">\n    <div class=\"cps-table-paginator-itms-per-page\">\n      <span class=\"cps-table-paginator-items-per-page-title\"\n        >Rows per page:\n      </span>\n      <cps-select\n        ariaLabel=\"Set rows per page\"\n        width=\"4rem\"\n        [options]=\"rowOptions\"\n        [hideDetails]=\"true\"\n        [(ngModel)]=\"rows\"\n        (valueChanged)=\"onRowsPerPageChanged()\"\n        [returnObject]=\"false\"\n        optionsClass=\"cps-paginator-page-options\">\n      </cps-select>\n    </div>\n  </ng-template>\n</p-treeTable>\n", styles: [":host ::ng-deep .p-treetable{position:relative}:host ::ng-deep .p-component,:host ::ng-deep .p-component *{box-sizing:border-box}:host ::ng-deep .p-component{font-family:Source Sans Pro,sans-serif;font-size:.875rem;font-weight:400}:host ::ng-deep .p-treetable-scrollable-wrapper{position:relative;background:#fff}:host ::ng-deep .p-treetable-wrapper{background:#fff}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-normal .p-treetable-scrollable-wrapper{height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-small .p-treetable-scrollable-wrapper{height:calc(100% - 2.6875rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable .p-treetable-scrollable-wrapper .p-treetable-scrollable-view .p-treetable-scrollable-header{display:contents}:host ::ng-deep .p-treetable .p-treetable-scrollable-header,:host ::ng-deep .p-treetable .p-treetable-scrollable-footer{background:#fff}:host ::ng-deep .p-treetable-scrollable-header,:host ::ng-deep .p-treetable-scrollable-footer{overflow:hidden}:host ::ng-deep .p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem .0625rem;font-weight:400;color:var(--cps-color-text-mild);background:#fff;transition:box-shadow .2s;overflow:hidden}:host ::ng-deep .p-treetable-scrollable-body{overflow:auto!important;position:relative}:host ::ng-deep .cps-treetable-flex .p-treetable-scrollable-body{height:100%}:host ::ng-deep .p-treetable .p-treetable-tbody{background:#fff}:host ::ng-deep .p-treetable .p-treetable-tbody>tr{background:#fff;color:var(--cps-color-text-dark);transition:box-shadow .2s}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.cps-treetable-row-selected{background-color:var(--cps-color-highlight-active)!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{text-align:left;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem}:host ::ng-deep p-treetable:not(.cps-treetable-autolayout-calced) .p-treetable .p-treetable-tbody>tr>td{overflow:hidden}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){opacity:0;border-left-color:#fff}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable.p-treetable-striped .p-treetable-scrollable-body .p-treetable-tbody>tr:nth-child(odd)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-bg-light)}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:hover>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:focus-visible>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:has(*:focus-visible)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-child{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem 0}:host ::ng-deep .p-treetable-auto-layout table{table-layout:auto}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:auto;height:auto;color:var(--cps-color-text-dark);border:0 none;background:transparent;border-radius:50%;margin-right:.5rem;padding:0}:host ::ng-deep .p-treetable-toggler{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;position:relative}:host ::ng-deep .p-ripple{overflow:hidden;position:relative}:host ::ng-deep .p-paginator-page:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-paginator-page{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-family:Source Sans Pro,sans-serif;border-radius:.375rem}:host ::ng-deep input[type=button],:host ::ng-deep input[type=submit],:host ::ng-deep input[type=reset],:host ::ng-deep input[type=file]::-webkit-file-upload-button,:host ::ng-deep button{border-radius:0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus{outline:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus-visible,:host ::ng-deep .p-treetable .p-treetable-tbody>tr:has(*:focus-visible){outline:.0625rem solid var(--cps-color-calm);outline-offset:-.0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover{color:var(--cps-color-calm);border-color:transparent;background:unset}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-treetable .p-paginator{border-width:0 .0625rem .0625rem .0625rem;border-radius:0}:host ::ng-deep .p-paginator{background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--cps-color-text-dark);padding:1rem;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-paginator-content-start{margin-right:auto}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page{display:inline-flex;align-items:center}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-table-paginator-items-per-page-title{font-family:Source Sans Pro,sans-serif;font-size:.875rem;margin-right:.75rem;cursor:default}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box{min-height:2rem!important;background:transparent!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-items{font-size:.875rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron{padding:.3125rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron .cps-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-paginator .p-paginator-current{background-color:transparent;border:0 none;color:var(--cps-color-text-dark);min-width:3rem;margin:.143rem;padding:0 .5rem;font-family:Source Sans Pro,sans-serif;font-size:.875rem;height:unset}:host ::ng-deep .p-paginator-page,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last,:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;position:relative}:host ::ng-deep .p-paginator-current{cursor:default}:host ::ng-deep .p-paginator-first:focus,:host ::ng-deep .p-paginator-prev:focus,:host ::ng-deep .p-paginator-next:focus,:host ::ng-deep .p-paginator-last:focus,:host ::ng-deep .p-paginator-page:focus{z-index:1;outline:0 none;box-shadow:unset}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:not(.p-paginator-page-selected):focus-visible{background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-first,:host ::ng-deep .p-paginator .p-paginator-prev,:host ::ng-deep .p-paginator .p-paginator-next,:host ::ng-deep .p-paginator .p-paginator-last{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-disabled *{cursor:default!important;pointer-events:none}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected{background:var(--cps-color-calm);border-color:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:.4}:host ::ng-deep .cps-treetable-empty-message-td{text-align:center!important;font-weight:600;background:#fff}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-header{border-width:.0625rem .0625rem 0 .0625rem}:host ::ng-deep .p-treetable .p-treetable-header{font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:0 .625rem!important;border:unset;background:unset;border-top:.0625rem solid var(--cps-color-line-mid);border-right:.0625rem solid var(--cps-color-line-mid);border-left:.25rem solid var(--cps-color-surprise)!important;border-radius:.25rem .25rem 0 0;font-size:1rem;line-height:150%;background-color:#fff;color:var(--cps-color-text-darkest);overflow:auto}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-global-filter{margin-left:.75rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-icon{display:flex;margin-right:.5rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-title{cursor:default}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-action-btn,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-export-btn{margin-right:.25rem;margin-left:.25rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-btn-on-select,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-reload-btn{margin-right:.125rem;margin-left:.125rem}:host ::ng-deep .cps-tbar-small.p-treetable .p-treetable-header{min-height:2.6875rem}:host ::ng-deep .cps-tbar-normal.p-treetable .p-treetable-header{min-height:4.5rem}:host ::ng-deep .p-treetable .p-treetable-footer{background:#fff;color:#343a40;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem;font-weight:700}:host ::ng-deep .p-treetable .p-treetable-tfoot>tr>td{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;font-weight:700;color:#343a40;background:#fff}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up{border-bottom-color:var(--cps-color-text-mild)}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down{border-top-color:var(--cps-color-text-mild)}:host ::ng-deep .p-icon-wrapper{display:inline-flex}:host ::ng-deep .p-icon{display:inline-block;width:1rem;height:1rem}:host ::ng-deep .p-paginator .p-paginator-first-icon,:host ::ng-deep .p-paginator .p-paginator-prev-icon,:host ::ng-deep .p-paginator .p-paginator-next-icon,:host ::ng-deep .p-paginator .p-paginator-last-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-treetable .p-sortable-column .cps-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;vertical-align:top;color:var(--cps-color-calm);margin-left:.25rem}:host ::ng-deep .p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column:focus{box-shadow:none;outline:0 none}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler.p-icon{width:2rem;height:2rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.p-highlight{background:#eff6ff;color:#1d4ed8}:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):focus-visible,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):has(*:focus-visible){background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:auto}:host ::ng-deep .p-treetable .p-column-resizer-helper{background:var(--cps-color-calm);width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer{border-width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer:focus{outline:none}:host ::ng-deep .p-treetable .p-column-resizer.cps-col-resizer-focused{background:var(--cps-color-calm)!important;opacity:1!important}:host ::ng-deep .p-treetable .p-treetable-mask.p-overlay-mask{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:#fff;transition-duration:.2s;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-treetable.cps-tbar-small .p-treetable-mask.p-overlay-mask{top:2.6875rem;height:calc(100% - 2.6875rem)}:host ::ng-deep .p-treetable.cps-tbar-normal .p-treetable-mask.p-overlay-mask{top:4.5rem;height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-loading .p-treetable{min-height:12.5rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-normal{min-height:17rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-small{min-height:15.1875rem}:host ::ng-deep .cps-table-col-filter-menu-open .cps-table-col-filter-menu-button{color:var(--cps-color-text-dark)}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-footer{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-top{border-width:0 .0625rem 0 .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-bottom{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th,:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th{border-width:.0625rem 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:only-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-footer{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-thead>tr>th{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-footer{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(odd){background:var(--cps-color-bg-light)}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(2n){background:#fff}:host ::ng-deep .cps-treetable-row-menu-cell{width:3.4375rem;border-left:none!important}:host ::ng-deep .cps-treetable-selectable-cell{width:3.4375rem;text-align:center!important}:host ::ng-deep .p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative;width:1.125rem;height:1.125rem}:host ::ng-deep .p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}:host ::ng-deep .p-hidden-accessible input,:host ::ng-deep .p-hidden-accessible select{transform:scale(0)}:host ::ng-deep .p-checkbox .p-checkbox-box{background:#fff;width:1.125rem;height:1.125rem;color:var(--cps-color-text-dark);border:.125rem solid var(--cps-color-text-mild);border-radius:.125rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .p-checkbox-box{display:flex;justify-content:center;align-items:center}:host ::ng-deep .p-checkbox.p-checkbox-checked .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-input:focus-visible{outline:none}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible){outline:none;position:relative}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:after{display:none}:host ::ng-deep .p-checkbox .p-checkbox-box .p-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:#fff;font-size:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box minusicon .p-checkbox-icon{color:var(--cps-color-calm);width:.75rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox{margin-right:0}:host ::ng-deep .cps-treetable-html-cell *:focus{outline:none}:host ::ng-deep .cps-treetable-html-cell *:focus-visible{outline:none;position:relative}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{content:\"\";position:absolute;border-radius:.375rem}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before{inset:-.125rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:after{display:none}::ng-deep .p-scrollbar-measure{width:6.25rem;height:6.25rem;overflow:scroll;position:absolute;top:-9999px}::ng-deep .cps-select-options-menu.cps-paginator-page-options .cps-select-options-option{font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i2$2.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "ariaLabel", "inputRole", "ariaExpanded", "ariaHasPopup", "ariaControls", "hint", "placeholder", "disabled", "readonly", "autocomplete", "spellcheck", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixIconAriaLabel", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsButtonComponent, selector: "cps-button", inputs: ["color", "contentColor", "borderRadius", "type", "nativeType", "label", "ariaLabel", "ariaHaspopup", "ariaExpanded", "icon", "iconPosition", "size", "width", "height", "disabled", "loading"], outputs: ["clicked"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color", "ariaLabel"] }, { kind: "component", type: TableColumnVisibilityToggleComponent, selector: "table-column-visibility-toggle", inputs: ["columns", "selectedColumns", "disabled", "colHeaderName"], outputs: ["selectedColumnsChange"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "ariaLabel", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "optionIcon", "optionIconColor", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "showChevron", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsLoaderComponent, selector: "cps-loader", inputs: ["fullScreen", "opacity", "labelColor", "showLabel", "label", "ariaLabel", "doneAriaLabel"] }, { kind: "directive", type: CpsTreeTableColumnSortableDirective, selector: "[cpsTTColSortable]", inputs: ["cpsTTColSortable"] }, { kind: "directive", type: CpsTreeTableColumnFilterDirective, selector: "[cpsTTColFilter]", inputs: ["cpsTTColFilter", "filterType", "filterPersistent", "filterShowClearButton", "filterShowApplyButton", "filterShowCloseButton", "filterShowMatchModes", "filterMatchModes", "filterShowOperator", "filterHeaderTitle", "filterHideOnClear", "filterCategoryOptions", "filterAsButtonToggle", "filterSingleSelection", "filterPlaceholder"], exportAs: ["cpsTTColFilter"] }, { kind: "directive", type: CpsTreeTableHeaderSelectableDirective, selector: "[cpsTTHdrSelectable]" }, { kind: "directive", type: CpsTreeTableRowSelectableDirective, selector: "[cpsTTRowSelectable]", inputs: ["cpsTTRowSelectable"] }, { kind: "directive", type: CpsTreetableRowTogglerDirective, selector: "[cpsTTRowToggler]", inputs: ["cpsTTRowToggler"] }, { kind: "directive", type: CpsTreeTableColumnResizableDirective, selector: "[cpsTTColResizable]", inputs: ["cpsTTColResizableDisabled"] }, { kind: "directive", type: TreeTableUnsortDirective, selector: "[ttWithUnsort]" }, { kind: "component", type: TableRowMenuComponent, selector: "table-row-menu", inputs: ["showRowRemoveButton", "customItems", "showRowEditButton"], outputs: ["editRowBtnClicked", "removeRowBtnClicked"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: CpsTreeTableDetectFilterTypePipe, name: "cpsTTDetectFilterType" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "nestedHeaderTemplate", first: true, predicate: ["nestedHeader"], descendants: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], descendants: true }, { propertyName: "colgroupTemplate", first: true, predicate: ["colgroup"], descendants: true }], viewQueries: [{ propertyName: "primengTreeTable", first: true, predicate: ["primengTreeTable"], descendants: true, static: true }, { propertyName: "globalFilterComp", first: true, predicate: ["globalFilterComp"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-treeTable\n  #primengTreeTable\n  ttWithUnsort\n  [pt]=\"treeTablePassthrough\"\n  [class.cps-treetable-loading]=\"loading\"\n  [class.cps-treetable-flex]=\"defScrollHeight === 'flex'\"\n  [class.cps-treetable-nonvirtual]=\"!virtualScroll\"\n  [class.cps-treetable-autolayout-calced]=\"autoLayout && scrollable\"\n  [value]=\"data\"\n  [autoLayout]=\"autoLayout && !scrollable\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [virtualScroll]=\"virtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  [virtualScrollOptions]=\"{\n    numToleratedItems: numToleratedItems,\n    autoSize: false\n  }\"\n  [columns]=\"selectedColumns\"\n  [loading]=\"loading\"\n  [attr.aria-busy]=\"loading || null\"\n  [rowHover]=\"rowHover\"\n  [lazy]=\"lazy\"\n  [(selection)]=\"selectedRows\"\n  (selectionChange)=\"onSelectionChanged($event)\"\n  compareSelectionBy=\"deepEquals\"\n  [lazyLoadOnInit]=\"lazyLoadOnInit\"\n  [styleClass]=\"styleClass\"\n  [tableStyle]=\"tableStyle\"\n  [tableStyleClass]=\"tableStyleClass\"\n  [customSort]=\"customSort\"\n  [sortMode]=\"sortMode\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [paginator]=\"paginator\"\n  [showCurrentPageReport]=\"true\"\n  [alwaysShowPaginator]=\"alwaysShowPaginator\"\n  [rows]=\"rows\"\n  [first]=\"first\"\n  [totalRecords]=\"totalRecords\"\n  [resetPageOnSort]=\"resetPageOnSort\"\n  [resizableColumns]=\"resizableColumns\"\n  [columnResizeMode]=\"columnResizeMode\"\n  [showGridlines]=\"bordered\"\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n  (onPage)=\"onPageChange($event)\"\n  (onSort)=\"onSort($event)\"\n  (onFilter)=\"onFilter($event)\"\n  (onLazyLoad)=\"onLazyLoaded($event)\"\n  (sortFunction)=\"onSortFunction($event)\"\n  (onNodeExpand)=\"onNodeExpanded($event)\"\n  (onNodeCollapse)=\"onNodeCollapsed($event)\"\n  (onNodeSelect)=\"onNodeSelected($event)\"\n  (onNodeUnselect)=\"onNodeUnselected($event)\"\n  (onColResize)=\"onColumnResized($event)\">\n  @if (colgroupTemplate) {\n    <ng-template pTemplate=\"colgroup\">\n      <ng-container *ngTemplateOutlet=\"colgroupTemplate\"></ng-container>\n    </ng-template>\n  }\n  @if (hasToolbar) {\n    <ng-template pTemplate=\"caption\">\n      @if (toolbarTemplate) {\n        <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n      }\n      @if (!toolbarTemplate) {\n        <div class=\"cps-treetable-tbar-left\">\n          @if (toolbarIcon) {\n            <div class=\"cps-treetable-tbar-icon\">\n              <cps-icon\n                [icon]=\"toolbarIcon\"\n                [color]=\"toolbarIconColor\"></cps-icon>\n            </div>\n          }\n          <div class=\"cps-treetable-tbar-title\">{{ toolbarTitle }}</div>\n          @if (showGlobalFilter) {\n            <div class=\"cps-treetable-tbar-global-filter\">\n              <cps-input\n                #globalFilterComp\n                ariaLabel=\"Global filter\"\n                prefixIcon=\"search\"\n                [placeholder]=\"globalFilterPlaceholder\"\n                (valueChanged)=\"onFilterGlobal($event)\"\n                [clearable]=\"true\"\n                [disabled]=\"loading\"\n                [appearance]=\"\n                  toolbarSize === 'small' ? 'underlined' : 'outlined'\n                \"\n                [hideDetails]=\"true\">\n              </cps-input>\n            </div>\n          }\n        </div>\n        <div class=\"cps-treetable-tbar-right\">\n          @if (showRemoveBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                label=\"Remove\"\n                [disabled]=\"removeBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                icon=\"remove\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"removeSelected()\">\n              </cps-button>\n            </div>\n          }\n          @if (showAdditionalBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                [label]=\"additionalBtnOnSelectTitle\"\n                [disabled]=\"additionalBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                [icon]=\"additionalBtnOnSelectIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickAdditionalBtnOnSelect()\">\n              </cps-button>\n            </div>\n          }\n          @if (showActionBtn) {\n            <div class=\"cps-treetable-tbar-action-btn\">\n              <cps-button\n                [label]=\"actionBtnTitle\"\n                [disabled]=\"actionBtnDisabled\"\n                color=\"calm\"\n                type=\"outlined\"\n                [icon]=\"actionBtnIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickActionBtn()\">\n              </cps-button>\n            </div>\n          }\n          @if (showExportBtn) {\n            <div class=\"cps-treetable-tbar-export-btn\">\n              <cps-button\n                label=\"Export\"\n                [disabled]=\"exportBtnDisabled\"\n                color=\"calm\"\n                type=\"solid\"\n                icon=\"export\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onExportData()\">\n              </cps-button>\n            </div>\n          }\n          @if (showColumnsToggleBtn && columns.length > 0) {\n            <table-column-visibility-toggle\n              [columns]=\"columns\"\n              [selectedColumns]=\"selectedColumns\"\n              [disabled]=\"columnsToggleBtnDisabled\"\n              [colHeaderName]=\"colHeaderName\"\n              (selectedColumnsChange)=\"onSelectedColumnsChange($event)\">\n            </table-column-visibility-toggle>\n          }\n          @if (showDataReloadBtn) {\n            <div class=\"cps-treetable-tbar-reload-btn\">\n              <cps-button\n                ariaLabel=\"Reload data\"\n                icon=\"refresh\"\n                type=\"borderless\"\n                color=\"calm\"\n                [size]=\"toolbarSize\"\n                [disabled]=\"dataReloadBtnDisabled\"\n                (clicked)=\"onReloadData()\">\n              </cps-button>\n            </div>\n          }\n        </div>\n      }\n    </ng-template>\n  }\n\n  @if (nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <ng-container\n        *ngTemplateOutlet=\"\n          nestedHeaderTemplate;\n          context: { $implicit: columns }\n        \"></ng-container>\n    </ng-template>\n  }\n\n  @if (!nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        <!-- <th style=\"width: 3rem\" *ngIf=\"reorderableRows\"></th> -->\n        @if (selectable) {\n          <th\n            scope=\"col\"\n            cpsTTHdrSelectable\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\"></th>\n        }\n        @if (headerTemplate) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerTemplate;\n              context: { $implicit: columns }\n            \"></ng-container>\n        }\n        @if (!headerTemplate && columns.length > 0) {\n          @if (sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n          @if (!sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n        }\n        @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n          <th\n            scope=\"col\"\n            class=\"cps-treetable-row-menu-cell\"\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\">\n            <span class=\"cps-sr-only\">Row actions</span>\n          </th>\n        }\n      </tr>\n    </ng-template>\n  }\n\n  <ng-template\n    pTemplate=\"body\"\n    let-rowData=\"rowData\"\n    let-columns=\"columns\"\n    let-rowNode\n    let-rowIndex=\"rowIndex\">\n    <tr\n      [ttRow]=\"rowNode\"\n      [class.cps-treetable-row-selected]=\"\n        selectable && primengTreeTable.isSelected(rowNode.node)\n      \">\n      <!-- <td *ngIf=\"reorderableRows\" class=\"cps-table-row-drag-handle-cell\">\n        <span class=\"cps-table-row-drag-handle\" pReorderableRowHandle>\u2630</span>\n      </td> -->\n      @if (selectable) {\n        <td [cpsTTRowSelectable]=\"rowNode\"></td>\n      }\n      @if (bodyTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n              $implicit: rowNode,\n              rowIndex: rowIndex,\n              columns: columns,\n              rowData: rowData\n            }\n          \">\n        </ng-container>\n      }\n      @if (!bodyTemplate) {\n        @if (columns.length > 0) {\n          @if (renderDataAsHTML) {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [cpsTTRowToggler]=\"rowNode\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n              @if (i > 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n            }\n          } @else {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td [cpsTTRowToggler]=\"rowNode\">\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n              @if (i > 0) {\n                <td>\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n            }\n          }\n        }\n      }\n      @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n        <td class=\"cps-treetable-row-menu-cell\">\n          <table-row-menu\n            (editRowBtnClicked)=\"onEditRowClicked(rowNode.node)\"\n            (removeRowBtnClicked)=\"onRemoveRowClicked(rowNode.node)\"\n            [showRowRemoveButton]=\"showRowRemoveButton\"\n            [showRowEditButton]=\"showRowEditButton\"\n            [customItems]=\"rowMenuItems\">\n          </table-row-menu>\n        </td>\n      }\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n      <td\n        colspan=\"100\"\n        role=\"status\"\n        class=\"cps-treetable-empty-message-td\"\n        [style.height]=\"emptyBodyHeight\">\n        {{ emptyMessage }}\n      </td>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"loadingicon\">\n    <cps-loader [fullScreen]=\"false\" opacity=\"0\"></cps-loader>\n  </ng-template>\n  <ng-template pTemplate=\"paginatorleft\">\n    <div class=\"cps-table-paginator-itms-per-page\">\n      <span class=\"cps-table-paginator-items-per-page-title\"\n        >Rows per page:\n      </span>\n      <cps-select\n        ariaLabel=\"Set rows per page\"\n        width=\"4rem\"\n        [options]=\"rowOptions\"\n        [hideDetails]=\"true\"\n        [(ngModel)]=\"rows\"\n        (valueChanged)=\"onRowsPerPageChanged()\"\n        [returnObject]=\"false\"\n        optionsClass=\"cps-paginator-page-options\">\n      </cps-select>\n    </div>\n  </ng-template>\n</p-treeTable>\n", styles: [":host ::ng-deep .p-treetable{position:relative;display:block}:host ::ng-deep .p-treetable.p-treetable-flex-scrollable{display:flex}:host ::ng-deep .p-component,:host ::ng-deep .p-component *{box-sizing:border-box}:host ::ng-deep .p-component{font-family:Source Sans Pro,sans-serif;font-size:.875rem;font-weight:400}:host ::ng-deep .p-treetable-scrollable-wrapper{position:relative;background:#fff}:host ::ng-deep .p-treetable-wrapper{background:#fff}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-normal .p-treetable-scrollable-wrapper{height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-small .p-treetable-scrollable-wrapper{height:calc(100% - 2.6875rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable .p-treetable-scrollable-wrapper .p-treetable-scrollable-view .p-treetable-scrollable-header{display:contents}:host ::ng-deep .p-treetable .p-treetable-scrollable-header,:host ::ng-deep .p-treetable .p-treetable-scrollable-footer{background:#fff}:host ::ng-deep .p-treetable-scrollable-header,:host ::ng-deep .p-treetable-scrollable-footer{overflow:hidden}:host ::ng-deep .p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem .0625rem;font-weight:400;color:var(--cps-color-text-mild);background:#fff;transition:box-shadow .2s;overflow:hidden}:host ::ng-deep .p-treetable-scrollable-body{overflow:auto!important;position:relative}:host ::ng-deep .cps-treetable-flex .p-treetable-scrollable-body{height:100%}:host ::ng-deep .p-treetable .p-treetable-tbody{background:#fff}:host ::ng-deep .p-treetable .p-treetable-tbody>tr{background:#fff;color:var(--cps-color-text-dark);transition:box-shadow .2s}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.cps-treetable-row-selected{background-color:var(--cps-color-highlight-active)!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{text-align:left;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem}:host ::ng-deep p-treetable:not(.cps-treetable-autolayout-calced) .p-treetable .p-treetable-tbody>tr>td{overflow:hidden}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){opacity:0;border-left-color:#fff}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable.p-treetable-striped .p-treetable-scrollable-body .p-treetable-tbody>tr:nth-child(odd)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-bg-light)}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:hover>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:focus-visible>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:has(*:focus-visible)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-child{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem 0}:host ::ng-deep .p-treetable-auto-layout table{table-layout:auto}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:auto;height:auto;color:var(--cps-color-text-dark);border:0 none;background:transparent;border-radius:50%;margin-right:.5rem;padding:0}:host ::ng-deep .p-treetable-toggler{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;position:relative}:host ::ng-deep .p-ripple{overflow:hidden;position:relative}:host ::ng-deep .p-paginator-page:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-paginator-page{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-family:Source Sans Pro,sans-serif;border-radius:.375rem}:host ::ng-deep input[type=button],:host ::ng-deep input[type=submit],:host ::ng-deep input[type=reset],:host ::ng-deep input[type=file]::-webkit-file-upload-button,:host ::ng-deep button{border-radius:0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus{outline:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus-visible,:host ::ng-deep .p-treetable .p-treetable-tbody>tr:has(*:focus-visible){outline:.0625rem solid var(--cps-color-calm);outline-offset:-.0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover{color:var(--cps-color-calm);border-color:transparent;background:unset}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-treetable .p-paginator{border-width:0 .0625rem .0625rem .0625rem;border-radius:0}:host ::ng-deep .p-paginator{background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--cps-color-text-dark);padding:1rem;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-paginator-content-start{margin-right:auto}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page{display:inline-flex;align-items:center}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-table-paginator-items-per-page-title{font-family:Source Sans Pro,sans-serif;font-size:.875rem;margin-right:.75rem;cursor:default}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box{min-height:2rem!important;background:transparent!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-items{font-size:.875rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron{padding:.3125rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron .cps-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-paginator .p-paginator-current{background-color:transparent;border:0 none;color:var(--cps-color-text-dark);min-width:3rem;margin:.143rem;padding:0 .5rem;font-family:Source Sans Pro,sans-serif;font-size:.875rem;height:unset}:host ::ng-deep .p-paginator-page,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last,:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;position:relative}:host ::ng-deep .p-paginator-current{cursor:default}:host ::ng-deep .p-paginator-first:focus,:host ::ng-deep .p-paginator-prev:focus,:host ::ng-deep .p-paginator-next:focus,:host ::ng-deep .p-paginator-last:focus,:host ::ng-deep .p-paginator-page:focus{z-index:1;outline:0 none;box-shadow:unset}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:not(.p-paginator-page-selected):focus-visible{background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-first,:host ::ng-deep .p-paginator .p-paginator-prev,:host ::ng-deep .p-paginator .p-paginator-next,:host ::ng-deep .p-paginator .p-paginator-last{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-disabled *{cursor:default!important;pointer-events:none}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected{background:var(--cps-color-calm);border-color:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:.4}:host ::ng-deep .cps-treetable-empty-message-td{text-align:center!important;font-weight:600;background:#fff}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-header{border-width:.0625rem .0625rem 0 .0625rem}:host ::ng-deep .p-treetable .p-treetable-header{font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:0 .625rem!important;border:unset;background:unset;border-top:.0625rem solid var(--cps-color-line-mid);border-right:.0625rem solid var(--cps-color-line-mid);border-left:.25rem solid var(--cps-color-surprise)!important;border-radius:.25rem .25rem 0 0;font-size:1rem;line-height:150%;background-color:#fff;color:var(--cps-color-text-darkest);overflow:auto}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-global-filter{margin-left:.75rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-icon{display:flex;margin-right:.5rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-title{cursor:default}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-action-btn,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-export-btn{margin-right:.25rem;margin-left:.25rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-btn-on-select,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-reload-btn{margin-right:.125rem;margin-left:.125rem}:host ::ng-deep .cps-tbar-small.p-treetable .p-treetable-header{min-height:2.6875rem}:host ::ng-deep .cps-tbar-normal.p-treetable .p-treetable-header{min-height:4.5rem}:host ::ng-deep .p-treetable .p-treetable-footer{background:#fff;color:#343a40;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem;font-weight:700}:host ::ng-deep .p-treetable .p-treetable-tfoot>tr>td{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;font-weight:700;color:#343a40;background:#fff}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up{border-bottom-color:var(--cps-color-text-mild)}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down{border-top-color:var(--cps-color-text-mild)}:host ::ng-deep .p-icon-wrapper{display:inline-flex}:host ::ng-deep .p-icon{display:inline-block;width:1rem;height:1rem}:host ::ng-deep .p-paginator .p-paginator-first-icon,:host ::ng-deep .p-paginator .p-paginator-prev-icon,:host ::ng-deep .p-paginator .p-paginator-next-icon,:host ::ng-deep .p-paginator .p-paginator-last-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-treetable .p-sortable-column .cps-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;vertical-align:top;color:var(--cps-color-calm);margin-left:.25rem}:host ::ng-deep .p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column:focus{box-shadow:none;outline:0 none}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler.p-icon{width:2rem;height:2rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.p-highlight{background:#eff6ff;color:#1d4ed8}:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):focus-visible,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):has(*:focus-visible){background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:auto}:host ::ng-deep .p-treetable .p-column-resizer-helper{background:var(--cps-color-calm);width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer{border-width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer:focus{outline:none}:host ::ng-deep .p-treetable .p-column-resizer.cps-col-resizer-focused{background:var(--cps-color-calm)!important;opacity:1!important}:host ::ng-deep .p-treetable .p-treetable-mask.p-overlay-mask{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:#fff;transition-duration:.2s;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-treetable.cps-tbar-small .p-treetable-mask.p-overlay-mask{top:2.6875rem;height:calc(100% - 2.6875rem)}:host ::ng-deep .p-treetable.cps-tbar-normal .p-treetable-mask.p-overlay-mask{top:4.5rem;height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-loading .p-treetable{min-height:12.5rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-normal{min-height:17rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-small{min-height:15.1875rem}:host ::ng-deep .cps-table-col-filter-menu-open .cps-table-col-filter-menu-button{color:var(--cps-color-text-dark)}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-footer{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-top{border-width:0 .0625rem 0 .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-bottom{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th,:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th{border-width:.0625rem 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:only-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-footer{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-thead>tr>th{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-footer{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(odd){background:var(--cps-color-bg-light)}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(2n){background:#fff}:host ::ng-deep .cps-treetable-row-menu-cell{width:3.4375rem;border-left:none!important}:host ::ng-deep .cps-treetable-selectable-cell{width:3.4375rem;text-align:center!important}:host ::ng-deep .p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative;width:1.125rem;height:1.125rem}:host ::ng-deep .p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}:host ::ng-deep .p-hidden-accessible input,:host ::ng-deep .p-hidden-accessible select{transform:scale(0)}:host ::ng-deep .p-checkbox .p-checkbox-box{background:#fff;width:1.125rem;height:1.125rem;color:var(--cps-color-text-dark);border:.125rem solid var(--cps-color-text-mild);border-radius:.125rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .p-checkbox-box{display:flex;justify-content:center;align-items:center}:host ::ng-deep .p-checkbox.p-checkbox-checked .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-input:focus-visible{outline:none}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible){outline:none;position:relative}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:after{display:none}:host ::ng-deep .p-checkbox .p-checkbox-box .p-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:#fff;font-size:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box minusicon .p-checkbox-icon{color:var(--cps-color-calm);width:.75rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox{margin-right:0}:host ::ng-deep .cps-treetable-html-cell *:focus{outline:none}:host ::ng-deep .cps-treetable-html-cell *:focus-visible{outline:none;position:relative}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{content:\"\";position:absolute;border-radius:.375rem}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before{inset:-.125rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:after{display:none}::ng-deep .p-scrollbar-measure{width:6.25rem;height:6.25rem;overflow:scroll;position:absolute;top:-9999px}::ng-deep .cps-select-options-menu.cps-paginator-page-options .cps-select-options-option{font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i2$2.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "ariaLabel", "inputRole", "ariaExpanded", "ariaHasPopup", "ariaControls", "hint", "placeholder", "disabled", "readonly", "autocomplete", "spellcheck", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixIconAriaLabel", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsButtonComponent, selector: "cps-button", inputs: ["color", "contentColor", "borderRadius", "type", "nativeType", "label", "ariaLabel", "ariaHaspopup", "ariaExpanded", "icon", "iconPosition", "size", "width", "height", "disabled", "loading"], outputs: ["clicked"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color", "ariaLabel"] }, { kind: "component", type: TableColumnVisibilityToggleComponent, selector: "table-column-visibility-toggle", inputs: ["columns", "selectedColumns", "disabled", "colHeaderName"], outputs: ["selectedColumnsChange"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "ariaLabel", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "optionIcon", "optionIconColor", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "showChevron", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsLoaderComponent, selector: "cps-loader", inputs: ["fullScreen", "opacity", "labelColor", "showLabel", "label", "ariaLabel", "doneAriaLabel"] }, { kind: "directive", type: CpsTreeTableColumnSortableDirective, selector: "[cpsTTColSortable]", inputs: ["cpsTTColSortable"] }, { kind: "directive", type: CpsTreeTableColumnFilterDirective, selector: "[cpsTTColFilter]", inputs: ["cpsTTColFilter", "filterType", "filterPersistent", "filterShowClearButton", "filterShowApplyButton", "filterShowCloseButton", "filterShowMatchModes", "filterMatchModes", "filterShowOperator", "filterHeaderTitle", "filterHideOnClear", "filterCategoryOptions", "filterAsButtonToggle", "filterSingleSelection", "filterPlaceholder"], exportAs: ["cpsTTColFilter"] }, { kind: "directive", type: CpsTreeTableHeaderSelectableDirective, selector: "[cpsTTHdrSelectable]" }, { kind: "directive", type: CpsTreeTableRowSelectableDirective, selector: "[cpsTTRowSelectable]", inputs: ["cpsTTRowSelectable"] }, { kind: "directive", type: CpsTreetableRowTogglerDirective, selector: "[cpsTTRowToggler]", inputs: ["cpsTTRowToggler"] }, { kind: "directive", type: CpsTreeTableColumnResizableDirective, selector: "[cpsTTColResizable]", inputs: ["cpsTTColResizableDisabled"] }, { kind: "directive", type: TreeTableUnsortDirective, selector: "[ttWithUnsort]" }, { kind: "component", type: TableRowMenuComponent, selector: "table-row-menu", inputs: ["showRowRemoveButton", "customItems", "showRowEditButton"], outputs: ["editRowBtnClicked", "removeRowBtnClicked"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: CpsTreeTableDetectFilterTypePipe, name: "cpsTTDetectFilterType" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CpsTreeTableComponent, decorators: [{
             type: Component,
@@ -16703,7 +16833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             // eslint-disable-next-line no-use-before-define
                             deps: [CpsTreeTableComponent]
                         }
-                    ], template: "<p-treeTable\n  #primengTreeTable\n  ttWithUnsort\n  [pt]=\"treeTablePassthrough\"\n  [class.cps-treetable-loading]=\"loading\"\n  [class.cps-treetable-flex]=\"defScrollHeight === 'flex'\"\n  [class.cps-treetable-nonvirtual]=\"!virtualScroll\"\n  [class.cps-treetable-autolayout-calced]=\"autoLayout && scrollable\"\n  [value]=\"data\"\n  [autoLayout]=\"autoLayout && !scrollable\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [virtualScroll]=\"virtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  [virtualScrollOptions]=\"{\n    numToleratedItems: numToleratedItems,\n    autoSize: false\n  }\"\n  [columns]=\"selectedColumns\"\n  [loading]=\"loading\"\n  [attr.aria-busy]=\"loading || null\"\n  [rowHover]=\"rowHover\"\n  [lazy]=\"lazy\"\n  [(selection)]=\"selectedRows\"\n  (selectionChange)=\"onSelectionChanged($event)\"\n  compareSelectionBy=\"deepEquals\"\n  [lazyLoadOnInit]=\"lazyLoadOnInit\"\n  [styleClass]=\"styleClass\"\n  [tableStyle]=\"tableStyle\"\n  [tableStyleClass]=\"tableStyleClass\"\n  [customSort]=\"customSort\"\n  [sortMode]=\"sortMode\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [paginator]=\"paginator\"\n  [showCurrentPageReport]=\"true\"\n  [alwaysShowPaginator]=\"alwaysShowPaginator\"\n  [rows]=\"rows\"\n  [first]=\"first\"\n  [totalRecords]=\"totalRecords\"\n  [resetPageOnSort]=\"resetPageOnSort\"\n  [resizableColumns]=\"resizableColumns\"\n  [columnResizeMode]=\"columnResizeMode\"\n  [showGridlines]=\"bordered\"\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n  (onPage)=\"onPageChange($event)\"\n  (onSort)=\"onSort($event)\"\n  (onFilter)=\"onFilter($event)\"\n  (onLazyLoad)=\"onLazyLoaded($event)\"\n  (sortFunction)=\"onSortFunction($event)\"\n  (onNodeExpand)=\"onNodeExpanded($event)\"\n  (onNodeCollapse)=\"onNodeCollapsed($event)\"\n  (onNodeSelect)=\"onNodeSelected($event)\"\n  (onNodeUnselect)=\"onNodeUnselected($event)\">\n  @if (colgroupTemplate) {\n    <ng-template pTemplate=\"colgroup\">\n      <ng-container *ngTemplateOutlet=\"colgroupTemplate\"></ng-container>\n    </ng-template>\n  }\n  @if (hasToolbar) {\n    <ng-template pTemplate=\"caption\">\n      @if (toolbarTemplate) {\n        <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n      }\n      @if (!toolbarTemplate) {\n        <div class=\"cps-treetable-tbar-left\">\n          @if (toolbarIcon) {\n            <div class=\"cps-treetable-tbar-icon\">\n              <cps-icon\n                [icon]=\"toolbarIcon\"\n                [color]=\"toolbarIconColor\"></cps-icon>\n            </div>\n          }\n          <div class=\"cps-treetable-tbar-title\">{{ toolbarTitle }}</div>\n          @if (showGlobalFilter) {\n            <div class=\"cps-treetable-tbar-global-filter\">\n              <cps-input\n                #globalFilterComp\n                ariaLabel=\"Global filter\"\n                prefixIcon=\"search\"\n                [placeholder]=\"globalFilterPlaceholder\"\n                (valueChanged)=\"onFilterGlobal($event)\"\n                [clearable]=\"true\"\n                [disabled]=\"loading\"\n                [appearance]=\"\n                  toolbarSize === 'small' ? 'underlined' : 'outlined'\n                \"\n                [hideDetails]=\"true\">\n              </cps-input>\n            </div>\n          }\n        </div>\n        <div class=\"cps-treetable-tbar-right\">\n          @if (showRemoveBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                label=\"Remove\"\n                [disabled]=\"removeBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                icon=\"remove\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"removeSelected()\">\n              </cps-button>\n            </div>\n          }\n          @if (showAdditionalBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                [label]=\"additionalBtnOnSelectTitle\"\n                [disabled]=\"additionalBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                [icon]=\"additionalBtnOnSelectIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickAdditionalBtnOnSelect()\">\n              </cps-button>\n            </div>\n          }\n          @if (showActionBtn) {\n            <div class=\"cps-treetable-tbar-action-btn\">\n              <cps-button\n                [label]=\"actionBtnTitle\"\n                [disabled]=\"actionBtnDisabled\"\n                color=\"calm\"\n                type=\"outlined\"\n                [icon]=\"actionBtnIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickActionBtn()\">\n              </cps-button>\n            </div>\n          }\n          @if (showExportBtn) {\n            <div class=\"cps-treetable-tbar-export-btn\">\n              <cps-button\n                label=\"Export\"\n                [disabled]=\"exportBtnDisabled\"\n                color=\"calm\"\n                type=\"solid\"\n                icon=\"export\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onExportData()\">\n              </cps-button>\n            </div>\n          }\n          @if (showColumnsToggleBtn && columns.length > 0) {\n            <table-column-visibility-toggle\n              [columns]=\"columns\"\n              [selectedColumns]=\"selectedColumns\"\n              [disabled]=\"columnsToggleBtnDisabled\"\n              [colHeaderName]=\"colHeaderName\"\n              (selectedColumnsChange)=\"onSelectedColumnsChange($event)\">\n            </table-column-visibility-toggle>\n          }\n          @if (showDataReloadBtn) {\n            <div class=\"cps-treetable-tbar-reload-btn\">\n              <cps-button\n                ariaLabel=\"Reload data\"\n                icon=\"refresh\"\n                type=\"borderless\"\n                color=\"calm\"\n                [size]=\"toolbarSize\"\n                [disabled]=\"dataReloadBtnDisabled\"\n                (clicked)=\"onReloadData()\">\n              </cps-button>\n            </div>\n          }\n        </div>\n      }\n    </ng-template>\n  }\n\n  @if (nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <ng-container\n        *ngTemplateOutlet=\"\n          nestedHeaderTemplate;\n          context: { $implicit: columns }\n        \"></ng-container>\n    </ng-template>\n  }\n\n  @if (!nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        <!-- <th style=\"width: 3rem\" *ngIf=\"reorderableRows\"></th> -->\n        @if (selectable) {\n          <th\n            scope=\"col\"\n            cpsTTHdrSelectable\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\"></th>\n        }\n        @if (headerTemplate) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerTemplate;\n              context: { $implicit: columns }\n            \"></ng-container>\n        }\n        @if (!headerTemplate && columns.length > 0) {\n          @if (sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n          @if (!sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n        }\n        @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n          <th\n            scope=\"col\"\n            class=\"cps-treetable-row-menu-cell\"\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\">\n            <span class=\"cps-sr-only\">Row actions</span>\n          </th>\n        }\n      </tr>\n    </ng-template>\n  }\n\n  <ng-template\n    pTemplate=\"body\"\n    let-rowData=\"rowData\"\n    let-columns=\"columns\"\n    let-rowNode\n    let-rowIndex=\"rowIndex\">\n    <tr\n      [ttRow]=\"rowNode\"\n      [class.cps-treetable-row-selected]=\"\n        selectable && primengTreeTable.isSelected(rowNode.node)\n      \">\n      <!-- <td *ngIf=\"reorderableRows\" class=\"cps-table-row-drag-handle-cell\">\n        <span class=\"cps-table-row-drag-handle\" pReorderableRowHandle>\u2630</span>\n      </td> -->\n      @if (selectable) {\n        <td [cpsTTRowSelectable]=\"rowNode\"></td>\n      }\n      @if (bodyTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n              $implicit: rowNode,\n              rowIndex: rowIndex,\n              columns: columns,\n              rowData: rowData\n            }\n          \">\n        </ng-container>\n      }\n      @if (!bodyTemplate) {\n        @if (columns.length > 0) {\n          @if (renderDataAsHTML) {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [cpsTTRowToggler]=\"rowNode\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n              @if (i > 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n            }\n          } @else {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td [cpsTTRowToggler]=\"rowNode\">\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n              @if (i > 0) {\n                <td>\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n            }\n          }\n        }\n      }\n      @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n        <td class=\"cps-treetable-row-menu-cell\">\n          <table-row-menu\n            (editRowBtnClicked)=\"onEditRowClicked(rowNode.node)\"\n            (removeRowBtnClicked)=\"onRemoveRowClicked(rowNode.node)\"\n            [showRowRemoveButton]=\"showRowRemoveButton\"\n            [showRowEditButton]=\"showRowEditButton\"\n            [customItems]=\"rowMenuItems\">\n          </table-row-menu>\n        </td>\n      }\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n      <td\n        colspan=\"100\"\n        role=\"status\"\n        class=\"cps-treetable-empty-message-td\"\n        [style.height]=\"emptyBodyHeight\">\n        {{ emptyMessage }}\n      </td>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"loadingicon\">\n    <cps-loader [fullScreen]=\"false\" opacity=\"0\"></cps-loader>\n  </ng-template>\n  <ng-template pTemplate=\"paginatorleft\">\n    <div class=\"cps-table-paginator-itms-per-page\">\n      <span class=\"cps-table-paginator-items-per-page-title\"\n        >Rows per page:\n      </span>\n      <cps-select\n        ariaLabel=\"Set rows per page\"\n        width=\"4rem\"\n        [options]=\"rowOptions\"\n        [hideDetails]=\"true\"\n        [(ngModel)]=\"rows\"\n        (valueChanged)=\"onRowsPerPageChanged()\"\n        [returnObject]=\"false\"\n        optionsClass=\"cps-paginator-page-options\">\n      </cps-select>\n    </div>\n  </ng-template>\n</p-treeTable>\n", styles: [":host ::ng-deep .p-treetable{position:relative}:host ::ng-deep .p-component,:host ::ng-deep .p-component *{box-sizing:border-box}:host ::ng-deep .p-component{font-family:Source Sans Pro,sans-serif;font-size:.875rem;font-weight:400}:host ::ng-deep .p-treetable-scrollable-wrapper{position:relative;background:#fff}:host ::ng-deep .p-treetable-wrapper{background:#fff}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-normal .p-treetable-scrollable-wrapper{height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-small .p-treetable-scrollable-wrapper{height:calc(100% - 2.6875rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable .p-treetable-scrollable-wrapper .p-treetable-scrollable-view .p-treetable-scrollable-header{display:contents}:host ::ng-deep .p-treetable .p-treetable-scrollable-header,:host ::ng-deep .p-treetable .p-treetable-scrollable-footer{background:#fff}:host ::ng-deep .p-treetable-scrollable-header,:host ::ng-deep .p-treetable-scrollable-footer{overflow:hidden}:host ::ng-deep .p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem .0625rem;font-weight:400;color:var(--cps-color-text-mild);background:#fff;transition:box-shadow .2s;overflow:hidden}:host ::ng-deep .p-treetable-scrollable-body{overflow:auto!important;position:relative}:host ::ng-deep .cps-treetable-flex .p-treetable-scrollable-body{height:100%}:host ::ng-deep .p-treetable .p-treetable-tbody{background:#fff}:host ::ng-deep .p-treetable .p-treetable-tbody>tr{background:#fff;color:var(--cps-color-text-dark);transition:box-shadow .2s}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.cps-treetable-row-selected{background-color:var(--cps-color-highlight-active)!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{text-align:left;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem}:host ::ng-deep p-treetable:not(.cps-treetable-autolayout-calced) .p-treetable .p-treetable-tbody>tr>td{overflow:hidden}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){opacity:0;border-left-color:#fff}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable.p-treetable-striped .p-treetable-scrollable-body .p-treetable-tbody>tr:nth-child(odd)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-bg-light)}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:hover>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:focus-visible>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:has(*:focus-visible)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-child{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem 0}:host ::ng-deep .p-treetable-auto-layout table{table-layout:auto}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:auto;height:auto;color:var(--cps-color-text-dark);border:0 none;background:transparent;border-radius:50%;margin-right:.5rem;padding:0}:host ::ng-deep .p-treetable-toggler{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;position:relative}:host ::ng-deep .p-ripple{overflow:hidden;position:relative}:host ::ng-deep .p-paginator-page:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-paginator-page{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-family:Source Sans Pro,sans-serif;border-radius:.375rem}:host ::ng-deep input[type=button],:host ::ng-deep input[type=submit],:host ::ng-deep input[type=reset],:host ::ng-deep input[type=file]::-webkit-file-upload-button,:host ::ng-deep button{border-radius:0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus{outline:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus-visible,:host ::ng-deep .p-treetable .p-treetable-tbody>tr:has(*:focus-visible){outline:.0625rem solid var(--cps-color-calm);outline-offset:-.0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover{color:var(--cps-color-calm);border-color:transparent;background:unset}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-treetable .p-paginator{border-width:0 .0625rem .0625rem .0625rem;border-radius:0}:host ::ng-deep .p-paginator{background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--cps-color-text-dark);padding:1rem;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-paginator-content-start{margin-right:auto}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page{display:inline-flex;align-items:center}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-table-paginator-items-per-page-title{font-family:Source Sans Pro,sans-serif;font-size:.875rem;margin-right:.75rem;cursor:default}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box{min-height:2rem!important;background:transparent!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-items{font-size:.875rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron{padding:.3125rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron .cps-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-paginator .p-paginator-current{background-color:transparent;border:0 none;color:var(--cps-color-text-dark);min-width:3rem;margin:.143rem;padding:0 .5rem;font-family:Source Sans Pro,sans-serif;font-size:.875rem;height:unset}:host ::ng-deep .p-paginator-page,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last,:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;position:relative}:host ::ng-deep .p-paginator-current{cursor:default}:host ::ng-deep .p-paginator-first:focus,:host ::ng-deep .p-paginator-prev:focus,:host ::ng-deep .p-paginator-next:focus,:host ::ng-deep .p-paginator-last:focus,:host ::ng-deep .p-paginator-page:focus{z-index:1;outline:0 none;box-shadow:unset}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:not(.p-paginator-page-selected):focus-visible{background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-first,:host ::ng-deep .p-paginator .p-paginator-prev,:host ::ng-deep .p-paginator .p-paginator-next,:host ::ng-deep .p-paginator .p-paginator-last{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-disabled *{cursor:default!important;pointer-events:none}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected{background:var(--cps-color-calm);border-color:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:.4}:host ::ng-deep .cps-treetable-empty-message-td{text-align:center!important;font-weight:600;background:#fff}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-header{border-width:.0625rem .0625rem 0 .0625rem}:host ::ng-deep .p-treetable .p-treetable-header{font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:0 .625rem!important;border:unset;background:unset;border-top:.0625rem solid var(--cps-color-line-mid);border-right:.0625rem solid var(--cps-color-line-mid);border-left:.25rem solid var(--cps-color-surprise)!important;border-radius:.25rem .25rem 0 0;font-size:1rem;line-height:150%;background-color:#fff;color:var(--cps-color-text-darkest);overflow:auto}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-global-filter{margin-left:.75rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-icon{display:flex;margin-right:.5rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-title{cursor:default}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-action-btn,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-export-btn{margin-right:.25rem;margin-left:.25rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-btn-on-select,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-reload-btn{margin-right:.125rem;margin-left:.125rem}:host ::ng-deep .cps-tbar-small.p-treetable .p-treetable-header{min-height:2.6875rem}:host ::ng-deep .cps-tbar-normal.p-treetable .p-treetable-header{min-height:4.5rem}:host ::ng-deep .p-treetable .p-treetable-footer{background:#fff;color:#343a40;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem;font-weight:700}:host ::ng-deep .p-treetable .p-treetable-tfoot>tr>td{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;font-weight:700;color:#343a40;background:#fff}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up{border-bottom-color:var(--cps-color-text-mild)}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down{border-top-color:var(--cps-color-text-mild)}:host ::ng-deep .p-icon-wrapper{display:inline-flex}:host ::ng-deep .p-icon{display:inline-block;width:1rem;height:1rem}:host ::ng-deep .p-paginator .p-paginator-first-icon,:host ::ng-deep .p-paginator .p-paginator-prev-icon,:host ::ng-deep .p-paginator .p-paginator-next-icon,:host ::ng-deep .p-paginator .p-paginator-last-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-treetable .p-sortable-column .cps-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;vertical-align:top;color:var(--cps-color-calm);margin-left:.25rem}:host ::ng-deep .p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column:focus{box-shadow:none;outline:0 none}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler.p-icon{width:2rem;height:2rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.p-highlight{background:#eff6ff;color:#1d4ed8}:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):focus-visible,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):has(*:focus-visible){background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:auto}:host ::ng-deep .p-treetable .p-column-resizer-helper{background:var(--cps-color-calm);width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer{border-width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer:focus{outline:none}:host ::ng-deep .p-treetable .p-column-resizer.cps-col-resizer-focused{background:var(--cps-color-calm)!important;opacity:1!important}:host ::ng-deep .p-treetable .p-treetable-mask.p-overlay-mask{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:#fff;transition-duration:.2s;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-treetable.cps-tbar-small .p-treetable-mask.p-overlay-mask{top:2.6875rem;height:calc(100% - 2.6875rem)}:host ::ng-deep .p-treetable.cps-tbar-normal .p-treetable-mask.p-overlay-mask{top:4.5rem;height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-loading .p-treetable{min-height:12.5rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-normal{min-height:17rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-small{min-height:15.1875rem}:host ::ng-deep .cps-table-col-filter-menu-open .cps-table-col-filter-menu-button{color:var(--cps-color-text-dark)}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-footer{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-top{border-width:0 .0625rem 0 .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-bottom{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th,:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th{border-width:.0625rem 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:only-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-footer{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-thead>tr>th{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-footer{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(odd){background:var(--cps-color-bg-light)}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(2n){background:#fff}:host ::ng-deep .cps-treetable-row-menu-cell{width:3.4375rem;border-left:none!important}:host ::ng-deep .cps-treetable-selectable-cell{width:3.4375rem;text-align:center!important}:host ::ng-deep .p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative;width:1.125rem;height:1.125rem}:host ::ng-deep .p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}:host ::ng-deep .p-hidden-accessible input,:host ::ng-deep .p-hidden-accessible select{transform:scale(0)}:host ::ng-deep .p-checkbox .p-checkbox-box{background:#fff;width:1.125rem;height:1.125rem;color:var(--cps-color-text-dark);border:.125rem solid var(--cps-color-text-mild);border-radius:.125rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .p-checkbox-box{display:flex;justify-content:center;align-items:center}:host ::ng-deep .p-checkbox.p-checkbox-checked .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-input:focus-visible{outline:none}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible){outline:none;position:relative}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:after{display:none}:host ::ng-deep .p-checkbox .p-checkbox-box .p-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:#fff;font-size:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box minusicon .p-checkbox-icon{color:var(--cps-color-calm);width:.75rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox{margin-right:0}:host ::ng-deep .cps-treetable-html-cell *:focus{outline:none}:host ::ng-deep .cps-treetable-html-cell *:focus-visible{outline:none;position:relative}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{content:\"\";position:absolute;border-radius:.375rem}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before{inset:-.125rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:after{display:none}::ng-deep .p-scrollbar-measure{width:6.25rem;height:6.25rem;overflow:scroll;position:absolute;top:-9999px}::ng-deep .cps-select-options-menu.cps-paginator-page-options .cps-select-options-option{font-size:.875rem}\n"] }]
+                    ], template: "<p-treeTable\n  #primengTreeTable\n  ttWithUnsort\n  [pt]=\"treeTablePassthrough\"\n  [class.cps-treetable-loading]=\"loading\"\n  [class.cps-treetable-flex]=\"defScrollHeight === 'flex'\"\n  [class.cps-treetable-nonvirtual]=\"!virtualScroll\"\n  [class.cps-treetable-autolayout-calced]=\"autoLayout && scrollable\"\n  [value]=\"data\"\n  [autoLayout]=\"autoLayout && !scrollable\"\n  [scrollable]=\"scrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [virtualScroll]=\"virtualScroll\"\n  [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  [virtualScrollOptions]=\"{\n    numToleratedItems: numToleratedItems,\n    autoSize: false\n  }\"\n  [columns]=\"selectedColumns\"\n  [loading]=\"loading\"\n  [attr.aria-busy]=\"loading || null\"\n  [rowHover]=\"rowHover\"\n  [lazy]=\"lazy\"\n  [(selection)]=\"selectedRows\"\n  (selectionChange)=\"onSelectionChanged($event)\"\n  compareSelectionBy=\"deepEquals\"\n  [lazyLoadOnInit]=\"lazyLoadOnInit\"\n  [styleClass]=\"styleClass\"\n  [tableStyle]=\"tableStyle\"\n  [tableStyleClass]=\"tableStyleClass\"\n  [customSort]=\"customSort\"\n  [sortMode]=\"sortMode\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [paginator]=\"paginator\"\n  [showCurrentPageReport]=\"true\"\n  [alwaysShowPaginator]=\"alwaysShowPaginator\"\n  [rows]=\"rows\"\n  [first]=\"first\"\n  [totalRecords]=\"totalRecords\"\n  [resetPageOnSort]=\"resetPageOnSort\"\n  [resizableColumns]=\"resizableColumns\"\n  [columnResizeMode]=\"columnResizeMode\"\n  [showGridlines]=\"bordered\"\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n  (onPage)=\"onPageChange($event)\"\n  (onSort)=\"onSort($event)\"\n  (onFilter)=\"onFilter($event)\"\n  (onLazyLoad)=\"onLazyLoaded($event)\"\n  (sortFunction)=\"onSortFunction($event)\"\n  (onNodeExpand)=\"onNodeExpanded($event)\"\n  (onNodeCollapse)=\"onNodeCollapsed($event)\"\n  (onNodeSelect)=\"onNodeSelected($event)\"\n  (onNodeUnselect)=\"onNodeUnselected($event)\"\n  (onColResize)=\"onColumnResized($event)\">\n  @if (colgroupTemplate) {\n    <ng-template pTemplate=\"colgroup\">\n      <ng-container *ngTemplateOutlet=\"colgroupTemplate\"></ng-container>\n    </ng-template>\n  }\n  @if (hasToolbar) {\n    <ng-template pTemplate=\"caption\">\n      @if (toolbarTemplate) {\n        <ng-container *ngTemplateOutlet=\"toolbarTemplate\"></ng-container>\n      }\n      @if (!toolbarTemplate) {\n        <div class=\"cps-treetable-tbar-left\">\n          @if (toolbarIcon) {\n            <div class=\"cps-treetable-tbar-icon\">\n              <cps-icon\n                [icon]=\"toolbarIcon\"\n                [color]=\"toolbarIconColor\"></cps-icon>\n            </div>\n          }\n          <div class=\"cps-treetable-tbar-title\">{{ toolbarTitle }}</div>\n          @if (showGlobalFilter) {\n            <div class=\"cps-treetable-tbar-global-filter\">\n              <cps-input\n                #globalFilterComp\n                ariaLabel=\"Global filter\"\n                prefixIcon=\"search\"\n                [placeholder]=\"globalFilterPlaceholder\"\n                (valueChanged)=\"onFilterGlobal($event)\"\n                [clearable]=\"true\"\n                [disabled]=\"loading\"\n                [appearance]=\"\n                  toolbarSize === 'small' ? 'underlined' : 'outlined'\n                \"\n                [hideDetails]=\"true\">\n              </cps-input>\n            </div>\n          }\n        </div>\n        <div class=\"cps-treetable-tbar-right\">\n          @if (showRemoveBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                label=\"Remove\"\n                [disabled]=\"removeBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                icon=\"remove\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"removeSelected()\">\n              </cps-button>\n            </div>\n          }\n          @if (showAdditionalBtnOnSelect && selectedRows.length > 0) {\n            <div class=\"cps-treetable-tbar-btn-on-select\">\n              <cps-button\n                [label]=\"additionalBtnOnSelectTitle\"\n                [disabled]=\"additionalBtnOnSelectDisabled\"\n                color=\"calm\"\n                type=\"borderless\"\n                [icon]=\"additionalBtnOnSelectIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickAdditionalBtnOnSelect()\">\n              </cps-button>\n            </div>\n          }\n          @if (showActionBtn) {\n            <div class=\"cps-treetable-tbar-action-btn\">\n              <cps-button\n                [label]=\"actionBtnTitle\"\n                [disabled]=\"actionBtnDisabled\"\n                color=\"calm\"\n                type=\"outlined\"\n                [icon]=\"actionBtnIcon\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onClickActionBtn()\">\n              </cps-button>\n            </div>\n          }\n          @if (showExportBtn) {\n            <div class=\"cps-treetable-tbar-export-btn\">\n              <cps-button\n                label=\"Export\"\n                [disabled]=\"exportBtnDisabled\"\n                color=\"calm\"\n                type=\"solid\"\n                icon=\"export\"\n                [size]=\"toolbarSize\"\n                (clicked)=\"onExportData()\">\n              </cps-button>\n            </div>\n          }\n          @if (showColumnsToggleBtn && columns.length > 0) {\n            <table-column-visibility-toggle\n              [columns]=\"columns\"\n              [selectedColumns]=\"selectedColumns\"\n              [disabled]=\"columnsToggleBtnDisabled\"\n              [colHeaderName]=\"colHeaderName\"\n              (selectedColumnsChange)=\"onSelectedColumnsChange($event)\">\n            </table-column-visibility-toggle>\n          }\n          @if (showDataReloadBtn) {\n            <div class=\"cps-treetable-tbar-reload-btn\">\n              <cps-button\n                ariaLabel=\"Reload data\"\n                icon=\"refresh\"\n                type=\"borderless\"\n                color=\"calm\"\n                [size]=\"toolbarSize\"\n                [disabled]=\"dataReloadBtnDisabled\"\n                (clicked)=\"onReloadData()\">\n              </cps-button>\n            </div>\n          }\n        </div>\n      }\n    </ng-template>\n  }\n\n  @if (nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <ng-container\n        *ngTemplateOutlet=\"\n          nestedHeaderTemplate;\n          context: { $implicit: columns }\n        \"></ng-container>\n    </ng-template>\n  }\n\n  @if (!nestedHeaderTemplate; as columns) {\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        <!-- <th style=\"width: 3rem\" *ngIf=\"reorderableRows\"></th> -->\n        @if (selectable) {\n          <th\n            scope=\"col\"\n            cpsTTHdrSelectable\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\"></th>\n        }\n        @if (headerTemplate) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              headerTemplate;\n              context: { $implicit: columns }\n            \"></ng-container>\n        }\n        @if (!headerTemplate && columns.length > 0) {\n          @if (sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColSortable]=\"col[colFieldName]\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n          @if (!sortable) {\n            @if (filterableByColumns) {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  [cpsTTColFilter]=\"col[colFieldName]\"\n                  [filterType]=\"\n                    col[colFilterTypeName] ??\n                    (autoColumnFilterType\n                      ? (data | cpsTTDetectFilterType: col[colFieldName])\n                      : 'text')\n                  \"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            } @else {\n              @for (col of columns; track col) {\n                <th\n                  scope=\"col\"\n                  cpsTTColResizable\n                  [cpsTTColResizableDisabled]=\"!resizableColumns\">\n                  {{ col[colHeaderName] }}\n                </th>\n              }\n            }\n          }\n        }\n        @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n          <th\n            scope=\"col\"\n            class=\"cps-treetable-row-menu-cell\"\n            cpsTTColResizable\n            [cpsTTColResizableDisabled]=\"!resizableColumns\">\n            <span class=\"cps-sr-only\">Row actions</span>\n          </th>\n        }\n      </tr>\n    </ng-template>\n  }\n\n  <ng-template\n    pTemplate=\"body\"\n    let-rowData=\"rowData\"\n    let-columns=\"columns\"\n    let-rowNode\n    let-rowIndex=\"rowIndex\">\n    <tr\n      [ttRow]=\"rowNode\"\n      [class.cps-treetable-row-selected]=\"\n        selectable && primengTreeTable.isSelected(rowNode.node)\n      \">\n      <!-- <td *ngIf=\"reorderableRows\" class=\"cps-table-row-drag-handle-cell\">\n        <span class=\"cps-table-row-drag-handle\" pReorderableRowHandle>\u2630</span>\n      </td> -->\n      @if (selectable) {\n        <td [cpsTTRowSelectable]=\"rowNode\"></td>\n      }\n      @if (bodyTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n              $implicit: rowNode,\n              rowIndex: rowIndex,\n              columns: columns,\n              rowData: rowData\n            }\n          \">\n        </ng-container>\n      }\n      @if (!bodyTemplate) {\n        @if (columns.length > 0) {\n          @if (renderDataAsHTML) {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [cpsTTRowToggler]=\"rowNode\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n              @if (i > 0) {\n                <td\n                  class=\"cps-treetable-html-cell\"\n                  [innerHTML]=\"rowData[col[colFieldName]]\"></td>\n              }\n            }\n          } @else {\n            @for (col of columns; track col; let i = $index) {\n              @if (i === 0) {\n                <td [cpsTTRowToggler]=\"rowNode\">\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n              @if (i > 0) {\n                <td>\n                  {{\n                    col[colDateFormatName]\n                      ? (rowData[col[colFieldName]]\n                        | date: col[colDateFormatName])\n                      : rowData[col[colFieldName]]\n                  }}\n                </td>\n              }\n            }\n          }\n        }\n      }\n      @if (showRowMenu && (showRowRemoveButton || showRowEditButton)) {\n        <td class=\"cps-treetable-row-menu-cell\">\n          <table-row-menu\n            (editRowBtnClicked)=\"onEditRowClicked(rowNode.node)\"\n            (removeRowBtnClicked)=\"onRemoveRowClicked(rowNode.node)\"\n            [showRowRemoveButton]=\"showRowRemoveButton\"\n            [showRowEditButton]=\"showRowEditButton\"\n            [customItems]=\"rowMenuItems\">\n          </table-row-menu>\n        </td>\n      }\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n      <td\n        colspan=\"100\"\n        role=\"status\"\n        class=\"cps-treetable-empty-message-td\"\n        [style.height]=\"emptyBodyHeight\">\n        {{ emptyMessage }}\n      </td>\n    </tr>\n  </ng-template>\n  <ng-template pTemplate=\"loadingicon\">\n    <cps-loader [fullScreen]=\"false\" opacity=\"0\"></cps-loader>\n  </ng-template>\n  <ng-template pTemplate=\"paginatorleft\">\n    <div class=\"cps-table-paginator-itms-per-page\">\n      <span class=\"cps-table-paginator-items-per-page-title\"\n        >Rows per page:\n      </span>\n      <cps-select\n        ariaLabel=\"Set rows per page\"\n        width=\"4rem\"\n        [options]=\"rowOptions\"\n        [hideDetails]=\"true\"\n        [(ngModel)]=\"rows\"\n        (valueChanged)=\"onRowsPerPageChanged()\"\n        [returnObject]=\"false\"\n        optionsClass=\"cps-paginator-page-options\">\n      </cps-select>\n    </div>\n  </ng-template>\n</p-treeTable>\n", styles: [":host ::ng-deep .p-treetable{position:relative;display:block}:host ::ng-deep .p-treetable.p-treetable-flex-scrollable{display:flex}:host ::ng-deep .p-component,:host ::ng-deep .p-component *{box-sizing:border-box}:host ::ng-deep .p-component{font-family:Source Sans Pro,sans-serif;font-size:.875rem;font-weight:400}:host ::ng-deep .p-treetable-scrollable-wrapper{position:relative;background:#fff}:host ::ng-deep .p-treetable-wrapper{background:#fff}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-normal .p-treetable-scrollable-wrapper{height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable.cps-tbar-small .p-treetable-scrollable-wrapper{height:calc(100% - 2.6875rem)}:host ::ng-deep .cps-treetable-nonvirtual.cps-treetable-flex .p-treetable-flex-scrollable .p-treetable-scrollable-wrapper .p-treetable-scrollable-view .p-treetable-scrollable-header{display:contents}:host ::ng-deep .p-treetable .p-treetable-scrollable-header,:host ::ng-deep .p-treetable .p-treetable-scrollable-footer{background:#fff}:host ::ng-deep .p-treetable-scrollable-header,:host ::ng-deep .p-treetable-scrollable-footer{overflow:hidden}:host ::ng-deep .p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem .0625rem;font-weight:400;color:var(--cps-color-text-mild);background:#fff;transition:box-shadow .2s;overflow:hidden}:host ::ng-deep .p-treetable-scrollable-body{overflow:auto!important;position:relative}:host ::ng-deep .cps-treetable-flex .p-treetable-scrollable-body{height:100%}:host ::ng-deep .p-treetable .p-treetable-tbody{background:#fff}:host ::ng-deep .p-treetable .p-treetable-tbody>tr{background:#fff;color:var(--cps-color-text-dark);transition:box-shadow .2s}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.cps-treetable-row-selected{background-color:var(--cps-color-highlight-active)!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{text-align:left;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem}:host ::ng-deep p-treetable:not(.cps-treetable-autolayout-calced) .p-treetable .p-treetable-tbody>tr>td{overflow:hidden}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){opacity:0;border-left-color:#fff}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable.p-treetable-striped .p-treetable-scrollable-body .p-treetable-tbody>tr:nth-child(odd)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-bg-light)}:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:hover>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:focus-visible>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td),:host ::ng-deep .cps-treetable-autolayout-calced .p-treetable .p-treetable-scrollable-body .p-treetable-tbody>tr:has(*:focus-visible)>td:not(.cps-treetable-row-toggler-cell):not(.cps-treetable-selectable-cell):not(.cps-treetable-row-menu-cell):not(.cps-treetable-empty-message-td){border-left-color:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-child{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem 0}:host ::ng-deep .p-treetable-auto-layout table{table-layout:auto}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:auto;height:auto;color:var(--cps-color-text-dark);border:0 none;background:transparent;border-radius:50%;margin-right:.5rem;padding:0}:host ::ng-deep .p-treetable-toggler{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;position:relative}:host ::ng-deep .p-ripple{overflow:hidden;position:relative}:host ::ng-deep .p-paginator-page:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-paginator-page{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-family:Source Sans Pro,sans-serif;border-radius:.375rem}:host ::ng-deep input[type=button],:host ::ng-deep input[type=submit],:host ::ng-deep input[type=reset],:host ::ng-deep input[type=file]::-webkit-file-upload-button,:host ::ng-deep button{border-radius:0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus{outline:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr:focus-visible,:host ::ng-deep .p-treetable .p-treetable-tbody>tr:has(*:focus-visible){outline:.0625rem solid var(--cps-color-calm);outline-offset:-.0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover{color:var(--cps-color-calm);border-color:transparent;background:unset}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus{outline:0 none;outline-offset:0;box-shadow:unset}:host ::ng-deep .p-treetable .p-paginator{border-width:0 .0625rem .0625rem .0625rem;border-radius:0}:host ::ng-deep .p-paginator{background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--cps-color-text-dark);padding:1rem;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-paginator-content-start{margin-right:auto}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page{display:inline-flex;align-items:center}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-table-paginator-items-per-page-title{font-family:Source Sans Pro,sans-serif;font-size:.875rem;margin-right:.75rem;cursor:default}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box{min-height:2rem!important;background:transparent!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-items{font-size:.875rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron{padding:.3125rem!important}:host ::ng-deep .p-paginator-content-start .cps-table-paginator-itms-per-page .cps-select-box .cps-select-box-chevron .cps-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-paginator .p-paginator-current{background-color:transparent;border:0 none;color:var(--cps-color-text-dark);min-width:3rem;margin:.143rem;padding:0 .5rem;font-family:Source Sans Pro,sans-serif;font-size:.875rem;height:unset}:host ::ng-deep .p-paginator-page,:host ::ng-deep .p-paginator-next,:host ::ng-deep .p-paginator-last,:host ::ng-deep .p-paginator-first,:host ::ng-deep .p-paginator-prev,:host ::ng-deep .p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;position:relative}:host ::ng-deep .p-paginator-current{cursor:default}:host ::ng-deep .p-paginator-first:focus,:host ::ng-deep .p-paginator-prev:focus,:host ::ng-deep .p-paginator-next:focus,:host ::ng-deep .p-paginator-last:focus,:host ::ng-deep .p-paginator-page:focus{z-index:1;outline:0 none;box-shadow:unset}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible.suppress-focus-visible:after,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-paginator-page:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-paginator-first:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-prev:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-next:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-last:not(.p-disabled):focus-visible,:host ::ng-deep .p-paginator-page:not(.p-paginator-page-selected):focus-visible{background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):hover,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-first:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-next:not(.p-disabled):not(.p-paginator-page-selected):active,:host ::ng-deep .p-paginator .p-paginator-last:not(.p-disabled):not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-first,:host ::ng-deep .p-paginator .p-paginator-prev,:host ::ng-deep .p-paginator .p-paginator-next,:host ::ng-deep .p-paginator .p-paginator-last{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-disabled *{cursor:default!important;pointer-events:none}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected{background:var(--cps-color-calm);border-color:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover{background:var(--cps-color-highlight-hover);border-color:unset}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):active{background:var(--cps-color-highlight-active)}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page{background-color:transparent;border:.0625rem solid var(--cps-color-text-dark);border-radius:.25rem;color:var(--cps-color-text-dark);min-width:2rem;height:2rem;margin:.143rem;transition:box-shadow .2s}:host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:.4}:host ::ng-deep .cps-treetable-empty-message-td{text-align:center!important;font-weight:600;background:#fff}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-header{border-width:.0625rem .0625rem 0 .0625rem}:host ::ng-deep .p-treetable .p-treetable-header{font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:0 .625rem!important;border:unset;background:unset;border-top:.0625rem solid var(--cps-color-line-mid);border-right:.0625rem solid var(--cps-color-line-mid);border-left:.25rem solid var(--cps-color-surprise)!important;border-radius:.25rem .25rem 0 0;font-size:1rem;line-height:150%;background-color:#fff;color:var(--cps-color-text-darkest);overflow:auto}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-global-filter{margin-left:.75rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-icon{display:flex;margin-right:.5rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-left .cps-treetable-tbar-title{cursor:default}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right{display:flex;align-items:center}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-action-btn,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-export-btn{margin-right:.25rem;margin-left:.25rem}:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-btn-on-select,:host ::ng-deep .p-treetable .p-treetable-header .cps-treetable-tbar-right .cps-treetable-tbar-reload-btn{margin-right:.125rem;margin-left:.125rem}:host ::ng-deep .cps-tbar-small.p-treetable .p-treetable-header{min-height:2.6875rem}:host ::ng-deep .cps-tbar-normal.p-treetable .p-treetable-header{min-height:4.5rem}:host ::ng-deep .p-treetable .p-treetable-footer{background:#fff;color:#343a40;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;padding:1rem;font-weight:700}:host ::ng-deep .p-treetable .p-treetable-tfoot>tr>td{text-align:left;padding:1rem;border:.0625rem solid var(--cps-color-line-mid);border-width:0 0 .0625rem 0;font-weight:700;color:#343a40;background:#fff}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-up{border-bottom-color:var(--cps-color-text-mild)}:host ::ng-deep .p-treetable .p-sortable-column:not(.p-highlight):hover .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down,:host ::ng-deep .p-treetable .p-sortable-column cps-sort-icon:focus-visible .cps-sortable-column-icon.sort-unsorted .sort-unsorted-arrow-down{border-top-color:var(--cps-color-text-mild)}:host ::ng-deep .p-icon-wrapper{display:inline-flex}:host ::ng-deep .p-icon{display:inline-block;width:1rem;height:1rem}:host ::ng-deep .p-paginator .p-paginator-first-icon,:host ::ng-deep .p-paginator .p-paginator-prev-icon,:host ::ng-deep .p-paginator .p-paginator-next-icon,:host ::ng-deep .p-paginator .p-paginator-last-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-treetable .p-sortable-column .cps-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;vertical-align:top;color:var(--cps-color-calm);margin-left:.25rem}:host ::ng-deep .p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none}:host ::ng-deep .p-treetable .p-sortable-column:focus{box-shadow:none;outline:0 none}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible{overflow:visible;outline:none;position:relative}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:before,:host ::ng-deep .p-treetable .p-sortable-column:focus-visible.suppress-focus-visible:after{display:none}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler.p-icon{width:2rem;height:2rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr.p-highlight{background:#eff6ff;color:#1d4ed8}:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):focus-visible,:host ::ng-deep .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):has(*:focus-visible){background:var(--cps-color-highlight-hover)}:host ::ng-deep .p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:auto}:host ::ng-deep .p-treetable .p-column-resizer-helper{background:var(--cps-color-calm);width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer{border-width:.0625rem}:host ::ng-deep .p-treetable .p-column-resizer:focus{outline:none}:host ::ng-deep .p-treetable .p-column-resizer.cps-col-resizer-focused{background:var(--cps-color-calm)!important;opacity:1!important}:host ::ng-deep .p-treetable .p-treetable-mask.p-overlay-mask{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:#fff;transition-duration:.2s;border:.0625rem solid var(--cps-color-line-mid)}:host ::ng-deep .p-treetable.cps-tbar-small .p-treetable-mask.p-overlay-mask{top:2.6875rem;height:calc(100% - 2.6875rem)}:host ::ng-deep .p-treetable.cps-tbar-normal .p-treetable-mask.p-overlay-mask{top:4.5rem;height:calc(100% - 4.5rem)}:host ::ng-deep .cps-treetable-loading .p-treetable{min-height:12.5rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-normal{min-height:17rem}:host ::ng-deep .cps-treetable-loading .p-treetable.cps-tbar-small{min-height:15.1875rem}:host ::ng-deep .cps-table-col-filter-menu-open .cps-table-col-filter-menu-button{color:var(--cps-color-text-dark)}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-footer{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-top{border-width:0 .0625rem 0 .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-bottom{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th,:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th{border-width:.0625rem 0 .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td{border-width:0 0 .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td{border-width:.0625rem}:host ::ng-deep .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td:last-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:only-child{border-width:0 .0625rem .0625rem .0625rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-footer{padding:.5rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-thead>tr>th{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-lg .p-treetable-footer{padding:1.25rem}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(odd){background:var(--cps-color-bg-light)}:host ::ng-deep .p-treetable.p-treetable-striped .p-treetable-tbody>tr:nth-child(2n){background:#fff}:host ::ng-deep .cps-treetable-row-menu-cell{width:3.4375rem;border-left:none!important}:host ::ng-deep .cps-treetable-selectable-cell{width:3.4375rem;text-align:center!important}:host ::ng-deep .p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative;width:1.125rem;height:1.125rem}:host ::ng-deep .p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}:host ::ng-deep .p-hidden-accessible input,:host ::ng-deep .p-hidden-accessible select{transform:scale(0)}:host ::ng-deep .p-checkbox .p-checkbox-box{background:#fff;width:1.125rem;height:1.125rem;color:var(--cps-color-text-dark);border:.125rem solid var(--cps-color-text-mild);border-radius:.125rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .p-checkbox-box{display:flex;justify-content:center;align-items:center}:host ::ng-deep .p-checkbox.p-checkbox-checked .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm);background:var(--cps-color-calm);color:#fff}:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,:host ::ng-deep .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus) .p-checkbox-box{border-color:var(--cps-color-calm)}:host ::ng-deep .p-checkbox-input:focus-visible{outline:none}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible){outline:none;position:relative}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{content:\"\";position:absolute;border-radius:.25rem}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):before{inset:-.1875rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible):after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:before,:host ::ng-deep .p-checkbox:has(.p-checkbox-input:focus-visible).suppress-focus-visible:after{display:none}:host ::ng-deep .p-checkbox .p-checkbox-box .p-icon{width:.875rem;height:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:#fff;font-size:.875rem}:host ::ng-deep .p-checkbox .p-checkbox-box minusicon .p-checkbox-icon{color:var(--cps-color-calm);width:.75rem}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox{margin-right:0}:host ::ng-deep .cps-treetable-html-cell *:focus{outline:none}:host ::ng-deep .cps-treetable-html-cell *:focus-visible{outline:none;position:relative}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{content:\"\";position:absolute;border-radius:.375rem}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:before{inset:-.125rem;border:.0625rem solid var(--cps-color-calm)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible:after{inset:-.25rem;border:.0625rem solid var(--cps-color-calm-highlighten)}:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:before,:host ::ng-deep .cps-treetable-html-cell *:focus-visible.suppress-focus-visible:after{display:none}::ng-deep .p-scrollbar-measure{width:6.25rem;height:6.25rem;overflow:scroll;position:absolute;top:-9999px}::ng-deep .cps-select-options-menu.cps-paginator-page-options .cps-select-options-option{font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]