herum-shared 0.1.37 → 0.1.39

package/fesm2022/herum-shared-table.mjs

@@ -1,27 +1,26 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Inject, EventEmitter, HostListener, ViewChild, Output, NgModule } from '@angular/core';
+import { Component, Input, EventEmitter, HostListener, ViewChild, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i3$2 from 'ag-grid-angular';
+import { AgGridModule } from 'ag-grid-angular';
 import * as i2 from 'herum-shared/atoms';
 import { AtomsModule } from 'herum-shared/atoms';
+import * as i3$1 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$2 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
-import { TableActions } from 'herum-shared/herum-types';
-import { svgsStrings, tableRowHeights } from 'herum-shared/constants';
-import { isTruncatedTitleElement, convertHeightToPixels } from 'herum-shared/utils';
+import { TableActions } from 'herum-types/Table';
+import { svgsStrings, tableRowHeights, checkboxTypes } from 'herum-shared/constants';
+import { isTruncatedTitleElement } from 'herum-shared/utils';
 import * as i3 from 'herum-shared/pipes';
 import { PipesModule } from 'herum-shared/pipes';
 import { __decorate } from 'tslib';
 import { TableRowHeight } from 'herum-shared/decorators';
-import * as i3$1 from '@angular/forms';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { takeUntil, debounceTime, tap } from 'rxjs/operators';
-import { HERUM_SHARED_CONFIG_TOKEN } from 'herum-shared/environment';
-import * as i3$2 from 'ag-grid-angular';
-import { AgGridModule } from 'ag-grid-angular';
 
 class CheckboxCellComponent {
     isChecked = false;
@@ -42,8 +41,7 @@ class CheckboxCellComponent {
     setParams(params) {
         this.isChecked = params.valueFormatted ?? params.value;
         this.align = params.align;
-        // this.blocked = params.blocked; todo
-        this.blocked = params.disabled;
+        this.blocked = params.blocked;
         this.params = params;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CheckboxCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -53,6 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             type: Component,
             args: [{ selector: 'app-checkbox-cell', standalone: false, template: "<div class=\"checkbox-container\" [ngClass]=\"align\">\r\n    <herum-checkbox [isChecked]=\"isChecked\" [isBlocked]=\"blocked\" (checkedEmitter)=\"_checked($event)\"></herum-checkbox>\r\n</div>", styles: [".checkbox-container{width:100%;height:100%}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left,.checkbox-container.top,.checkbox-container.bottom{height:100%;display:flex}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left{align-items:center}.checkbox-container.center,.checkbox-container.top,.checkbox-container.bottom{justify-content:center}.checkbox-container.right{justify-content:flex-start}.checkbox-container.left{justify-content:flex-end}.checkbox-container.top{align-items:flex-start}.checkbox-container.bottom{align-items:flex-end}.checkbox-container herum-checkbox{display:inherit}\n"] }]
         }] });
+;
 
 class ChipsCellComponent {
     params;
@@ -263,7 +262,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             }] } });
 
 class HerumAgGridFilterComponent {
-    envConfig;
     static rowHeight = 28;
     model;
     uniqueCheck;
@@ -279,11 +277,8 @@ class HerumAgGridFilterComponent {
     onFilterValuesChanged$;
     destroySubject$ = new Subject();
     selectedFilter = new FormControl('');
-    constructor(envConfig) {
-        this.envConfig = envConfig;
-    }
     ngOnInit() {
-        this.checkBoxType = this.envConfig?.checkboxTypes?.checked;
+        this.checkBoxType = checkboxTypes?.checked;
     }
     agInit(params) {
         this.filterParams = params;
@@ -320,15 +315,15 @@ class HerumAgGridFilterComponent {
         if (this.checkBoxType === 'disabled')
             this.isToggleAllCheckBoxBlocked = false;
         if (filteredValuesWhichAreSelected.length > 0 && filteredValuesWhichAreSelected.length < Object.keys(this.selectedValuesMap).length)
-            this.checkBoxType = this.envConfig?.checkboxTypes?.indeterminate;
+            this.checkBoxType = checkboxTypes?.indeterminate;
         if (!this.onFilterListChange$.value.length) {
             this.checkBoxType = 'disabled';
             this.isToggleAllCheckBoxBlocked = true;
         }
         if (filteredValuesWhichAreSelected.length === this.onFilterListChange$.value.length && filteredValuesWhichAreSelected.length > 0 && this.onFilterListChange$.value.length > 0)
-            this.checkBoxType = this.envConfig?.checkboxTypes?.checked;
+            this.checkBoxType = checkboxTypes?.checked;
         if (!filteredValuesWhichAreSelected.length && this.onFilterListChange$.value.length)
-            this.checkBoxType = this.envConfig?.checkboxTypes?.unchecked;
+            this.checkBoxType = checkboxTypes?.unchecked;
     }
     setUniqueValues() {
         this.filterParams.rowModel.forEachNode((node) => {
@@ -356,11 +351,11 @@ class HerumAgGridFilterComponent {
     }
     setCheckBoxType() {
         if (Object.keys(this.selectedValuesMap).filter(item => item != 'null').length == this.filterList.filter(item => item != 'null').length) {
-            this.checkBoxType = this.envConfig?.checkboxTypes?.checked;
+            this.checkBoxType = checkboxTypes?.checked;
             this.isEverythingSelected = true;
         }
         else if (Object.keys(this.selectedValuesMap).filter(item => item != 'null').length < this.filterList.filter(item => item != 'null').length && (Object.keys(this.selectedValuesMap).length > 1 || (Object.keys(this.selectedValuesMap).length == 1 && Object.keys(this.selectedValuesMap)[0] != 'null'))) {
-            this.checkBoxType = this.envConfig?.checkboxTypes?.indeterminate;
+            this.checkBoxType = checkboxTypes?.indeterminate;
             this.isEverythingSelected = false;
         }
         else {
@@ -373,12 +368,12 @@ class HerumAgGridFilterComponent {
             this.toggleItem(this.onFilterListChange$.value[0]);
             return;
         }
-        if (this.checkBoxType === this.envConfig?.checkboxTypes?.indeterminate)
+        if (this.checkBoxType === checkboxTypes?.indeterminate)
             this.isEverythingSelected = false;
         else
             this.isEverythingSelected = !this.isEverythingSelected;
         if (this.onFilterListChange$.value.length !== this.filterList.length) {
-            if (this.checkBoxType !== this.envConfig?.checkboxTypes?.indeterminate)
+            if (this.checkBoxType !== checkboxTypes?.indeterminate)
                 this.onFilterListChange$.value.forEach(value => this.toggleItem(value, this.isEverythingSelected));
             else {
                 this.onFilterListChange$.value.forEach(value => delete this.selectedValuesMap[value]);
@@ -457,16 +452,13 @@ class HerumAgGridFilterComponent {
         this.destroySubject$.next(null);
         this.destroySubject$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAgGridFilterComponent, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAgGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumAgGridFilterComponent, isStandalone: false, selector: "app-herum-ag-grid-filter", ngImport: i0, template: "<div class=\"ag-filter\">\r\n    <herum-input-field [type]=\"'search'\" [placeholder]=\"'\u05D7\u05E4\u05E9 \u05E2\u05E8\u05DA \u05DC\u05E4\u05D9\u05DC\u05D8\u05D5\u05E8'\" [showErrorMsgGap]=\"false\"\r\n        [formControl]=\"selectedFilter\"></herum-input-field>\r\n    <div>\r\n        <div class=\"ag-filter-body-wrapper\">\r\n            <div ref=\"ag-filter-loading\" class=\"loading-filter ag-hidden\">\r\n                Loading...\r\n            </div>\r\n            <div>\r\n                <div id=\"richList\" class=\"ag-set-filter-list\">\r\n                    <div class=\"ag-virtual-list-viewport\">\r\n                        <div class=\"ag-virtual-list-container\" [attr.style.height]=\"containerHeight\">\r\n                            <div style=\"line-height: 28px;\">\r\n                                <label class=\"ag-set-filter-item\">\r\n                                    <div class=\"ag-filter-checkbox\">\r\n                                        <herum-checkbox [isChecked]=\"isEverythingSelected\" [type]=\"checkBoxType\"\r\n                                            [isBlocked]=\"isToggleAllCheckBoxBlocked\"\r\n                                            (checkedEmitter)=\"toggleEverything()\"></herum-checkbox>\r\n                                    </div>\r\n                                    <span class=\"ag-filter-value select-all-bold\">\u05D1\u05D7\u05E8 \u05D4\u05DB\u05DC</span>\r\n                                </label>\r\n                            </div>\r\n\r\n                            <div style=\"line-height: 28px;\" *ngFor=\"let item of (onFilterValuesChanged$ | async)\">\r\n                                <label class=\"ag-set-filter-item\">\r\n                                    <div class=\"ag-filter-checkbox\">\r\n                                        <herum-checkbox (checkedEmitter)=\"toggleItem(item)\"\r\n                                            [isChecked]=\"selectedValuesMap.hasOwnProperty(item)\"></herum-checkbox>\r\n                                    </div>\r\n\r\n                                    <span #agFilterValue appHerumToolTip class=\"ag-filter-value w-100\"\r\n                                        [matTooltip]=\"isTruncatedTitleElement(agFilterValue)? item : ''\">\r\n                                        {{item === '' ? '(\u05E8\u05D9\u05E7)': item | ellipsis:agFilterValue}}\r\n                                    </span>\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".ag-set-filter-item{gap:8px}::ng-deep .ag-menu{border-radius:var(--border-radius)!important}.select-all-bold{font-weight:700}::ng-deep .ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom){width:136px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }, { kind: "component", type: i2.HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.EllipsisPipe, name: "ellipsis" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAgGridFilterComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'app-herum-ag-grid-filter', template: "<div class=\"ag-filter\">\r\n    <herum-input-field [type]=\"'search'\" [placeholder]=\"'\u05D7\u05E4\u05E9 \u05E2\u05E8\u05DA \u05DC\u05E4\u05D9\u05DC\u05D8\u05D5\u05E8'\" [showErrorMsgGap]=\"false\"\r\n        [formControl]=\"selectedFilter\"></herum-input-field>\r\n    <div>\r\n        <div class=\"ag-filter-body-wrapper\">\r\n            <div ref=\"ag-filter-loading\" class=\"loading-filter ag-hidden\">\r\n                Loading...\r\n            </div>\r\n            <div>\r\n                <div id=\"richList\" class=\"ag-set-filter-list\">\r\n                    <div class=\"ag-virtual-list-viewport\">\r\n                        <div class=\"ag-virtual-list-container\" [attr.style.height]=\"containerHeight\">\r\n                            <div style=\"line-height: 28px;\">\r\n                                <label class=\"ag-set-filter-item\">\r\n                                    <div class=\"ag-filter-checkbox\">\r\n                                        <herum-checkbox [isChecked]=\"isEverythingSelected\" [type]=\"checkBoxType\"\r\n                                            [isBlocked]=\"isToggleAllCheckBoxBlocked\"\r\n                                            (checkedEmitter)=\"toggleEverything()\"></herum-checkbox>\r\n                                    </div>\r\n                                    <span class=\"ag-filter-value select-all-bold\">\u05D1\u05D7\u05E8 \u05D4\u05DB\u05DC</span>\r\n                                </label>\r\n                            </div>\r\n\r\n                            <div style=\"line-height: 28px;\" *ngFor=\"let item of (onFilterValuesChanged$ | async)\">\r\n                                <label class=\"ag-set-filter-item\">\r\n                                    <div class=\"ag-filter-checkbox\">\r\n                                        <herum-checkbox (checkedEmitter)=\"toggleItem(item)\"\r\n                                            [isChecked]=\"selectedValuesMap.hasOwnProperty(item)\"></herum-checkbox>\r\n                                    </div>\r\n\r\n                                    <span #agFilterValue appHerumToolTip class=\"ag-filter-value w-100\"\r\n                                        [matTooltip]=\"isTruncatedTitleElement(agFilterValue)? item : ''\">\r\n                                        {{item === '' ? '(\u05E8\u05D9\u05E7)': item | ellipsis:agFilterValue}}\r\n                                    </span>\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".ag-set-filter-item{gap:8px}::ng-deep .ag-menu{border-radius:var(--border-radius)!important}.select-all-bold{font-weight:700}::ng-deep .ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom){width:136px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
+        }] });
 
 const rowDataInput = 'rowData';
 const pixelUnit = 'px';
@@ -497,8 +489,6 @@ class HerumTableComponent {
         },
     ];
     selectedRowsIds = [];
-    tableFixedHeight;
-    tableMaxHeight;
     noResults;
     overlayNoRowsTemplate = 'לא נמצאו תוצאות';
     rowsSelectionType = 'multiple';
@@ -512,7 +502,7 @@ class HerumTableComponent {
     cellMouseOver = new EventEmitter();
     onPaginationChanged = new EventEmitter();
     tableContainer;
-    onResize() {
+    onResize(event) {
         const newWidth = window.innerWidth;
         if (newWidth > this.windowWidth) {
             this.windowWidth = newWidth;
@@ -638,22 +628,15 @@ class HerumTableComponent {
             this.childComponentsReferences.push(componentReference);
     }
     setTableHeight(numberOfRows) {
-        if (this.tableFixedHeight)
-            return this.tableFixedHeight;
         const overlayNoRowsTemplateHeight = 350;
         const headerRowHeight = 48;
-        const viewportHeight = window.innerHeight;
         const tableHeight = headerRowHeight + numberOfRows * this.rowHeight;
         const minTableHeight = headerRowHeight + 7 * this.rowHeight;
         if (!numberOfRows)
             return `${overlayNoRowsTemplateHeight}px`;
-        if (this.tableFixedHeight && tableHeight >= convertHeightToPixels(this.tableFixedHeight))
-            return this.tableFixedHeight;
         if (tableHeight < minTableHeight)
             return minTableHeight + pixelUnit;
-        if (tableHeight > this.tableMaxHeight)
-            return this.tableMaxHeight + pixelUnit;
-        return (tableHeight > window.innerHeight) ? (viewportHeight * 0.7) + pixelUnit : tableHeight + pixelUnit;
+        return 'calc(100% - var(--export-buttons-margin) - var(--export-buttons-container-height))';
     }
     updateSelectedRows(params) {
         params.api.forEachNode((node) => {
@@ -716,21 +699,17 @@ class HerumTableComponent {
         return maxHeight;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTableComponent, isStandalone: false, selector: "herum-table", inputs: { rowData: "rowData", columnDefs: "columnDefs", selectedRowsIds: "selectedRowsIds", tableFixedHeight: "tableFixedHeight", tableMaxHeight: "tableMaxHeight", noResults: "noResults", overlayNoRowsTemplate: "overlayNoRowsTemplate", rowsSelectionType: "rowsSelectionType", usePagination: "usePagination", suppressRowClickSelection: "suppressRowClickSelection", showExportToExcel: "showExportToExcel" }, outputs: { onCheckedRow: "onCheckedRow", onUncheckedRow: "onUncheckedRow", selectedRowByChild: "selectedRowByChild", cellValueChangeByChild: "cellValueChangeByChild", cellMouseOver: "cellMouseOver", onPaginationChanged: "onPaginationChanged" }, host: { listeners: { "window:resize": "onResize($event)" } }, providers: [HerumAgGridFilterComponent], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #tableContainer class=\"table-container\">\r\n  <ag-grid-angular\r\n    style=\"height: 100% ;width: 100%\"\r\n    class=\"ag-theme-alpine ag-rtl\"\r\n    [rowData]=\"rowData\"\r\n    [rowSelection]=\"rowsSelectionType\"\r\n    [rowMultiSelectWithClick]=\"true\"\r\n    [columnDefs]=\"columnDefs\"\r\n    [defaultColDef]=\"defaultColDef\"\r\n    [context]=\"context\"\r\n    [components]=\"frameworkComponents\"\r\n    [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n    [enableRtl]=\"true\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [pagination]=\"usePagination\"\r\n    [paginationAutoPageSize]=\"usePagination\"\r\n    [tooltipShowDelay]=\"0\"\r\n    [gridOptions]=\"gridOptions\"\r\n    [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n    (cellMouseOver)=\"_onCellMouseOver($event)\"\r\n    (paginationChanged)=\"_onPaginationChanged($event)\"\r\n    (rowSelected)=\"_onRowSelected($event)\"\r\n    (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n    (filterChanged)=\"_onFilterChanged($event)\"\r\n    (gridReady)=\"_onGridReady($event)\"\r\n    (modelUpdated)=\"_onModelUpdated($event)\"\r\n    (mouseleave)=\"_onGridMouseLeave()\"\r\n    >\r\n  </ag-grid-angular>\r\n  <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n</div>\r\n\r\n<div class=\"export-button-container\" *ngIf=\"showExportToExcel\">\r\n  <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n</div>", styles: [".table-container{position:relative;width:100%;--table-border-color: transparent}.table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.export-button-container{display:flex;justify-content:left;margin-top:12px;margin-left:12px}::ng-deep .hadracha .ag-header-viewport{background-color:var(--icons-color);border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header-viewport *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header-viewport ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;padding:var(--tooltip-padding-size)!important;border-radius:var(--border-radius)!important;font-size:14px!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }, { kind: "component", type: i3$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTableComponent, isStandalone: false, selector: "herum-table", inputs: { rowData: "rowData", columnDefs: "columnDefs", selectedRowsIds: "selectedRowsIds", noResults: "noResults", overlayNoRowsTemplate: "overlayNoRowsTemplate", rowsSelectionType: "rowsSelectionType", usePagination: "usePagination", suppressRowClickSelection: "suppressRowClickSelection", showExportToExcel: "showExportToExcel" }, outputs: { onCheckedRow: "onCheckedRow", onUncheckedRow: "onUncheckedRow", selectedRowByChild: "selectedRowByChild", cellValueChangeByChild: "cellValueChangeByChild", cellMouseOver: "cellMouseOver", onPaginationChanged: "onPaginationChanged" }, host: { listeners: { "window:resize": "onResize($event)" } }, providers: [HerumAgGridFilterComponent], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-layout-container\" [class.show-export-button]=\"showExportToExcel\">\r\n  <div #tableContainer class=\"table-container\">\r\n    <ag-grid-angular style=\"height: 100% ;width: 100%\" class=\"ag-theme-alpine ag-rtl\" [rowData]=\"rowData\"\r\n      [rowSelection]=\"rowsSelectionType\" [rowMultiSelectWithClick]=\"true\" [columnDefs]=\"columnDefs\"\r\n      [defaultColDef]=\"defaultColDef\" [context]=\"context\" [components]=\"frameworkComponents\"\r\n      [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\" [enableRtl]=\"true\" [rowHeight]=\"rowHeight\"\r\n      [pagination]=\"usePagination\" [paginationAutoPageSize]=\"usePagination\" [tooltipShowDelay]=\"0\"\r\n      [gridOptions]=\"gridOptions\" [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n      (cellMouseOver)=\"_onCellMouseOver($event)\" (paginationChanged)=\"_onPaginationChanged($event)\"\r\n      (rowSelected)=\"_onRowSelected($event)\" (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n      (filterChanged)=\"_onFilterChanged($event)\" (gridReady)=\"_onGridReady($event)\"\r\n      (modelUpdated)=\"_onModelUpdated($event)\" (mouseleave)=\"_onGridMouseLeave()\">\r\n    </ag-grid-angular>\r\n    <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n  </div>\r\n\r\n  <div class=\"export-button-container\">\r\n    <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n  </div>\r\n</div>", styles: [":host{--export-buttons-margin: 0px;--export-buttons-container-height: 0px}.table-layout-container{height:100%;width:100%}.table-layout-container .table-container{position:relative;width:100%;--table-border-color: transparent}.table-layout-container .table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.table-layout-container .export-button-container{display:flex;justify-content:left;margin-top:var(--export-buttons-margin);margin-left:var(--export-buttons-margin);height:var(--export-buttons-container-height);overflow:hidden}.table-layout-container.show-export-button{--export-buttons-margin: 12px;--export-buttons-container-height: 32px}::ng-deep .hadracha .ag-header{border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header .ag-header-viewport,::ng-deep .hadracha .ag-header .ag-pinned-right-header{background-color:var(--icons-color)}::ng-deep .hadracha .ag-header *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;border-radius:var(--border-radius)!important;font-size:var(--standard-font-size)!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }, { kind: "component", type: i3$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'herum-table', providers: [HerumAgGridFilterComponent], template: "<div #tableContainer class=\"table-container\">\r\n  <ag-grid-angular\r\n    style=\"height: 100% ;width: 100%\"\r\n    class=\"ag-theme-alpine ag-rtl\"\r\n    [rowData]=\"rowData\"\r\n    [rowSelection]=\"rowsSelectionType\"\r\n    [rowMultiSelectWithClick]=\"true\"\r\n    [columnDefs]=\"columnDefs\"\r\n    [defaultColDef]=\"defaultColDef\"\r\n    [context]=\"context\"\r\n    [components]=\"frameworkComponents\"\r\n    [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n    [enableRtl]=\"true\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [pagination]=\"usePagination\"\r\n    [paginationAutoPageSize]=\"usePagination\"\r\n    [tooltipShowDelay]=\"0\"\r\n    [gridOptions]=\"gridOptions\"\r\n    [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n    (cellMouseOver)=\"_onCellMouseOver($event)\"\r\n    (paginationChanged)=\"_onPaginationChanged($event)\"\r\n    (rowSelected)=\"_onRowSelected($event)\"\r\n    (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n    (filterChanged)=\"_onFilterChanged($event)\"\r\n    (gridReady)=\"_onGridReady($event)\"\r\n    (modelUpdated)=\"_onModelUpdated($event)\"\r\n    (mouseleave)=\"_onGridMouseLeave()\"\r\n    >\r\n  </ag-grid-angular>\r\n  <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n</div>\r\n\r\n<div class=\"export-button-container\" *ngIf=\"showExportToExcel\">\r\n  <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n</div>", styles: [".table-container{position:relative;width:100%;--table-border-color: transparent}.table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.export-button-container{display:flex;justify-content:left;margin-top:12px;margin-left:12px}::ng-deep .hadracha .ag-header-viewport{background-color:var(--icons-color);border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header-viewport *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header-viewport ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;padding:var(--tooltip-padding-size)!important;border-radius:var(--border-radius)!important;font-size:14px!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"] }]
+            args: [{ standalone: false, selector: 'herum-table', providers: [HerumAgGridFilterComponent], template: "<div class=\"table-layout-container\" [class.show-export-button]=\"showExportToExcel\">\r\n  <div #tableContainer class=\"table-container\">\r\n    <ag-grid-angular style=\"height: 100% ;width: 100%\" class=\"ag-theme-alpine ag-rtl\" [rowData]=\"rowData\"\r\n      [rowSelection]=\"rowsSelectionType\" [rowMultiSelectWithClick]=\"true\" [columnDefs]=\"columnDefs\"\r\n      [defaultColDef]=\"defaultColDef\" [context]=\"context\" [components]=\"frameworkComponents\"\r\n      [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\" [enableRtl]=\"true\" [rowHeight]=\"rowHeight\"\r\n      [pagination]=\"usePagination\" [paginationAutoPageSize]=\"usePagination\" [tooltipShowDelay]=\"0\"\r\n      [gridOptions]=\"gridOptions\" [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n      (cellMouseOver)=\"_onCellMouseOver($event)\" (paginationChanged)=\"_onPaginationChanged($event)\"\r\n      (rowSelected)=\"_onRowSelected($event)\" (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n      (filterChanged)=\"_onFilterChanged($event)\" (gridReady)=\"_onGridReady($event)\"\r\n      (modelUpdated)=\"_onModelUpdated($event)\" (mouseleave)=\"_onGridMouseLeave()\">\r\n    </ag-grid-angular>\r\n    <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n  </div>\r\n\r\n  <div class=\"export-button-container\">\r\n    <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n  </div>\r\n</div>", styles: [":host{--export-buttons-margin: 0px;--export-buttons-container-height: 0px}.table-layout-container{height:100%;width:100%}.table-layout-container .table-container{position:relative;width:100%;--table-border-color: transparent}.table-layout-container .table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.table-layout-container .export-button-container{display:flex;justify-content:left;margin-top:var(--export-buttons-margin);margin-left:var(--export-buttons-margin);height:var(--export-buttons-container-height);overflow:hidden}.table-layout-container.show-export-button{--export-buttons-margin: 12px;--export-buttons-container-height: 32px}::ng-deep .hadracha .ag-header{border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header .ag-header-viewport,::ng-deep .hadracha .ag-header .ag-pinned-right-header{background-color:var(--icons-color)}::ng-deep .hadracha .ag-header *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;border-radius:var(--border-radius)!important;font-size:var(--standard-font-size)!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"] }]
         }], propDecorators: { rowData: [{
                 type: Input
             }], columnDefs: [{
                 type: Input
             }], selectedRowsIds: [{
                 type: Input
-            }], tableFixedHeight: [{
-                type: Input
-            }], tableMaxHeight: [{
-                type: Input
             }], noResults: [{
                 type: Input
             }], overlayNoRowsTemplate: [{
@@ -763,6 +742,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['window:resize', ['$event']]
             }] } });
 
+class TextWithIconCell {
+    params;
+    text;
+    iconSrc;
+    textStyle = {};
+    agInit(params) {
+        this.setParams(params);
+    }
+    refresh(params) {
+        this.setParams(params);
+        return true;
+    }
+    setParams(params) {
+        this.params = params;
+        this.text = params.valueFormatted ?? params.value;
+        this.iconSrc = params.iconSrc;
+        this.textStyle = params.styleFormatter ? params.styleFormatter(params) : {};
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TextWithIconCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: TextWithIconCell, isStandalone: false, selector: "app-text-with-icon-cell", ngImport: i0, template: "<div class=\"text-and-icon-container\">\r\n    <img [src]=\"iconSrc\">\r\n    <span class=\"text\" [ngStyle]=\"textStyle\">{{ text }}</span>\r\n</div>", styles: [".text-and-icon-container{display:flex;justify-content:center;gap:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TextWithIconCell, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-text-with-icon-cell', standalone: false, template: "<div class=\"text-and-icon-container\">\r\n    <img [src]=\"iconSrc\">\r\n    <span class=\"text\" [ngStyle]=\"textStyle\">{{ text }}</span>\r\n</div>", styles: [".text-and-icon-container{display:flex;justify-content:center;gap:4px}\n"] }]
+        }] });
+
 class TableModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: TableModule, declarations: [CheckboxCellComponent,
@@ -774,7 +779,8 @@ class TableModule {
             RowActionButtonsComponent,
             SwitchCellComponent,
             HerumTableComponent,
-            HerumAgGridFilterComponent], imports: [CommonModule,
+            HerumAgGridFilterComponent,
+            TextWithIconCell], imports: [CommonModule,
             AtomsModule,
             FormsModule,
             ReactiveFormsModule,
@@ -791,6 +797,7 @@ class TableModule {
             SwitchCellComponent,
             HerumTableComponent,
             HerumAgGridFilterComponent,
+            TextWithIconCell,
             AgGridModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TableModule, imports: [CommonModule,
             AtomsModule,
@@ -814,7 +821,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         RowActionButtonsComponent,
                         SwitchCellComponent,
                         HerumTableComponent,
-                        HerumAgGridFilterComponent
+                        HerumAgGridFilterComponent,
+                        TextWithIconCell
                     ],
                     exports: [
                         CheckboxCellComponent,
@@ -827,6 +835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         SwitchCellComponent,
                         HerumTableComponent,
                         HerumAgGridFilterComponent,
+                        TextWithIconCell,
                         AgGridModule
                     ],
                     imports: [
@@ -842,9 +851,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }]
         }] });
 
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxCellComponent, ChipsCellComponent, CopyableCellComponent, DeleteRowComponent, EditRowComponent, HerumAgGridFilterComponent, HerumTableComponent, InputCellComponent, RowActionButtonsComponent, SwitchCellComponent, TableModule };
+export { CheckboxCellComponent, ChipsCellComponent, CopyableCellComponent, DeleteRowComponent, EditRowComponent, HerumAgGridFilterComponent, HerumTableComponent, InputCellComponent, RowActionButtonsComponent, SwitchCellComponent, TableModule, TextWithIconCell };
 //# sourceMappingURL=herum-shared-table.mjs.map