@esfaenza/es-table 20.3.7 → 20.3.8

package/fesm2022/esfaenza-es-table.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Injectable, input, EventEmitter, signal, computed, effect, Output, ChangeDetectionStrategy, ViewEncapsulation, Component, Input, Self, Directive, Optional, ContentChildren, InjectionToken, Inject, HostListener, ViewChild, Pipe, model, ContentChild, NgModule } from '@angular/core';
+import { Injectable, input, EventEmitter, signal, computed, effect, Output, ChangeDetectionStrategy, ViewEncapsulation, Component, Input, Self, Directive, Optional, ContentChildren, InjectionToken, Inject, HostListener, Pipe, model, ViewChild, ContentChild, NgModule } from '@angular/core';
 import * as i2 from '@esfaenza/localizations';
 import { LocalizationService, LocalizationModule } from '@esfaenza/localizations';
 import * as i5 from '@esfaenza/extensions';
 import { ExtensionsModule } from '@esfaenza/extensions';
-import * as i8 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i5$1 from 'primeng/select';
+import * as i4 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
+import * as i8 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { ReplaySubject, Subject, forkJoin, fromEvent, takeUntil } from 'rxjs';
 import * as i13 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
@@ -87,7 +87,7 @@ class EsTablePagerComponent {
         this._pagingOptions = [10, 15, 30, 45, 100];
         this.PagingOptionsForSelect = computed(() => {
             let defAllValue = this.DefaultAll();
-            let availableOptions = this._pagingOptions.filter(pOpt => pOpt == defAllValue || this.PagerCount() >= pOpt || this.PagerCount() == -1);
+            let availableOptions = this._pagingOptions.filter(pOpt => pOpt == defAllValue || (this.PagerCount() || 0) >= pOpt || this.PagerCount() == -1);
             if (this.AllSearch())
                 availableOptions.push(defAllValue);
             return availableOptions.map(p => { return { description: p == defAllValue ? this.lc.loc("All") : p.toString(), id: p }; });
@@ -107,7 +107,7 @@ class EsTablePagerComponent {
      */
     choice(pageSize) {
         let prevModel = this.Model();
-        if (pageSize == this.DefaultAll() && this.WarnOnAll) {
+        if (pageSize == this.DefaultAll() && this.WarnOnAll()) {
             this.msgExts.simpleWarningWithChoice(this.lc.loc("Are you sure you want to retrieve all results?"), this.lc.loc("This might slow down the page and possibly crash the entire application"), () => {
                 this.pagingSelected.emit(pageSize);
                 this.Model.set(pageSize);
@@ -125,11 +125,11 @@ class EsTablePagerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTablePagerComponent, deps: [{ token: i5.MessageService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: EsTablePagerComponent, isStandalone: false, selector: "es-paging", inputs: { CurrentPageSize: { classPropertyName: "CurrentPageSize", publicName: "CurrentPageSize", isSignal: true, isRequired: false, transformFunction: null }, View: { classPropertyName: "View", publicName: "View", isSignal: true, isRequired: false, transformFunction: null }, WarnOnAll: { classPropertyName: "WarnOnAll", publicName: "WarnOnAll", isSignal: true, isRequired: false, transformFunction: null }, AllSearch: { classPropertyName: "AllSearch", publicName: "AllSearch", isSignal: true, isRequired: false, transformFunction: null }, DefaultAll: { classPropertyName: "DefaultAll", publicName: "DefaultAll", isSignal: true, isRequired: false, transformFunction: null }, GroupMode: { classPropertyName: "GroupMode", publicName: "GroupMode", isSignal: true, isRequired: false, transformFunction: null }, GroupCount: { classPropertyName: "GroupCount", publicName: "GroupCount", isSignal: true, isRequired: false, transformFunction: null }, CountLabel: { classPropertyName: "CountLabel", publicName: "CountLabel", isSignal: true, isRequired: false, transformFunction: null }, ShowCount: { classPropertyName: "ShowCount", publicName: "ShowCount", isSignal: true, isRequired: false, transformFunction: null }, ShowPaging: { classPropertyName: "ShowPaging", publicName: "ShowPaging", isSignal: true, isRequired: false, transformFunction: null }, PagerCount: { classPropertyName: "PagerCount", publicName: "PagerCount", isSignal: true, isRequired: false, transformFunction: null }, Hidden: { classPropertyName: "Hidden", publicName: "Hidden", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pagingSelected: "pagingSelected" }, ngImport: i0, template: "<div *ngIf=\"!Hidden()\" [class.est-mt-4]=\"ShowCount() && PagerCount() != -1 && !(ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1))\">\r\n  <span class=\"est-fs-14\"> {{CountLabel() && !GroupMode() ? CountLabel() : ((GroupMode() ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\r\n  <ng-container *ngIf=\"ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1)\">\r\n\r\n    <p-select  \r\n      style=\"width: 95px\"\r\n      size=\"small\"\r\n      name=\"input\"\r\n      appendTo=\"body\"\r\n      [options]=\"PagingOptionsForSelect()\"\r\n      optionLabel=\"description\"\r\n      optionValue=\"id\"\r\n      [ngModel]=\"Model()\"\r\n      (ngModelChange)=\"choice($event)\"\r\n      />\r\n\r\n    <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount() && PagerCount() != -1\">&nbsp;/&nbsp;</span>\r\n  </ng-container>\r\n  <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount() && PagerCount() != -1\">{{PagerCount() | number : '0.0-0' : lc.Locale}}</span>\r\n</div>", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all,.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:6px 4px 0;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}\n"], dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i8.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: EsTablePagerComponent, isStandalone: false, selector: "es-paging", inputs: { CurrentPageSize: { classPropertyName: "CurrentPageSize", publicName: "CurrentPageSize", isSignal: true, isRequired: false, transformFunction: null }, View: { classPropertyName: "View", publicName: "View", isSignal: true, isRequired: false, transformFunction: null }, WarnOnAll: { classPropertyName: "WarnOnAll", publicName: "WarnOnAll", isSignal: true, isRequired: false, transformFunction: null }, AllSearch: { classPropertyName: "AllSearch", publicName: "AllSearch", isSignal: true, isRequired: false, transformFunction: null }, DefaultAll: { classPropertyName: "DefaultAll", publicName: "DefaultAll", isSignal: true, isRequired: false, transformFunction: null }, GroupMode: { classPropertyName: "GroupMode", publicName: "GroupMode", isSignal: true, isRequired: false, transformFunction: null }, GroupCount: { classPropertyName: "GroupCount", publicName: "GroupCount", isSignal: true, isRequired: false, transformFunction: null }, CountLabel: { classPropertyName: "CountLabel", publicName: "CountLabel", isSignal: true, isRequired: false, transformFunction: null }, ShowCount: { classPropertyName: "ShowCount", publicName: "ShowCount", isSignal: true, isRequired: false, transformFunction: null }, ShowPaging: { classPropertyName: "ShowPaging", publicName: "ShowPaging", isSignal: true, isRequired: false, transformFunction: null }, PagerCount: { classPropertyName: "PagerCount", publicName: "PagerCount", isSignal: true, isRequired: false, transformFunction: null }, Hidden: { classPropertyName: "Hidden", publicName: "Hidden", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pagingSelected: "pagingSelected" }, ngImport: i0, template: "@if (!Hidden()) {\n  <div [class.est-mt-4]=\"ShowCount() && PagerCount() != -1 && !(ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1))\">\n    <span class=\"est-fs-14\"> {{CountLabel() && !GroupMode() ? CountLabel() : ((GroupMode() ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\n    @if (ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1)) {\n      <p-select\n        style=\"width: 95px\"\n        size=\"small\"\n        name=\"input\"\n        appendTo=\"body\"\n        [options]=\"PagingOptionsForSelect()\"\n        optionLabel=\"description\"\n        optionValue=\"id\"\n        [ngModel]=\"Model()\"\n        (ngModelChange)=\"choice($event)\"\n        />\n        @if (ShowCount() && PagerCount() != -1) {\n          <span class=\"est-fs-14 est-ipp-bold\">&nbsp;/&nbsp;</span>\n        }\n      }\n      @if (ShowCount() && PagerCount() != -1) {\n        <span class=\"est-fs-14 est-ipp-bold\">{{PagerCount() | number : '0.0-0' : lc.Locale}}</span>\n      }\n    </div>\n  }", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all,.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:6px 4px 0;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i8.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTablePagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "es-paging", viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"!Hidden()\" [class.est-mt-4]=\"ShowCount() && PagerCount() != -1 && !(ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1))\">\r\n  <span class=\"est-fs-14\"> {{CountLabel() && !GroupMode() ? CountLabel() : ((GroupMode() ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\r\n  <ng-container *ngIf=\"ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1)\">\r\n\r\n    <p-select  \r\n      style=\"width: 95px\"\r\n      size=\"small\"\r\n      name=\"input\"\r\n      appendTo=\"body\"\r\n      [options]=\"PagingOptionsForSelect()\"\r\n      optionLabel=\"description\"\r\n      optionValue=\"id\"\r\n      [ngModel]=\"Model()\"\r\n      (ngModelChange)=\"choice($event)\"\r\n      />\r\n\r\n    <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount() && PagerCount() != -1\">&nbsp;/&nbsp;</span>\r\n  </ng-container>\r\n  <span class=\"est-fs-14 est-ipp-bold\" *ngIf=\"ShowCount() && PagerCount() != -1\">{{PagerCount() | number : '0.0-0' : lc.Locale}}</span>\r\n</div>", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all,.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:6px 4px 0;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}\n"] }]
+            args: [{ selector: "es-paging", viewProviders: [{ provide: LocalizationService, useClass: TablePagerLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!Hidden()) {\n  <div [class.est-mt-4]=\"ShowCount() && PagerCount() != -1 && !(ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1))\">\n    <span class=\"est-fs-14\"> {{CountLabel() && !GroupMode() ? CountLabel() : ((GroupMode() ? 'Shown Groups' : 'Shown Elements') | localize : lc)}}:&nbsp;</span>\n    @if (ShowPaging() && (Model() == DefaultAll() || PagerCount() >= Model() || PagerCount() == -1)) {\n      <p-select\n        style=\"width: 95px\"\n        size=\"small\"\n        name=\"input\"\n        appendTo=\"body\"\n        [options]=\"PagingOptionsForSelect()\"\n        optionLabel=\"description\"\n        optionValue=\"id\"\n        [ngModel]=\"Model()\"\n        (ngModelChange)=\"choice($event)\"\n        />\n        @if (ShowCount() && PagerCount() != -1) {\n          <span class=\"est-fs-14 est-ipp-bold\">&nbsp;/&nbsp;</span>\n        }\n      }\n      @if (ShowCount() && PagerCount() != -1) {\n        <span class=\"est-fs-14 est-ipp-bold\">{{PagerCount() | number : '0.0-0' : lc.Locale}}</span>\n      }\n    </div>\n  }", styles: [".est-rg-ipp-sel-all,.est-rg-ipp-sel,.est-ipp-sel-all,.est-ipp-sel{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block;display:inline}.est-ipp-bold{font-weight:700}.mat-paginator-page-size-select{margin:6px 4px 0;width:50px}.mat-paginator-page-size-select .mat-form-field-wrapper{height:52px!important;margin-top:-15px!important;padding:0!important}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{margin-top:-5.5px!important}\n"] }]
         }], ctorParameters: () => [{ type: i5.MessageService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { CurrentPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "CurrentPageSize", required: false }] }], View: [{ type: i0.Input, args: [{ isSignal: true, alias: "View", required: false }] }], WarnOnAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "WarnOnAll", required: false }] }], AllSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "AllSearch", required: false }] }], DefaultAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "DefaultAll", required: false }] }], GroupMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "GroupMode", required: false }] }], GroupCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "GroupCount", required: false }] }], CountLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "CountLabel", required: false }] }], ShowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "ShowCount", required: false }] }], ShowPaging: [{ type: i0.Input, args: [{ isSignal: true, alias: "ShowPaging", required: false }] }], PagerCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "PagerCount", required: false }] }], Hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "Hidden", required: false }] }], pagingSelected: [{
                 type: Output
             }] } });
@@ -331,10 +331,6 @@ class EsThDirective {
     /** @ignore */
     constructor(Template) {
         this.Template = Template;
-        /** Variabile interna all'interno della quale viene raccolta la cache delle aggregazioni specificate in thAggregation */
-        this._thAggregations = null;
-        /** Variabile interna contenente in maniera ordinata i template dei padri */
-        this._thParents = null;
         /** Variabile interna che indica il fatto che questo componente è una direttiva. Serve per disambigualrlo dell'EsThComponent */
         this._directive = true;
         /** Variabile interna impostata dall'**EsTable**, per controllare che ci sia almeno un TD che utilizzi quest'header */
@@ -356,7 +352,7 @@ class EsThDirective {
         /** Indica se la colonna è fixed, cioè se non può né essere nascosta, né riposizionata. Solo le prime colonne possono essere Fixed */
         this.thFixed = false;
         /** Indica che la colonna è sotto ad un raggruppamento padre, con questo nome nel **th** */
-        this.thParent = "";
+        this.thParent = null;
         /** Indica se questa colonna è ordinabile o meno */
         this.thOrderable = true;
         /** Indica se il testo presente in questo Header può andare a capo o meno, di default non può */
@@ -709,7 +705,7 @@ class ColumnMetadataHandler {
             else
                 this.est.emitSearchRequest(false);
         }
-        else if (this.est.arrayMode)
+        else if (this.est.arrayMode())
             this.est.internalWriteValue();
     }
     /**
@@ -727,9 +723,9 @@ class ColumnMetadataHandler {
             return false;
         }
         let arrMode = this.est.arrayMode();
-        let columns = arrMode ? this.est.arrayColumns : castedView.columns;
-        let columnsOrderings = arrMode ? this.est.arrayColumnOrdering : castedView.column_ordering;
-        let columnOrders = arrMode ? [] : castedView.orders;
+        let columns = arrMode ? this.est.arrayColumns : (castedView?.columns || []);
+        let columnsOrderings = arrMode ? this.est.arrayColumnOrdering : (castedView?.column_ordering || []);
+        let columnOrders = arrMode ? [] : (castedView?.orders || []);
         var toStore = {
             columns: this.utiExts.deepClone(columns),
             column_ordering: this.utiExts.deepClone(columnsOrderings),
@@ -903,7 +899,7 @@ class ColumnMetadataHandler {
         for (let i = 0; i < ths.length; i++) {
             let th = ths[i];
             // Riassegno sempre per ripulire valori di partenza o per aggiornarli in caso di modifiche utente
-            th.thPinned = (!columnsCache[th.th] && th.thPinned) || (columnsCache[th.th] && columnsCache[th.th].pinned);
+            th.thPinned = !!((!columnsCache[th.th] && th.thPinned) || (columnsCache[th.th] && columnsCache[th.th].pinned));
             if (th.thPinned) {
                 if (i != pinneds)
                     this.utilities.arrayMove(ths, i, pinneds);
@@ -935,7 +931,7 @@ class ColumnMetadataHandler {
         for (let i = 0; i < this.est.ColumnsList.length; i++) {
             let col = this.est.ColumnsList[i];
             if (col.pinned && col.visible)
-                pcw += col.pinnedWidth;
+                pcw += col.pinnedWidth || 0;
         }
         pcw += this.est.Selection() ? 25 : 0;
         this.est.PinnedContainerWidth.set(pcw);
@@ -998,7 +994,7 @@ class ColumnMetadataHandler {
             });
             // Recupero anche campi nuovi che nell'iterazione vecchia non c'erano (serve durante lo sviluppo in modo da non perdersi fra un EDIT + F5 e l'altro)
             this.est.ColumnsList.forEach(c => {
-                if (!newColList.find(t => t == c.id))
+                if (!newColList.find(t => t.id == c.id))
                     newColList.push(c);
             });
             this.est.ColumnsList = newColList;
@@ -1040,7 +1036,7 @@ class ColumnMetadataHandler {
             // Definisco se la colonna è visibile in base alla sua rappresentazione locale in ColumnsList
             for (let i = 0; i < ths.length; i++) {
                 let th = ths[i];
-                th.thVisible = th.thFixed || (columnsCache[th.th] ? columnsCache[th.th].visible : th.thVisible);
+                th.thVisible = !!(th.thFixed || (columnsCache[th.th] ? columnsCache[th.th].visible : th.thVisible));
                 if (th.thFixed || th.thGroup)
                     fixedThs[th.th] = true;
             }
@@ -1049,7 +1045,7 @@ class ColumnMetadataHandler {
             // Definisco se la cella è visibile in base alla sua rappresentazione locale in ColumnsList
             for (let i = 0; i < tds.length; i++) {
                 let td = tds[i];
-                td.tdVisible = fixedThs[td.td] || (columnsCache[td.td] ? columnsCache[td.td].visible : td.tdVisible);
+                td.tdVisible = !!(fixedThs[td.td] || (columnsCache[td.td] ? columnsCache[td.td].visible : td.tdVisible));
             }
         }
         this.est.changed();
@@ -1064,7 +1060,7 @@ class ColumnMetadataHandler {
         let orders = view ? view.orders : this.est.arrayOrders;
         for (let i = 0; i < ths.length; i++) {
             let th = ths[i];
-            th.thOrder = null;
+            th.thOrder = undefined;
             for (let i = 0; i < orders.length; i++) {
                 let or = orders[i];
                 if (or.id == th.th)
@@ -1164,13 +1160,13 @@ class ColumnMetadataHandler {
                     currentSpan++;
                 else {
                     if (currentSpan > 0)
-                        levelArray.push({ ID: `${currentParent ? infos.thsCache[currentParent].th : 'noth'}_${currentSpan}`, Span: currentSpan, Template: currentParent ? infos.thsCache[currentParent].Template : null, Content: currentParent ? infos.thsCache[currentParent]._multi_content : null, Borders: !!currentParent });
+                        levelArray.push({ ID: `${currentParent ? infos.thsCache[currentParent].th : 'noth'}_${currentSpan}`, Span: currentSpan, Template: currentParent ? infos.thsCache[currentParent].Template : null, Content: currentParent ? infos.thsCache[currentParent]._multi_content : undefined, Borders: !!currentParent });
                     currentSpan = 1;
                     currentParent = item;
                 }
             }
             // Ultima aggiunta che altrimenti mi rimarrebbe in cache
-            levelArray.push({ ID: `${currentParent ? infos.thsCache[currentParent].th : 'noth'}_${currentSpan}`, Span: currentSpan, Template: currentParent ? infos.thsCache[currentParent].Template : null, Content: currentParent ? infos.thsCache[currentParent]._multi_content : null, Borders: !!currentParent });
+            levelArray.push({ ID: `${currentParent ? infos.thsCache[currentParent].th : 'noth'}_${currentSpan}`, Span: currentSpan, Template: currentParent ? infos.thsCache[currentParent].Template : null, Content: currentParent ? infos.thsCache[currentParent]._multi_content : undefined, Borders: !!currentParent });
             // Aggiungo i pezzettini per la rimozione e gli export, se presenti
             if (this.est.Removal())
                 levelArray.push({ ID: "_base_removal", Span: 1, Template: null });
@@ -1286,7 +1282,7 @@ class ColumnMetadataHandler {
                 this.est.TMPRowTDs[this.est.RowContexts[i]] = newContext;
             }
         }
-        if (this.est.viewMode())
+        if (this.est.viewMode() && view)
             view.column_ordering = this.est.OrderDirectives;
         else
             this.est.arrayColumnOrdering = this.est.OrderDirectives;
@@ -1326,6 +1322,8 @@ class ColumnMetadataHandler {
      * @param {EsTableColumn} columnItem Colonna da spostare
      */
     pinOrUnpinColumn(columnItem) {
+        if (!columnItem)
+            return;
         let itemIndex = this.est.TMPColumnsList.indexOf(columnItem);
         if (!columnItem.pinned) {
             columnItem.prev_index = itemIndex;
@@ -1372,7 +1370,7 @@ class ColumnMetadataHandler {
         this.est.TMPColumnsList = [];
         this.est.ColumnsList.forEach(c => { this.est.TMPColumnsList.push(Object.assign({}, c)); });
         let reorderedColList = [];
-        if (this.est.ColumnsOrdering) {
+        if (this.est.ColumnsOrdering()) {
             this.est.OrderDirectives.forEach(o => {
                 let column = this.est.TMPColumnsList.filter(t => t.id == o)[0];
                 // Potrei non averne nel caso ci sia il flag HiddenColumns a false, evito di inserire degli undefined
@@ -2688,7 +2686,6 @@ class SelectionHandler {
             // Funzione assegnata dopo in modo da poterle fare anche aggiornare il valore del riferimento all'oggetto di selezione
             iper.val_setter = (value) => {
                 if (!th.thProperty) {
-                    item[th.thProperty] = value;
                     iper.value = value;
                     return value;
                 }
@@ -2758,7 +2755,7 @@ class SelectionHandler {
         // Se tutti gli oggetti di questa pagina sono solezionati allora posso mettere il global check a true
         // Se sono in situazione di all-select anche metto la global checkbox, nonostante ci possano essere delle esclusioni
         this.est.globalCheck.set(this.est.boundSource().length > 0 && this.est.boundSource().filter(t => t._group || t._item).every(t => t._selected));
-        this.est.canSelectAll.set(selectionItem.count > 0 && this.est.SelectAll() && !this.est.SingleSelection());
+        this.est.canSelectAll.set(selectionItem?.count > 0 && !!this.est.SelectAll() && !this.est.SingleSelection());
         // Potrebbe cambiare qualora qualcuno inserisse dati a manazza in modalità Array e desse il refresh manuale alla tabella
         // Comunque costa 0 quindi mi permetto di refreshare
         if (this.est.arrayMode()) {
@@ -2845,10 +2842,10 @@ class SelectionHandler {
                 let pts = this.parentTreeStatus(item);
                 parentGroupSelected = pts == 'included';
                 parentGroupUnselected = pts == 'excluded';
-                allItems = this.getGroupItems(si, item, null, true);
+                allItems = this.getGroupItems(si, item, undefined, true);
                 selectedItems = this.getGroupItems(si, item, 'selected', true, allItems);
                 unselectedItems = this.getGroupItems(si, item, 'unselected', true, allItems);
-                allGroups = this.getGroupChildGroups(si, item, null, true);
+                allGroups = this.getGroupChildGroups(si, item, undefined, true);
                 selectedGroups = this.getGroupChildGroups(si, item, 'selected', true, allGroups);
                 unselectedGroups = this.getGroupChildGroups(si, item, 'unselected', true, allGroups);
             }
@@ -2876,7 +2873,7 @@ class SelectionHandler {
      */
     performSimpleSelectionOperations(base, item, group, sel, itm_group, sel_itm, desel_itm, all_itms, all_grps) {
         let tripticItem = this.getTriptic('item', base);
-        if (group) {
+        if (group && all_grps) {
             if (sel) {
                 all_grps.forEach(gr => { gr._selected = true; });
                 if (desel_itm)
@@ -2909,7 +2906,7 @@ class SelectionHandler {
     selectGroup(group) {
         group._selected = true;
         let parent = this.getGroupParent(group);
-        if (parent && this.getGroupChildGroups(null, parent, null, true).every(t => t._selected))
+        if (parent && this.getGroupChildGroups(null, parent, undefined, true).every(t => t._selected))
             this.selectGroup(parent);
     }
     /**
@@ -2970,6 +2967,8 @@ class SelectionHandler {
     }
     /** Helper per evitare di riscrivere ogni santa volta array.splice(array.indexof(item), 1); */
     removeItem(item, triptic) {
+        if (!triptic)
+            return false;
         let index = triptic.index_cache.get(item._hash);
         if (index != null) {
             triptic.cache.delete(item._hash);
@@ -2980,6 +2979,8 @@ class SelectionHandler {
     }
     /** Helper per evitare di riscrivere ogni santa volta array.push(item); e la gestione della  */
     addItem(item, triptic) {
+        if (!triptic)
+            return false;
         if (triptic.index_cache.get(item._hash) == null) {
             let i = triptic.array.push(item) - 1;
             triptic.cache.set(item._hash, item);
@@ -3163,7 +3164,7 @@ class SelectionHandler {
             this.clearSelectionCaches();
         }
         // Se la possibilità di fare "Seleziona tutto" è abilitata allora la considero appena mi viene selezionato qualcosa
-        this.est.canSelectAll.set(selectionItem.count > 0 && this.est.SelectAll() && !this.est.SingleSelection());
+        this.est.canSelectAll.set(selectionItem?.count > 0 && !!this.est.SelectAll() && !this.est.SingleSelection());
     }
     /** Compatta una cache di indici */
     compactIndexMap(map) {
@@ -3182,7 +3183,7 @@ class SelectionHandler {
         let si = this.est.View?.selection || this.est.arraymodeSelection;
         let excByGroup = si.group_exclusions.reduce((prev, curr) => prev + curr.count, 0);
         let incByGroup = si.groups.reduce((prev, curr) => prev + curr.count, 0);
-        let count = (si.all ? this.est.BaseItemsCount : incByGroup) - excByGroup + si.items.length - si.exclusions.length;
+        let count = (si.all ? (this.est.BaseItemsCount || 0) : incByGroup) - excByGroup + si.items.length - si.exclusions.length;
         this.est.selectedObjects.set(count);
         return count;
     }
@@ -3320,7 +3321,7 @@ class SelectionHandler {
     /**
      * Ottiene la rappresentazione stringa di un valore dato un tipo
      *
-     * @param {{ value: string, type: InputType }} valType Oggetto Valore - Tipo da cui estrapolare la rappresentazione del dato in stringa
+     * @param {ItemPropEditableReference} valType Oggetto Valore - Tipo da cui estrapolare la rappresentazione del dato in stringa
      *
      * @returns {string} Valore convertito in stringa in base al tipo
      */
@@ -3333,16 +3334,18 @@ class SelectionHandler {
             case 'boolean':
             case 'enum':
             case 'autocomplete':
-                return valType.value;
+                return valType.value || "";
             case 'float':
             case 'currency':
-                return parseFloat(valType.value).toLocaleString(this.est.lc.Locale);
+                return parseFloat(valType.value || "").toLocaleString(this.est.lc.Locale);
             case 'date':
                 return dayjs(valType.value).format(this.est.lc.token("getSmallDateDisplayFormat"));
             case 'datetime':
                 return dayjs(valType.value).format(this.est.lc.token("getFullDateDisplayFormat"));
             case 'time':
                 return dayjs(valType.value).format("HH:mm:ss");
+            default:
+                return valType.value || "";
         }
     }
 }
@@ -3548,6 +3551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class EsTh {
     setUnderlyingSignal(signalName, value) {
         this[signalName].set(value);
+        return value;
     }
     /** @ignore */
     constructor(myself, renderer) {
@@ -3562,11 +3566,11 @@ class EsTh {
          *
          * nuova width = startOffset + posizione X del mouse
          */
-        this.startOffset = null;
+        this.startOffset = 0;
         /** Id della colonna, dev'essere lo stesso per tutti gli **EsTd** relativi */
         this.ID = input("", ...(ngDevMode ? [{ debugName: "ID", alias: "es-th" }] : [{ alias: "es-th" }]));
         /** Ordinamento attuale della colonna */
-        this._Order = input(null, ...(ngDevMode ? [{ debugName: "_Order", alias: 'Order', transform: this.setUnderlyingSignal.bind(this, "Order") }] : [{ alias: 'Order', transform: this.setUnderlyingSignal.bind(this, "Order") }]));
+        this._Order = input(null, ...(ngDevMode ? [{ debugName: "_Order", alias: 'Order', transform: (value) => this.setUnderlyingSignal("Order", value) }] : [{ alias: 'Order', transform: (value) => this.setUnderlyingSignal("Order", value) }]));
         this.Order = signal(null, ...(ngDevMode ? [{ debugName: "Order" }] : []));
         /** Indica se questa colonna è ordinabile o meno */
         this.Orderable = input(true, ...(ngDevMode ? [{ debugName: "Orderable" }] : []));
@@ -3587,8 +3591,6 @@ class EsTh {
         this.Wrap = input(false, ...(ngDevMode ? [{ debugName: "Wrap" }] : []));
         /** Indica se la colonna è fixed, cioè se non può né essere nascosta, né riposizionata. Solo le prime colonne possono essere Fixed */
         this.Fixed = input(false, ...(ngDevMode ? [{ debugName: "Fixed" }] : []));
-        /** Template Angular da istanziare per questo TH */
-        this.Template = null;
         /** Evento emesso al cambio di ordinamento effettuato su questa colonna */
         this.onOrderChange = new EventEmitter();
         /** Evento emesso all'unpinning della colonna */
@@ -3597,10 +3599,6 @@ class EsTh {
         this.Class = signal("", ...(ngDevMode ? [{ debugName: "Class" }] : []));
         /** Impostato dall'**EsTable**, per controllare che ci sia almeno un TD che utilizzi quest'header */
         this._referenced = signal(false, ...(ngDevMode ? [{ debugName: "_referenced" }] : []));
-        /** Variabile finale su cui è bindato il contenuto della cella. Sarà valorizzato a **Display** se specificato, all'**innerHTML** dell'elemento proiettato altrimenti */
-        this.Description = computed(() => {
-            return this.Display() === null || this.Display() === "" ? this.content.nativeElement.innerText : this.Display();
-        }, ...(ngDevMode ? [{ debugName: "Description" }] : []));
     }
     /**
      * Imposta la visibilità o meno della colonna, si traduce nell'applicazione o rimozione della classe **app-display-none**
@@ -3626,7 +3624,6 @@ class EsTh {
     }
     /** @ignore */
     ngAfterViewInit() {
-        //Assegnare direttamente il content è più veloce che passare dal native element per qualche motivo
         this.Class.set(this.myself.nativeElement.className.replace("app-display-none", ""));
         //Resize
         if (this.Resizable())
@@ -3684,20 +3681,15 @@ class EsTh {
         $event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTh, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: EsTh, isStandalone: false, selector: "[es-th]", inputs: { ID: { classPropertyName: "ID", publicName: "es-th", isSignal: true, isRequired: false, transformFunction: null }, _Order: { classPropertyName: "_Order", publicName: "Order", isSignal: true, isRequired: false, transformFunction: null }, Orderable: { classPropertyName: "Orderable", publicName: "Orderable", isSignal: true, isRequired: false, transformFunction: null }, Display: { classPropertyName: "Display", publicName: "Display", isSignal: true, isRequired: false, transformFunction: null }, Resizable: { classPropertyName: "Resizable", publicName: "Resizable", isSignal: true, isRequired: false, transformFunction: null }, Pinned: { classPropertyName: "Pinned", publicName: "Pinned", isSignal: true, isRequired: false, transformFunction: null }, SearchInProgress: { classPropertyName: "SearchInProgress", publicName: "SearchInProgress", isSignal: true, isRequired: false, transformFunction: null }, OrderBy: { classPropertyName: "OrderBy", publicName: "OrderBy", isSignal: true, isRequired: false, transformFunction: null }, Wrap: { classPropertyName: "Wrap", publicName: "Wrap", isSignal: true, isRequired: false, transformFunction: null }, Fixed: { classPropertyName: "Fixed", publicName: "Fixed", isSignal: true, isRequired: false, transformFunction: null }, Template: { classPropertyName: "Template", publicName: "Template", isSignal: false, isRequired: false, transformFunction: null }, Visible: { classPropertyName: "Visible", publicName: "Visible", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOrderChange: "onOrderChange", onUnpinning: "onUnpinning" }, host: { listeners: { "window:mouseup.out-zone": "onMouseUp()", "window:mousemove.out-zone": "onMouseMove($event)" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span (click)=\"setupNextOrderAndNotify()\" [class.app-no-selection]=\"!!ID() && Orderable()\" [class.app-pointer]=\"!!ID() && Orderable()\">\r\n    <span #content>\r\n        <ng-container *ngIf=\"!!Template\">\r\n            <ng-container *ngTemplateOutlet=\"Template\"></ng-container>\r\n        </ng-container>\r\n        <ng-content *ngIf=\"!Template\"></ng-content>\r\n    </span>&nbsp;\r\n    <span class=\"fa\" [class.fa-chevron-down]=\"Order() == 'DESC'\" [class.fa-chevron-up]=\"Order() == 'ASC'\"></span>\r\n</span>\r\n<span *ngIf=\"Pinned() && !Fixed()\" class=\"app-pointer fa fa-thumb-tack est-quick-unpin\" (click)=\"unpin()\"></span>\r\n<div [hidden]=\"!Resizable() || Fixed() || Pinned()\" class=\"est-head-resizer\" (mousedown)=\"onResizeStart($event)\">\r\n    <div class=\"est-head-resizer-internal\"></div>\r\n</div>", dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: EsTh, isStandalone: false, selector: "[es-th]", inputs: { ID: { classPropertyName: "ID", publicName: "es-th", isSignal: true, isRequired: false, transformFunction: null }, _Order: { classPropertyName: "_Order", publicName: "Order", isSignal: true, isRequired: false, transformFunction: null }, Orderable: { classPropertyName: "Orderable", publicName: "Orderable", isSignal: true, isRequired: false, transformFunction: null }, Display: { classPropertyName: "Display", publicName: "Display", isSignal: true, isRequired: false, transformFunction: null }, Resizable: { classPropertyName: "Resizable", publicName: "Resizable", isSignal: true, isRequired: false, transformFunction: null }, Pinned: { classPropertyName: "Pinned", publicName: "Pinned", isSignal: true, isRequired: false, transformFunction: null }, SearchInProgress: { classPropertyName: "SearchInProgress", publicName: "SearchInProgress", isSignal: true, isRequired: false, transformFunction: null }, OrderBy: { classPropertyName: "OrderBy", publicName: "OrderBy", isSignal: true, isRequired: false, transformFunction: null }, Wrap: { classPropertyName: "Wrap", publicName: "Wrap", isSignal: true, isRequired: false, transformFunction: null }, Fixed: { classPropertyName: "Fixed", publicName: "Fixed", isSignal: true, isRequired: false, transformFunction: null }, Visible: { classPropertyName: "Visible", publicName: "Visible", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOrderChange: "onOrderChange", onUnpinning: "onUnpinning" }, host: { listeners: { "window:mouseup.out-zone": "onMouseUp()", "window:mousemove.out-zone": "onMouseMove($event)" } }, ngImport: i0, template: "<span (click)=\"setupNextOrderAndNotify()\" [class.app-no-selection]=\"!!ID() && Orderable()\" [class.app-pointer]=\"!!ID() && Orderable()\">\n  <ng-content></ng-content>&nbsp;\n  <span class=\"fa\" [class.fa-chevron-down]=\"Order() == 'DESC'\" [class.fa-chevron-up]=\"Order() == 'ASC'\"></span>\n</span>\n@if (Pinned() && !Fixed()) {\n<span class=\"app-pointer fa fa-thumb-tack est-quick-unpin\" (click)=\"unpin()\"></span>\n}\n<div [hidden]=\"!Resizable() || Fixed() || Pinned()\" class=\"est-head-resizer\" (mousedown)=\"onResizeStart($event)\">\n  <div class=\"est-head-resizer-internal\"></div>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTh, decorators: [{
             type: Component,
-            args: [{ selector: "[es-th]", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span (click)=\"setupNextOrderAndNotify()\" [class.app-no-selection]=\"!!ID() && Orderable()\" [class.app-pointer]=\"!!ID() && Orderable()\">\r\n    <span #content>\r\n        <ng-container *ngIf=\"!!Template\">\r\n            <ng-container *ngTemplateOutlet=\"Template\"></ng-container>\r\n        </ng-container>\r\n        <ng-content *ngIf=\"!Template\"></ng-content>\r\n    </span>&nbsp;\r\n    <span class=\"fa\" [class.fa-chevron-down]=\"Order() == 'DESC'\" [class.fa-chevron-up]=\"Order() == 'ASC'\"></span>\r\n</span>\r\n<span *ngIf=\"Pinned() && !Fixed()\" class=\"app-pointer fa fa-thumb-tack est-quick-unpin\" (click)=\"unpin()\"></span>\r\n<div [hidden]=\"!Resizable() || Fixed() || Pinned()\" class=\"est-head-resizer\" (mousedown)=\"onResizeStart($event)\">\r\n    <div class=\"est-head-resizer-internal\"></div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ID: [{ type: i0.Input, args: [{ isSignal: true, alias: "es-th", required: false }] }], _Order: [{ type: i0.Input, args: [{ isSignal: true, alias: "Order", required: false }] }], Orderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "Orderable", required: false }] }], Display: [{ type: i0.Input, args: [{ isSignal: true, alias: "Display", required: false }] }], Resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "Resizable", required: false }] }], Pinned: [{ type: i0.Input, args: [{ isSignal: true, alias: "Pinned", required: false }] }], SearchInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "SearchInProgress", required: false }] }], OrderBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "OrderBy", required: false }] }], Wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "Wrap", required: false }] }], Fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "Fixed", required: false }] }], Template: [{
-                type: Input
-            }], onOrderChange: [{
+            args: [{ selector: "[es-th]", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span (click)=\"setupNextOrderAndNotify()\" [class.app-no-selection]=\"!!ID() && Orderable()\" [class.app-pointer]=\"!!ID() && Orderable()\">\n  <ng-content></ng-content>&nbsp;\n  <span class=\"fa\" [class.fa-chevron-down]=\"Order() == 'DESC'\" [class.fa-chevron-up]=\"Order() == 'ASC'\"></span>\n</span>\n@if (Pinned() && !Fixed()) {\n<span class=\"app-pointer fa fa-thumb-tack est-quick-unpin\" (click)=\"unpin()\"></span>\n}\n<div [hidden]=\"!Resizable() || Fixed() || Pinned()\" class=\"est-head-resizer\" (mousedown)=\"onResizeStart($event)\">\n  <div class=\"est-head-resizer-internal\"></div>\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ID: [{ type: i0.Input, args: [{ isSignal: true, alias: "es-th", required: false }] }], _Order: [{ type: i0.Input, args: [{ isSignal: true, alias: "Order", required: false }] }], Orderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "Orderable", required: false }] }], Display: [{ type: i0.Input, args: [{ isSignal: true, alias: "Display", required: false }] }], Resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "Resizable", required: false }] }], Pinned: [{ type: i0.Input, args: [{ isSignal: true, alias: "Pinned", required: false }] }], SearchInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "SearchInProgress", required: false }] }], OrderBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "OrderBy", required: false }] }], Wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "Wrap", required: false }] }], Fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "Fixed", required: false }] }], onOrderChange: [{
                 type: Output
             }], onUnpinning: [{
                 type: Output
-            }], content: [{
-                type: ViewChild,
-                args: ["content", { static: false }]
             }], Visible: [{
                 type: Input
             }], onMouseUp: [{
@@ -3853,12 +3845,13 @@ class EstRendererPipe {
         this.logger = logger;
     }
     transform(propName, params) {
+        if (!params.src)
+            return params.fallback;
         var EsTd = null;
         // Perf. Version di `params.src.find((item) => params.name ? item.td === params.name : item.tdForProperty === propName);`
         for (let i = 0; i < params.src.length; i++) {
             let item = params.src.get(i);
-            if (params.name && item.td === params.name ||
-                !params.name && item.tdForProperty === propName) {
+            if (params.name && item.td === params.name || !params.name && item.tdForProperty === propName) {
                 EsTd = item;
                 break;
             }
@@ -3889,12 +3882,13 @@ class EstEditorPipe {
         this.logger = logger;
     }
     transform(propName, params) {
+        if (!params.src)
+            return params.fallback;
         var Editor = null;
         // Perf. Version di `params.src.find((item) => params.name ? item.editor === params.name : item.editorForProperty === propName);`
         for (let i = 0; i < params.src.length; i++) {
             let item = params.src.get(i);
-            if (params.name && item.editor === params.name ||
-                !params.name && item.editorForProperty === propName) {
+            if (params.name && item.editor === params.name || !params.name && item.editorForProperty === propName) {
                 Editor = item;
                 break;
             }
@@ -3947,11 +3941,12 @@ class EsTableDefaultable {
 /** Componente che permette di rappresentare una griglia di valori */
 class EsTableComponent {
     /** @ignore */
-    constructor(_zone, ngControl, prefService, deafults, exportGlobalAcl, lc, cdr, utilities_H, utiExts, expExts, dateExts, msgExts, copyPasteDetector, clipboardService, logger, emb, rendererRef) {
+    constructor(_zone, ngControl, prefService, deafults, debugMode, exportGlobalAcl, lc, cdr, utilities_H, utiExts, expExts, dateExts, msgExts, copyPasteDetector, clipboardService, logger, emb, rendererRef) {
         this._zone = _zone;
         this.ngControl = ngControl;
         this.prefService = prefService;
         this.deafults = deafults;
+        this.debugMode = debugMode;
         this.exportGlobalAcl = exportGlobalAcl;
         this.lc = lc;
         this.cdr = cdr;
@@ -3975,7 +3970,7 @@ class EsTableComponent {
         /** View finale su cui bindarsi lato Frontend, il tipo può essere IAppSearch<any> (per la **viewMode**), any[] (per l'**arrayMode**) */
         this.View = null; // TODO: signal
         /** Modello da cui l'es-table mostra i pulsanti di paginazione in basso a destra */
-        this.arrayPulsanti = signal(null, ...(ngDevMode ? [{ debugName: "arrayPulsanti" }] : []));
+        this.arrayPulsanti = signal([], ...(ngDevMode ? [{ debugName: "arrayPulsanti" }] : []));
         /** Indica se l'es-table deve mostrare il check globale nell'header per fare il "seleziona tutto" */
         this.globalCheck = model(false, ...(ngDevMode ? [{ debugName: "globalCheck" }] : []));
         /** Conteggio interno per il numero di elementi selezionati */
@@ -4006,19 +4001,19 @@ class EsTableComponent {
         /** Impostata a true ogni volta che viene avviata una ricerca, e a false ogni volta che un nuovo valore viene ricevuto */
         this.researchInProgress = model(false, ...(ngDevMode ? [{ debugName: "researchInProgress" }] : []));
         /** Modello di appoggio temporaneo per i **RowTDs** */
-        this.TMPRowTDs = null;
+        this.TMPRowTDs = {};
         /** Modello rappresentante un dizionario di righe della tabella, con chiave l'hash e valore la lista di celle */
-        this.RowTDs = null;
+        this.RowTDs = {};
         /** Indica se **RowTDs** è un oggetto vuoto o meno */
         this.EmptyRowTds = signal(true, ...(ngDevMode ? [{ debugName: "EmptyRowTds" }] : []));
         /** Modello di appoggio temporaneo per i **RowTHs** */
-        this.TMPRowTHs = null;
+        this.TMPRowTHs = [];
         /** Modello rappresentante un singolo th della tabella, generato in base alle configurazioni e agli oggetti ricevuti */
-        this.RowTHs = null;
+        this.RowTHs = [];
         /** Modello di appoggio temporaneo per i **RowThGroups** */
-        this.TMPRowThGroups = null;
+        this.TMPRowThGroups = [];
         /** Modello rappresentante un singolo header group della tabella. Questa lista è già ordinata e pronta per essere utilizzata in ngFor */
-        this.RowThGroups = null;
+        this.RowThGroups = [];
         /**
          * Lista dei contesti. Un contesto non è altro che un hash particolare calcolato su un oggetto che identifica univocamente tale oggetto.
          *
@@ -4057,7 +4052,7 @@ class EsTableComponent {
         /** Valore del check globale di visibilità valido per tutte le colonne in **ColumnsList** */
         this.globalColVisCheck = model(false, ...(ngDevMode ? [{ debugName: "globalColVisCheck" }] : []));
         /** Opzioni extra che devono apparire nel Menù contestuale in alto a destra, richiamato dai 3 pallini verticali */
-        this.CornerMenuOptions = input(null, ...(ngDevMode ? [{ debugName: "CornerMenuOptions" }] : []));
+        this.CornerMenuOptions = input([], ...(ngDevMode ? [{ debugName: "CornerMenuOptions" }] : []));
         /** Indica se dev'essere possibile effettuare il resize delle colonne */
         this._ColumnsResizable = input(null, ...(ngDevMode ? [{ debugName: "_ColumnsResizable", alias: "ColumnsResizable" }] : [{ alias: "ColumnsResizable" }]));
         this.ColumnsResizable = signal(null, ...(ngDevMode ? [{ debugName: "ColumnsResizable" }] : []));
@@ -4068,32 +4063,32 @@ class EsTableComponent {
         this._AutoUpdate = input(null, ...(ngDevMode ? [{ debugName: "_AutoUpdate", alias: "AutoUpdate" }] : [{ alias: "AutoUpdate" }]));
         this.AutoUpdate = signal(null, ...(ngDevMode ? [{ debugName: "AutoUpdate" }] : []));
         /** Indica l'altezza cablata che deve assumere la tabella. Es: "100px" | "100%" ...  */
-        this.Height = input(null, ...(ngDevMode ? [{ debugName: "Height" }] : []));
+        this.Height = input(undefined, ...(ngDevMode ? [{ debugName: "Height" }] : []));
         /** Indica il colore di sfondo dello spazio vuoto (non ricoperto da dati). Particolarmente utile da impostare in caso di **Height** diverso da null  */
-        this.EmptySpaceBackgroundColor = input(null, ...(ngDevMode ? [{ debugName: "EmptySpaceBackgroundColor" }] : []));
+        this.EmptySpaceBackgroundColor = input("", ...(ngDevMode ? [{ debugName: "EmptySpaceBackgroundColor" }] : []));
         /** Indica se dev'essere l'estable a gestire la ricerca, anche la prima.  **/
         this.EsTableHandledSearch = input(false, ...(ngDevMode ? [{ debugName: "EsTableHandledSearch" }] : []));
         /** Permette di impostare l'altezza massima della tabella. Se null la dimensione si adatta al numero di elementi attualmente in visualizzazione */
-        this.MaxHeight = input(null, ...(ngDevMode ? [{ debugName: "MaxHeight" }] : []));
+        this.MaxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "MaxHeight" }] : []));
         /** Classi da applicare al contenitore della tabella */
         this._ContainerClass = input(null, ...(ngDevMode ? [{ debugName: "_ContainerClass", alias: "ContainerClass" }] : [{ alias: "ContainerClass" }]));
         this.ContainerClass = signal(null, ...(ngDevMode ? [{ debugName: "ContainerClass" }] : []));
         /** Permette o meno l'export in formato XLSX */
-        this.XLSXExport = input(null, ...(ngDevMode ? [{ debugName: "XLSXExport" }] : []));
+        this.XLSXExport = input(false, ...(ngDevMode ? [{ debugName: "XLSXExport" }] : []));
         /** Permette o meno l'export in formato CSV */
         this.CSVExport = input(true, ...(ngDevMode ? [{ debugName: "CSVExport" }] : []));
         /** Permette di visualizzare o meno l'opzione di paginazione "Tutti" */
         this._AllSearch = input(null, ...(ngDevMode ? [{ debugName: "_AllSearch", alias: "AllSearch" }] : [{ alias: "AllSearch" }]));
         this.AllSearch = signal(null, ...(ngDevMode ? [{ debugName: "AllSearch" }] : []));
         /** Diminuisce gli spazi fra una cella e l'altra, e internamente il padding del font in modo da presentare molti più dati in un'unica pagina */
-        this.HighCellDensity = input(null, ...(ngDevMode ? [{ debugName: "HighCellDensity" }] : []));
+        this.HighCellDensity = input(false, ...(ngDevMode ? [{ debugName: "HighCellDensity" }] : []));
         /** Abilita o meno la possibilità di selezionare oggetti */
-        this._Selection = input(null, ...(ngDevMode ? [{ debugName: "_Selection", alias: "Selection", transform: this.setUnderlyingSignal.bind(this, "Selection") }] : [{ alias: "Selection", transform: this.setUnderlyingSignal.bind(this, "Selection") }]));
+        this._Selection = input(null, ...(ngDevMode ? [{ debugName: "_Selection", alias: "Selection", transform: (value) => this.setUnderlyingSignal("Selection", value) }] : [{ alias: "Selection", transform: (value) => this.setUnderlyingSignal("Selection", value) }]));
         this.Selection = signal(null, ...(ngDevMode ? [{ debugName: "Selection" }] : []));
         /** Mostra o meno un messaggio di Loading al primo caricamento della tabella */
-        this.ShowLoadingOnBootstrap = input(null, ...(ngDevMode ? [{ debugName: "ShowLoadingOnBootstrap" }] : []));
+        this.ShowLoadingOnBootstrap = input(false, ...(ngDevMode ? [{ debugName: "ShowLoadingOnBootstrap" }] : []));
         /** Se impostato a **true** aggiunge una colonna con pulsante di eliminazione per effettuare l'elimina dell'oggetto relativo */
-        this.Removal = input(null, ...(ngDevMode ? [{ debugName: "Removal" }] : []));
+        this.Removal = input(false, ...(ngDevMode ? [{ debugName: "Removal" }] : []));
         /**
          * Condizione che nasconde l'icona di eliminazione inserita impostando **Removal** a true qualora la condizione non venisse rispettata
          *
@@ -4107,7 +4102,7 @@ class EsTableComponent {
         this._ShiftClick = input(null, ...(ngDevMode ? [{ debugName: "_ShiftClick", alias: "ShiftClick" }] : [{ alias: "ShiftClick" }]));
         this.ShiftClick = signal(null, ...(ngDevMode ? [{ debugName: "ShiftClick" }] : []));
         /** Indica il testo che va a sostituire "Oggetti Visualizzati" in caso si stia facendo qualcosa di custom */
-        this.CountLabel = input(null, ...(ngDevMode ? [{ debugName: "CountLabel" }] : []));
+        this.CountLabel = input("", ...(ngDevMode ? [{ debugName: "CountLabel" }] : []));
         /** Indica se nascondere o mostrare il componente di paginazione */
         this._HidePaging = input(null, ...(ngDevMode ? [{ debugName: "_HidePaging", alias: "HidePaging" }] : [{ alias: "HidePaging" }]));
         this.HidePaging = signal(null, ...(ngDevMode ? [{ debugName: "HidePaging" }] : []));
@@ -4117,8 +4112,6 @@ class EsTableComponent {
         /** Indica se nascondere o mostrare i pulsanti di paginazione */
         this._HidePagingButtons = input(null, ...(ngDevMode ? [{ debugName: "_HidePagingButtons", alias: "HidePagingButtons" }] : [{ alias: "HidePagingButtons" }]));
         this.HidePagingButtons = signal(null, ...(ngDevMode ? [{ debugName: "HidePagingButtons" }] : []));
-        /** Riferimento al ContextMenu (ngx-contextmenu) associato al click destro di uno o più elementi selezionati nella tabella */
-        this.ContextMenu = null;
         /** Nome dell'esportazione generata da questa tabella */
         this.ExportFileName = input("Export.csv", ...(ngDevMode ? [{ debugName: "ExportFileName" }] : []));
         /** Classe (HTML) di default della tabella */
@@ -4127,25 +4120,23 @@ class EsTableComponent {
         /** Indica di esportare solo le colonne attualmente visibili della view */
         this.ExportOnlyVisibleColumns = input(false, ...(ngDevMode ? [{ debugName: "ExportOnlyVisibleColumns" }] : []));
         /** @deprecated Indica la presenza di raggruppamenti a livello di header */
-        this.HasHeaderGroup = input(null, ...(ngDevMode ? [{ debugName: "HasHeaderGroup" }] : []));
+        this.HasHeaderGroup = input(false, ...(ngDevMode ? [{ debugName: "HasHeaderGroup" }] : []));
         /** @deprecated Indica la presenza di raggruppamenti a livello del raggruppamento precedentemente esistente, chiaramente è insensata senza **HasHeaderGroup** */
-        this.HasSecondaryHeaderGroup = input(null, ...(ngDevMode ? [{ debugName: "HasSecondaryHeaderGroup" }] : []));
+        this.HasSecondaryHeaderGroup = input(false, ...(ngDevMode ? [{ debugName: "HasSecondaryHeaderGroup" }] : []));
         /** Indica se nascondere gli Header della tabella */
-        this.HeaderHidden = input(null, ...(ngDevMode ? [{ debugName: "HeaderHidden" }] : []));
+        this.HeaderHidden = input(false, ...(ngDevMode ? [{ debugName: "HeaderHidden" }] : []));
         /** Indica se nascondere il Body della tabella */
-        this.BodyHidden = input(null, ...(ngDevMode ? [{ debugName: "BodyHidden" }] : []));
+        this.BodyHidden = input(false, ...(ngDevMode ? [{ debugName: "BodyHidden" }] : []));
         /**
          * Indica se la selezione è temporaneamente disabilitata. Rispetto all'Input **Selection** che visivamente gestisce se ci sono o no gli input di selezione,
          * questo Input gestisce se questi input sono abilitati o meno
          */
-        this.SelectionDisabled = input(null, ...(ngDevMode ? [{ debugName: "SelectionDisabled" }] : []));
+        this.SelectionDisabled = input(false, ...(ngDevMode ? [{ debugName: "SelectionDisabled" }] : []));
         /**
          * Indica se forzare il sistema di selezione a gestire un elemento per volta.
          * Selezionare un'altra riga con una già selezionata applicherà la selezione alla nuova riga, rimuovendola dall'attuale
          */
-        this.SingleSelection = input(null, ...(ngDevMode ? [{ debugName: "SingleSelection" }] : []));
-        /** Callback che dato un oggetto resituisce l'eventuale classe da applicare alla riga collegata all'oggetto */
-        this.RowClassAssigner = null;
+        this.SingleSelection = input(false, ...(ngDevMode ? [{ debugName: "SingleSelection" }] : []));
         /** Permette di ordinare i dati in maniera discendente o ascendente */
         this._OrderByColumn = input(null, ...(ngDevMode ? [{ debugName: "_OrderByColumn", alias: "OrderByColumn" }] : [{ alias: "OrderByColumn" }]));
         this.OrderByColumn = signal(null, ...(ngDevMode ? [{ debugName: "OrderByColumn" }] : []));
@@ -4171,7 +4162,7 @@ class EsTableComponent {
         /** Indica operazioni dinamiche generiche che possono essere effettuate per riga. Appaiono come colonne extra sul lato sinistro della tabella */
         this.DynamicOperations = input([], ...(ngDevMode ? [{ debugName: "DynamicOperations" }] : []));
         /** Indica se visualizzare i dati in maniera gerarchica */
-        this.Hierarchy = input(null, ...(ngDevMode ? [{ debugName: "Hierarchy" }] : []));
+        this.Hierarchy = input(false, ...(ngDevMode ? [{ debugName: "Hierarchy" }] : []));
         /** Nome della proprietà che contiene l'ID del padre. Da utilizzare se **Hierarchy** è impostato */
         this._ParentKey = input('', ...(ngDevMode ? [{ debugName: "_ParentKey", alias: "ParentKey" }] : [{ alias: "ParentKey" }]));
         this.ParentKey = signal('', ...(ngDevMode ? [{ debugName: "ParentKey" }] : []));
@@ -4274,12 +4265,10 @@ class EsTableComponent {
         this.ResearchNeeded = false;
         /** Colonne visibili della vista attuale. Valorizzato di default al numero massimo di colonne supportate dalla tabella per le casistiche in assenza di custom cells */
         this.Columns = signal({ Visibile: 100, VisibleUnpinned: 100, Global: 100 }, ...(ngDevMode ? [{ debugName: "Columns" }] : []));
-        /** In caso di Row Grouping qui viene salvata la vista principale dei gruppi base */
-        this.MainGroupView = null;
         /** Conteggio base degli oggetti. In modalità normale viene resettato ad ogni nuova View inserita, in modalità RowGrouping viene resettato solo ad una nuova View di livello "0" */
         this.BaseItemsCount = null;
         /** Indica se ci sono delle colonne pinnate e visibili. Serve per poter settare tutte le colonne prima che arrivino dati a pinned*/
-        this.HasPinnedColumns = signal(null, ...(ngDevMode ? [{ debugName: "HasPinnedColumns" }] : []));
+        this.HasPinnedColumns = signal(false, ...(ngDevMode ? [{ debugName: "HasPinnedColumns" }] : []));
         /** Larghezza calcolata del container delle colonne pinnate */
         this.PinnedContainerWidth = signal(null, ...(ngDevMode ? [{ debugName: "PinnedContainerWidth" }] : []));
         /** Indica se nonostante siamo in modalità array sono stati individuati dei gruppi. In tal caso es-table si comporta da pseudo backend ed effettua le aggregazioni e raggruppamenti completamente lato client */
@@ -4313,10 +4302,38 @@ class EsTableComponent {
         this.PropertyNameTrackBy = (_, item) => item.PropertyName;
         /** Funzione di trackby generica per tutti gli oggetti che hanno il campo ID */
         this.IDTrackBy = (_, item) => item.ID;
+        this.IDTrackByOfSignal = (_, item) => item().ID;
         /** Funzione di trackby generica per tutti gli oggetti che hanno il campo ID e Order significativi */
         this.IDAndOrderTrackBy = (_, item) => `${item.ID}|${item.Order}`;
         /** Funzione di trackby generica per tutti gli oggetti che hanno il campo ID */
         this.valTrackBy = (_, item) => item.val;
+        /**
+         * La modifica dell'utente è terminata. Si reimposta la variabile relativa a "false" in modo da nascondere l'input di testo e si emette la modifica del valore
+         *
+         * Dichiarata così per evitare spam di .bind
+         *
+         * @param {TdElement} rowItem Elemento di riga su cui è stata attivata la modifica
+         * @param {any} item Oggetto sopra il quale è stata attivata la modifica
+         * @param {number} columnIndex Indice della colonna su cui è avvenuta la modifica
+         */
+        this.finalizeUserEdit = (rowItem, item, columnIndex) => {
+            this.logger.log("Function called 'finalizeUserEdit'");
+            // Qualche componente di ngprime qui ha bisogno di un po' di tempo per appiccicare il valore nuovo
+            requestAnimationFrame(() => {
+                let dynMode = (this.DynamicRowColumnsDefinition()?.length || 0) > 0;
+                let newValues = { _editing: false };
+                let newRowItem = Object.assign(rowItem(), newValues);
+                rowItem.set(newRowItem);
+                let old = newRowItem.old_value;
+                let niu = dynMode ? item.properties[newRowItem.PropertyName] : item[newRowItem.PropertyName];
+                let olddate = this.dateExts.getDateConvertion(old);
+                let niudate = this.dateExts.getDateConvertion(niu);
+                if ((olddate && niudate && olddate.isSame && olddate.isSame(niudate)) || old === niu)
+                    return;
+                this.onModelChange.emit([new EsTableModelChange(item, newRowItem.ID, newRowItem.PropertyName, old, niu)]);
+                this.selectionStatus[item._ordinal]?.[columnIndex]?.val_setter?.(niu);
+            });
+        };
         // Range selection Experimentals
         this.mouseIsDown = false;
         this.rangeSelected = false;
@@ -4326,8 +4343,9 @@ class EsTableComponent {
         this.EsTdsCache = {};
         this.retries = 0;
         effect(() => {
-            if (this.SearchView())
-                this.arrayPulsanti.set(this.utilities_H.getPagesArray(6, this.SearchView().page, this.SearchView().pages || 1, this.SearchView().objectcount || this.SearchView().items.length, this.SearchView().itemsperpageoverride));
+            let sv = this.SearchView();
+            if (sv)
+                this.arrayPulsanti.set(this.utilities_H.getPagesArray(6, sv.page, sv.pages || 1, sv.objectcount || sv.items.length, sv.itemsperpageoverride));
         });
         // Sarebbe bello... per quando View diventa signal
         /*effect(() => {
@@ -4356,22 +4374,25 @@ class EsTableComponent {
     }
     setUnderlyingSignal(signalName, value) {
         this[signalName].set(value);
+        return value;
     }
     /** @ignore */
     ngOnInit() {
         // click destro su una riga con selezione attiva: Tiro fuori il context menu e selezione l'elemento corrente
-        this.ctxMenuSubscription = (this.ContextMenu || this.tableEmptyMenu).open.subscribe(t => {
-            // Gruppi va bene, oggetti pure, ma separatori fra gruppi proprio no...
-            if (t.item._sep)
-                return;
-            let shouldEmit = !t.item._selected;
-            t.item._selected = true;
-            this.selection_H.clearSelectionStatusExcluding(null);
-            var itemSelection = this.selection_H.handleItemsSelection([t.item]);
-            this.changed();
-            if (shouldEmit)
-                this.onSelectionChanged.emit(itemSelection);
-        });
+        let menu = (this.ContextMenu || this.tableEmptyMenu);
+        if (menu)
+            this.ctxMenuSubscription = menu.open.subscribe(t => {
+                // Gruppi va bene, oggetti pure, ma separatori fra gruppi proprio no...
+                if (t.item._sep)
+                    return;
+                let shouldEmit = !t.item._selected;
+                t.item._selected = true;
+                this.selection_H.clearSelectionStatusExcluding(undefined);
+                var itemSelection = this.selection_H.handleItemsSelection([t.item]);
+                this.changed();
+                if (shouldEmit)
+                    this.onSelectionChanged.emit(itemSelection);
+            });
         // Assegnazione per tutti gli Input di default
         this.ColumnsResizable.set(this.utilities_H.InputOrDefault(this._ColumnsResizable(), this.deafults?.ColumnsResizable));
         this.AutoUpdate.set(this.utilities_H.InputOrDefault(this._AutoUpdate(), this.deafults?.AutoUpdate));
@@ -4407,9 +4428,9 @@ class EsTableComponent {
     async ngAfterViewInit() {
         // Se utilizzo la new spicy mode deduco tutti i parametri di lavoro possibili al caricamento della tabella
         // Vengono sovrascritte solo le proprietà non impostate dall'utente
-        this.EsTds = this.EsTdsDirective.toArray();
-        this.EsThs = this.EsThsDirective.toArray();
-        let thsTdsProviders = [...(this.EsThTdProvider ? [this.EsThTdProvider] : []), ...this.ThTdProvider];
+        this.EsTds = (this.EsTdsDirective?.toArray() || []);
+        this.EsThs = (this.EsThsDirective?.toArray() || []);
+        let thsTdsProviders = [...(this.EsThTdProvider ? [this.EsThTdProvider] : []), ...(this.ThTdProvider || [])];
         if (thsTdsProviders?.length > 0) {
             await forkJoin(thsTdsProviders.map(t => t.LoadedSignal)).toPromise();
             this.EsTds = [...this.EsTds, ...thsTdsProviders.map(t => t.EsTdsDirective.toArray()).flat()];
@@ -4453,20 +4474,22 @@ class EsTableComponent {
     /** @ignore */
     registerOnChange(fn) { this.propagateChange = fn; }
     /** @ignore */
-    registerOnTouched(fn) { }
+    registerOnTouched(_) { }
     /** @ignore */
     changed(clearItems = false) {
         if (clearItems && this.viewMode()) {
-            if (!this.ItemSourceProperty)
+            let isprops = this.ItemSourceProperty();
+            if (!isprops)
                 this.View.items = [];
             else
-                this.View[this.ItemSourceProperty()] = [];
+                this.View[isprops] = [];
         }
         this.propagateChange(this.View);
     }
     /** @ignore */
     async writeValue(obj, throttle = true) {
         this.View = obj ? obj : null;
+        let sv = this.SearchView();
         // Qui il concetto è "devo aspettare che l'afterViewInit venga eseguito prima di eseguire questo"
         // E dato che entrambi aspettano sui provider li faccio così
         let thsTdsProviders = [...(this.EsThTdProvider ? [this.EsThTdProvider] : []), ...(this.ThTdProvider || [])];
@@ -4480,7 +4503,7 @@ class EsTableComponent {
         }
         // Mi è arrivata l'AppSearch quindi di sicuro non ho una ricerca in progress
         this.researchInProgress.set(false);
-        if (!this.View && !this.SearchView()) {
+        if (!this.View && !sv) {
             // Su view nulla evito di fare pressoché qualsiasi cosa. Se arriva un null devo anche assicurarmi di non mostrare nulla
             this.boundSource.set(this.TMPBoundSource || []);
             // Per essere sicuro che dopo un bind di oggetti la es-table aggiorni la grafica
@@ -4491,8 +4514,8 @@ class EsTableComponent {
         // lo correggo--------------------------------------------------------------------------------------------------------------
         if (this.View && typeof this.View.itemsperpageoverride != 'undefined' && !(this.View instanceof AppSearch))
             this.View.__proto__ = new AppSearch();
-        else if (this.SearchView() && typeof this.SearchView().itemsperpageoverride != 'undefined' && !(this.SearchView() instanceof AppSearch))
-            this.SearchView().__proto__ = new AppSearch();
+        else if (sv && typeof sv.itemsperpageoverride != 'undefined' && !(sv instanceof AppSearch))
+            sv.__proto__ = new AppSearch();
         // -------------------------------------------------------------------------------------------------------------------------
         let isp = this.ItemSourceProperty();
         if (this.View && this.View instanceof AppSearch) {
@@ -4541,7 +4564,7 @@ class EsTableComponent {
                         }
                         // Se mi baso su direttive ma nelle preference è presente anche solo una colonna non presente nelle direttive 
                         // vuol dire che l'es-table è cambiata quindi non imposto preference
-                        if (this.EsThsDirective?.length > 0) {
+                        if ((this.EsThsDirective?.length || 0) > 0) {
                             for (let i = 0; i < repository.length; i++) {
                                 if (this.thsCacheSet && !this.thsCache[repository[i]]) {
                                     updatedPrefs = false;
@@ -4579,7 +4602,7 @@ class EsTableComponent {
                     let repository;
                     let source;
                     if (this.View.report_columns) {
-                        repository = this.View.report_columns.map(t => t.id);
+                        repository = this.View.report_columns.map((t) => t.id);
                         source = cols;
                     }
                     else {
@@ -4628,7 +4651,7 @@ class EsTableComponent {
      */
     finalizeContext() {
         let viewCasted = this.View;
-        let hasRowGroups = viewCasted && (viewCasted.groupings && viewCasted.groupings.filter(t => !t.aggregation).length > 0) || (this.arrayMode() && this.EsThsDirective.some(t => t.thGroup));
+        let hasRowGroups = viewCasted && (viewCasted.groupings && viewCasted.groupings.filter(t => !t.aggregation).length > 0) || (this.arrayMode() && this.EsThsDirective?.some(t => t.thGroup));
         // Se ho dei gruppi in modalità array devo sistemare un po' di variabili che diventano insensate
         if (this.arrayMode() && hasRowGroups)
             this.UseArrayModePaging.set(false);
@@ -4716,8 +4739,8 @@ class EsTableComponent {
         // Molte cose sono ovviamente disponibili solo in modalità View
         if ((viewMode || arrayMode) && customCells) {
             let view = viewMode ? View : null;
-            let itemsAndGroups = viewMode ? [...((isp ? view[isp] : view.items) || []), ...(view.groups || [])] : View;
-            let si = viewMode ? view.selection : this.arraymodeSelection;
+            let itemsAndGroups = viewMode ? [...((isp ? view[isp] : view?.items) || []), ...(view?.groups || [])] : View;
+            let si = viewMode ? view?.selection : this.arraymodeSelection;
             // N.B: Rispettare l'ordine di queste 3 macrocategorie è VITALE
             // *************************************        Sistemazioni di TH, TD, e visibilità varie      *************************************
             // Se ho definizioni dinamiche, prima di qualsiasi altra cosa devo trasformarle in th/td in modo che poi il codice qui sotto faccia le sue magie
@@ -4728,14 +4751,14 @@ class EsTableComponent {
                 this.EsTds = ret.tds;
             }
             // Gestione delle view in modalità report, i th e i td vengono rigenerati dalle configurazioni della view
-            if (!this.arrayMode() && view.report_columns) {
+            if (!this.arrayMode() && view?.report_columns) {
                 this.logger.log("Generating ths and tds from report results");
                 let ret = this.reportMode_H.generateThsAndTdsFromView(view);
                 this.EsThs = ret.ths;
                 this.EsTds = ret.tds;
             }
             // Espando i th e i td multipli duplicandoli
-            let ret = this.columnMetadata_H.expandMultiThsAndTds(this.EsThs, this.EsTds, itemsAndGroups);
+            let ret = this.columnMetadata_H.expandMultiThsAndTds(this.EsThs || [], this.EsTds || [], itemsAndGroups);
             this.EsThs = ret.expThs;
             this.EsTds = ret.expTds;
             // Genero la cache dei th da usare da qui in poi, dopo avergli lasciato fare le sue cose in caso ci siano dei multi o dei report
@@ -4747,7 +4770,7 @@ class EsTableComponent {
             // Prepassaggio per tirare fuori tutte le info utili sugli headers in modo da non ricacolarseli sempre dopo
             let hI = this.columnMetadata_H.evaluateHeadersGroupingInfos(this.EsThs);
             // Valuta lo stato iniziale di selezione a range
-            this.selection_H.evaluateSingleCellSelection(itemsAndGroups, hI.leafs, dynColDefs);
+            this.selection_H.evaluateSingleCellSelection(itemsAndGroups, hI.leafs, dynColDefs || []);
             if (this.arrayMode()) // In modalità array non ho un backend...
                 this.rowGrouping_H.arrayModeReviewGroupings(hI.leafs); // ... i raggruppamenti li devo fare lato client
             this.columnMetadata_H.reviewColumnsList(hI.leafs); // Aggiorna la lista delle colonne da mostrare nella dialog per ordinamento ecc
@@ -4797,7 +4820,7 @@ class EsTableComponent {
             this.BaseItemsCount = view?.objectcount || view?.length || 0;
             return;
         }
-        let groupingKeys = view?.groupings?.filter(t => !t.aggregation)?.length || 0;
+        let groupingKeys = view?.groupings?.filter((t) => !t.aggregation)?.length || 0;
         if (groupingKeys == 0) {
             this.boundSource.set(this.TMPBoundSource);
             this.BaseItemsCount = view?.objectcount || 0;
@@ -4882,7 +4905,7 @@ class EsTableComponent {
         }
         if (!this.OrderByColumn())
             return;
-        this.columnMetadata_H.handleTHOrderChange(id, order);
+        this.columnMetadata_H.handleTHOrderChange(id, order ? order : undefined);
     }
     /**
      * Metodo da chiamare ogni volta che si vuole dare evidenza all'esterno del bisogno di rieffettuare la ricerca
@@ -5040,16 +5063,16 @@ class EsTableComponent {
             if (th.thIf || th.thGroup) {
                 let thClass = (th.thClass || "") + (th.thShrink ? " app-col-min" : "") + (th.thGroup ? " est-col-min" : "");
                 toAdd = {
-                    Pinned: columnsListCache[th.th].pinned,
+                    Pinned: !!columnsListCache[th.th].pinned,
                     Fixed: th.thFixed,
                     PinnedWidth: th.thPinnedWidth,
                     ID: th.th,
                     Visible: th.thVisible,
                     Class: thClass,
-                    Order: th.thOrder,
+                    Order: th.thOrder || null,
                     Orderable: th.thOrderable,
                     Template: th.Template,
-                    Alignment: (th.thAlignment || this.DefaultAlignment()).toLowerCase(),
+                    Alignment: (th.thAlignment || this.DefaultAlignment() || "Left").toLowerCase(),
                     // Se non è nessun contenuto né nessun template mostro semplicemente l'ID dell'header
                     Content: th.thStaticContent != null ? th.thStaticContent : th.Template ? '' : th.th,
                     Wrap: th.thWrap,
@@ -5115,7 +5138,7 @@ class EsTableComponent {
                 (t._item && ((anyG._expanded && t._thisKey == anyG._thisKey) || (!anyG._expanded && t._thisKey.startsWith(anyG._thisKey)))));
             allRelatives.forEach(t => { t._visible = anyG._expanded; if (t._group)
                 t._expanded = false; });
-            return;
+            return true;
         }
         if (anyG._expanded) {
             // Resetto ipp
@@ -5154,7 +5177,7 @@ class EsTableComponent {
      * @param {boolean} forcedVal Valore forzato di check da assegnare agli oggetti
      */
     globalCheckChanged(forcedVal = null) {
-        this.selection_H.clearSelectionStatusExcluding(null);
+        this.selection_H.clearSelectionStatusExcluding(undefined);
         let bs = this.boundSource();
         // Prendo tutti gli elementi presenti in questa vista. Se ho gruppi prendo solo i gruppi a livello 0, altrimenti prendo tutti gli oggetti per selezionarli
         let items = bs.find(t => t._group) ? bs.filter(t => t._group && !t._parent) : bs;
@@ -5173,7 +5196,8 @@ class EsTableComponent {
      * @returns {boolean} **true** se l'operaizone è andata a buon fine, **false** altrimenti
      */
     handleClick(event, item) {
-        this.selection_H.clearSelectionStatusExcluding(null);
+        debugger;
+        this.selection_H.clearSelectionStatusExcluding(undefined);
         let selecteditems = [];
         if (event.shiftKey && this.ShiftClick() && !this.SingleSelection()) {
             this.utiExts.clearTextSelection();
@@ -5258,8 +5282,8 @@ class EsTableComponent {
     autoUpdateChanged() {
         if (!/^[1-9]\d*$/.test(this.seconds()))
             this.seconds.set('10');
-        let secondsInMs = parseInt(this.seconds(), null) * 1000;
-        if (this.autoUpdate)
+        let secondsInMs = parseInt(this.seconds()) * 1000;
+        if (this.autoUpdate())
             this.updateTimer = setInterval(() => { this.emitSearchRequest(false); }, secondsInMs);
         else
             clearInterval(this.updateTimer);
@@ -5273,36 +5297,6 @@ class EsTableComponent {
     dynamicOperation(item, opid) {
         this.onDynamicOperation.emit({ id: opid, item: item });
     }
-    /**
-     * Ottiene il contenuto dell'EsTd da utilizzare per la colonna specificata
-     *
-     * @param {string} column Colonna per cui cercare la cella
-     * @param {string} name Nome diretto per cercare il TD con l'ID. Questa variabile ha priorità rispetto a **column**
-     *
-     * @returns {TemplateRef<any>} Template da usare per la colonna
-     */
-    findEsTd(column, name = null) {
-        var EsTd = this.EsTdsDirective.find((item) => name ? item.td === name : item.tdForProperty === column);
-        // Name non trovato, fallback al nome della colonna
-        if (name && column && !EsTd)
-            EsTd = this.EsTdsDirective.find((item) => item.tdForProperty === column);
-        return EsTd ? EsTd.Template : null;
-    }
-    /**
-     * Ottiene il contenuto dell'editor EsTd da utilizzare per la colonna specificata
-     *
-     * @param {string} column Colonna per cui cercare l'editor
-     * @param {string} name Nome diretto per cercare l'Editor con l'ID. Questa variabile ha priorità rispetto a **column**
-     *
-     * @returns {TemplateRef<any>} Template da usare per la colonna
-     */
-    findEditor(column, name = null) {
-        var Editor = this.EsTdEditorDirectives.find((item) => name ? item.editor === name : item.editorForProperty === column);
-        // Name non trovato, fallback al nome della colonna
-        if (name && column && !Editor)
-            Editor = this.EsTdEditorDirectives.find((item) => item.editorForProperty === column);
-        return Editor ? Editor.Template : null;
-    }
     /**
      * Equivalente del metodo **addToPage** riadattato per la modalità array
      *
@@ -5352,8 +5346,8 @@ class EsTableComponent {
     /** Metodo eventualmente richiamabile anche dal componente esterno che permette di forzare un refresh della tabella */
     forceRefresh(relaunchSearch = true) {
         // Se sono in modalità View viene mantenuto in automatico il numero di pagina, ma per la modalità array devo prendere le info di paginazione prima e riapplicarle dopo
-        let arrayPage;
-        let arrayIpp;
+        let arrayPage = null;
+        let arrayIpp = null;
         if (this.arrayMode()) {
             arrayPage = this.arraymodePage;
             arrayIpp = this.ArraymodeItemsPerPage();
@@ -5363,8 +5357,8 @@ class EsTableComponent {
         this.writeValue(this.View);
         this.cdr.detectChanges();
         if (this.arrayMode()) {
-            this.ArraymodeItemsPerPage.set(arrayIpp);
-            this.arrayGoToPage(arrayPage);
+            this.ArraymodeItemsPerPage.set(arrayIpp || 15);
+            this.arrayGoToPage(arrayPage || 1);
         }
     }
     /**
@@ -5378,7 +5372,7 @@ class EsTableComponent {
         if (!groupOrHead)
             return;
         groupOrHead.thVisible = visibility;
-        let thsArr = this.EsThsDirective.toArray();
+        let thsArr = this.EsThsDirective?.toArray() || [];
         for (let i = 0; i < thsArr.length; i++) {
             let th = thsArr[i];
             if (th.thParent == groupOrHeader)
@@ -5398,11 +5392,11 @@ class EsTableComponent {
      */
     dbClickEditOrSingleClickRowSelection($event, rowItem, item) {
         let rowItm = rowItem();
-        let selection = this.Selection();
+        let selection = this.Selection() || false;
         // Prima cosa da fare è controllare se ci sono dei range lasciati da operazioni precedenti (se applicabile) e ripulirli
         if (this.rangeSelected && !$event.ctrlKey && selection) {
             this.logger.log("clearing previously selected range");
-            this.selection_H.clearSelectionStatusExcluding(null);
+            this.selection_H.clearSelectionStatusExcluding();
             this.rangeSelected = false;
             return;
         }
@@ -5484,7 +5478,7 @@ class EsTableComponent {
                             // Se ho un singolo valore lo applico a tutta la selezione
                             let value = values.length == 1 && values[0].length == 1 ? values[0][0] : values[r][c];
                             let old = cell.value;
-                            let niu = cell.val_setter(value);
+                            let niu = cell.val_setter?.(value);
                             let olddate = this.dateExts.getDateConvertion(old);
                             let niudate = this.dateExts.getDateConvertion(niu);
                             if ((olddate && niudate && olddate.isSame && olddate.isSame(niudate)) || old === niu)
@@ -5517,14 +5511,22 @@ class EsTableComponent {
         // Stessa cosa se ho custom cell dato che la gestione dei click viene affidata ai singoli TD
         if ($event.ctrlKey || (this.UseCustomCells() && !internalCall))
             return true;
-        if (selection)
-            this.selection_H.clearSelectionStatusExcluding(null);
-        if (selection && !item.locked && !item._sep && !item._group)
+        let mfc = false;
+        if (selection) {
+            mfc = true;
+            this.selection_H.clearSelectionStatusExcluding();
+        }
+        if (selection && !item.locked && !item._sep && !item._group) {
+            mfc = true;
             this.handleClick($event, item);
-        else if (item._group)
+        }
+        else if (item._group) {
+            mfc = true;
             this.handleGroupClick(item);
+        }
         // Ora che non è attaccato direttamente all'html devo fare un markforcheck finite le operazioni sui grouping
-        this.cdr.markForCheck();
+        if (mfc)
+            this.cdr.markForCheck();
     }
     /**
      * Gestione del click destro sull'es-table
@@ -5542,7 +5544,7 @@ class EsTableComponent {
      * @param {any} item Oggetto sopra il quale è stata attivata la modifica
      */
     setupUserEdit(rowItem, item) {
-        this.selection_H.clearSelectionStatusExcluding(null);
+        this.selection_H.clearSelectionStatusExcluding();
         let rowItm = rowItem();
         if (this.Editable() && rowItm.PropertyName) {
             let dynMode = (this.DynamicRowColumnsDefinition()?.length || 0) > 0;
@@ -5552,30 +5554,6 @@ class EsTableComponent {
         this.cdr.detectChanges();
         requestAnimationFrame(() => { this.FocusSubject.next(); });
     }
-    /**
-     * La modifica dell'utente è terminata. Si reimposta la variabile relativa a "false" in modo da nascondere l'input di testo e si emette la modifica del valore
-     *
-     * @param {TdElement} rowItem Elemento di riga su cui è stata attivata la modifica
-     * @param {any} item Oggetto sopra il quale è stata attivata la modifica
-     * @param {number} columnIndex Indice della colonna su cui è avvenuta la modifica
-     */
-    finalizeUserEdit(rowItem, item, columnIndex) {
-        // Qualche componente di ngprime qui ha bisogno di un po' di tempo per appiccicare il valore nuovo
-        requestAnimationFrame(() => {
-            let dynMode = (this.DynamicRowColumnsDefinition()?.length || 0) > 0;
-            let newValues = { _editing: false };
-            let newRowItem = Object.assign(rowItem(), newValues);
-            rowItem.set(newRowItem);
-            let old = newRowItem.old_value;
-            let niu = dynMode ? item.properties[newRowItem.PropertyName] : item[newRowItem.PropertyName];
-            let olddate = this.dateExts.getDateConvertion(old);
-            let niudate = this.dateExts.getDateConvertion(niu);
-            if ((olddate && niudate && olddate.isSame && olddate.isSame(niudate)) || old === niu)
-                return;
-            this.onModelChange.emit([new EsTableModelChange(item, newRowItem.ID, newRowItem.PropertyName, old, niu)]);
-            this.selectionStatus[item._ordinal][columnIndex].val_setter(niu);
-        });
-    }
     mousedown(event, rowItem, _) {
         // Tasto diverso dal click sinistro -> ciao è stato bello e intenso
         if (event.buttons != 1 || !this.RangeSelection())
@@ -5618,8 +5596,8 @@ class EsTableComponent {
             this.selection_H.singleCellSelection({ view: event.view, range: true }, row, column, this.firstCoordinates);
             this.logger.log(`mouse move over ${row}:${column}`);
             this.rangeSelected = true;
+            this.cdr.markForCheck();
         }
-        this.cdr.markForCheck();
     }
     mouseup(event) {
         if (!this.RangeSelection())
@@ -5658,6 +5636,7 @@ class EsTableComponent {
     //* Piango ancora
     // Gestione Embedding
     showDialog(dlg, elementRef) {
+        debugger;
         dlg.show();
         this.retries = 0;
         if (this.emb.Embedded)
@@ -5665,7 +5644,7 @@ class EsTableComponent {
     }
     doFixDialog(dlg, elementRef) {
         this.retries++;
-        let element = elementRef.nativeElement;
+        let element = elementRef;
         if (!element) {
             if (this.retries > 10)
                 return;
@@ -5681,7 +5660,7 @@ class EsTableComponent {
         this.emb.MainWindow.postMessage({ type: "modal-open", backdropHeight: backdropHeight }, "*");
     }
     doFixBody(elementRef) {
-        let body = elementRef.nativeElement.getElementsByClassName("modal-body")[0];
+        let body = elementRef.getElementsByClassName("modal-body")[0];
         // Ci prova finch� non trova il body dato che potrebbe essere creato in qualsiasi momento
         if (!body) {
             setTimeout(() => this.doFixBody(elementRef), 250);
@@ -5697,12 +5676,12 @@ class EsTableComponent {
             return;
         this.emb.MainWindow.postMessage({ type: "modal-close" }, "*");
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableComponent, deps: [{ token: i0.NgZone }, { token: i1.NgControl, optional: true, self: true }, { token: i2$1.PreferencesService, optional: true }, { token: EST_DEFAULTS, optional: true }, { token: EST_EXPORT_GLOBAL_ACL, optional: true }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: UtilitiesHandler }, { token: i5.UtilityService }, { token: i5.ExportService }, { token: i5.DateService }, { token: i5.MessageService }, { token: CopyPasteDetector }, { token: i5.ClipboardService }, { token: Logger }, { token: i5.AppEmbeddingExtensions }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: EsTableComponent, isStandalone: false, selector: "es-table", inputs: { globalCheck: { classPropertyName: "globalCheck", publicName: "globalCheck", isSignal: true, isRequired: false, transformFunction: null }, autoUpdate: { classPropertyName: "autoUpdate", publicName: "autoUpdate", isSignal: true, isRequired: false, transformFunction: null }, seconds: { classPropertyName: "seconds", publicName: "seconds", isSignal: true, isRequired: false, transformFunction: null }, researchInProgress: { classPropertyName: "researchInProgress", publicName: "researchInProgress", isSignal: true, isRequired: false, transformFunction: null }, globalColVisCheck: { classPropertyName: "globalColVisCheck", publicName: "globalColVisCheck", isSignal: true, isRequired: false, transformFunction: null }, EsThTdProvider: { classPropertyName: "EsThTdProvider", publicName: "EsThTdProvider", isSignal: false, isRequired: false, transformFunction: null }, CornerMenuOptions: { classPropertyName: "CornerMenuOptions", publicName: "CornerMenuOptions", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsResizable: { classPropertyName: "_ColumnsResizable", publicName: "ColumnsResizable", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsPinnable: { classPropertyName: "_ColumnsPinnable", publicName: "ColumnsPinnable", isSignal: true, isRequired: false, transformFunction: null }, _AutoUpdate: { classPropertyName: "_AutoUpdate", publicName: "AutoUpdate", isSignal: true, isRequired: false, transformFunction: null }, Height: { classPropertyName: "Height", publicName: "Height", isSignal: true, isRequired: false, transformFunction: null }, EmptySpaceBackgroundColor: { classPropertyName: "EmptySpaceBackgroundColor", publicName: "EmptySpaceBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, EsTableHandledSearch: { classPropertyName: "EsTableHandledSearch", publicName: "EsTableHandledSearch", isSignal: true, isRequired: false, transformFunction: null }, MaxHeight: { classPropertyName: "MaxHeight", publicName: "MaxHeight", isSignal: true, isRequired: false, transformFunction: null }, _ContainerClass: { classPropertyName: "_ContainerClass", publicName: "ContainerClass", isSignal: true, isRequired: false, transformFunction: null }, XLSXExport: { classPropertyName: "XLSXExport", publicName: "XLSXExport", isSignal: true, isRequired: false, transformFunction: null }, CSVExport: { classPropertyName: "CSVExport", publicName: "CSVExport", isSignal: true, isRequired: false, transformFunction: null }, _AllSearch: { classPropertyName: "_AllSearch", publicName: "AllSearch", isSignal: true, isRequired: false, transformFunction: null }, HighCellDensity: { classPropertyName: "HighCellDensity", publicName: "HighCellDensity", isSignal: true, isRequired: false, transformFunction: null }, _Selection: { classPropertyName: "_Selection", publicName: "Selection", isSignal: true, isRequired: false, transformFunction: null }, ShowLoadingOnBootstrap: { classPropertyName: "ShowLoadingOnBootstrap", publicName: "ShowLoadingOnBootstrap", isSignal: true, isRequired: false, transformFunction: null }, Removal: { classPropertyName: "Removal", publicName: "Removal", isSignal: true, isRequired: false, transformFunction: null }, RemovalCondition: { classPropertyName: "RemovalCondition", publicName: "RemovalCondition", isSignal: true, isRequired: false, transformFunction: null }, _Export: { classPropertyName: "_Export", publicName: "Export", isSignal: true, isRequired: false, transformFunction: null }, _ShiftClick: { classPropertyName: "_ShiftClick", publicName: "ShiftClick", isSignal: true, isRequired: false, transformFunction: null }, CountLabel: { classPropertyName: "CountLabel", publicName: "CountLabel", isSignal: true, isRequired: false, transformFunction: null }, _HidePaging: { classPropertyName: "_HidePaging", publicName: "HidePaging", isSignal: true, isRequired: false, transformFunction: null }, _HidePagingCount: { classPropertyName: "_HidePagingCount", publicName: "HidePagingCount", isSignal: true, isRequired: false, transformFunction: null }, _HidePagingButtons: { classPropertyName: "_HidePagingButtons", publicName: "HidePagingButtons", isSignal: true, isRequired: false, transformFunction: null }, ContextMenu: { classPropertyName: "ContextMenu", publicName: "ContextMenu", isSignal: false, isRequired: false, transformFunction: null }, ExportFileName: { classPropertyName: "ExportFileName", publicName: "ExportFileName", isSignal: true, isRequired: false, transformFunction: null }, _TableClass: { classPropertyName: "_TableClass", publicName: "TableClass", isSignal: true, isRequired: false, transformFunction: null }, ExportFunction: { classPropertyName: "ExportFunction", publicName: "ExportFunction", isSignal: false, isRequired: false, transformFunction: null }, ExportOnlyVisibleColumns: { classPropertyName: "ExportOnlyVisibleColumns", publicName: "ExportOnlyVisibleColumns", isSignal: true, isRequired: false, transformFunction: null }, HasHeaderGroup: { classPropertyName: "HasHeaderGroup", publicName: "HasHeaderGroup", isSignal: true, isRequired: false, transformFunction: null }, HasSecondaryHeaderGroup: { classPropertyName: "HasSecondaryHeaderGroup", publicName: "HasSecondaryHeaderGroup", isSignal: true, isRequired: false, transformFunction: null }, HeaderHidden: { classPropertyName: "HeaderHidden", publicName: "HeaderHidden", isSignal: true, isRequired: false, transformFunction: null }, BodyHidden: { classPropertyName: "BodyHidden", publicName: "BodyHidden", isSignal: true, isRequired: false, transformFunction: null }, SelectionDisabled: { classPropertyName: "SelectionDisabled", publicName: "SelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, SingleSelection: { classPropertyName: "SingleSelection", publicName: "SingleSelection", isSignal: true, isRequired: false, transformFunction: null }, RowClassAssigner: { classPropertyName: "RowClassAssigner", publicName: "RowClassAssigner", isSignal: false, isRequired: false, transformFunction: null }, _OrderByColumn: { classPropertyName: "_OrderByColumn", publicName: "OrderByColumn", isSignal: true, isRequired: false, transformFunction: null }, MultipleOrderingDirectives: { classPropertyName: "MultipleOrderingDirectives", publicName: "MultipleOrderingDirectives", isSignal: true, isRequired: false, transformFunction: null }, _HiddenColumns: { classPropertyName: "_HiddenColumns", publicName: "HiddenColumns", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsOrdering: { classPropertyName: "_ColumnsOrdering", publicName: "ColumnsOrdering", isSignal: true, isRequired: false, transformFunction: null }, SearchView: { classPropertyName: "SearchView", publicName: "SearchView", isSignal: true, isRequired: false, transformFunction: null }, _SelectAll: { classPropertyName: "_SelectAll", publicName: "SelectAll", isSignal: true, isRequired: false, transformFunction: null }, _UseArrayModePaging: { classPropertyName: "_UseArrayModePaging", publicName: "UseArrayModePaging", isSignal: true, isRequired: false, transformFunction: null }, _DynamicRowColumnsDefinition: { classPropertyName: "_DynamicRowColumnsDefinition", publicName: "DynamicRowColumnsDefinition", isSignal: true, isRequired: false, transformFunction: null }, DynamicOperations: { classPropertyName: "DynamicOperations", publicName: "DynamicOperations", isSignal: true, isRequired: false, transformFunction: null }, Hierarchy: { classPropertyName: "Hierarchy", publicName: "Hierarchy", isSignal: true, isRequired: false, transformFunction: null }, _ParentKey: { classPropertyName: "_ParentKey", publicName: "ParentKey", isSignal: true, isRequired: false, transformFunction: null }, _OwnKey: { classPropertyName: "_OwnKey", publicName: "OwnKey", isSignal: true, isRequired: false, transformFunction: null }, _AutoSortHierarchy: { classPropertyName: "_AutoSortHierarchy", publicName: "AutoSortHierarchy", isSignal: true, isRequired: false, transformFunction: null }, StartsExpanded: { classPropertyName: "StartsExpanded", publicName: "StartsExpanded", isSignal: true, isRequired: false, transformFunction: null }, _SavePreferences: { classPropertyName: "_SavePreferences", publicName: "SavePreferences", isSignal: true, isRequired: false, transformFunction: null }, _DefaultAlignment: { classPropertyName: "_DefaultAlignment", publicName: "DefaultAlignment", isSignal: true, isRequired: false, transformFunction: null }, _PagingStyle: { classPropertyName: "_PagingStyle", publicName: "PagingStyle", isSignal: true, isRequired: false, transformFunction: null }, _RowGroupingPagingStyle: { classPropertyName: "_RowGroupingPagingStyle", publicName: "RowGroupingPagingStyle", isSignal: true, isRequired: false, transformFunction: null }, ItemSourceProperty: { classPropertyName: "ItemSourceProperty", publicName: "ItemSourceProperty", isSignal: true, isRequired: false, transformFunction: null }, _UseSelectionCache: { classPropertyName: "_UseSelectionCache", publicName: "UseSelectionCache", isSignal: true, isRequired: false, transformFunction: null }, _ShowItemGroupsColumns: { classPropertyName: "_ShowItemGroupsColumns", publicName: "ShowItemGroupsColumns", isSignal: true, isRequired: false, transformFunction: null }, Editable: { classPropertyName: "Editable", publicName: "Editable", isSignal: true, isRequired: false, transformFunction: null }, RangeSelection: { classPropertyName: "RangeSelection", publicName: "RangeSelection", isSignal: true, isRequired: false, transformFunction: null }, SearchThrottle: { classPropertyName: "SearchThrottle", publicName: "SearchThrottle", isSignal: true, isRequired: false, transformFunction: null }, _ArraymodeItemsPerPage: { classPropertyName: "_ArraymodeItemsPerPage", publicName: "ArraymodeItemsPerPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { globalCheck: "globalCheckChange", autoUpdate: "autoUpdateChange", seconds: "secondsChange", researchInProgress: "researchInProgressChange", globalColVisCheck: "globalColVisCheckChange", onOrderChanged: "onOrderChanged", onSearchRequest: "onSearchRequest", onSelectionChanged: "onSelectionChanged", onRemoval: "onRemoval", onAbortRemoval: "onAbortRemoval", onModelChange: "onModelChange", onOpenContextMenu: "onOpenContextMenu", onCornerAction: "onCornerAction", onDynamicOperation: "onDynamicOperation" }, queries: [{ propertyName: "bodyRef", first: true, predicate: ["body"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["header"], descendants: true }, { propertyName: "headerGroupRef", first: true, predicate: ["headerGroup"], descendants: true }, { propertyName: "secondaryHeaderGroupRef", first: true, predicate: ["secondaryHeaderGroup"], descendants: true }, { propertyName: "EsTdEditorDirectives", predicate: EsTdEditorDirective }, { propertyName: "EsTdsDirective", predicate: EsTdDirective }, { propertyName: "EsThsDirective", predicate: EsThDirective }, { propertyName: "ThTdProvider", predicate: ThTdProvider }], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }, { propertyName: "exportDownloader", first: true, predicate: ["exportDownloader"], descendants: true }, { propertyName: "tableEmptyMenu", first: true, predicate: ["emptyMenu"], descendants: true, static: true }], ngImport: i0, template: "<!-- Patacchino di autoaggiornamento -->\r\n<div class=\"w-100\" *ngIf=\"AutoUpdate()\">\r\n    <div class=\"pull-right\">\r\n        {{'Update every' | localize : lc}}&nbsp;<input [readonly]=\"autoUpdate()\" maxlength=\"3\" class=\"form-control est-custom-input\" type=\"text\" [(ngModel)]=\"seconds\" [ngModelOptions]=\"{'standalone': true}\" />&nbsp;{{'second/s' | localize : lc}}\r\n    </div>\r\n    <div class=\"pull-right m-t-2\">\r\n        <label class=\"est-switch\">\r\n            <input type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"autoUpdate\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"autoUpdateChanged();\" />\r\n            <div class=\"est-slider round\"></div>\r\n        </label>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<div *ngIf=\"View\" class=\"est-relative\" [style.height]=\"Height()\" [style.background-color]=\"EmptySpaceBackgroundColor()\">\r\n    <div *ngIf=\"FirstBind() && ShowLoadingOnBootstrap()\" class=\"est-loading-box\">\r\n        <div class=\"est-loading-content\">\r\n            <span class=\"fa fa-spinner fa-spin\"></span>&nbsp;{{'Performing Table bootstrap' | localize: lc}}...\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"est-top-pager\" *ngIf=\"PagingStyle() == 'both' || PagingStyle() == 'top'\">\r\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"est-top-allselect\" *ngIf=\"canSelectAll() || (View?.selection || arraymodeSelection)?.all\">\r\n        <span>{{ (selectedObjects() == -1 ? ('All the' | localize : lc) : ((selectedObjects() || 0) | number : '0.0-0' : lc.Locale)) + ' ' + ((selectedObjects() == 1 ? 'Object Selected' : 'Objects Selected') | localize : lc) }}</span>&nbsp;\r\n        <span class=\"est-link est-inline\" (click)=\"selection_H.selectAllOrResetSelection()\">{{ (View?.selection || arraymodeSelection)?.all ? ('Reset Selection' | localize : lc) : ('Select Everything' | localize : lc)}}</span>\r\n    </div>\r\n\r\n    <div class=\"table-responsive datatable est-full-height {{ContainerClass()}}\" [style.max-height.px]=\"MaxHeight()\">\r\n        <table class=\"{{ TableClass() }} est-margin-bottom-10 est\" style=\"background-color: white;\"  [class.est-high-density]=\"HighCellDensity()\">\r\n            <thead [hidden]=\"HeaderHidden() || FirstBind()\">\r\n                <!-- Aggiungo il pezzo che gestisce la selezione di tutto se attivo da config -->\r\n                <tr *ngIf=\"(SelectAll() && !SingleSelection()) || PagingStyle() != 'bottom'\">\r\n                    <th class=\"est-no-selection\" [attr.colspan]=\"Columns().Global\" [class.est-hidden-view]=\"!canSelectAll() && !(View?.selection || arraymodeSelection)?.all && PagingStyle() == 'bottom'\">\r\n                        <p class=\"est-hidden-view app-margin-bottom-0\">\u00A7</p>\r\n                    </th>\r\n                </tr>\r\n\r\n                <!-- Blocco header group -->\r\n                <ng-container *ngIf=\"RowThGroups\">\r\n                    <tr *ngFor=\"let level of RowThGroups; trackBy: IDTrackBy\">\r\n                        <th *ngFor=\"let cell of level; trackBy: IDTrackBy\" [attr.colspan]=\"cell.Span\"\r\n                            [class.est-pinned-header]=\"cell.Pinned\" [class.est-col-min]=\"cell.Pinned\"\r\n                            [class.est-ltab-border]=\"cell.Borders\" [class.est-rtab-border]=\"cell.Borders\"\r\n                            class=\"est-text-center\">\r\n                            <ng-container *ngIf=\"cell.Pinned;\">\r\n                                <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!cell.Pinned && cell.Content; Else: cell.Template\">\r\n                                {{cell.Content}}\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!RowThGroups\">\r\n                    <tr *ngIf=\"HasHeaderGroup()\">\r\n                        <ng-container *ngTemplateOutlet=\"headerGroupRef\"></ng-container>\r\n                        <th *ngIf=\"Export()\"></th>\r\n                    </tr>\r\n\r\n                    <!-- Blocco header group secondario -->\r\n                    <tr *ngIf=\"HasSecondaryHeaderGroup()\">\r\n                        <ng-container *ngTemplateOutlet=\"secondaryHeaderGroupRef\"></ng-container>\r\n                        <th *ngIf=\"Export()\"></th>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n                <!-- Blocco effettivo degli header -->\r\n                <tr>\r\n                    <div id=\"thead->tr->debug_block\" style=\"display: none; white-space: pre-wrap;\">\r\n                        Selection: {{Selection()}}\r\n                        HasPinnedColumns: {{HasPinnedColumns()}}\r\n                        arrayMode: {{arrayMode()}}\r\n                        viewMode: {{viewMode()}}\r\n                        UseCustomCells: {{UseCustomCells()}}\r\n                        RowTHs: {{!!RowTHs}}\r\n                        RowTHs.length: {{RowTHs?.length}}\r\n                        DynamicRowColumnsDefinition: {{!!DynamicRowColumnsDefinition()}}\r\n                    </div>\r\n\r\n                    <!-- Aggiungo una checkbox se la selezione \u00E8 attiva -->\r\n                    <th class=\"est-col-min\" *ngIf=\"Selection() && !HasPinnedColumns()\">\r\n                        <input *ngIf=\"!SingleSelection()\" class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\r\n                    </th>\r\n\r\n                    <!-- Header che valgono per view mode e array mode -->\r\n                    <ng-container *ngIf=\"arrayMode() || viewMode()\">\r\n                        <!-- In una tabella base prendo semplicemente i th scritti dall'utente nell'HTML -->\r\n                        <ng-container *ngIf=\"(!UseCustomCells() || !RowTHs || RowTHs.length == 0) && !DynamicRowColumnsDefinition()\">\r\n                            <ng-container *ngTemplateOutlet=\"headerRef\"></ng-container>\r\n                        </ng-container>\r\n\r\n                        <!-- Se ho un modello dinamico dell'oggetto creo le colonne in base alle propriet\u00E0 -->\r\n                        <ng-container *ngIf=\"(!UseCustomCells() || !RowTHs || RowTHs.length == 0) && DynamicRowColumnsDefinition()\">\r\n                            <th *ngFor=\"let operation of DynamicOperations(); trackBy: idTrackBy\" class=\"est-col-min est-no-side-padding\"></th>\r\n\r\n                            <ng-container *ngFor=\"let rowHeader of DynamicRowColumnsDefinition(); trackBy: PropertyNameTrackBy\">\r\n                                <ng-container *ngIf=\"rowHeader.Visible\">\r\n                                    <th *ngIf=\"OrderByColumn()\"  id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\" [SearchInProgress]=\"researchInProgress()\" (onOrderChange)=\"thOrderChanged(rowHeader.PropertyName, $event)\">{{rowHeader.Description}}</th>\r\n                                    <th *ngIf=\"!OrderByColumn()\" id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\">{{rowHeader.Description}}</th>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n\r\n                        <!-- Se non ho un modello dinamico ma invece delle celle custom, genero gli header in base ai row th -->\r\n                        <ng-container *ngIf=\"UseCustomCells() && RowTHs?.length > 0\">\r\n                            <th *ngIf=\"HasPinnedColumns()\" class=\"est-pinned-header est-col-min\">\r\n                                <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-simple-border-bottom\">\r\n                                    <th class=\"est-col-min est-no-border\" *ngIf=\"Selection()\" [style.width.px]=\"20\">\r\n                                        <input *ngIf=\"!SingleSelection()\" class=\"est-pointer\" style=\"width: 15px\" type=\"checkbox\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\r\n                                    </th>\r\n                                    <ng-container *ngFor=\"let rowHeader of RowTHs; trackBy: IDAndOrderTrackBy\">\r\n                                        <th *ngIf=\"rowHeader && rowHeader.Visible && rowHeader.Pinned\"\r\n                                            [style.width.px]=\"rowHeader.PinnedWidth\"\r\n                                            es-th=\"{{rowHeader.ID}}\"\r\n                                            class=\"{{rowHeader.Class || ''}}\"\r\n                                            [class.est-pinned-internal-header]=\"true\"\r\n                                            [class.est-no-border]=\"true\"\r\n                                            [class.est-nowrap]=\"!rowHeader.Wrap\"\r\n                                            [Pinned]=\"true\"\r\n                                            [Fixed]=\"rowHeader.Fixed\"\r\n                                            [Order]=\"rowHeader.Order\"\r\n                                            [Resizable]=\"ColumnsResizable()\"\r\n                                            [Orderable]=\"rowHeader.Orderable\"\r\n                                            [OrderBy]=\"OrderByColumn()\"\r\n                                            [SearchInProgress]=\"researchInProgress()\"\r\n                                            (onUnpinning)=\"columnMetadata_H.unpinColumn($event)\"\r\n                                            (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\r\n\r\n                                            <ng-container *ngIf=\"rowHeader.Template\"><ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null } \"></ng-container></ng-container>\r\n                                            <span *ngIf=\"!rowHeader.Template\">{{rowHeader.Content}}|{{rowHeader.Order}}</span>\r\n                                        </th>\r\n                                    </ng-container>\r\n                                </div>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let rowHeader of RowTHs; trackBy: IDAndOrderTrackBy\">\r\n\r\n                                <div id=\"thead->tr->th->debug_block\" style=\"display: none; white-space: pre-wrap;\">\r\n                                    rowHeader: {{!!rowHeader}}\r\n                                    rowHeader.Visible: {{rowHeader?.Visible}}\r\n                                    rowHeader.Pinned: {{rowHeader?.Pinned}}\r\n                                    rowHeader.Template: {{!!rowHeader.Template}}\r\n                                    rowHeader.Order: {{rowHeader.Order}}\r\n                                </div>\r\n\r\n                                <th *ngIf=\"rowHeader && rowHeader.Visible && !rowHeader.Pinned\"\r\n                                    es-th=\"{{rowHeader.ID}}\"\r\n                                    class=\"{{rowHeader.Class || ''}}\"\r\n                                    [style.text-align]=\" rowHeader.Alignment || null\"\r\n                                    [class.est-ltab-border]=\"rowHeader.LeftBorder\"\r\n                                    [class.est-rtab-border]=\"rowHeader.RightBorder\"\r\n                                    [class.est-nowrap]=\"!rowHeader.Wrap\"\r\n                                    [Order]=\"rowHeader.Order\"\r\n                                    [Resizable]=\"ColumnsResizable()\"\r\n                                    [Orderable]=\"rowHeader.Orderable\"\r\n                                    [OrderBy]=\"OrderByColumn()\"\r\n                                    [SearchInProgress]=\"researchInProgress()\"\r\n                                    (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\r\n\r\n                                    <ng-container *ngIf=\"rowHeader.Template\"><ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null }\"></ng-container></ng-container>\r\n                                    <span *ngIf=\"!rowHeader.Template\">{{rowHeader.Content}}</span>\r\n                                </th>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <!--Per l'eliminazione mi serve un header aggiuntivo-->\r\n                    <th *ngIf=\"Removal()\" [class.est-right-9]=\"Export() || HiddenColumns()\" class=\"est-col-min est-sticky-last-column\"><span class=\"fa fa-trash\"></span></th>\r\n\r\n                    <!--Per l'esportazione mi serve l'header extra da cui faccio uscire i 3 pallocchi-->\r\n                    <th *ngIf=\"Export() || HiddenColumns() || ColumnsOrdering() || CornerMenuOptions()\" class=\"est-table-dotted-menu est-sticky-last-column est-col-min text-sm-center\">\r\n\r\n                        <!-- Blocco con i 3 pallocchi che tira fuori il context menu delle operazioni -->\r\n                        <div class=\"btn-group\" container=\"body\" placement=\"bottom right\" dropdown #dropdown=\"bs-dropdown\" [autoClose]=\"true\">\r\n                            <span dropdownToggle class=\"fa fa-ellipsis-v est-fs-18 est-pointer est-padding-3\"></span>\r\n\r\n                            <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right est-bring-to-front-strong\">\r\n                                <div class=\"est-pointer\">\r\n                                    <a class=\"dropdown-item\" *ngIf=\"HiddenColumns() || ColumnsOrdering()\" (click)=\"columnMetadata_H.resetColumnVisSelection(); showDialog(changeColumnVisibilityModal, columnsDialog)\">\r\n                                        <ng-container *ngIf=\"!HiddenColumns() && ColumnsOrdering()\">\r\n                                            {{'Columns Order' | localize : lc}}\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"HiddenColumns() && !ColumnsOrdering()\">\r\n                                            {{'Columns Visibility' | localize : lc}}\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"HiddenColumns() && ColumnsOrdering()\">\r\n                                            {{'Columns Visibility and Order' | localize : lc}}\r\n                                        </ng-container>\r\n                                    </a>\r\n                                    \r\n                                    <ng-container *ac=\"exportGlobalAcl\">\r\n                                        <a class=\"dropdown-item\" *ngIf=\"Export() && CSVExport()\" (click)=\"export_H.tryExport('CSV')\">{{'Export View' | localize : lc}} (CSV)</a>\r\n                                        <a class=\"dropdown-item\" *ngIf=\"Export() && XLSXExport()\" (click)=\"export_H.tryExport('XLSX')\">{{'Export View' | localize : lc}} (XLSX)</a>\r\n                                    </ng-container>\r\n\r\n                                    <a class=\"dropdown-item\" *ngFor=\"let option of CornerMenuOptions(); trackBy: idTrackBy\" (click)=\"cornerActionClicked(option.id)\">{{option.description}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n\r\n            <tbody [hidden]=\"BodyHidden() || FirstBind()\" [class.est-no-selection]=\"RangeSelection()\">\r\n                <!--Con selection attiva richiamo il template che gestisce il context menu-->\r\n                <ng-container *ngIf=\"Selection()\">\r\n                    <ng-container *ngTemplateOutlet=\"TBodySelection; context: { $implicit: { selDisabled: arrayMode() ? false : SelectionDisabled(), sel: Selection() }}\"></ng-container>\r\n                </ng-container>\r\n\r\n                <!--Senza selection richiamo il template che NON gestisce il context menu-->\r\n                <ng-container *ngIf=\"!Selection()\">\r\n                    <ng-container *ngTemplateOutlet=\"TBody\"></ng-container>\r\n                </ng-container>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n\r\n    <div *ngIf=\"PagingStyle() == 'both' || PagingStyle() == 'bottom'\">\r\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<!-- Template che contiene tutte le info di paginazione in modo da poterlo replicare anche sopra -->\r\n<ng-template #pagingElement>\r\n    <ng-container *ngIf=\"!FirstBind()\">\r\n        <!-- Pulsanti avanti-indietro di paginazione -->\r\n        <div *ngIf=\"PagerOptions.ShowPaging && PagerOptions.ShowButtons && (PagerOptions.PagerCount > 10 || PagerOptions.PagerCount == -1)\" class=\"pull-right btn-toolbar\">\r\n            <ng-container *ngIf=\"PagerOptions.View?.pagingavailable || viewMode()\">\r\n                <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: addToPage.bind(this), GTP: goToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"arrayMode() && UseArrayModePaging() && !SearchView()\">\r\n                <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: arrayAddToPage.bind(this), GTP: arrayGoToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n        <!-- Paginatore dove appare la count e le opzioni di paginazione -->\r\n        <div class=\"pull-right\" *ngIf=\"PagerOptions.ShowCount || PagerOptions.ShowPagingOptions\">\r\n            <div class=\"est-mt-min-5\" *ngIf=\"PagerOptions.ShowPaging\">\r\n                <es-paging *ngIf=\"!PagerOptions.UsesView\" [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [WarnOnAll]=\"false\" [CurrentPageSize]=\"ArraymodeItemsPerPage()\" (pagingSelected)=\"items_H.refreshPaging($event)\"></es-paging>\r\n                <es-paging *ngIf=\"PagerOptions.UsesView\" [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [GroupMode]=\"PagerOptions.Searches == 'groups'\" [AllSearch]=\"AllSearch()\" [View]=\"PagerOptions.View\" (pagingSelected)=\"onItemsPerPageChanged($event);\"></es-paging>\r\n            </div>\r\n        </div>\r\n        <div class=\"clearfix\"></div>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<!-- Template che contiene i pulsanti per cambiare pagina -->\r\n<ng-template #pagingButtons let-options>\r\n    <div class=\"est-flex\" [class.est-margin-left-50]=\"options.Margin\">\r\n        <a class=\"btn\" class=\"est-page-prev app-pointer\" (click)=\"options.ATP(-1, options.separator)\"><span class=\"fa fa-chevron-left\"></span></a>\r\n        <div *ngIf=\"options.Array\" class=\"est-inline\"><a *ngFor=\"let p of options.Array; trackBy: valTrackBy\" class=\"btn est-page-sel {{p.cssClass}}\" (click)=\"options.GTP(p.val, options.separator)\">{{p.val}}</a></div>\r\n        <a class=\"btn\" class=\"est-page-next app-pointer\" (click)=\"options.ATP(1, options.separator)\"><span class=\"fa fa-chevron-right\"></span></a>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Questi due template rappresentano effettivamente il body della tabella. essendo il tr l'unica cosa che davvero cambia, il resto \u00E8 templatizzato -->\r\n<ng-template #TBodySelection let-templateOptions>\r\n    <ng-container *ngFor=\"let item of boundSource(); let even = even; let i=index; trackBy: bodyTrackBy\">\r\n        <tr *ngIf=\"item._visible || (!Hierarchy() && !ArrayGrouping())\"\r\n            [class]=\"item._rowClass ? item._rowClass : ''\"\r\n            [class.est-line-through]=\"item.removed || item.deleted\"\r\n            [class.est-pointer]=\"!item.locked\"\r\n            [class.est-white-selected]=\"item._selected && !item.locked\"\r\n            [class.est-rg]=\"item._group\"\r\n            [class.est-rg-sep]=\"item._sep\"\r\n            [contextMenu]=\"!item.locked ? (ContextMenu || emptyMenu) : emptyMenu\" [contextMenuSubject]=\"item\"\r\n            (click)=\"!RangeSelection() && handleRowClick($event, item, true)\"\r\n            (contextmenu)=\"onRightClick();\">\r\n\r\n            <td *ngIf=\"!item.locked && !item._sep && !HasPinnedColumns()\">\r\n                <input  type=\"checkbox\"\r\n                        style=\"width: 15px\"\r\n                        [disabled]=\"templateOptions.selDisabled\"\r\n                        [class.est-pointer]=\"!item.locked\"\r\n                        [(ngModel)]=\"item._selected\" name=\"check{{i}}\"\r\n                        (click)=\"$event.stopPropagation(); handleClick($event, item);\">\r\n            </td>\r\n            <td *ngIf=\"(item.locked || item._sep) && !HasPinnedColumns()\"></td>\r\n\r\n            <ng-container *ngIf=\"item._sep\"><ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container> </ng-container>\r\n\r\n            <ng-container *ngIf=\"!item._sep\">\r\n                <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i, templateOptions: templateOptions }\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\r\n        </tr>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #TBody>\r\n    <ng-container *ngFor=\"let item of boundSource(); let i = index, let even = even; trackBy: bodyTrackBy\">\r\n        <tr *ngIf=\"item._visible || !Hierarchy()\"\r\n            [class]=\"item._rowClass ? item._rowClass : ''\"\r\n            [class.est-line-through]=\"item.removed || item.deleted\"\r\n            [class.est-rg]=\"item._group\"\r\n            [class.est-rg-sep]=\"item._sep\"\r\n            (click)=\"handleRowClick($event, item, false)\">\r\n\r\n            <ng-container *ngIf=\"item._sep\"><ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container></ng-container>\r\n\r\n            <ng-container *ngIf=\"!item._sep\">\r\n                <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i }\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\r\n        </tr>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #groupPager let-item>\r\n    <td class=\"est-pinned-body \" *ngIf=\"HasPinnedColumns()\">\r\n        <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\r\n    </td>\r\n    <td *ngIf=\"item._grouplevel > 1\" [attr.colspan]=\"item._grouplevel-1\"></td>\r\n    <td [attr.colspan]=\"Columns().VisibleUnpinned - (item._grouplevel > 0 ? item._grouplevel - 1 : 0)\">\r\n        <div class=\"est-rg-sep-flex-right\" *ngIf=\"RowGroupingPagingStyle() == 'right'\">\r\n            <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\r\n            <div class=\"est-rg-ipp\" *ngIf=\"(item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10\"><es-paging [CountLabel]=\"CountLabel()\" [AllSearch]=\"AllSearch()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\r\n        </div>\r\n\r\n        <div class=\"est-rg-sep-flex-left\" *ngIf=\"RowGroupingPagingStyle() == 'left'\">\r\n            <div class=\"est-rg-ipp\"><es-paging [AllSearch]=\"AllSearch()\" [CountLabel]=\"CountLabel()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\r\n            <div class=\"est-rg-page\" *ngIf=\"(item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\r\n        </div>\r\n    </td>\r\n</ng-template>\r\n\r\n<!-- Questo template contiene la print condizionale su tabelle semplici, con header e body scritti a manazza -->\r\n<ng-template #basicColumns let-item let-index=\"index\">\r\n    <ng-container *ngIf=\"(!UseCustomCells() || EmptyRowTds()) && !DynamicRowColumnsDefinition()\">\r\n        <ng-container *ngTemplateOutlet=\"bodyRef; context : {$implicit: item, index: index}\"></ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultEditor let-ctx>\r\n    <!-- Un po' triste ma questo \u00E8 il metodo pi\u00F9 semplice per gestire il cambio di modello -->\r\n     <!-- Manca da reimplementare il  [FocusSubject]=\"FocusSubject\" -->\r\n    <ng-container *ngIf=\"ctx.item.properties\">\r\n        <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item.properties[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer()\"></form-adaptive>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!ctx.item.properties\">\r\n        <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer()\"></form-adaptive>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultEsTd let-ctx>\r\n    <!-- TODO: Formattare il valore in base a valType.type -->\r\n    <ng-container *ngIf=\"ctx.type == 'enum'\">\r\n        {{ (ctx.value | est_lookup : ctx.definition.PropertySource).description }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"ctx.type != 'enum'\">\r\n        @switch(ctx.type){\r\n            @case(\"date\"){\r\n                {{ctx.value | loc_date: 'DD/MM/YYYY' }}\r\n            }\r\n            @case(\"datetime\"){\r\n                {{ctx.value | loc_date: 'DD/MM/YYYY HH:mm:ss'}}\r\n            }\r\n            @default {\r\n                {{ctx.value}}\r\n            }\r\n        }\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #customCells let-item let-opt=\"templateOptions\">\r\n    <ng-container *ngIf=\"UseCustomCells() && !EmptyRowTds()\">\r\n        <!-- Cella che aggrega tutte le colonne che devono essere pinnate -->\r\n        <td *ngIf=\"HasPinnedColumns()\" class=\"est-pinned-body est-col-min\" [class.est-white-selected]=\"item._selected\">\r\n            <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border\">\r\n                <td *ngIf=\"!item.locked && !item._sep && Selection()\" class=\"est-no-border est-col-min\" [style.width.px]=\"20\">\r\n                    <input type=\"checkbox\" style=\"width: 15px\" [disabled]=\"opt.selDisabled\" [class.est-pointer]=\"!item.locked\" [(ngModel)]=\"item._selected\" name=\"check{{item._hash}}\" (click)=\"$event.stopPropagation(); handleClick($event, item);\">\r\n                </td>\r\n                <td class=\"est-no-border est-col-min\" *ngIf=\"(item.locked || item._sep) && Selection()\" [style.width.px]=\"20\"></td>\r\n\r\n                <ng-container *ngFor=\"let cell of RowTDs[item._hash]; let index = index; trackBy: IDTrackBy\">\r\n                    <ng-container *ngIf=\"cell().Pinned\">\r\n                        <ng-container *ngTemplateOutlet=\"customTd; context: { \r\n                                $implicit: item, \r\n                                index: index, \r\n                                cell: cell, \r\n                                pinned: true, \r\n                                selectionStatus: selectionStatus[item._ordinal]?.[index],\r\n                                selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\r\n                                selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\r\n                                selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\r\n                                selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \r\n                            };\"></ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </td>\r\n\r\n        <!-- Body effettivo della riga -->\r\n        <ng-container *ngFor=\"let cell of RowTDs[item._hash]; let index = index; trackBy: IDTrackBy\">\r\n            <ng-container *ngIf=\"!cell().Pinned;\">\r\n                <ng-container *ngTemplateOutlet=\"customTd; context: { \r\n                        $implicit: item, \r\n                        index: index, \r\n                        cell: cell, \r\n                        pinned: false, \r\n                        selectionStatus: selectionStatus[item._ordinal]?.[index],\r\n                        selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\r\n                        selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\r\n                        selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\r\n                        selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \r\n                    };\"></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<!-- Cella customizzata, elemento grafico base per la tabella -->\r\n<ng-template #customTd let-item let-cell=\"cell\" let-index=\"index\" let-pinned=\"pinned\" let-selStatus=\"selectionStatus\" let-selStatusUp=\"selectionStatusUp\" let-selStatusDown=\"selectionStatusDown\" let-selStatusLeft=\"selectionStatusLeft\" let-selStatusRight=\"selectionStatusRight\">\r\n\r\n    <!-- Customizzazione per celle con icona (sono essenzialmente operazioni semplici e basta) -->\r\n    <ng-container *ngIf=\"cell().IconClass && cell().Visible\">\r\n        <ng-container *ngIf=\"!cell().ConditionField || (((item.properties || item) | est_propinsensitive : cell().ConditionField) == cell().ConditionValue)\">\r\n            <td [class.est-no-right-padding]=\"index != DynamicOperations().length -1\" [class.est-no-left-padding]=\"index != 0\" class=\"est-col-min\"><span title=\"{{cell().Title}}\" class=\"{{cell().IconClass}} est-pointer\" (click)=\"dynamicOperation(item, cell().ID)\">{{cell().Content}}</span></td>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"cell().ConditionField && (((item.properties || item) | est_propinsensitive : cell().ConditionField) != cell().ConditionValue)\">\r\n            <td class=\"est-col-min est-no-side-padding\"></td>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-----------------------------------------------------------------------------------------------------------------------\r\n    -   ATTENZIONE: Gli spazi fra gli Input di questo mega td sono significativi e dividono la dichiarazione in sezioni:    -\r\n    -   . Generiche                                                                                                         -\r\n    -   . Gestione allineamento e colori per la modalit\u00E0 report                                                             -\r\n    -   . Gestioni grafiche particolari per il Pinned                                                                       -\r\n    -   . Gestione della selezione a singola cella in assenza di pinned                                                     -\r\n    -   . Gestione click classico e selezione multicella                                                                                          -\r\n    ------------------------------------------------------------------------------------------------------------------------->\r\n\r\n    <td *ngIf=\"!cell().IconClass && cell().Visible\"\r\n        es-td=\"{{cell().Property || cell().ID}}\"\r\n        id=\"estd_{{cell().Property || cell().ID}}_{{item._ordinal}}_{{index}}\"\r\n        class=\"{{ cell().Class }}\"\r\n\r\n        [Context]=\"item._hash\"\r\n        [class.est-default-row-height]=\"!HighCellDensity()\"\r\n        [class.est-white-selected]=\"item._selected\"\r\n        [class.est-no-selection]=\"Editable() && cell().PropertyName\"\r\n        [class.est-rg-hdr]=\"cell().GroupHeader\"\r\n        [class.est-rg-agg]=\"cell().GroupAggregation\"\r\n        [class.est-nowrap]=\"Hierarchy() || !cell().Wraps\"\r\n\r\n        [style.text-align]=\"(!pinned && cell().Alignment) ? cell().Alignment : null\"\r\n        [style.color]=\"(!pinned && item.forecolors && cell().PropAccessor) ? item.forecolors[cell().PropAccessor] : null\"\r\n        [style.background-color]=\"(!pinned && item.backcolors && cell().PropAccessor) ? item.backcolors[cell().PropAccessor] : null\"\r\n        \r\n        [style.width.px]=\"pinned ? cell().PinnedWidth : null\"\r\n        [class.est-no-border]=\"pinned\"\r\n\r\n        [class.est-no-border-bottom]=\"selStatusDown?.tborder\"\r\n        [class.est-no-border-top]=\"selStatusUp?.bborder\"\r\n        [class.est-ltab-border]=\"cell().LeftBorder && !selStatus?.lborder && !selStatusLeft?.rborder\"\r\n        [class.est-rtab-border]=\"cell().RightBorder && !selStatus?.rborder && !selStatusRight?.lborder\"\r\n        \r\n        [class.est-selected-cell]=\"selStatus?.selected\"\r\n        [class.est-cell-lborder]=\" selStatus?.lborder\"\r\n        [class.est-cell-rborder]=\" selStatus?.rborder\"\r\n        [class.est-cell-tborder]=\" selStatus?.tborder\"\r\n        [class.est-cell-bborder]=\" selStatus?.bborder\"\r\n        [class.est-cell-lborder-tmp]=\"!cell().LeftBorder && !selStatus?.lborder && !selStatus?.loverlaps\"\r\n        [class.est-cell-rborder-tmp]=\"!cell().RightBorder && !selStatus?.rborder && !selStatus?.roverlaps\"\r\n        [class.est-cell-tborder-tmp]=\"!selStatus?.tborder && !selStatus?.toverlaps\"\r\n        [class.est-cell-bborder-tmp]=\"!selStatus?.bborder && !selStatus?.boverlaps\"\r\n\r\n        #cellRef\r\n\r\n        (click)=\"dbClickEditOrSingleClickRowSelection($event, cell, item)\"\r\n\r\n        (onCellGeneration)=\"registerCell($event, cell(), item, cellRef.el)\">\r\n\r\n        <!-- \r\n            @@@ Queste registrazioni le lascio fare all'interno di registerCell per evitare di attaccare la change detection automatica agli eventi, che rallenta di diosanto\r\n\r\n            (mousedown)=\"mousedown($event, cell, item)\"\r\n            (mouseenter)=\"mouseenter($event)\"\r\n            (mouseup)=\"mouseup($event)\"\r\n        -->\r\n\r\n        <div [class.est-edit-hidden]=\"cell()._editing\" [class.est-pre]=\"!(Hierarchy() && index == 0)\">\r\n\r\n            <ng-container #DEBUG>\r\n                <!-- Debug box in caso la roba che viene scritta nelle celle non torni. Scirvere qui i propri binding per controllare cose -->\r\n            </ng-container>\r\n\r\n            <!-- 90% Template disponibile, quindi derivante da *td, controllo giusto che non sia un field particolare multi -->\r\n            <ng-container *ngIf=\"cell().Template\">\r\n                <ng-container *ngIf=\"!cell().Multi\"><ng-container *ngTemplateOutlet=\"cell().Template; context: { $implicit: item }\"></ng-container></ng-container>\r\n                <span *ngIf=\"cell().Multi\"><ng-container *ngTemplateOutlet=\"cell().Template; context: { $implicit: (item[cell().MultiProp] ? item[cell().MultiProp][cell().MultiIndex] : {}) }\"></ng-container></span>\r\n            </ng-container>\r\n\r\n            <!-- 8%\r\n                Template non disponibile, pu\u00F2 venire da\r\n                RoutePath in caso sia un link di una tabella dinamica\r\n                PropAccessor in caso di ReportRow (quindi oggetti con \"values\"  dentro),\r\n                o Renderer se modalit\u00E0 dinamica/standard (in qual caso il renderer \u00E8 il default)\r\n            -->\r\n            <ng-container *ngIf=\"!cell().Template && !cell().Multi && !cell().Content\">\r\n                <a *ngIf=\"cell().RoutePath\" [routerLink]=\"item | est_routerlink : cell().RoutePath : cell().RouteParameterProperties\" class=\"est-link\" [innerHTML]=\"item.properties ? item.properties[cell().PropertyName] : item[cell().PropertyName]\"></a>\r\n\r\n                <span *ngIf=\"cell().PropAccessor\">\r\n                    {{(item.values? item.values[cell().PropAccessor] : item[cell().PropAccessor]) | est_format: cell().Format }}\r\n                </span>\r\n\r\n                <ng-container *ngIf=\"!cell().PropAccessor && !cell().RoutePath\">\r\n                    <ng-container *ngTemplateOutlet=\"cell().PropertyName | est_renderer: { name: cell().RendererName, src: EsTdsDirective, fallback: defaultEsTd }; context: { $implicit: { definition: cell(), value: item.properties ? item.properties[cell().PropertyName] : item[cell().PropertyName], type: cell().PropertyType} }\"></ng-container>\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n            <!-- 1% Se in modalit\u00E0 gerarchica metto il td per navigare la gerarchia -->\r\n            <ng-container *ngIf=\"Hierarchy() && index == 0\"><ng-container *ngTemplateOutlet=\"HierarchyNavigator; context: { $implicit: item }\"></ng-container></ng-container>\r\n\r\n            <!-- 1% Content programmatico per le casistiche di Row Grouping ecc... -->\r\n            <ng-container *ngIf=\"cell().Content\">\r\n                {{cell().Content}}\r\n            </ng-container>\r\n        </div>\r\n\r\n        <div *ngIf=\"cell()._editing\" class=\"est-mt-min-5\">\r\n            <ng-container *ngTemplateOutlet=\"cell().PropertyName | est_editor: { name: cell().EditorName, src: EsTdEditorDirectives, fallback: defaultEditor}; context: { $implicit: { definition: cell(), columnIndex: index, item: item, finalizer: finalizeUserEdit.bind(this, cell, item, index) } }\"></ng-container>\r\n        </div>\r\n    </td>\r\n</ng-template>\r\n\r\n<!-- Navigatore della gerarchia di una view gerarchica, con tasto per espandere e collassare -->\r\n<ng-template #HierarchyNavigator let-item>\r\n    <span *ngIf=\"!item.parent\" class=\"fa fa-chevron-down\" style=\"visibility:hidden\"></span>\r\n    <span *ngIf=\"item.parent && item._expanded\" class=\"fa fa-chevron-down est-pointer est-no-selection\" (click)=\"hierarchyMode_H.collapseParent(item[this.OwnKey()])\"></span>\r\n    <span *ngIf=\"item.parent && !item._expanded\" class=\"fa fa-chevron-up est-pointer est-no-selection\" (click)=\"hierarchyMode_H.expandParent(item[this.OwnKey()])\"></span>\r\n    &nbsp;\r\n</ng-template>\r\n\r\n<!-- Pulsanti di eliminazione/undo eliminazione ed esportazione che vanno in fondo ad un record edlla tabella -->\r\n<ng-template #bodyDeleteAndExport let-options>\r\n    <ng-container *ngIf=\"Removal() && !RemovalCondition()\">\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!(options.item.removed || options.item.deleted)\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"(options.item.removed || options.item.deleted)\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"Removal() && RemovalCondition()\">\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!(options.item.removed || options.item.deleted) && options.item[RemovalCondition()]\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"(options.item.removed || options.item.deleted) && options.item[RemovalCondition()]\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!options.item[RemovalCondition()]\"><span class=\"fa fa-remove est-hidden-view\"></span></td>\r\n    </ng-container>\r\n    <td *ngIf=\"Export() || HiddenColumns() || CornerMenuOptions()\" class=\"est-sticky-last-column{{options.even && !Hierarchy() ? '-alt' : ''}}\"></td>\r\n</ng-template>\r\n\r\n<!-- Context menu vuoto default per tutte le tabella che non ce l'hanno, in modo che al click destro appaia \"nessuna op disponibile\" -->\r\n<context-menu #emptyMenu>\r\n    <ng-template contextMenuItem><span><em>{{'No operations available' | localize : lc}}...</em></span></ng-template>\r\n</context-menu>\r\n\r\n<!-- Modal per cambiare posizione e visibilit\u00E0 delle colonne dell'es-table -->\r\n<div bsModal #changeColumnVisibilityModal=\"bs-modal\" #columnsDialog class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-lg\" cdkDrag>\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header est-pointer\" cdkDragHandle>\r\n                <h5 class=\"modal-title pull-left\">\r\n                    <ng-container *ngIf=\"!HiddenColumns() && ColumnsOrdering()\">\r\n                        {{'Columns Order' | localize : lc}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"HiddenColumns() && !ColumnsOrdering()\">\r\n                        {{'Columns Visibility' | localize : lc}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"HiddenColumns() && ColumnsOrdering()\">\r\n                        {{'Columns Visibility and Order' | localize : lc}}\r\n                    </ng-container>\r\n                </h5>\r\n                <button type=\"button\" class=\"close pull-right\" (click)=\"hideDialog(changeColumnVisibilityModal);\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div *ngIf=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"card card-info est-padding-10 est-margin-bottom-0\">\r\n                    {{'There are no columns configured to be hidden/shown in this view' | localize : lc}}\r\n                </div>\r\n                <div *ngIf=\"TMPColumnsList && TMPColumnsList.length > 0\" style=\"max-height:500px; overflow-y:auto\">\r\n                    <!--Aaaaaaah la tristezza... qui mi servirebbe l'es-table per facilitare la selezione multipla ecc... peccato che se la linko qui entro in un loop impressionante-->\r\n                    <table class=\"table table-striped table-sm est-margin-bottom-0\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"est-col-min\" *ngIf=\"HiddenColumns()\">\r\n                                    <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"globalColVisCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"columnMetadata_H.globalColVisCheckChanged();\">\r\n                                </th>\r\n                                <!-- <th class=\"est-col-min\" *ngIf=\"ColumnsOrdering\"></th> -->\r\n                                <th class=\"est-col-min est-nowrap\">{{'Column Name' | localize : lc}}</th>\r\n                                <!--Filler-->\r\n                                <th></th>\r\n                                <!-- Pinner -->\r\n                                <th *ngIf=\"DirectivesBased()\" class=\"est-col-min\"></th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody\r\n                            cdkDropList\r\n                            [cdkDropListData]=\"TMPColumnsList\"\r\n                            (cdkDropListDropped)=\"columnMetadata_H.columnReordered($event)\"\r\n                            [cdkDropListSortPredicate]=\"columnMetadata_H.sortPredicate.bind(this.columnMetadata_H)\"\r\n                            class=\"est-dropbox\">\r\n\r\n                            <tr *ngFor=\"let item of TMPColumnsList; let i = index; let last = last; trackBy: idTrackBy\"\r\n                                class=\"est-pointer est-droplist\"\r\n                                [class.est-white-selected]=\"lastSelectedItemID == item.id\"\r\n                                [class.est-no-selection]=\"!item.visible\"\r\n                                cdkDrag\r\n                                [cdkDragData]=\"item\"\r\n                                [cdkDragDisabled]=\"!ColumnsOrdering || item.fixed || item.pinned\">\r\n\r\n                                <td *ngIf=\"HiddenColumns()\">\r\n                                    <input type=\"checkbox\" style=\"width: 15px\" [class.est-hidden-view]=\"item.fixed\" class=\"est-pointer\" [(ngModel)]=\"item.visible\" name=\"visible{{i}}\" (ngModelChange)=\"columnMetadata_H.updateGlobalColVisCheck();\" />\r\n                                </td>\r\n                                <td class=\"est-nowrap drag-visible\" (click)=\"columnMetadata_H.columnClicked(item);\">\r\n                                    <ng-container *ngIf=\"item.template\">\r\n                                        <!-- Padri -->\r\n                                        <span *ngIf=\"item.parentTemplates && item.parentTemplates.length > 0\" class=\"est-fw-bold est-fs-13\">\r\n                                            (&nbsp;\r\n                                            <ng-container *ngFor=\"let parent of item.parentTemplates; let last=last; trackBy: idTrackBy\">\r\n                                                <ng-container *ngIf=\"parent.tmpl\"><ng-container *ngTemplateOutlet=\"parent.tmpl\"></ng-container></ng-container>\r\n                                                <ng-container *ngIf=\"parent.content\">{{parent.content}}</ng-container>\r\n                                                <span *ngIf=\"!last\">&nbsp;-&nbsp;</span>\r\n                                            </ng-container>\r\n                                            &nbsp;)\r\n                                        </span>\r\n                                        <!-- Template header originale -->\r\n                                        <ng-container *ngTemplateOutlet=\"item.template; context: { $implicit: item.multi ? item.multiContent : null }\"></ng-container>\r\n                                    </ng-container>\r\n                                    <ng-container *ngIf=\"!item.template\">{{item.description}}</ng-container>\r\n                                </td>\r\n                                <!--Filler-->\r\n                                <td (click)=\"columnMetadata_H.columnClicked(item);\"></td>\r\n                                <!-- Pinner -->\r\n                                <td *ngIf=\"DirectivesBased() && ColumnsPinnable()\"><span *ngIf=\"!item.fixed && item.pinnable\" class=\"fa fa-thumb-tack\" [class.text-success]=\"item.pinned\" (click)=\"columnMetadata_H.pinOrUnpinColumn(item)\"></span></td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <button type=\"button\" class=\"btn btn-secondary est-margin-right-10\" (click)=\"lastSelectedItemID = null; hideDialog(changeColumnVisibilityModal);\">{{'Close' | localize : lc}}</button>\r\n                <button type=\"button\" [disabled]=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"btn btn-primary\" (click)=\"columnMetadata_H.confirmColumnVisibilitySelection() && hideDialog(changeColumnVisibilityModal)\">{{'Confirm' | localize : lc}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";.est-loading-box{height:200px;text-align:center;position:relative;background:#ccc}.est-loading-content{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px}.est-scrollable{max-height:600px;overflow:auto}.est-head-resizer{top:0;right:0;bottom:0;width:7px;position:absolute;cursor:col-resize}.est-head-resizer-internal{inset:0 0 0 6px;width:1px;position:absolute;background-color:#ccc;height:100%}.est-pointer{cursor:pointer}.est-high-density th,.est-high-density td{padding:0;padding-left:.2rem;padding-right:.2rem}.est-default-row-height{height:31px}.est-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.est-edit-hidden{visibility:hidden;height:1px!important}.est-hidden-view{visibility:hidden}.est-no-border{border:none!important}.est-nowrap{white-space:nowrap}.est-mt-min-5{margin-top:-5px}.est-white-selected{background-color:#ddd!important}.est-line-through{text-decoration:line-through}.est-no-side-padding{padding-left:0;padding-right:0}.est-no-left-padding,.est-no-right-padding{padding-left:0}.est-col-min{width:1px}.est-margin-bottom-0{margin-bottom:0!important}.est-margin-right-10{margin-right:10px!important}.est-right-9{right:9px!important}.est-table-dotted-menu{padding:0 0 2px!important;color:#999}.est-fs-18{font-size:18px}.est-fs-14,.est-fs-13{font-size:14px}.est-fw-bold{font-weight:700}.est-padding-3{padding:3px!important}.est-page-container{position:relative}.est-bring-to-front-strong{z-index:99999999!important}.est-switch{position:relative;display:inline-block;width:30px;height:17px;margin-bottom:0;margin-right:5px;margin-left:5px}.est-switch input{display:none}.est-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.est-slider:before{position:absolute;content:\"\";height:13px;width:13px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.est-slider{background-color:#2196f3}input:focus+.est-slider{box-shadow:0 0 1px #2196f3}input:checked+.est-slider:before{-webkit-transform:translateX(11px);-ms-transform:translateX(11px);transform:translate(11px)}.est-slider.round{border-radius:10px}.est-slider.round:before{border-radius:50%}.est-custom-input{width:30px;display:inline;padding:1px;height:20px}.est-row-lvl-1 td:first-child{padding-left:5px}.est-row-lvl-2 td:first-child{padding-left:20px}.est-row-lvl-3 td:first-child{padding-left:35px}.est-row-lvl-4 td:first-child{padding-left:50px}.est-row-lvl-5 td:first-child{padding-left:65px}.est-row-lvl-6 td:first-child{padding-left:80px}.est-row-lvl-7 td:first-child{padding-left:95px}.est-row-lvl-8 td:first-child{padding-left:110px}.est-row-lvl-9 td:first-child{padding-left:125px}.est-row-lvl-10 td:first-child{padding-left:140px}.est-row-lvl-11 td:first-child{padding-left:155px}.est-row-lvl-12 td:first-child{padding-left:170px}.est-row-lvl-13 td:first-child{padding-left:185px}.est-row-lvl-14 td:first-child{padding-left:200px}.est-row-lvl-15 td:first-child{padding-left:215px}.est-row-lvl-16 td:first-child{padding-left:230px}.est-row-lvl-17 td:first-child{padding-left:245px}.est-row-lvl-18 td:first-child{padding-left:260px}.est-row-lvl-19 td:first-child{padding-left:275px}.est-row-lvl-20 td:first-child{padding-left:290px}.est-row-lvl-21 td:first-child{padding-left:305px}.est-row-lvl-22 td:first-child{padding-left:320px}.est-row-lvl-23 td:first-child{padding-left:335px}.est-row-lvl-24 td:first-child{padding-left:350px}.est-row-lvl-25 td:first-child{padding-left:365px}.est-row-lvl-26 td:first-child{padding-left:380px}.est-row-lvl-27 td:first-child{padding-left:395px}.est-row-lvl-28 td:first-child{padding-left:410px}.est-row-lvl-29 td:first-child{padding-left:425px}.est-row-lvl-30 td:first-child{padding-left:440px}.est-row-lvl-31 td:first-child{padding-left:455px}.est-row-lvl-32 td:first-child{padding-left:470px}.est-row-lvl-33 td:first-child{padding-left:485px}.est-row-lvl-34 td:first-child{padding-left:500px}.est-row-lvl-35 td:first-child{padding-left:515px}.est-row-lvl-36 td:first-child{padding-left:530px}.est-row-lvl-37 td:first-child{padding-left:545px}.est-row-lvl-38 td:first-child{padding-left:560px}.est-row-lvl-39 td:first-child{padding-left:575px}.est-row-lvl-40 td:first-child{padding-left:590px}.est-row-lvl-41 td:first-child{padding-left:605px}.est-row-lvl-42 td:first-child{padding-left:620px}.est-row-lvl-43 td:first-child{padding-left:635px}.est-row-lvl-44 td:first-child{padding-left:650px}.est-row-lvl-45 td:first-child{padding-left:665px}.est-row-lvl-46 td:first-child{padding-left:680px}.est-row-lvl-47 td:first-child{padding-left:695px}.est-row-lvl-48 td:first-child{padding-left:710px}.est-row-lvl-49 td:first-child{padding-left:725px}.est-row-lvl-50 td:first-child{padding-left:740px}.est-row-lvl-51 td:first-child{padding-left:755px}.est-row-lvl-52 td:first-child{padding-left:770px}.est-row-lvl-53 td:first-child{padding-left:785px}.est-row-lvl-54 td:first-child{padding-left:800px}.est-row-lvl-55 td:first-child{padding-left:815px}.est-row-lvl-56 td:first-child{padding-left:830px}.est-row-lvl-57 td:first-child{padding-left:845px}.est-row-lvl-58 td:first-child{padding-left:860px}.est-row-lvl-59 td:first-child{padding-left:875px}.est-row-lvl-60 td:first-child{padding-left:890px}.est-row-lvl-61 td:first-child{padding-left:905px}.est-row-lvl-62 td:first-child{padding-left:920px}.est-row-lvl-63 td:first-child{padding-left:935px}.est-row-lvl-64 td:first-child{padding-left:950px}.est-row-lvl-65 td:first-child{padding-left:965px}.est-row-lvl-66 td:first-child{padding-left:980px}.est-row-lvl-67 td:first-child{padding-left:995px}.est-row-lvl-68 td:first-child{padding-left:1010px}.est-row-lvl-69 td:first-child{padding-left:1025px}.est-row-lvl-70 td:first-child{padding-left:1040px}.est-row-lvl-71 td:first-child{padding-left:1055px}.est-row-lvl-72 td:first-child{padding-left:1070px}.est-row-lvl-73 td:first-child{padding-left:1085px}.est-row-lvl-74 td:first-child{padding-left:1100px}.est-row-lvl-75 td:first-child{padding-left:1115px}.est-row-lvl-76 td:first-child{padding-left:1130px}.est-row-lvl-77 td:first-child{padding-left:1145px}.est-row-lvl-78 td:first-child{padding-left:1160px}.est-row-lvl-79 td:first-child{padding-left:1175px}.est-row-lvl-80 td:first-child{padding-left:1190px}.est-row-lvl-81 td:first-child{padding-left:1205px}.est-row-lvl-82 td:first-child{padding-left:1220px}.est-row-lvl-83 td:first-child{padding-left:1235px}.est-row-lvl-84 td:first-child{padding-left:1250px}.est-row-lvl-85 td:first-child{padding-left:1265px}.est-row-lvl-86 td:first-child{padding-left:1280px}.est-row-lvl-87 td:first-child{padding-left:1295px}.est-row-lvl-88 td:first-child{padding-left:1310px}.est-row-lvl-89 td:first-child{padding-left:1325px}.est-row-lvl-90 td:first-child{padding-left:1340px}.est-row-lvl-91 td:first-child{padding-left:1355px}.est-row-lvl-92 td:first-child{padding-left:1370px}.est-row-lvl-93 td:first-child{padding-left:1385px}.est-row-lvl-94 td:first-child{padding-left:1400px}.est-row-lvl-95 td:first-child{padding-left:1415px}.est-row-lvl-96 td:first-child{padding-left:1430px}.est-row-lvl-97 td:first-child{padding-left:1445px}.est-row-lvl-98 td:first-child{padding-left:1460px}.est-row-lvl-99 td:first-child{padding-left:1475px}.est-relative{position:relative}.est-top-pager{position:absolute;right:0;top:5px}.est-top-allselect{position:absolute;left:0;top:5px;font-weight:700}.est-padding-10{padding:10px!important}.est-margin-right-50{margin-right:50px}.est-margin-left-50{margin-left:50px}.est-quick-unpin{color:#000;margin-left:8px;font-size:14px;transform:rotate(45deg)}.est-full-height{height:100%}.est-page-sel{margin-left:3px;margin-right:3px;padding:0 5px;font-size:inherit;border:none;border-radius:15px}.est-page-sel:not(.app-white-text){color:#000!important}.est-page-prev,.est-page-next{color:#000;padding:2px 0 0;font-size:inherit}.est-pinned-header{background-color:#fff;left:0;top:0;position:sticky;z-index:1;border-bottom:1px solid #dee2e6!important;padding:0!important}.est-simple-border-bottom{border-bottom:1px solid #dee2e6}.est-pinned-internal-header{border-top:0;border-bottom:0px solid #dee2e6}.est-pinned-border{border-right:2px solid #dee2e6!important}.est-cell-padding{padding:.3rem}.est-pinned-body{background-color:#fff;left:0;position:sticky;z-index:1;border-top:1px solid #dee2e6!important;padding:0!important}.est-inline{display:inline!important}.est-inline-block{display:inline-block!important}.est-link{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block}.est-link:hover{color:#23527c!important;cursor:pointer;text-decoration:underline!important}.est-sticky-last-column{right:-1px;position:sticky;z-index:0;background-color:#fff}.est-sticky-last-column-alt{right:-1px;position:sticky;z-index:0;background-color:#f2f2f2}.est-ltab-border{border-left:1px solid #bbb!important}.est-rtab-border{border-right:1px solid #bbb!important}.est-no-border-bottom{border-bottom:none!important}.est-no-border-top{border-top:none!important}.est-cell-group-padding{padding:calc(.3rem + 1px);position:absolute;top:0;left:0;height:100%;width:100%}.est-selected-cell{background-color:#2196f333!important}.est-cell-lborder{border-left:1.02px solid rgb(33,150,243)!important}.est-cell-tborder{border-top:1.02px solid rgb(33,150,243)!important}.est-cell-rborder{border-right:1.02px solid rgb(33,150,243)!important}.est-cell-bborder{border-bottom:1.02px solid rgb(33,150,243)!important}.est-cell-lborder-tmp{border-left:1.02px solid transparent!important}.est-cell-tborder-tmp{border-top:1.02px solid transparent!important}.est-cell-rborder-tmp{border-right:1.02px solid transparent!important}.est-cell-bborder-tmp{border-bottom:1.02px solid transparent!important}.est-margin-bottom-10{margin-bottom:10px}.est-text-center{text-align:center}.est-flex{display:flex}.est-rg-sep-flex-right{display:flex;flex-direction:row-reverse;width:100%;margin:-5px}.est-rg-sep-flex-left{display:flex;flex-direction:row;width:100%;margin:-5px}.est-rg-hdr{font-weight:700}.est-rg-agg{font-style:italic}.est-rg{background-color:#7777!important}.est-rg-sep{font-size:12px;padding-right:20px!important;background-color:#bbbb!important}.est-rg-ipp{text-align:left;display:inline-flex;margin-right:25px}.est-rg-page{text-align:right;display:inline-flex;font-size:inherit;padding-top:5px}.est-droplist.cdk-drag-placeholder{opacity:0}.est-droplist.cdk-drag-preview{z-index:999999999!important;opacity:1;box-sizing:border-box;border-radius:4px;background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.est-droplist.cdk-drag-preview td:not(.drag-visible){visibility:hidden}.est-droplist.cdk-drag-preview td.drag-visible{padding-top:3px}.est-droplist.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.est-droplist.cdk-drop-list-dragging .est-dropbox:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.est-pre{white-space:pre}.est val-datetime .mat-form-field-appearance-outline .mat-form-field-infix input{margin-bottom:3px!important;min-width:130px!important}.est .mat-form-field-flex{height:29px!important;padding:0!important}.est .mat-form-field-flex .mat-form-field-outline{color:#00f}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start{border-left:none;border-top:none;border-radius:0}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end{border-top:none;border-radius:0;border-right:none}.est .mat-form-field-wrapper{height:20px;min-height:20px!important;margin-top:0!important}.est .mat-form-field-infix{width:100%!important;min-width:50px!important}.est .mat-form-field-infix select.mat-input-element{margin-top:-5px!important}.est .mat-datepicker-input{margin-bottom:3px!important}.est input{height:20px;padding-top:0!important}\n"], dependencies: [{ kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i10.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i11.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i11.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i11.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: i12.ContextMenuAttachDirective, selector: "[contextMenu]", inputs: ["contextMenuSubject", "contextMenu"] }, { kind: "component", type: i12.ContextMenuComponent, selector: "context-menu", inputs: ["menuClass", "autoFocus", "useBootstrap4", "disabled"], outputs: ["close", "open"] }, { kind: "directive", type: i12.ContextMenuItemDirective, selector: "[contextMenuItem]", inputs: ["subMenu", "divider", "enabled", "passive", "visible"], outputs: ["execute"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i13.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i14.EsFormAdaptiveComponent, selector: "form-adaptive", inputs: ["Type", "TypeMissingMessage", "SearchFunction", "Precision", "TypePattern"] }, { kind: "directive", type: i15.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "component", type: EsTablePagerComponent, selector: "es-paging", inputs: ["CurrentPageSize", "View", "WarnOnAll", "AllSearch", "DefaultAll", "GroupMode", "GroupCount", "CountLabel", "ShowCount", "ShowPaging", "PagerCount", "Hidden"], outputs: ["pagingSelected"] }, { kind: "component", type: EsTh, selector: "[es-th]", inputs: ["es-th", "Order", "Orderable", "Display", "Resizable", "Pinned", "SearchInProgress", "OrderBy", "Wrap", "Fixed", "Template", "Visible"], outputs: ["onOrderChange", "onUnpinning"] }, { kind: "component", type: EsTd, selector: "[es-td]", inputs: ["es-td", "Context"], outputs: ["onCellGeneration"] }, { kind: "pipe", type: i8.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }, { kind: "pipe", type: i5.LocDatePipe, name: "loc_date" }, { kind: "pipe", type: EstFormatPipe, name: "est_format" }, { kind: "pipe", type: EstLookupPipe, name: "est_lookup" }, { kind: "pipe", type: EstRouterLinkPipe, name: "est_routerlink" }, { kind: "pipe", type: EstRendererPipe, name: "est_renderer" }, { kind: "pipe", type: EstEditorPipe, name: "est_editor" }, { kind: "pipe", type: EstPropInsensitivePipe, name: "est_propinsensitive" }], viewProviders: [{ provide: LocalizationService, useClass: EsTableLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableComponent, deps: [{ token: i0.NgZone }, { token: i1.NgControl, optional: true, self: true }, { token: i2$1.PreferencesService, optional: true }, { token: EST_DEFAULTS, optional: true }, { token: EST_DEBUG, optional: true }, { token: EST_EXPORT_GLOBAL_ACL, optional: true }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: UtilitiesHandler }, { token: i5.UtilityService }, { token: i5.ExportService }, { token: i5.DateService }, { token: i5.MessageService }, { token: CopyPasteDetector }, { token: i5.ClipboardService }, { token: Logger }, { token: i5.AppEmbeddingExtensions }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: EsTableComponent, isStandalone: false, selector: "es-table", inputs: { globalCheck: { classPropertyName: "globalCheck", publicName: "globalCheck", isSignal: true, isRequired: false, transformFunction: null }, autoUpdate: { classPropertyName: "autoUpdate", publicName: "autoUpdate", isSignal: true, isRequired: false, transformFunction: null }, seconds: { classPropertyName: "seconds", publicName: "seconds", isSignal: true, isRequired: false, transformFunction: null }, researchInProgress: { classPropertyName: "researchInProgress", publicName: "researchInProgress", isSignal: true, isRequired: false, transformFunction: null }, globalColVisCheck: { classPropertyName: "globalColVisCheck", publicName: "globalColVisCheck", isSignal: true, isRequired: false, transformFunction: null }, EsThTdProvider: { classPropertyName: "EsThTdProvider", publicName: "EsThTdProvider", isSignal: false, isRequired: false, transformFunction: null }, CornerMenuOptions: { classPropertyName: "CornerMenuOptions", publicName: "CornerMenuOptions", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsResizable: { classPropertyName: "_ColumnsResizable", publicName: "ColumnsResizable", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsPinnable: { classPropertyName: "_ColumnsPinnable", publicName: "ColumnsPinnable", isSignal: true, isRequired: false, transformFunction: null }, _AutoUpdate: { classPropertyName: "_AutoUpdate", publicName: "AutoUpdate", isSignal: true, isRequired: false, transformFunction: null }, Height: { classPropertyName: "Height", publicName: "Height", isSignal: true, isRequired: false, transformFunction: null }, EmptySpaceBackgroundColor: { classPropertyName: "EmptySpaceBackgroundColor", publicName: "EmptySpaceBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, EsTableHandledSearch: { classPropertyName: "EsTableHandledSearch", publicName: "EsTableHandledSearch", isSignal: true, isRequired: false, transformFunction: null }, MaxHeight: { classPropertyName: "MaxHeight", publicName: "MaxHeight", isSignal: true, isRequired: false, transformFunction: null }, _ContainerClass: { classPropertyName: "_ContainerClass", publicName: "ContainerClass", isSignal: true, isRequired: false, transformFunction: null }, XLSXExport: { classPropertyName: "XLSXExport", publicName: "XLSXExport", isSignal: true, isRequired: false, transformFunction: null }, CSVExport: { classPropertyName: "CSVExport", publicName: "CSVExport", isSignal: true, isRequired: false, transformFunction: null }, _AllSearch: { classPropertyName: "_AllSearch", publicName: "AllSearch", isSignal: true, isRequired: false, transformFunction: null }, HighCellDensity: { classPropertyName: "HighCellDensity", publicName: "HighCellDensity", isSignal: true, isRequired: false, transformFunction: null }, _Selection: { classPropertyName: "_Selection", publicName: "Selection", isSignal: true, isRequired: false, transformFunction: null }, ShowLoadingOnBootstrap: { classPropertyName: "ShowLoadingOnBootstrap", publicName: "ShowLoadingOnBootstrap", isSignal: true, isRequired: false, transformFunction: null }, Removal: { classPropertyName: "Removal", publicName: "Removal", isSignal: true, isRequired: false, transformFunction: null }, RemovalCondition: { classPropertyName: "RemovalCondition", publicName: "RemovalCondition", isSignal: true, isRequired: false, transformFunction: null }, _Export: { classPropertyName: "_Export", publicName: "Export", isSignal: true, isRequired: false, transformFunction: null }, _ShiftClick: { classPropertyName: "_ShiftClick", publicName: "ShiftClick", isSignal: true, isRequired: false, transformFunction: null }, CountLabel: { classPropertyName: "CountLabel", publicName: "CountLabel", isSignal: true, isRequired: false, transformFunction: null }, _HidePaging: { classPropertyName: "_HidePaging", publicName: "HidePaging", isSignal: true, isRequired: false, transformFunction: null }, _HidePagingCount: { classPropertyName: "_HidePagingCount", publicName: "HidePagingCount", isSignal: true, isRequired: false, transformFunction: null }, _HidePagingButtons: { classPropertyName: "_HidePagingButtons", publicName: "HidePagingButtons", isSignal: true, isRequired: false, transformFunction: null }, ContextMenu: { classPropertyName: "ContextMenu", publicName: "ContextMenu", isSignal: false, isRequired: false, transformFunction: null }, ExportFileName: { classPropertyName: "ExportFileName", publicName: "ExportFileName", isSignal: true, isRequired: false, transformFunction: null }, _TableClass: { classPropertyName: "_TableClass", publicName: "TableClass", isSignal: true, isRequired: false, transformFunction: null }, ExportFunction: { classPropertyName: "ExportFunction", publicName: "ExportFunction", isSignal: false, isRequired: false, transformFunction: null }, ExportOnlyVisibleColumns: { classPropertyName: "ExportOnlyVisibleColumns", publicName: "ExportOnlyVisibleColumns", isSignal: true, isRequired: false, transformFunction: null }, HasHeaderGroup: { classPropertyName: "HasHeaderGroup", publicName: "HasHeaderGroup", isSignal: true, isRequired: false, transformFunction: null }, HasSecondaryHeaderGroup: { classPropertyName: "HasSecondaryHeaderGroup", publicName: "HasSecondaryHeaderGroup", isSignal: true, isRequired: false, transformFunction: null }, HeaderHidden: { classPropertyName: "HeaderHidden", publicName: "HeaderHidden", isSignal: true, isRequired: false, transformFunction: null }, BodyHidden: { classPropertyName: "BodyHidden", publicName: "BodyHidden", isSignal: true, isRequired: false, transformFunction: null }, SelectionDisabled: { classPropertyName: "SelectionDisabled", publicName: "SelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, SingleSelection: { classPropertyName: "SingleSelection", publicName: "SingleSelection", isSignal: true, isRequired: false, transformFunction: null }, RowClassAssigner: { classPropertyName: "RowClassAssigner", publicName: "RowClassAssigner", isSignal: false, isRequired: false, transformFunction: null }, _OrderByColumn: { classPropertyName: "_OrderByColumn", publicName: "OrderByColumn", isSignal: true, isRequired: false, transformFunction: null }, MultipleOrderingDirectives: { classPropertyName: "MultipleOrderingDirectives", publicName: "MultipleOrderingDirectives", isSignal: true, isRequired: false, transformFunction: null }, _HiddenColumns: { classPropertyName: "_HiddenColumns", publicName: "HiddenColumns", isSignal: true, isRequired: false, transformFunction: null }, _ColumnsOrdering: { classPropertyName: "_ColumnsOrdering", publicName: "ColumnsOrdering", isSignal: true, isRequired: false, transformFunction: null }, SearchView: { classPropertyName: "SearchView", publicName: "SearchView", isSignal: true, isRequired: false, transformFunction: null }, _SelectAll: { classPropertyName: "_SelectAll", publicName: "SelectAll", isSignal: true, isRequired: false, transformFunction: null }, _UseArrayModePaging: { classPropertyName: "_UseArrayModePaging", publicName: "UseArrayModePaging", isSignal: true, isRequired: false, transformFunction: null }, _DynamicRowColumnsDefinition: { classPropertyName: "_DynamicRowColumnsDefinition", publicName: "DynamicRowColumnsDefinition", isSignal: true, isRequired: false, transformFunction: null }, DynamicOperations: { classPropertyName: "DynamicOperations", publicName: "DynamicOperations", isSignal: true, isRequired: false, transformFunction: null }, Hierarchy: { classPropertyName: "Hierarchy", publicName: "Hierarchy", isSignal: true, isRequired: false, transformFunction: null }, _ParentKey: { classPropertyName: "_ParentKey", publicName: "ParentKey", isSignal: true, isRequired: false, transformFunction: null }, _OwnKey: { classPropertyName: "_OwnKey", publicName: "OwnKey", isSignal: true, isRequired: false, transformFunction: null }, _AutoSortHierarchy: { classPropertyName: "_AutoSortHierarchy", publicName: "AutoSortHierarchy", isSignal: true, isRequired: false, transformFunction: null }, StartsExpanded: { classPropertyName: "StartsExpanded", publicName: "StartsExpanded", isSignal: true, isRequired: false, transformFunction: null }, _SavePreferences: { classPropertyName: "_SavePreferences", publicName: "SavePreferences", isSignal: true, isRequired: false, transformFunction: null }, _DefaultAlignment: { classPropertyName: "_DefaultAlignment", publicName: "DefaultAlignment", isSignal: true, isRequired: false, transformFunction: null }, _PagingStyle: { classPropertyName: "_PagingStyle", publicName: "PagingStyle", isSignal: true, isRequired: false, transformFunction: null }, _RowGroupingPagingStyle: { classPropertyName: "_RowGroupingPagingStyle", publicName: "RowGroupingPagingStyle", isSignal: true, isRequired: false, transformFunction: null }, ItemSourceProperty: { classPropertyName: "ItemSourceProperty", publicName: "ItemSourceProperty", isSignal: true, isRequired: false, transformFunction: null }, _UseSelectionCache: { classPropertyName: "_UseSelectionCache", publicName: "UseSelectionCache", isSignal: true, isRequired: false, transformFunction: null }, _ShowItemGroupsColumns: { classPropertyName: "_ShowItemGroupsColumns", publicName: "ShowItemGroupsColumns", isSignal: true, isRequired: false, transformFunction: null }, Editable: { classPropertyName: "Editable", publicName: "Editable", isSignal: true, isRequired: false, transformFunction: null }, RangeSelection: { classPropertyName: "RangeSelection", publicName: "RangeSelection", isSignal: true, isRequired: false, transformFunction: null }, SearchThrottle: { classPropertyName: "SearchThrottle", publicName: "SearchThrottle", isSignal: true, isRequired: false, transformFunction: null }, _ArraymodeItemsPerPage: { classPropertyName: "_ArraymodeItemsPerPage", publicName: "ArraymodeItemsPerPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { globalCheck: "globalCheckChange", autoUpdate: "autoUpdateChange", seconds: "secondsChange", researchInProgress: "researchInProgressChange", globalColVisCheck: "globalColVisCheckChange", onOrderChanged: "onOrderChanged", onSearchRequest: "onSearchRequest", onSelectionChanged: "onSelectionChanged", onRemoval: "onRemoval", onAbortRemoval: "onAbortRemoval", onModelChange: "onModelChange", onOpenContextMenu: "onOpenContextMenu", onCornerAction: "onCornerAction", onDynamicOperation: "onDynamicOperation" }, queries: [{ propertyName: "bodyRef", first: true, predicate: ["body"], descendants: true }, { propertyName: "headerRef", first: true, predicate: ["header"], descendants: true }, { propertyName: "headerGroupRef", first: true, predicate: ["headerGroup"], descendants: true }, { propertyName: "secondaryHeaderGroupRef", first: true, predicate: ["secondaryHeaderGroup"], descendants: true }, { propertyName: "EsTdEditorDirectives", predicate: EsTdEditorDirective }, { propertyName: "EsTdsDirective", predicate: EsTdDirective }, { propertyName: "EsThsDirective", predicate: EsThDirective }, { propertyName: "ThTdProvider", predicate: ThTdProvider }], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }, { propertyName: "exportDownloader", first: true, predicate: ["exportDownloader"], descendants: true }, { propertyName: "tableEmptyMenu", first: true, predicate: ["emptyMenu"], descendants: true, static: true }], ngImport: i0, template: "<!-- Patacchino di autoaggiornamento -->\n@if (AutoUpdate()) {\n  <div class=\"w-100\">\n    <div class=\"pull-right\">\n      {{'Update every' | localize : lc}}&nbsp;<input [readonly]=\"autoUpdate()\" maxlength=\"3\" class=\"form-control est-custom-input\" type=\"text\" [(ngModel)]=\"seconds\" [ngModelOptions]=\"{'standalone': true}\" />&nbsp;{{'second/s' | localize : lc}}\n    </div>\n    <div class=\"pull-right m-t-2\">\n      <label class=\"est-switch\">\n        <input type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"autoUpdate\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"autoUpdateChanged();\" />\n        <div class=\"est-slider round\"></div>\n      </label>\n    </div>\n    <div class=\"clearfix\"></div>\n  </div>\n}\n\n@if (View) {\n  <div class=\"est-relative\" [style.height]=\"Height()\" [style.background-color]=\"EmptySpaceBackgroundColor()\">\n    @if (FirstBind() && ShowLoadingOnBootstrap()) {\n      <div class=\"est-loading-box\">\n        <div class=\"est-loading-content\">\n          <span class=\"fa fa-spinner fa-spin\"></span>&nbsp;{{'Performing Table bootstrap' | localize: lc}}...\n        </div>\n      </div>\n    }\n    @if (PagingStyle() == 'both' || PagingStyle() == 'top') {\n      <div class=\"est-top-pager\">\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\n      </div>\n    }\n    @if (canSelectAll() || (View?.selection || arraymodeSelection)?.all) {\n      <div class=\"est-top-allselect\">\n        <span>{{ (selectedObjects() == -1 ? ('All the' | localize : lc) : ((selectedObjects() || 0) | number : '0.0-0' : lc.Locale)) + ' ' + ((selectedObjects() == 1 ? 'Object Selected' : 'Objects Selected') | localize : lc) }}</span>&nbsp;\n        <span class=\"est-link est-inline\" (click)=\"selection_H.selectAllOrResetSelection()\">{{ (View?.selection || arraymodeSelection)?.all ? ('Reset Selection' | localize : lc) : ('Select Everything' | localize : lc)}}</span>\n      </div>\n    }\n    <div class=\"table-responsive datatable est-full-height {{ContainerClass()}}\" [style.max-height.px]=\"MaxHeight()\">\n      <table class=\"{{ TableClass() }} est-margin-bottom-10 est\" style=\"background-color: white;\"  [class.est-high-density]=\"HighCellDensity()\">\n        <thead [hidden]=\"HeaderHidden() || FirstBind()\">\n          <!-- Aggiungo il pezzo che gestisce la selezione di tutto se attivo da config -->\n          @if ((SelectAll() && !SingleSelection()) || PagingStyle() != 'bottom') {\n            <tr>\n              <th class=\"est-no-selection\" [attr.colspan]=\"Columns().Global\" [class.est-hidden-view]=\"!canSelectAll() && !(View?.selection || arraymodeSelection)?.all && PagingStyle() == 'bottom'\">\n                <p class=\"est-hidden-view app-margin-bottom-0\">\u00A7</p>\n              </th>\n            </tr>\n          }\n          <!-- Blocco header group -->\n          @if (RowThGroups) {\n\n            @for (level of RowThGroups; track $index) {\n              <tr>\n                @for (cell of level; track IDTrackBy($index, cell)) {\n                  <th [attr.colspan]=\"cell.Span\"\n                    [class.est-pinned-header]=\"cell.Pinned\" [class.est-col-min]=\"cell.Pinned\"\n                    [class.est-ltab-border]=\"cell.Borders\" [class.est-rtab-border]=\"cell.Borders\"\n                    class=\"est-text-center\">\n                    @if (cell.Pinned) {\n                    <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\">\n                      @if (cell.Content) {\n                       {{cell.Content}}\n                      }\n                      @else {\n                        <ng-container *ngTemplateOutlet=\"cell.Template\"></ng-container>\n                      }\n                    </div>\n                    }\n                    @else {\n                      @if (cell.Content) {\n                        {{cell.Content}}\n                      }\n                      @else {\n                        <ng-container *ngTemplateOutlet=\"cell.Template\"></ng-container>\n                      }\n                    }\n                  </th>\n                }\n              </tr>\n            }\n          }\n          @if (!RowThGroups) {\n            @if (HasHeaderGroup()) {\n              <tr>\n                <ng-container *ngTemplateOutlet=\"headerGroupRef\"></ng-container>\n                @if (Export()) {\n                  <th></th>\n                }\n              </tr>\n            }\n            <!-- Blocco header group secondario -->\n            @if (HasSecondaryHeaderGroup()) {\n              <tr>\n                <ng-container *ngTemplateOutlet=\"secondaryHeaderGroupRef\"></ng-container>\n                @if (Export()) {\n                  <th></th>\n                }\n              </tr>\n            }\n          }\n          <!-- Blocco effettivo degli header -->\n          <tr>\n            <!-- <div id=\"thead->tr->debug_block\" style=\"display: none; white-space: pre-wrap;\">\n              Selection: {{Selection()}}\n              HasPinnedColumns: {{HasPinnedColumns()}}\n              arrayMode: {{arrayMode()}}\n              viewMode: {{viewMode()}}\n              UseCustomCells: {{UseCustomCells()}}\n              RowTHs: {{!!RowTHs}}\n              RowTHs.length: {{RowTHs?.length}}\n              DynamicRowColumnsDefinition: {{!!DynamicRowColumnsDefinition()}}\n            </div> -->\n            <!-- Aggiungo una checkbox se la selezione \u00E8 attiva -->\n            @if (Selection() && !HasPinnedColumns()) {\n              <th class=\"est-col-min\">\n                @if (!SingleSelection()) {\n                  <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\n                }\n              </th>\n            }\n            <!-- Header che valgono per view mode e array mode -->\n            @if (arrayMode() || viewMode()) {\n              <!-- In una tabella base prendo semplicemente i th scritti dall'utente nell'HTML -->\n              @if ((!UseCustomCells() || !RowTHs || RowTHs.length == 0) && !DynamicRowColumnsDefinition()) {\n                <ng-container *ngTemplateOutlet=\"headerRef\"></ng-container>\n              }\n              <!-- Se ho un modello dinamico dell'oggetto creo le colonne in base alle propriet\u00E0 -->\n              @if ((!UseCustomCells() || !RowTHs || RowTHs.length == 0) && DynamicRowColumnsDefinition()) {\n                @for (operation of DynamicOperations(); track idTrackBy($index, operation)) {\n                  <th class=\"est-col-min est-no-side-padding\"></th>\n                }\n                @for (rowHeader of DynamicRowColumnsDefinition(); track PropertyNameTrackBy($index, rowHeader)) {\n                  @if (rowHeader.Visible) {\n                    @if (OrderByColumn()) {\n                      <th  id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\" [SearchInProgress]=\"researchInProgress()\" (onOrderChange)=\"thOrderChanged(rowHeader.PropertyName, $event)\">{{rowHeader.Description}}</th>\n                    }\n                    @else {\n                      <th id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\">{{rowHeader.Description}}</th>\n                    }\n                  }\n                }\n              }\n              <!-- Se non ho un modello dinamico ma invece delle celle custom, genero gli header in base ai row th -->\n              @if (UseCustomCells() && RowTHs?.length > 0) {\n                @if (HasPinnedColumns()) {\n                  <th class=\"est-pinned-header est-col-min\">\n                    <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-simple-border-bottom\">\n                      @if (Selection()) {\n                        <th class=\"est-col-min est-no-border\" [style.width.px]=\"20\">\n                          @if (!SingleSelection()) {\n                            <input class=\"est-pointer\" style=\"width: 15px\" type=\"checkbox\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\n                          }\n                        </th>\n                      }\n                      @for (rowHeader of RowTHs; track IDAndOrderTrackBy($index, rowHeader)) {\n                        @if (rowHeader && rowHeader.Visible && rowHeader.Pinned) {\n                          <th\n                            [style.width.px]=\"rowHeader.PinnedWidth\"\n                            es-th=\"{{rowHeader.ID}}\"\n                            class=\"{{rowHeader.Class || ''}}\"\n                            [class.est-pinned-internal-header]=\"true\"\n                            [class.est-no-border]=\"true\"\n                            [class.est-nowrap]=\"!rowHeader.Wrap\"\n                            [Pinned]=\"true\"\n                            [Fixed]=\"rowHeader.Fixed\"\n                            [Order]=\"rowHeader.Order\"\n                            [Resizable]=\"ColumnsResizable()\"\n                            [Orderable]=\"rowHeader.Orderable\"\n                            [OrderBy]=\"OrderByColumn()\"\n                            [SearchInProgress]=\"researchInProgress()\"\n                            (onUnpinning)=\"columnMetadata_H.unpinColumn($event)\"\n                            (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\n                            @if (rowHeader.Template) {\n                              <ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null } \"></ng-container>\n                            }\n                            @else {\n                              <span>{{rowHeader.Content}}|{{rowHeader.Order}}</span>\n                            }\n                          </th>\n                        }\n                      }\n                    </div>\n                  </th>\n                }\n                @for (rowHeader of RowTHs; track IDAndOrderTrackBy($index, rowHeader)) {\n                  <!-- <div id=\"thead->tr->th->debug_block\" style=\"display: none; white-space: pre-wrap;\">\n                    rowHeader: {{!!rowHeader}}\n                    rowHeader.Visible: {{rowHeader?.Visible}}\n                    rowHeader.Pinned: {{rowHeader?.Pinned}}\n                    rowHeader.Template: {{!!rowHeader.Template}}\n                    rowHeader.Order: {{rowHeader.Order}}\n                  </div> -->\n                  @if (rowHeader && rowHeader.Visible && !rowHeader.Pinned) {\n                    <th\n                      es-th=\"{{rowHeader.ID}}\"\n                      class=\"{{rowHeader.Class || ''}}\"\n                      [style.text-align]=\" rowHeader.Alignment || null\"\n                      [class.est-ltab-border]=\"rowHeader.LeftBorder\"\n                      [class.est-rtab-border]=\"rowHeader.RightBorder\"\n                      [class.est-nowrap]=\"!rowHeader.Wrap\"\n                      [Order]=\"rowHeader.Order\"\n                      [Resizable]=\"ColumnsResizable()\"\n                      [Orderable]=\"rowHeader.Orderable\"\n                      [OrderBy]=\"OrderByColumn()\"\n                      [SearchInProgress]=\"researchInProgress()\"\n                      (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\n                      @if (rowHeader.Template) {\n                        <ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null }\"></ng-container>\n                      }\n                      @else {\n                        <span>{{rowHeader.Content}}</span>\n                      }\n                    </th>\n                  }\n                }\n              }\n            }\n            <!--Per l'eliminazione mi serve un header aggiuntivo-->\n            @if (Removal()) {\n              <th [class.est-right-9]=\"Export() || HiddenColumns()\" class=\"est-col-min est-sticky-last-column\"><span class=\"fa fa-trash\"></span></th>\n            }\n            <!--Per l'esportazione mi serve l'header extra da cui faccio uscire i 3 pallocchi-->\n            @if (Export() || HiddenColumns() || ColumnsOrdering() || CornerMenuOptions()) {\n              <th class=\"est-table-dotted-menu est-sticky-last-column est-col-min text-sm-center\">\n                <!-- Blocco con i 3 pallocchi che tira fuori il context menu delle operazioni -->\n                <div class=\"btn-group\" container=\"body\" placement=\"bottom right\" dropdown #dropdown=\"bs-dropdown\" [autoClose]=\"true\">\n                  <span dropdownToggle class=\"fa fa-ellipsis-v est-fs-18 est-pointer est-padding-3\"></span>\n                  <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right est-bring-to-front-strong\">\n                    <div class=\"est-pointer\">\n                      @if (HiddenColumns() || ColumnsOrdering()) {\n                        <a class=\"dropdown-item\" (click)=\"columnMetadata_H.resetColumnVisSelection(); showDialog(changeColumnVisibilityModal, columnsDialog)\">\n                          @if (!HiddenColumns()) {\n                            {{'Columns Order' | localize : lc}}\n                          }\n                          @else if (!ColumnsOrdering()) {\n                            {{'Columns Visibility' | localize : lc}}\n                          }\n                          @else {\n                            {{'Columns Visibility and Order' | localize : lc}}\n                          }\n                        </a>\n                      }\n                      <ng-container *ac=\"exportGlobalAcl\">\n                        @if (Export() && CSVExport()) {\n                          <a class=\"dropdown-item\" (click)=\"export_H.tryExport('CSV')\">{{'Export View' | localize : lc}} (CSV)</a>\n                        }\n                        @if (Export() && XLSXExport()) {\n                          <a class=\"dropdown-item\" (click)=\"export_H.tryExport('XLSX')\">{{'Export View' | localize : lc}} (XLSX)</a>\n                        }\n                      </ng-container>\n                      @for (option of CornerMenuOptions(); track idTrackBy($index, option)) {\n                        <a class=\"dropdown-item\" (click)=\"cornerActionClicked(option.id)\">{{option.description}}</a>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody [hidden]=\"BodyHidden() || FirstBind()\" [class.est-no-selection]=\"RangeSelection()\">\n          <!--Con selection attiva richiamo il template che gestisce il context menu-->\n          @if (Selection()) {\n            <ng-container *ngTemplateOutlet=\"TBodySelection; context: { $implicit: { selDisabled: arrayMode() ? false : SelectionDisabled(), sel: Selection() }}\"></ng-container>\n          }\n          <!--Senza selection richiamo il template che NON gestisce il context menu-->\n          @else {\n            <ng-container *ngTemplateOutlet=\"TBody\"></ng-container>\n          }\n        </tbody>\n      </table>\n    </div>\n    @if (PagingStyle() == 'both' || PagingStyle() == 'bottom') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\n      </div>\n    }\n  </div>\n}\n\n<!-- Template che contiene tutte le info di paginazione in modo da poterlo replicare anche sopra -->\n<ng-template #pagingElement>\n  @if (!FirstBind()) {\n    <!-- Pulsanti avanti-indietro di paginazione -->\n    @if (PagerOptions.ShowPaging && PagerOptions.ShowButtons && (PagerOptions.PagerCount > 10 || PagerOptions.PagerCount == -1)) {\n      <div class=\"pull-right btn-toolbar\">\n        @if (PagerOptions.View?.pagingavailable || viewMode()) {\n          <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: addToPage.bind(this), GTP: goToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\n        }\n        @if (arrayMode() && UseArrayModePaging() && !SearchView()) {\n          <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: arrayAddToPage.bind(this), GTP: arrayGoToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\n        }\n      </div>\n    }\n    <!-- Paginatore dove appare la count e le opzioni di paginazione -->\n    @if (PagerOptions.ShowCount || PagerOptions.ShowPagingOptions) {\n      <div class=\"pull-right\">\n        @if (PagerOptions.ShowPaging) {\n          <div class=\"est-mt-min-5\">\n            @if (!PagerOptions.UsesView) {\n              <es-paging [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [WarnOnAll]=\"false\" [CurrentPageSize]=\"ArraymodeItemsPerPage()\" (pagingSelected)=\"items_H.refreshPaging($event)\"></es-paging>\n            }\n            @else {\n              <es-paging [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [GroupMode]=\"PagerOptions.Searches == 'groups'\" [AllSearch]=\"AllSearch()\" [View]=\"PagerOptions.View\" (pagingSelected)=\"onItemsPerPageChanged($event);\"></es-paging>\n            }\n          </div>\n        }\n      </div>\n    }\n    <div class=\"clearfix\"></div>\n  }\n</ng-template>\n\n<!-- Template che contiene i pulsanti per cambiare pagina -->\n<ng-template #pagingButtons let-options>\n  <div class=\"est-flex\" [class.est-margin-left-50]=\"options.Margin\">\n    <a class=\"btn\" class=\"est-page-prev app-pointer\" (click)=\"options.ATP(-1, options.separator)\"><span class=\"fa fa-chevron-left\"></span></a>\n    @if (options.Array) {\n      <div class=\"est-inline\">@for (p of options.Array; track valTrackBy($index, p)) {\n        <a class=\"btn est-page-sel {{p.cssClass}}\" (click)=\"options.GTP(p.val, options.separator)\">{{p.val}}</a>\n      }</div>\n    }\n    <a class=\"btn\" class=\"est-page-next app-pointer\" (click)=\"options.ATP(1, options.separator)\"><span class=\"fa fa-chevron-right\"></span></a>\n  </div>\n</ng-template>\n\n<!-- Questi due template rappresentano effettivamente il body della tabella. essendo il tr l'unica cosa che davvero cambia, il resto \u00E8 templatizzato -->\n<ng-template #TBodySelection let-templateOptions>\n  @for (item of boundSource(); track bodyTrackBy(i, item); let even = $even; let i = $index) {\n    @if (item._visible || (!Hierarchy() && !ArrayGrouping())) {\n      <tr\n        [class]=\"item._rowClass ? item._rowClass : ''\"\n        [class.est-line-through]=\"item.removed || item.deleted\"\n        [class.est-pointer]=\"!item.locked\"\n        [class.est-white-selected]=\"item._selected && !item.locked\"\n        [class.est-rg]=\"item._group\"\n        [class.est-rg-sep]=\"item._sep\"\n        [contextMenu]=\"!item.locked ? (ContextMenu || emptyMenu) : emptyMenu\" [contextMenuSubject]=\"item\"\n        (click)=\"!RangeSelection() && handleRowClick($event, item, true)\"\n        (contextmenu)=\"onRightClick();\">\n        @if (!item.locked && !item._sep && !HasPinnedColumns()) {\n          <td>\n            <input  type=\"checkbox\"\n              style=\"width: 15px\"\n              [disabled]=\"templateOptions.selDisabled\"\n              [class.est-pointer]=\"!item.locked\"\n              [(ngModel)]=\"item._selected\" name=\"check{{i}}\"\n              (click)=\"$event.stopPropagation(); handleClick($event, item);\">\n            </td>\n          }\n          @if ((item.locked || item._sep) && !HasPinnedColumns()) {\n            <td></td>\n          }\n\n          @if (item._sep) {\n            <ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container>\n          }\n          @else {\n            <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i, templateOptions: templateOptions }\"></ng-container>\n          }\n          <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\n        </tr>\n      }\n    }\n  </ng-template>\n\n  <ng-template #TBody>\n    @for (item of boundSource(); track bodyTrackBy(i, item); let i = $index; let even = $even) {\n      @if (item._visible || !Hierarchy()) {\n        <tr\n          [class]=\"item._rowClass ? item._rowClass : ''\"\n          [class.est-line-through]=\"item.removed || item.deleted\"\n          [class.est-rg]=\"item._group\"\n          [class.est-rg-sep]=\"item._sep\"\n          (click)=\"handleRowClick($event, item, false)\">\n          @if (item._sep) {\n            <ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container>\n          }\n          @else {\n            <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i }\"></ng-container>\n          }\n          <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\n        </tr>\n      }\n    }\n  </ng-template>\n\n  <ng-template #groupPager let-item>\n    @if (HasPinnedColumns()) {\n      <td class=\"est-pinned-body \">\n        <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\n      </td>\n    }\n    @if (item._grouplevel > 1) {\n      <td [attr.colspan]=\"item._grouplevel-1\"></td>\n    }\n    <td [attr.colspan]=\"Columns().VisibleUnpinned - (item._grouplevel > 0 ? item._grouplevel - 1 : 0)\">\n      @if (RowGroupingPagingStyle() == 'right') {\n        <div class=\"est-rg-sep-flex-right\">\n          <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\n          @if ((item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10) {\n            <div class=\"est-rg-ipp\"><es-paging [CountLabel]=\"CountLabel()\" [AllSearch]=\"AllSearch()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\n          }\n        </div>\n      }\n\n      @if (RowGroupingPagingStyle() == 'left') {\n        <div class=\"est-rg-sep-flex-left\">\n          <div class=\"est-rg-ipp\"><es-paging [AllSearch]=\"AllSearch()\" [CountLabel]=\"CountLabel()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\n          @if ((item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10) {\n            <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\n          }\n        </div>\n      }\n    </td>\n  </ng-template>\n\n  <!-- Questo template contiene la print condizionale su tabelle semplici, con header e body scritti a manazza -->\n  <ng-template #basicColumns let-item let-index=\"index\">\n    @if ((!UseCustomCells() || EmptyRowTds()) && !DynamicRowColumnsDefinition()) {\n      <ng-container *ngTemplateOutlet=\"bodyRef; context : {$implicit: item, index: index}\"></ng-container>\n    }\n  </ng-template>\n\n  <ng-template #defaultEditor let-ctx>\n    <!-- Un po' triste ma questo \u00E8 il metodo pi\u00F9 semplice per gestire il cambio di modello -->\n    <!-- Manca da reimplementare il  [FocusSubject]=\"FocusSubject\" -->\n    @if (ctx.item.properties) {\n      <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item.properties[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer(ctx.signal, ctx.item, ctx.columnIndex)\"></form-adaptive>\n    }\n    @else {\n      <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer(ctx.signal, ctx.item, ctx.columnIndex)\"></form-adaptive>\n    }\n  </ng-template>\n\n  <ng-template #defaultEsTd let-ctx>\n    <!-- TODO: Formattare il valore in base a valType.type -->\n    @if (ctx.type == 'enum') {\n      {{ (ctx.value | est_lookup : ctx.definition.PropertySource).description }}\n    }\n    @else {\n      @switch(ctx.type){\n        @case(\"date\"){\n          {{ctx.value | loc_date: 'DD/MM/YYYY' }}\n        }\n        @case(\"datetime\"){\n          {{ctx.value | loc_date: 'DD/MM/YYYY HH:mm:ss'}}\n        }\n        @default {\n          {{ctx.value}}\n        }\n      }\n    }\n  </ng-template>\n\n  <ng-template #customCells let-item let-opt=\"templateOptions\">\n    @if (UseCustomCells() && !EmptyRowTds()) {\n      <!-- Cella che aggrega tutte le colonne che devono essere pinnate -->\n      @if (HasPinnedColumns()) {\n        <td class=\"est-pinned-body est-col-min\" [class.est-white-selected]=\"item._selected\">\n          <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border\">\n            @if (!item.locked && !item._sep && Selection()) {\n              <td class=\"est-no-border est-col-min\" [style.width.px]=\"20\">\n                <input type=\"checkbox\" style=\"width: 15px\" [disabled]=\"opt.selDisabled\" [class.est-pointer]=\"!item.locked\" [(ngModel)]=\"item._selected\" name=\"check{{item._hash}}\" (click)=\"$event.stopPropagation(); handleClick($event, item);\">\n              </td>\n            }\n            @if ((item.locked || item._sep) && Selection()) {\n              <td class=\"est-no-border est-col-min\" [style.width.px]=\"20\"></td>\n            }\n            @for (cell of RowTDs[item._hash]; track IDTrackByOfSignal(index, cell); let index = $index) {\n              @if (cell().Pinned) {\n                <ng-container *ngTemplateOutlet=\"customTd; context: { \n                        $implicit: item, \n                        index: index, \n                        cell: cell, \n                        pinned: true, \n                        selectionStatus: selectionStatus[item._ordinal]?.[index],\n                        selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\n                        selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\n                        selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\n                        selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \n                    };\"></ng-container>\n              }\n            }\n          </div>\n        </td>\n      }\n      <!-- Body effettivo della riga -->\n      @for (cell of RowTDs[item._hash]; track IDTrackByOfSignal(index, cell); let index = $index) {\n        @if (!cell().Pinned;) {\n          <ng-container *ngTemplateOutlet=\"customTd; context: { \n                  $implicit: item, \n                  index: index, \n                  cell: cell, \n                  pinned: false, \n                  selectionStatus: selectionStatus[item._ordinal]?.[index],\n                  selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\n                  selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\n                  selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\n                  selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \n              };\"></ng-container>\n        }\n      }\n    }\n  </ng-template>\n\n  <!-- Cella customizzata, elemento grafico base per la tabella -->\n  <ng-template #customTd let-item let-cell=\"cell\" let-index=\"index\" let-pinned=\"pinned\" let-selStatus=\"selectionStatus\" let-selStatusUp=\"selectionStatusUp\" let-selStatusDown=\"selectionStatusDown\" let-selStatusLeft=\"selectionStatusLeft\" let-selStatusRight=\"selectionStatusRight\">\n\n    @let c = cell();\n\n    <!-- Customizzazione per celle con icona (sono essenzialmente operazioni semplici e basta) -->\n    @if (c.IconClass && c.Visible) {\n      @if (!c.ConditionField || (((item.properties || item) | est_propinsensitive : c.ConditionField) == c.ConditionValue)) {\n        <td [class.est-no-right-padding]=\"index != DynamicOperations().length -1\" [class.est-no-left-padding]=\"index != 0\" class=\"est-col-min\"><span title=\"{{c.Title}}\" class=\"{{c.IconClass}} est-pointer\" (click)=\"dynamicOperation(item, c.ID)\">{{c.Content}}</span></td>\n      }\n      @else {\n        <td class=\"est-col-min est-no-side-padding\"></td>\n      }\n    }\n\n    <!-----------------------------------------------------------------------------------------------------------------------\n    -   ATTENZIONE: Gli spazi fra gli Input di questo mega td sono significativi e dividono la dichiarazione in sezioni:    -\n    -   . Generiche                                                                                                         -\n    -   . Gestione allineamento e colori per la modalit\u00E0 report                                                             -\n    -   . Gestioni grafiche particolari per il Pinned                                                                       -\n    -   . Gestione della selezione a singola cella in assenza di pinned                                                     -\n    -   . Gestione click classico e selezione multicella                                                                                          -\n    ------------------------------------------------------------------------------------------------------------------------->\n\n    @if (!c.IconClass && c.Visible) {\n      <td\n        es-td=\"{{c.Property || c.ID}}\"\n        id=\"estd_{{c.Property || c.ID}}_{{item._ordinal}}_{{index}}\"\n        class=\"{{ c.Class }}\"\n        [Context]=\"item._hash\"\n        [class.est-default-row-height]=\"!HighCellDensity()\"\n        [class.est-white-selected]=\"item._selected\"\n        [class.est-no-selection]=\"Editable() && c.PropertyName\"\n        [class.est-rg-hdr]=\"c.GroupHeader\"\n        [class.est-rg-agg]=\"c.GroupAggregation\"\n        [class.est-nowrap]=\"Hierarchy() || !c.Wraps\"\n        [style.text-align]=\"(!pinned && c.Alignment) ? c.Alignment : null\"\n        [style.color]=\"(!pinned && item.forecolors && c.PropAccessor) ? item.forecolors[c.PropAccessor] : null\"\n        [style.background-color]=\"(!pinned && item.backcolors && c.PropAccessor) ? item.backcolors[c.PropAccessor] : null\"\n        [style.width.px]=\"pinned ? c.PinnedWidth : null\"\n        [class.est-no-border]=\"pinned\"\n        [class.est-no-border-bottom]=\"selStatusDown?.tborder\"\n        [class.est-no-border-top]=\"selStatusUp?.bborder\"\n        [class.est-ltab-border]=\"c.LeftBorder && !selStatus?.lborder && !selStatusLeft?.rborder\"\n        [class.est-rtab-border]=\"c.RightBorder && !selStatus?.rborder && !selStatusRight?.lborder\"\n        [class.est-selected-cell]=\"selStatus?.selected\"\n        [class.est-cell-lborder]=\" selStatus?.lborder\"\n        [class.est-cell-rborder]=\" selStatus?.rborder\"\n        [class.est-cell-tborder]=\" selStatus?.tborder\"\n        [class.est-cell-bborder]=\" selStatus?.bborder\"\n        [class.est-cell-lborder-tmp]=\"!c.LeftBorder && !selStatus?.lborder && !selStatus?.loverlaps\"\n        [class.est-cell-rborder-tmp]=\"!c.RightBorder && !selStatus?.rborder && !selStatus?.roverlaps\"\n        [class.est-cell-tborder-tmp]=\"!selStatus?.tborder && !selStatus?.toverlaps\"\n        [class.est-cell-bborder-tmp]=\"!selStatus?.bborder && !selStatus?.boverlaps\"\n        #cellRef\n        (click)=\"dbClickEditOrSingleClickRowSelection($event, cell, item)\"\n        (onCellGeneration)=\"registerCell($event, cell(), item, cellRef.el)\">\n        <!--\n        @@@ Queste registrazioni le lascio fare all'interno di registerCell per evitare di attaccare la change detection automatica agli eventi, che rallenta di diosanto\n        (mousedown)=\"mousedown($event, cell, item)\"\n        (mouseenter)=\"mouseenter($event)\"\n        (mouseup)=\"mouseup($event)\"\n        -->\n        <div [class.est-edit-hidden]=\"c._editing\" [class.est-pre]=\"!(Hierarchy() && index == 0)\">\n          <ng-container #DEBUG>\n            <!-- Debug box in caso la roba che viene scritta nelle celle non torni. Scirvere qui i propri binding per controllare cose -->\n          </ng-container>\n          <!-- 90% Template disponibile, quindi derivante da *td, controllo giusto che non sia un field particolare multi -->\n          @if (c.Template) {\n            @if (!c.Multi) {\n              <ng-container *ngTemplateOutlet=\"c.Template; context: { $implicit: item }\"></ng-container>\n            }\n            @else {\n              <span><ng-container *ngTemplateOutlet=\"c.Template; context: { $implicit: (item[c.MultiProp] ? item[c.MultiProp][c.MultiIndex] : {}) }\"></ng-container></span>\n            }\n          }\n          <!-- 8%\n          Template non disponibile, pu\u00F2 venire da\n          RoutePath in caso sia un link di una tabella dinamica\n          PropAccessor in caso di ReportRow (quindi oggetti con \"values\"  dentro),\n          o Renderer se modalit\u00E0 dinamica/standard (in qual caso il renderer \u00E8 il default)\n          -->\n          @if (!c.Template && !c.Multi && !c.Content) {\n            @if (c.RoutePath) {\n              <a [routerLink]=\"item | est_routerlink : c.RoutePath : c.RouteParameterProperties\" class=\"est-link\" [innerHTML]=\"item.properties ? item.properties[c.PropertyName] : item[c.PropertyName]\"></a>\n            }\n            @else if (c.PropAccessor) {\n              <span>\n                {{(item.values? item.values[c.PropAccessor] : item[c.PropAccessor]) | est_format: c.Format }}\n              </span>\n            }\n            @else {\n              <ng-container *ngTemplateOutlet=\"c.PropertyName | est_renderer: { name: c.RendererName, src: EsTdsDirective, fallback: defaultEsTd }; context: { $implicit: { definition: c, value: item.properties ? item.properties[c.PropertyName] : item[c.PropertyName], type: c.PropertyType} }\"></ng-container>\n            }\n          }\n          <!-- 1% Se in modalit\u00E0 gerarchica metto il td per navigare la gerarchia -->\n          @if (Hierarchy() && index == 0) {\n            <ng-container *ngTemplateOutlet=\"HierarchyNavigator; context: { $implicit: item }\"></ng-container>\n          }\n          <!-- 1% Content programmatico per le casistiche di Row Grouping ecc... -->\n          @if (c.Content) {\n            {{c.Content}}\n          }\n        </div>\n        @if (c._editing) {\n          <div class=\"est-mt-min-5\">\n            <ng-container *ngTemplateOutlet=\"c.PropertyName | est_editor: { name: c.EditorName, src: EsTdEditorDirectives, fallback: defaultEditor}; context: { $implicit: { definition: c, signal: cell, columnIndex: index, item: item, finalizer: finalizeUserEdit } }\"></ng-container>\n          </div>\n        }\n      </td>\n    }\n  </ng-template>\n\n  <!-- Navigatore della gerarchia di una view gerarchica, con tasto per espandere e collassare -->\n  <ng-template #HierarchyNavigator let-item>\n    @if (!item.parent) {\n      <span class=\"fa fa-chevron-down\" style=\"visibility:hidden\"></span>\n    }\n    @else if (item.parent && item._expanded) {\n      <span class=\"fa fa-chevron-down est-pointer est-no-selection\" (click)=\"hierarchyMode_H.collapseParent(item[this.OwnKey()!])\"></span>\n    }\n    @else {\n      <span class=\"fa fa-chevron-up est-pointer est-no-selection\" (click)=\"hierarchyMode_H.expandParent(item[this.OwnKey()!])\"></span>\n    }\n    &nbsp;\n  </ng-template>\n\n  <!-- Pulsanti di eliminazione/undo eliminazione ed esportazione che vanno in fondo ad un record edlla tabella -->\n  <ng-template #bodyDeleteAndExport let-options>\n    @if (Removal() && !RemovalCondition()) {\n      @if (options.item.removed || options.item.deleted) {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\n      }\n      @else {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\n      }\n    }\n    @if (Removal() && RemovalCondition()) {\n\n      @if(options.item[RemovalCondition()])\n      {\n        @if (options.item.removed || options.item.deleted) {\n          <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\n        }\n        @else {\n          <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\n        }\n      }\n      @else {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-hidden-view\"></span></td>\n      }\n    }\n    @if (Export() || HiddenColumns() || CornerMenuOptions()) {\n      <td class=\"est-sticky-last-column{{options.even && !Hierarchy() ? '-alt' : ''}}\"></td>\n    }\n  </ng-template>\n\n  <!-- Context menu vuoto default per tutte le tabella che non ce l'hanno, in modo che al click destro appaia \"nessuna op disponibile\" -->\n  <context-menu #emptyMenu>\n    <ng-template contextMenuItem><span><em>{{'No operations available' | localize : lc}}...</em></span></ng-template>\n  </context-menu>\n\n  <!-- Modal per cambiare posizione e visibilit\u00E0 delle colonne dell'es-table -->\n  <div bsModal #changeColumnVisibilityModal=\"bs-modal\" #columnsDialog class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-lg\" cdkDrag>\n      <div class=\"modal-content\">\n        <div class=\"modal-header est-pointer\" cdkDragHandle>\n          <h5 class=\"modal-title pull-left\">\n            @if (HiddenColumns() && ColumnsOrdering()) {\n              {{'Columns Visibility and Order' | localize : lc}}\n            }\n            @else if (!HiddenColumns()) {\n              {{'Columns Order' | localize : lc}}\n            }\n            @else if (!ColumnsOrdering()) {\n              {{'Columns Visibility' | localize : lc}}\n            }\n          </h5>\n          <button type=\"button\" class=\"close pull-right\" (click)=\"hideDialog(changeColumnVisibilityModal);\" aria-label=\"Close\">\n            <span aria-hidden=\"true\">&times;</span>\n          </button>\n        </div>\n        <div class=\"modal-body\">\n          @if (!TMPColumnsList || TMPColumnsList.length == 0) {\n            <div class=\"card card-info est-padding-10 est-margin-bottom-0\">\n              {{'There are no columns configured to be hidden/shown in this view' | localize : lc}}\n            </div>\n          }\n          @if (TMPColumnsList && TMPColumnsList.length > 0) {\n            <div style=\"max-height:500px; overflow-y:auto\">\n              <!--Aaaaaaah la tristezza... qui mi servirebbe l'es-table per facilitare la selezione multipla ecc... peccato che se la linko qui entro in un loop impressionante-->\n              <table class=\"table table-striped table-sm est-margin-bottom-0\">\n                <thead>\n                  <tr>\n                    @if (HiddenColumns()) {\n                      <th class=\"est-col-min\">\n                        <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"globalColVisCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"columnMetadata_H.globalColVisCheckChanged();\">\n                      </th>\n                    }\n                    <!-- <th class=\"est-col-min\" *ngIf=\"ColumnsOrdering\"></th> -->\n                    <th class=\"est-col-min est-nowrap\">{{'Column Name' | localize : lc}}</th>\n                    <!--Filler-->\n                    <th></th>\n                    <!-- Pinner -->\n                    @if (DirectivesBased()) {\n                      <th class=\"est-col-min\"></th>\n                    }\n                  </tr>\n                </thead>\n                <tbody\n                  cdkDropList\n                  [cdkDropListData]=\"TMPColumnsList\"\n                  (cdkDropListDropped)=\"columnMetadata_H.columnReordered($event)\"\n                  [cdkDropListSortPredicate]=\"columnMetadata_H.sortPredicate.bind(this.columnMetadata_H)\"\n                  class=\"est-dropbox\">\n                  @for (item of TMPColumnsList; track idTrackBy(i, item); let i = $index; let last = $last) {\n                    <tr\n                      class=\"est-pointer est-droplist\"\n                      [class.est-white-selected]=\"lastSelectedItemID == item.id\"\n                      [class.est-no-selection]=\"!item.visible\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [cdkDragDisabled]=\"!ColumnsOrdering || item.fixed || item.pinned\">\n                      @if (HiddenColumns()) {\n                        <td>\n                          <input type=\"checkbox\" style=\"width: 15px\" [class.est-hidden-view]=\"item.fixed\" class=\"est-pointer\" [(ngModel)]=\"item.visible\" name=\"visible{{i}}\" (ngModelChange)=\"columnMetadata_H.updateGlobalColVisCheck();\" />\n                        </td>\n                      }\n                      <td class=\"est-nowrap drag-visible\" (click)=\"columnMetadata_H.columnClicked(item);\">\n                        @if (item.template) {\n                          <!-- Padri -->\n                          @if (item.parentTemplates && item.parentTemplates.length > 0) {\n                            <span class=\"est-fw-bold est-fs-13\">\n                              (&nbsp;\n                              @for (parent of item.parentTemplates; track idTrackBy($index, parent); let last = $last) {\n                                @if (parent.tmpl) {\n                                  <ng-container *ngTemplateOutlet=\"parent.tmpl\"></ng-container>\n                                }\n                                @if (parent.content) {\n                                  {{parent.content}}\n                                }\n                                @if (!last) {\n                                  <span>&nbsp;-&nbsp;</span>\n                                }\n                              }\n                              &nbsp;)\n                            </span>\n                          }\n                          <!-- Template header originale -->\n                          <ng-container *ngTemplateOutlet=\"item.template; context: { $implicit: item.multi ? item.multiContent : null }\"></ng-container>\n                        }\n                        @if (!item.template) {\n                          {{item.description}}\n                        }\n                      </td>\n                      <!--Filler-->\n                      <td (click)=\"columnMetadata_H.columnClicked(item);\"></td>\n                      <!-- Pinner -->\n                      @if (DirectivesBased() && ColumnsPinnable()) {\n                        <td>\n                          @if (!item.fixed && item.pinnable) {\n                            <span class=\"fa fa-thumb-tack\" [class.text-success]=\"item.pinned\" (click)=\"columnMetadata_H.pinOrUnpinColumn(item)\"></span>\n                          }\n                        </td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary est-margin-right-10\" (click)=\"lastSelectedItemID = null; hideDialog(changeColumnVisibilityModal);\">{{'Close' | localize : lc}}</button>\n          <button type=\"button\" [disabled]=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"btn btn-primary\" (click)=\"columnMetadata_H.confirmColumnVisibilitySelection() && hideDialog(changeColumnVisibilityModal)\">{{'Confirm' | localize : lc}}</button>\n        </div>\n      </div>\n    </div>\n  </div>", styles: ["@charset \"UTF-8\";.est-loading-box{height:200px;text-align:center;position:relative;background:#ccc}.est-loading-content{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px}.est-scrollable{max-height:600px;overflow:auto}.est-head-resizer{top:0;right:0;bottom:0;width:7px;position:absolute;cursor:col-resize}.est-head-resizer-internal{inset:0 0 0 6px;width:1px;position:absolute;background-color:#ccc;height:100%}.est-pointer{cursor:pointer}.est-high-density th,.est-high-density td{padding:0;padding-left:.2rem;padding-right:.2rem}.est-default-row-height{height:31px}.est-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.est-edit-hidden{visibility:hidden;height:1px!important}.est-hidden-view{visibility:hidden}.est-no-border{border:none!important}.est-nowrap{white-space:nowrap}.est-mt-min-5{margin-top:-5px}.est-white-selected{background-color:#ddd!important}.est-line-through{text-decoration:line-through}.est-no-side-padding{padding-left:0;padding-right:0}.est-no-left-padding,.est-no-right-padding{padding-left:0}.est-col-min{width:1px}.est-margin-bottom-0{margin-bottom:0!important}.est-margin-right-10{margin-right:10px!important}.est-right-9{right:9px!important}.est-table-dotted-menu{padding:0 0 2px!important;color:#999}.est-fs-18{font-size:18px}.est-fs-14,.est-fs-13{font-size:14px}.est-fw-bold{font-weight:700}.est-padding-3{padding:3px!important}.est-page-container{position:relative}.est-bring-to-front-strong{z-index:99999999!important}.est-switch{position:relative;display:inline-block;width:30px;height:17px;margin-bottom:0;margin-right:5px;margin-left:5px}.est-switch input{display:none}.est-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.est-slider:before{position:absolute;content:\"\";height:13px;width:13px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.est-slider{background-color:#2196f3}input:focus+.est-slider{box-shadow:0 0 1px #2196f3}input:checked+.est-slider:before{-webkit-transform:translateX(11px);-ms-transform:translateX(11px);transform:translate(11px)}.est-slider.round{border-radius:10px}.est-slider.round:before{border-radius:50%}.est-custom-input{width:30px;display:inline;padding:1px;height:20px}.est-row-lvl-1 td:first-child{padding-left:5px}.est-row-lvl-2 td:first-child{padding-left:20px}.est-row-lvl-3 td:first-child{padding-left:35px}.est-row-lvl-4 td:first-child{padding-left:50px}.est-row-lvl-5 td:first-child{padding-left:65px}.est-row-lvl-6 td:first-child{padding-left:80px}.est-row-lvl-7 td:first-child{padding-left:95px}.est-row-lvl-8 td:first-child{padding-left:110px}.est-row-lvl-9 td:first-child{padding-left:125px}.est-row-lvl-10 td:first-child{padding-left:140px}.est-row-lvl-11 td:first-child{padding-left:155px}.est-row-lvl-12 td:first-child{padding-left:170px}.est-row-lvl-13 td:first-child{padding-left:185px}.est-row-lvl-14 td:first-child{padding-left:200px}.est-row-lvl-15 td:first-child{padding-left:215px}.est-row-lvl-16 td:first-child{padding-left:230px}.est-row-lvl-17 td:first-child{padding-left:245px}.est-row-lvl-18 td:first-child{padding-left:260px}.est-row-lvl-19 td:first-child{padding-left:275px}.est-row-lvl-20 td:first-child{padding-left:290px}.est-row-lvl-21 td:first-child{padding-left:305px}.est-row-lvl-22 td:first-child{padding-left:320px}.est-row-lvl-23 td:first-child{padding-left:335px}.est-row-lvl-24 td:first-child{padding-left:350px}.est-row-lvl-25 td:first-child{padding-left:365px}.est-row-lvl-26 td:first-child{padding-left:380px}.est-row-lvl-27 td:first-child{padding-left:395px}.est-row-lvl-28 td:first-child{padding-left:410px}.est-row-lvl-29 td:first-child{padding-left:425px}.est-row-lvl-30 td:first-child{padding-left:440px}.est-row-lvl-31 td:first-child{padding-left:455px}.est-row-lvl-32 td:first-child{padding-left:470px}.est-row-lvl-33 td:first-child{padding-left:485px}.est-row-lvl-34 td:first-child{padding-left:500px}.est-row-lvl-35 td:first-child{padding-left:515px}.est-row-lvl-36 td:first-child{padding-left:530px}.est-row-lvl-37 td:first-child{padding-left:545px}.est-row-lvl-38 td:first-child{padding-left:560px}.est-row-lvl-39 td:first-child{padding-left:575px}.est-row-lvl-40 td:first-child{padding-left:590px}.est-row-lvl-41 td:first-child{padding-left:605px}.est-row-lvl-42 td:first-child{padding-left:620px}.est-row-lvl-43 td:first-child{padding-left:635px}.est-row-lvl-44 td:first-child{padding-left:650px}.est-row-lvl-45 td:first-child{padding-left:665px}.est-row-lvl-46 td:first-child{padding-left:680px}.est-row-lvl-47 td:first-child{padding-left:695px}.est-row-lvl-48 td:first-child{padding-left:710px}.est-row-lvl-49 td:first-child{padding-left:725px}.est-row-lvl-50 td:first-child{padding-left:740px}.est-row-lvl-51 td:first-child{padding-left:755px}.est-row-lvl-52 td:first-child{padding-left:770px}.est-row-lvl-53 td:first-child{padding-left:785px}.est-row-lvl-54 td:first-child{padding-left:800px}.est-row-lvl-55 td:first-child{padding-left:815px}.est-row-lvl-56 td:first-child{padding-left:830px}.est-row-lvl-57 td:first-child{padding-left:845px}.est-row-lvl-58 td:first-child{padding-left:860px}.est-row-lvl-59 td:first-child{padding-left:875px}.est-row-lvl-60 td:first-child{padding-left:890px}.est-row-lvl-61 td:first-child{padding-left:905px}.est-row-lvl-62 td:first-child{padding-left:920px}.est-row-lvl-63 td:first-child{padding-left:935px}.est-row-lvl-64 td:first-child{padding-left:950px}.est-row-lvl-65 td:first-child{padding-left:965px}.est-row-lvl-66 td:first-child{padding-left:980px}.est-row-lvl-67 td:first-child{padding-left:995px}.est-row-lvl-68 td:first-child{padding-left:1010px}.est-row-lvl-69 td:first-child{padding-left:1025px}.est-row-lvl-70 td:first-child{padding-left:1040px}.est-row-lvl-71 td:first-child{padding-left:1055px}.est-row-lvl-72 td:first-child{padding-left:1070px}.est-row-lvl-73 td:first-child{padding-left:1085px}.est-row-lvl-74 td:first-child{padding-left:1100px}.est-row-lvl-75 td:first-child{padding-left:1115px}.est-row-lvl-76 td:first-child{padding-left:1130px}.est-row-lvl-77 td:first-child{padding-left:1145px}.est-row-lvl-78 td:first-child{padding-left:1160px}.est-row-lvl-79 td:first-child{padding-left:1175px}.est-row-lvl-80 td:first-child{padding-left:1190px}.est-row-lvl-81 td:first-child{padding-left:1205px}.est-row-lvl-82 td:first-child{padding-left:1220px}.est-row-lvl-83 td:first-child{padding-left:1235px}.est-row-lvl-84 td:first-child{padding-left:1250px}.est-row-lvl-85 td:first-child{padding-left:1265px}.est-row-lvl-86 td:first-child{padding-left:1280px}.est-row-lvl-87 td:first-child{padding-left:1295px}.est-row-lvl-88 td:first-child{padding-left:1310px}.est-row-lvl-89 td:first-child{padding-left:1325px}.est-row-lvl-90 td:first-child{padding-left:1340px}.est-row-lvl-91 td:first-child{padding-left:1355px}.est-row-lvl-92 td:first-child{padding-left:1370px}.est-row-lvl-93 td:first-child{padding-left:1385px}.est-row-lvl-94 td:first-child{padding-left:1400px}.est-row-lvl-95 td:first-child{padding-left:1415px}.est-row-lvl-96 td:first-child{padding-left:1430px}.est-row-lvl-97 td:first-child{padding-left:1445px}.est-row-lvl-98 td:first-child{padding-left:1460px}.est-row-lvl-99 td:first-child{padding-left:1475px}.est-relative{position:relative}.est-top-pager{position:absolute;right:0;top:5px}.est-top-allselect{position:absolute;left:0;top:5px;font-weight:700}.est-padding-10{padding:10px!important}.est-margin-right-50{margin-right:50px}.est-margin-left-50{margin-left:50px}.est-quick-unpin{color:#000;margin-left:8px;font-size:14px;transform:rotate(45deg)}.est-full-height{height:100%}.est-page-sel{margin-left:3px;margin-right:3px;padding:0 5px;font-size:inherit;border:none;border-radius:15px}.est-page-sel:not(.app-white-text){color:#000!important}.est-page-prev,.est-page-next{color:#000;padding:2px 0 0;font-size:inherit}.est-pinned-header{background-color:#fff;left:0;top:0;position:sticky;z-index:1;border-bottom:1px solid #dee2e6!important;padding:0!important}.est-simple-border-bottom{border-bottom:1px solid #dee2e6}.est-pinned-internal-header{border-top:0;border-bottom:0px solid #dee2e6}.est-pinned-border{border-right:2px solid #dee2e6!important}.est-cell-padding{padding:.3rem}.est-pinned-body{background-color:#fff;left:0;position:sticky;z-index:1;border-top:1px solid #dee2e6!important;padding:0!important}.est-inline{display:inline!important}.est-inline-block{display:inline-block!important}.est-link{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block}.est-link:hover{color:#23527c!important;cursor:pointer;text-decoration:underline!important}.est-sticky-last-column{right:-1px;position:sticky;z-index:0;background-color:#fff}.est-sticky-last-column-alt{right:-1px;position:sticky;z-index:0;background-color:#f2f2f2}.est-ltab-border{border-left:1px solid #bbb!important}.est-rtab-border{border-right:1px solid #bbb!important}.est-no-border-bottom{border-bottom:none!important}.est-no-border-top{border-top:none!important}.est-cell-group-padding{padding:calc(.3rem + 1px);position:absolute;top:0;left:0;height:100%;width:100%}.est-selected-cell{background-color:#2196f333!important}.est-cell-lborder{border-left:1.02px solid rgb(33,150,243)!important}.est-cell-tborder{border-top:1.02px solid rgb(33,150,243)!important}.est-cell-rborder{border-right:1.02px solid rgb(33,150,243)!important}.est-cell-bborder{border-bottom:1.02px solid rgb(33,150,243)!important}.est-cell-lborder-tmp{border-left:1.02px solid transparent!important}.est-cell-tborder-tmp{border-top:1.02px solid transparent!important}.est-cell-rborder-tmp{border-right:1.02px solid transparent!important}.est-cell-bborder-tmp{border-bottom:1.02px solid transparent!important}.est-margin-bottom-10{margin-bottom:10px}.est-text-center{text-align:center}.est-flex{display:flex}.est-rg-sep-flex-right{display:flex;flex-direction:row-reverse;width:100%;margin:-5px}.est-rg-sep-flex-left{display:flex;flex-direction:row;width:100%;margin:-5px}.est-rg-hdr{font-weight:700}.est-rg-agg{font-style:italic}.est-rg{background-color:#7777!important}.est-rg-sep{font-size:12px;padding-right:20px!important;background-color:#bbbb!important}.est-rg-ipp{text-align:left;display:inline-flex;margin-right:25px}.est-rg-page{text-align:right;display:inline-flex;font-size:inherit;padding-top:5px}.est-droplist.cdk-drag-placeholder{opacity:0}.est-droplist.cdk-drag-preview{z-index:999999999!important;opacity:1;box-sizing:border-box;border-radius:4px;background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.est-droplist.cdk-drag-preview td:not(.drag-visible){visibility:hidden}.est-droplist.cdk-drag-preview td.drag-visible{padding-top:3px}.est-droplist.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.est-droplist.cdk-drop-list-dragging .est-dropbox:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.est-pre{white-space:pre}.est val-datetime .mat-form-field-appearance-outline .mat-form-field-infix input{margin-bottom:3px!important;min-width:130px!important}.est .mat-form-field-flex{height:29px!important;padding:0!important}.est .mat-form-field-flex .mat-form-field-outline{color:#00f}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start{border-left:none;border-top:none;border-radius:0}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end{border-top:none;border-radius:0;border-right:none}.est .mat-form-field-wrapper{height:20px;min-height:20px!important;margin-top:0!important}.est .mat-form-field-infix{width:100%!important;min-width:50px!important}.est .mat-form-field-infix select.mat-input-element{margin-top:-5px!important}.est .mat-datepicker-input{margin-bottom:3px!important}.est input{height:20px;padding-top:0!important}\n"], dependencies: [{ kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i10.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i11.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i11.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i11.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: i12.ContextMenuAttachDirective, selector: "[contextMenu]", inputs: ["contextMenuSubject", "contextMenu"] }, { kind: "component", type: i12.ContextMenuComponent, selector: "context-menu", inputs: ["menuClass", "autoFocus", "useBootstrap4", "disabled"], outputs: ["close", "open"] }, { kind: "directive", type: i12.ContextMenuItemDirective, selector: "[contextMenuItem]", inputs: ["subMenu", "divider", "enabled", "passive", "visible"], outputs: ["execute"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i13.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i14.EsFormAdaptiveComponent, selector: "form-adaptive", inputs: ["Type", "TypeMissingMessage", "SearchFunction", "Precision", "TypePattern"] }, { kind: "directive", type: i15.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "component", type: EsTablePagerComponent, selector: "es-paging", inputs: ["CurrentPageSize", "View", "WarnOnAll", "AllSearch", "DefaultAll", "GroupMode", "GroupCount", "CountLabel", "ShowCount", "ShowPaging", "PagerCount", "Hidden"], outputs: ["pagingSelected"] }, { kind: "component", type: EsTh, selector: "[es-th]", inputs: ["es-th", "Order", "Orderable", "Display", "Resizable", "Pinned", "SearchInProgress", "OrderBy", "Wrap", "Fixed", "Visible"], outputs: ["onOrderChange", "onUnpinning"] }, { kind: "component", type: EsTd, selector: "[es-td]", inputs: ["es-td", "Context"], outputs: ["onCellGeneration"] }, { kind: "pipe", type: i8.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }, { kind: "pipe", type: i5.LocDatePipe, name: "loc_date" }, { kind: "pipe", type: EstFormatPipe, name: "est_format" }, { kind: "pipe", type: EstLookupPipe, name: "est_lookup" }, { kind: "pipe", type: EstRouterLinkPipe, name: "est_routerlink" }, { kind: "pipe", type: EstRendererPipe, name: "est_renderer" }, { kind: "pipe", type: EstEditorPipe, name: "est_editor" }, { kind: "pipe", type: EstPropInsensitivePipe, name: "est_propinsensitive" }], viewProviders: [{ provide: LocalizationService, useClass: EsTableLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-table', viewProviders: [{ provide: LocalizationService, useClass: EsTableLoc }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<!-- Patacchino di autoaggiornamento -->\r\n<div class=\"w-100\" *ngIf=\"AutoUpdate()\">\r\n    <div class=\"pull-right\">\r\n        {{'Update every' | localize : lc}}&nbsp;<input [readonly]=\"autoUpdate()\" maxlength=\"3\" class=\"form-control est-custom-input\" type=\"text\" [(ngModel)]=\"seconds\" [ngModelOptions]=\"{'standalone': true}\" />&nbsp;{{'second/s' | localize : lc}}\r\n    </div>\r\n    <div class=\"pull-right m-t-2\">\r\n        <label class=\"est-switch\">\r\n            <input type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"autoUpdate\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"autoUpdateChanged();\" />\r\n            <div class=\"est-slider round\"></div>\r\n        </label>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<div *ngIf=\"View\" class=\"est-relative\" [style.height]=\"Height()\" [style.background-color]=\"EmptySpaceBackgroundColor()\">\r\n    <div *ngIf=\"FirstBind() && ShowLoadingOnBootstrap()\" class=\"est-loading-box\">\r\n        <div class=\"est-loading-content\">\r\n            <span class=\"fa fa-spinner fa-spin\"></span>&nbsp;{{'Performing Table bootstrap' | localize: lc}}...\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"est-top-pager\" *ngIf=\"PagingStyle() == 'both' || PagingStyle() == 'top'\">\r\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\r\n    </div>\r\n\r\n    <div class=\"est-top-allselect\" *ngIf=\"canSelectAll() || (View?.selection || arraymodeSelection)?.all\">\r\n        <span>{{ (selectedObjects() == -1 ? ('All the' | localize : lc) : ((selectedObjects() || 0) | number : '0.0-0' : lc.Locale)) + ' ' + ((selectedObjects() == 1 ? 'Object Selected' : 'Objects Selected') | localize : lc) }}</span>&nbsp;\r\n        <span class=\"est-link est-inline\" (click)=\"selection_H.selectAllOrResetSelection()\">{{ (View?.selection || arraymodeSelection)?.all ? ('Reset Selection' | localize : lc) : ('Select Everything' | localize : lc)}}</span>\r\n    </div>\r\n\r\n    <div class=\"table-responsive datatable est-full-height {{ContainerClass()}}\" [style.max-height.px]=\"MaxHeight()\">\r\n        <table class=\"{{ TableClass() }} est-margin-bottom-10 est\" style=\"background-color: white;\"  [class.est-high-density]=\"HighCellDensity()\">\r\n            <thead [hidden]=\"HeaderHidden() || FirstBind()\">\r\n                <!-- Aggiungo il pezzo che gestisce la selezione di tutto se attivo da config -->\r\n                <tr *ngIf=\"(SelectAll() && !SingleSelection()) || PagingStyle() != 'bottom'\">\r\n                    <th class=\"est-no-selection\" [attr.colspan]=\"Columns().Global\" [class.est-hidden-view]=\"!canSelectAll() && !(View?.selection || arraymodeSelection)?.all && PagingStyle() == 'bottom'\">\r\n                        <p class=\"est-hidden-view app-margin-bottom-0\">\u00A7</p>\r\n                    </th>\r\n                </tr>\r\n\r\n                <!-- Blocco header group -->\r\n                <ng-container *ngIf=\"RowThGroups\">\r\n                    <tr *ngFor=\"let level of RowThGroups; trackBy: IDTrackBy\">\r\n                        <th *ngFor=\"let cell of level; trackBy: IDTrackBy\" [attr.colspan]=\"cell.Span\"\r\n                            [class.est-pinned-header]=\"cell.Pinned\" [class.est-col-min]=\"cell.Pinned\"\r\n                            [class.est-ltab-border]=\"cell.Borders\" [class.est-rtab-border]=\"cell.Borders\"\r\n                            class=\"est-text-center\">\r\n                            <ng-container *ngIf=\"cell.Pinned;\">\r\n                                <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!cell.Pinned && cell.Content; Else: cell.Template\">\r\n                                {{cell.Content}}\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!RowThGroups\">\r\n                    <tr *ngIf=\"HasHeaderGroup()\">\r\n                        <ng-container *ngTemplateOutlet=\"headerGroupRef\"></ng-container>\r\n                        <th *ngIf=\"Export()\"></th>\r\n                    </tr>\r\n\r\n                    <!-- Blocco header group secondario -->\r\n                    <tr *ngIf=\"HasSecondaryHeaderGroup()\">\r\n                        <ng-container *ngTemplateOutlet=\"secondaryHeaderGroupRef\"></ng-container>\r\n                        <th *ngIf=\"Export()\"></th>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n                <!-- Blocco effettivo degli header -->\r\n                <tr>\r\n                    <div id=\"thead->tr->debug_block\" style=\"display: none; white-space: pre-wrap;\">\r\n                        Selection: {{Selection()}}\r\n                        HasPinnedColumns: {{HasPinnedColumns()}}\r\n                        arrayMode: {{arrayMode()}}\r\n                        viewMode: {{viewMode()}}\r\n                        UseCustomCells: {{UseCustomCells()}}\r\n                        RowTHs: {{!!RowTHs}}\r\n                        RowTHs.length: {{RowTHs?.length}}\r\n                        DynamicRowColumnsDefinition: {{!!DynamicRowColumnsDefinition()}}\r\n                    </div>\r\n\r\n                    <!-- Aggiungo una checkbox se la selezione \u00E8 attiva -->\r\n                    <th class=\"est-col-min\" *ngIf=\"Selection() && !HasPinnedColumns()\">\r\n                        <input *ngIf=\"!SingleSelection()\" class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\r\n                    </th>\r\n\r\n                    <!-- Header che valgono per view mode e array mode -->\r\n                    <ng-container *ngIf=\"arrayMode() || viewMode()\">\r\n                        <!-- In una tabella base prendo semplicemente i th scritti dall'utente nell'HTML -->\r\n                        <ng-container *ngIf=\"(!UseCustomCells() || !RowTHs || RowTHs.length == 0) && !DynamicRowColumnsDefinition()\">\r\n                            <ng-container *ngTemplateOutlet=\"headerRef\"></ng-container>\r\n                        </ng-container>\r\n\r\n                        <!-- Se ho un modello dinamico dell'oggetto creo le colonne in base alle propriet\u00E0 -->\r\n                        <ng-container *ngIf=\"(!UseCustomCells() || !RowTHs || RowTHs.length == 0) && DynamicRowColumnsDefinition()\">\r\n                            <th *ngFor=\"let operation of DynamicOperations(); trackBy: idTrackBy\" class=\"est-col-min est-no-side-padding\"></th>\r\n\r\n                            <ng-container *ngFor=\"let rowHeader of DynamicRowColumnsDefinition(); trackBy: PropertyNameTrackBy\">\r\n                                <ng-container *ngIf=\"rowHeader.Visible\">\r\n                                    <th *ngIf=\"OrderByColumn()\"  id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\" [SearchInProgress]=\"researchInProgress()\" (onOrderChange)=\"thOrderChanged(rowHeader.PropertyName, $event)\">{{rowHeader.Description}}</th>\r\n                                    <th *ngIf=\"!OrderByColumn()\" id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\">{{rowHeader.Description}}</th>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n\r\n                        <!-- Se non ho un modello dinamico ma invece delle celle custom, genero gli header in base ai row th -->\r\n                        <ng-container *ngIf=\"UseCustomCells() && RowTHs?.length > 0\">\r\n                            <th *ngIf=\"HasPinnedColumns()\" class=\"est-pinned-header est-col-min\">\r\n                                <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-simple-border-bottom\">\r\n                                    <th class=\"est-col-min est-no-border\" *ngIf=\"Selection()\" [style.width.px]=\"20\">\r\n                                        <input *ngIf=\"!SingleSelection()\" class=\"est-pointer\" style=\"width: 15px\" type=\"checkbox\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\r\n                                    </th>\r\n                                    <ng-container *ngFor=\"let rowHeader of RowTHs; trackBy: IDAndOrderTrackBy\">\r\n                                        <th *ngIf=\"rowHeader && rowHeader.Visible && rowHeader.Pinned\"\r\n                                            [style.width.px]=\"rowHeader.PinnedWidth\"\r\n                                            es-th=\"{{rowHeader.ID}}\"\r\n                                            class=\"{{rowHeader.Class || ''}}\"\r\n                                            [class.est-pinned-internal-header]=\"true\"\r\n                                            [class.est-no-border]=\"true\"\r\n                                            [class.est-nowrap]=\"!rowHeader.Wrap\"\r\n                                            [Pinned]=\"true\"\r\n                                            [Fixed]=\"rowHeader.Fixed\"\r\n                                            [Order]=\"rowHeader.Order\"\r\n                                            [Resizable]=\"ColumnsResizable()\"\r\n                                            [Orderable]=\"rowHeader.Orderable\"\r\n                                            [OrderBy]=\"OrderByColumn()\"\r\n                                            [SearchInProgress]=\"researchInProgress()\"\r\n                                            (onUnpinning)=\"columnMetadata_H.unpinColumn($event)\"\r\n                                            (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\r\n\r\n                                            <ng-container *ngIf=\"rowHeader.Template\"><ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null } \"></ng-container></ng-container>\r\n                                            <span *ngIf=\"!rowHeader.Template\">{{rowHeader.Content}}|{{rowHeader.Order}}</span>\r\n                                        </th>\r\n                                    </ng-container>\r\n                                </div>\r\n                            </th>\r\n                            <ng-container *ngFor=\"let rowHeader of RowTHs; trackBy: IDAndOrderTrackBy\">\r\n\r\n                                <div id=\"thead->tr->th->debug_block\" style=\"display: none; white-space: pre-wrap;\">\r\n                                    rowHeader: {{!!rowHeader}}\r\n                                    rowHeader.Visible: {{rowHeader?.Visible}}\r\n                                    rowHeader.Pinned: {{rowHeader?.Pinned}}\r\n                                    rowHeader.Template: {{!!rowHeader.Template}}\r\n                                    rowHeader.Order: {{rowHeader.Order}}\r\n                                </div>\r\n\r\n                                <th *ngIf=\"rowHeader && rowHeader.Visible && !rowHeader.Pinned\"\r\n                                    es-th=\"{{rowHeader.ID}}\"\r\n                                    class=\"{{rowHeader.Class || ''}}\"\r\n                                    [style.text-align]=\" rowHeader.Alignment || null\"\r\n                                    [class.est-ltab-border]=\"rowHeader.LeftBorder\"\r\n                                    [class.est-rtab-border]=\"rowHeader.RightBorder\"\r\n                                    [class.est-nowrap]=\"!rowHeader.Wrap\"\r\n                                    [Order]=\"rowHeader.Order\"\r\n                                    [Resizable]=\"ColumnsResizable()\"\r\n                                    [Orderable]=\"rowHeader.Orderable\"\r\n                                    [OrderBy]=\"OrderByColumn()\"\r\n                                    [SearchInProgress]=\"researchInProgress()\"\r\n                                    (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\r\n\r\n                                    <ng-container *ngIf=\"rowHeader.Template\"><ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null }\"></ng-container></ng-container>\r\n                                    <span *ngIf=\"!rowHeader.Template\">{{rowHeader.Content}}</span>\r\n                                </th>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <!--Per l'eliminazione mi serve un header aggiuntivo-->\r\n                    <th *ngIf=\"Removal()\" [class.est-right-9]=\"Export() || HiddenColumns()\" class=\"est-col-min est-sticky-last-column\"><span class=\"fa fa-trash\"></span></th>\r\n\r\n                    <!--Per l'esportazione mi serve l'header extra da cui faccio uscire i 3 pallocchi-->\r\n                    <th *ngIf=\"Export() || HiddenColumns() || ColumnsOrdering() || CornerMenuOptions()\" class=\"est-table-dotted-menu est-sticky-last-column est-col-min text-sm-center\">\r\n\r\n                        <!-- Blocco con i 3 pallocchi che tira fuori il context menu delle operazioni -->\r\n                        <div class=\"btn-group\" container=\"body\" placement=\"bottom right\" dropdown #dropdown=\"bs-dropdown\" [autoClose]=\"true\">\r\n                            <span dropdownToggle class=\"fa fa-ellipsis-v est-fs-18 est-pointer est-padding-3\"></span>\r\n\r\n                            <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right est-bring-to-front-strong\">\r\n                                <div class=\"est-pointer\">\r\n                                    <a class=\"dropdown-item\" *ngIf=\"HiddenColumns() || ColumnsOrdering()\" (click)=\"columnMetadata_H.resetColumnVisSelection(); showDialog(changeColumnVisibilityModal, columnsDialog)\">\r\n                                        <ng-container *ngIf=\"!HiddenColumns() && ColumnsOrdering()\">\r\n                                            {{'Columns Order' | localize : lc}}\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"HiddenColumns() && !ColumnsOrdering()\">\r\n                                            {{'Columns Visibility' | localize : lc}}\r\n                                        </ng-container>\r\n                                        <ng-container *ngIf=\"HiddenColumns() && ColumnsOrdering()\">\r\n                                            {{'Columns Visibility and Order' | localize : lc}}\r\n                                        </ng-container>\r\n                                    </a>\r\n                                    \r\n                                    <ng-container *ac=\"exportGlobalAcl\">\r\n                                        <a class=\"dropdown-item\" *ngIf=\"Export() && CSVExport()\" (click)=\"export_H.tryExport('CSV')\">{{'Export View' | localize : lc}} (CSV)</a>\r\n                                        <a class=\"dropdown-item\" *ngIf=\"Export() && XLSXExport()\" (click)=\"export_H.tryExport('XLSX')\">{{'Export View' | localize : lc}} (XLSX)</a>\r\n                                    </ng-container>\r\n\r\n                                    <a class=\"dropdown-item\" *ngFor=\"let option of CornerMenuOptions(); trackBy: idTrackBy\" (click)=\"cornerActionClicked(option.id)\">{{option.description}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n\r\n            <tbody [hidden]=\"BodyHidden() || FirstBind()\" [class.est-no-selection]=\"RangeSelection()\">\r\n                <!--Con selection attiva richiamo il template che gestisce il context menu-->\r\n                <ng-container *ngIf=\"Selection()\">\r\n                    <ng-container *ngTemplateOutlet=\"TBodySelection; context: { $implicit: { selDisabled: arrayMode() ? false : SelectionDisabled(), sel: Selection() }}\"></ng-container>\r\n                </ng-container>\r\n\r\n                <!--Senza selection richiamo il template che NON gestisce il context menu-->\r\n                <ng-container *ngIf=\"!Selection()\">\r\n                    <ng-container *ngTemplateOutlet=\"TBody\"></ng-container>\r\n                </ng-container>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n\r\n    <div *ngIf=\"PagingStyle() == 'both' || PagingStyle() == 'bottom'\">\r\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<!-- Template che contiene tutte le info di paginazione in modo da poterlo replicare anche sopra -->\r\n<ng-template #pagingElement>\r\n    <ng-container *ngIf=\"!FirstBind()\">\r\n        <!-- Pulsanti avanti-indietro di paginazione -->\r\n        <div *ngIf=\"PagerOptions.ShowPaging && PagerOptions.ShowButtons && (PagerOptions.PagerCount > 10 || PagerOptions.PagerCount == -1)\" class=\"pull-right btn-toolbar\">\r\n            <ng-container *ngIf=\"PagerOptions.View?.pagingavailable || viewMode()\">\r\n                <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: addToPage.bind(this), GTP: goToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"arrayMode() && UseArrayModePaging() && !SearchView()\">\r\n                <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: arrayAddToPage.bind(this), GTP: arrayGoToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n        <!-- Paginatore dove appare la count e le opzioni di paginazione -->\r\n        <div class=\"pull-right\" *ngIf=\"PagerOptions.ShowCount || PagerOptions.ShowPagingOptions\">\r\n            <div class=\"est-mt-min-5\" *ngIf=\"PagerOptions.ShowPaging\">\r\n                <es-paging *ngIf=\"!PagerOptions.UsesView\" [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [WarnOnAll]=\"false\" [CurrentPageSize]=\"ArraymodeItemsPerPage()\" (pagingSelected)=\"items_H.refreshPaging($event)\"></es-paging>\r\n                <es-paging *ngIf=\"PagerOptions.UsesView\" [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [GroupMode]=\"PagerOptions.Searches == 'groups'\" [AllSearch]=\"AllSearch()\" [View]=\"PagerOptions.View\" (pagingSelected)=\"onItemsPerPageChanged($event);\"></es-paging>\r\n            </div>\r\n        </div>\r\n        <div class=\"clearfix\"></div>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<!-- Template che contiene i pulsanti per cambiare pagina -->\r\n<ng-template #pagingButtons let-options>\r\n    <div class=\"est-flex\" [class.est-margin-left-50]=\"options.Margin\">\r\n        <a class=\"btn\" class=\"est-page-prev app-pointer\" (click)=\"options.ATP(-1, options.separator)\"><span class=\"fa fa-chevron-left\"></span></a>\r\n        <div *ngIf=\"options.Array\" class=\"est-inline\"><a *ngFor=\"let p of options.Array; trackBy: valTrackBy\" class=\"btn est-page-sel {{p.cssClass}}\" (click)=\"options.GTP(p.val, options.separator)\">{{p.val}}</a></div>\r\n        <a class=\"btn\" class=\"est-page-next app-pointer\" (click)=\"options.ATP(1, options.separator)\"><span class=\"fa fa-chevron-right\"></span></a>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Questi due template rappresentano effettivamente il body della tabella. essendo il tr l'unica cosa che davvero cambia, il resto \u00E8 templatizzato -->\r\n<ng-template #TBodySelection let-templateOptions>\r\n    <ng-container *ngFor=\"let item of boundSource(); let even = even; let i=index; trackBy: bodyTrackBy\">\r\n        <tr *ngIf=\"item._visible || (!Hierarchy() && !ArrayGrouping())\"\r\n            [class]=\"item._rowClass ? item._rowClass : ''\"\r\n            [class.est-line-through]=\"item.removed || item.deleted\"\r\n            [class.est-pointer]=\"!item.locked\"\r\n            [class.est-white-selected]=\"item._selected && !item.locked\"\r\n            [class.est-rg]=\"item._group\"\r\n            [class.est-rg-sep]=\"item._sep\"\r\n            [contextMenu]=\"!item.locked ? (ContextMenu || emptyMenu) : emptyMenu\" [contextMenuSubject]=\"item\"\r\n            (click)=\"!RangeSelection() && handleRowClick($event, item, true)\"\r\n            (contextmenu)=\"onRightClick();\">\r\n\r\n            <td *ngIf=\"!item.locked && !item._sep && !HasPinnedColumns()\">\r\n                <input  type=\"checkbox\"\r\n                        style=\"width: 15px\"\r\n                        [disabled]=\"templateOptions.selDisabled\"\r\n                        [class.est-pointer]=\"!item.locked\"\r\n                        [(ngModel)]=\"item._selected\" name=\"check{{i}}\"\r\n                        (click)=\"$event.stopPropagation(); handleClick($event, item);\">\r\n            </td>\r\n            <td *ngIf=\"(item.locked || item._sep) && !HasPinnedColumns()\"></td>\r\n\r\n            <ng-container *ngIf=\"item._sep\"><ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container> </ng-container>\r\n\r\n            <ng-container *ngIf=\"!item._sep\">\r\n                <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i, templateOptions: templateOptions }\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\r\n        </tr>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #TBody>\r\n    <ng-container *ngFor=\"let item of boundSource(); let i = index, let even = even; trackBy: bodyTrackBy\">\r\n        <tr *ngIf=\"item._visible || !Hierarchy()\"\r\n            [class]=\"item._rowClass ? item._rowClass : ''\"\r\n            [class.est-line-through]=\"item.removed || item.deleted\"\r\n            [class.est-rg]=\"item._group\"\r\n            [class.est-rg-sep]=\"item._sep\"\r\n            (click)=\"handleRowClick($event, item, false)\">\r\n\r\n            <ng-container *ngIf=\"item._sep\"><ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container></ng-container>\r\n\r\n            <ng-container *ngIf=\"!item._sep\">\r\n                <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i }\"></ng-container>\r\n            </ng-container>\r\n            <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\r\n        </tr>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #groupPager let-item>\r\n    <td class=\"est-pinned-body \" *ngIf=\"HasPinnedColumns()\">\r\n        <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\r\n    </td>\r\n    <td *ngIf=\"item._grouplevel > 1\" [attr.colspan]=\"item._grouplevel-1\"></td>\r\n    <td [attr.colspan]=\"Columns().VisibleUnpinned - (item._grouplevel > 0 ? item._grouplevel - 1 : 0)\">\r\n        <div class=\"est-rg-sep-flex-right\" *ngIf=\"RowGroupingPagingStyle() == 'right'\">\r\n            <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\r\n            <div class=\"est-rg-ipp\" *ngIf=\"(item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10\"><es-paging [CountLabel]=\"CountLabel()\" [AllSearch]=\"AllSearch()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\r\n        </div>\r\n\r\n        <div class=\"est-rg-sep-flex-left\" *ngIf=\"RowGroupingPagingStyle() == 'left'\">\r\n            <div class=\"est-rg-ipp\"><es-paging [AllSearch]=\"AllSearch()\" [CountLabel]=\"CountLabel()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\r\n            <div class=\"est-rg-page\" *ngIf=\"(item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\r\n        </div>\r\n    </td>\r\n</ng-template>\r\n\r\n<!-- Questo template contiene la print condizionale su tabelle semplici, con header e body scritti a manazza -->\r\n<ng-template #basicColumns let-item let-index=\"index\">\r\n    <ng-container *ngIf=\"(!UseCustomCells() || EmptyRowTds()) && !DynamicRowColumnsDefinition()\">\r\n        <ng-container *ngTemplateOutlet=\"bodyRef; context : {$implicit: item, index: index}\"></ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultEditor let-ctx>\r\n    <!-- Un po' triste ma questo \u00E8 il metodo pi\u00F9 semplice per gestire il cambio di modello -->\r\n     <!-- Manca da reimplementare il  [FocusSubject]=\"FocusSubject\" -->\r\n    <ng-container *ngIf=\"ctx.item.properties\">\r\n        <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item.properties[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer()\"></form-adaptive>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!ctx.item.properties\">\r\n        <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer()\"></form-adaptive>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultEsTd let-ctx>\r\n    <!-- TODO: Formattare il valore in base a valType.type -->\r\n    <ng-container *ngIf=\"ctx.type == 'enum'\">\r\n        {{ (ctx.value | est_lookup : ctx.definition.PropertySource).description }}\r\n    </ng-container>\r\n    <ng-container *ngIf=\"ctx.type != 'enum'\">\r\n        @switch(ctx.type){\r\n            @case(\"date\"){\r\n                {{ctx.value | loc_date: 'DD/MM/YYYY' }}\r\n            }\r\n            @case(\"datetime\"){\r\n                {{ctx.value | loc_date: 'DD/MM/YYYY HH:mm:ss'}}\r\n            }\r\n            @default {\r\n                {{ctx.value}}\r\n            }\r\n        }\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #customCells let-item let-opt=\"templateOptions\">\r\n    <ng-container *ngIf=\"UseCustomCells() && !EmptyRowTds()\">\r\n        <!-- Cella che aggrega tutte le colonne che devono essere pinnate -->\r\n        <td *ngIf=\"HasPinnedColumns()\" class=\"est-pinned-body est-col-min\" [class.est-white-selected]=\"item._selected\">\r\n            <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border\">\r\n                <td *ngIf=\"!item.locked && !item._sep && Selection()\" class=\"est-no-border est-col-min\" [style.width.px]=\"20\">\r\n                    <input type=\"checkbox\" style=\"width: 15px\" [disabled]=\"opt.selDisabled\" [class.est-pointer]=\"!item.locked\" [(ngModel)]=\"item._selected\" name=\"check{{item._hash}}\" (click)=\"$event.stopPropagation(); handleClick($event, item);\">\r\n                </td>\r\n                <td class=\"est-no-border est-col-min\" *ngIf=\"(item.locked || item._sep) && Selection()\" [style.width.px]=\"20\"></td>\r\n\r\n                <ng-container *ngFor=\"let cell of RowTDs[item._hash]; let index = index; trackBy: IDTrackBy\">\r\n                    <ng-container *ngIf=\"cell().Pinned\">\r\n                        <ng-container *ngTemplateOutlet=\"customTd; context: { \r\n                                $implicit: item, \r\n                                index: index, \r\n                                cell: cell, \r\n                                pinned: true, \r\n                                selectionStatus: selectionStatus[item._ordinal]?.[index],\r\n                                selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\r\n                                selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\r\n                                selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\r\n                                selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \r\n                            };\"></ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </div>\r\n        </td>\r\n\r\n        <!-- Body effettivo della riga -->\r\n        <ng-container *ngFor=\"let cell of RowTDs[item._hash]; let index = index; trackBy: IDTrackBy\">\r\n            <ng-container *ngIf=\"!cell().Pinned;\">\r\n                <ng-container *ngTemplateOutlet=\"customTd; context: { \r\n                        $implicit: item, \r\n                        index: index, \r\n                        cell: cell, \r\n                        pinned: false, \r\n                        selectionStatus: selectionStatus[item._ordinal]?.[index],\r\n                        selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\r\n                        selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\r\n                        selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\r\n                        selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \r\n                    };\"></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<!-- Cella customizzata, elemento grafico base per la tabella -->\r\n<ng-template #customTd let-item let-cell=\"cell\" let-index=\"index\" let-pinned=\"pinned\" let-selStatus=\"selectionStatus\" let-selStatusUp=\"selectionStatusUp\" let-selStatusDown=\"selectionStatusDown\" let-selStatusLeft=\"selectionStatusLeft\" let-selStatusRight=\"selectionStatusRight\">\r\n\r\n    <!-- Customizzazione per celle con icona (sono essenzialmente operazioni semplici e basta) -->\r\n    <ng-container *ngIf=\"cell().IconClass && cell().Visible\">\r\n        <ng-container *ngIf=\"!cell().ConditionField || (((item.properties || item) | est_propinsensitive : cell().ConditionField) == cell().ConditionValue)\">\r\n            <td [class.est-no-right-padding]=\"index != DynamicOperations().length -1\" [class.est-no-left-padding]=\"index != 0\" class=\"est-col-min\"><span title=\"{{cell().Title}}\" class=\"{{cell().IconClass}} est-pointer\" (click)=\"dynamicOperation(item, cell().ID)\">{{cell().Content}}</span></td>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"cell().ConditionField && (((item.properties || item) | est_propinsensitive : cell().ConditionField) != cell().ConditionValue)\">\r\n            <td class=\"est-col-min est-no-side-padding\"></td>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-----------------------------------------------------------------------------------------------------------------------\r\n    -   ATTENZIONE: Gli spazi fra gli Input di questo mega td sono significativi e dividono la dichiarazione in sezioni:    -\r\n    -   . Generiche                                                                                                         -\r\n    -   . Gestione allineamento e colori per la modalit\u00E0 report                                                             -\r\n    -   . Gestioni grafiche particolari per il Pinned                                                                       -\r\n    -   . Gestione della selezione a singola cella in assenza di pinned                                                     -\r\n    -   . Gestione click classico e selezione multicella                                                                                          -\r\n    ------------------------------------------------------------------------------------------------------------------------->\r\n\r\n    <td *ngIf=\"!cell().IconClass && cell().Visible\"\r\n        es-td=\"{{cell().Property || cell().ID}}\"\r\n        id=\"estd_{{cell().Property || cell().ID}}_{{item._ordinal}}_{{index}}\"\r\n        class=\"{{ cell().Class }}\"\r\n\r\n        [Context]=\"item._hash\"\r\n        [class.est-default-row-height]=\"!HighCellDensity()\"\r\n        [class.est-white-selected]=\"item._selected\"\r\n        [class.est-no-selection]=\"Editable() && cell().PropertyName\"\r\n        [class.est-rg-hdr]=\"cell().GroupHeader\"\r\n        [class.est-rg-agg]=\"cell().GroupAggregation\"\r\n        [class.est-nowrap]=\"Hierarchy() || !cell().Wraps\"\r\n\r\n        [style.text-align]=\"(!pinned && cell().Alignment) ? cell().Alignment : null\"\r\n        [style.color]=\"(!pinned && item.forecolors && cell().PropAccessor) ? item.forecolors[cell().PropAccessor] : null\"\r\n        [style.background-color]=\"(!pinned && item.backcolors && cell().PropAccessor) ? item.backcolors[cell().PropAccessor] : null\"\r\n        \r\n        [style.width.px]=\"pinned ? cell().PinnedWidth : null\"\r\n        [class.est-no-border]=\"pinned\"\r\n\r\n        [class.est-no-border-bottom]=\"selStatusDown?.tborder\"\r\n        [class.est-no-border-top]=\"selStatusUp?.bborder\"\r\n        [class.est-ltab-border]=\"cell().LeftBorder && !selStatus?.lborder && !selStatusLeft?.rborder\"\r\n        [class.est-rtab-border]=\"cell().RightBorder && !selStatus?.rborder && !selStatusRight?.lborder\"\r\n        \r\n        [class.est-selected-cell]=\"selStatus?.selected\"\r\n        [class.est-cell-lborder]=\" selStatus?.lborder\"\r\n        [class.est-cell-rborder]=\" selStatus?.rborder\"\r\n        [class.est-cell-tborder]=\" selStatus?.tborder\"\r\n        [class.est-cell-bborder]=\" selStatus?.bborder\"\r\n        [class.est-cell-lborder-tmp]=\"!cell().LeftBorder && !selStatus?.lborder && !selStatus?.loverlaps\"\r\n        [class.est-cell-rborder-tmp]=\"!cell().RightBorder && !selStatus?.rborder && !selStatus?.roverlaps\"\r\n        [class.est-cell-tborder-tmp]=\"!selStatus?.tborder && !selStatus?.toverlaps\"\r\n        [class.est-cell-bborder-tmp]=\"!selStatus?.bborder && !selStatus?.boverlaps\"\r\n\r\n        #cellRef\r\n\r\n        (click)=\"dbClickEditOrSingleClickRowSelection($event, cell, item)\"\r\n\r\n        (onCellGeneration)=\"registerCell($event, cell(), item, cellRef.el)\">\r\n\r\n        <!-- \r\n            @@@ Queste registrazioni le lascio fare all'interno di registerCell per evitare di attaccare la change detection automatica agli eventi, che rallenta di diosanto\r\n\r\n            (mousedown)=\"mousedown($event, cell, item)\"\r\n            (mouseenter)=\"mouseenter($event)\"\r\n            (mouseup)=\"mouseup($event)\"\r\n        -->\r\n\r\n        <div [class.est-edit-hidden]=\"cell()._editing\" [class.est-pre]=\"!(Hierarchy() && index == 0)\">\r\n\r\n            <ng-container #DEBUG>\r\n                <!-- Debug box in caso la roba che viene scritta nelle celle non torni. Scirvere qui i propri binding per controllare cose -->\r\n            </ng-container>\r\n\r\n            <!-- 90% Template disponibile, quindi derivante da *td, controllo giusto che non sia un field particolare multi -->\r\n            <ng-container *ngIf=\"cell().Template\">\r\n                <ng-container *ngIf=\"!cell().Multi\"><ng-container *ngTemplateOutlet=\"cell().Template; context: { $implicit: item }\"></ng-container></ng-container>\r\n                <span *ngIf=\"cell().Multi\"><ng-container *ngTemplateOutlet=\"cell().Template; context: { $implicit: (item[cell().MultiProp] ? item[cell().MultiProp][cell().MultiIndex] : {}) }\"></ng-container></span>\r\n            </ng-container>\r\n\r\n            <!-- 8%\r\n                Template non disponibile, pu\u00F2 venire da\r\n                RoutePath in caso sia un link di una tabella dinamica\r\n                PropAccessor in caso di ReportRow (quindi oggetti con \"values\"  dentro),\r\n                o Renderer se modalit\u00E0 dinamica/standard (in qual caso il renderer \u00E8 il default)\r\n            -->\r\n            <ng-container *ngIf=\"!cell().Template && !cell().Multi && !cell().Content\">\r\n                <a *ngIf=\"cell().RoutePath\" [routerLink]=\"item | est_routerlink : cell().RoutePath : cell().RouteParameterProperties\" class=\"est-link\" [innerHTML]=\"item.properties ? item.properties[cell().PropertyName] : item[cell().PropertyName]\"></a>\r\n\r\n                <span *ngIf=\"cell().PropAccessor\">\r\n                    {{(item.values? item.values[cell().PropAccessor] : item[cell().PropAccessor]) | est_format: cell().Format }}\r\n                </span>\r\n\r\n                <ng-container *ngIf=\"!cell().PropAccessor && !cell().RoutePath\">\r\n                    <ng-container *ngTemplateOutlet=\"cell().PropertyName | est_renderer: { name: cell().RendererName, src: EsTdsDirective, fallback: defaultEsTd }; context: { $implicit: { definition: cell(), value: item.properties ? item.properties[cell().PropertyName] : item[cell().PropertyName], type: cell().PropertyType} }\"></ng-container>\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n            <!-- 1% Se in modalit\u00E0 gerarchica metto il td per navigare la gerarchia -->\r\n            <ng-container *ngIf=\"Hierarchy() && index == 0\"><ng-container *ngTemplateOutlet=\"HierarchyNavigator; context: { $implicit: item }\"></ng-container></ng-container>\r\n\r\n            <!-- 1% Content programmatico per le casistiche di Row Grouping ecc... -->\r\n            <ng-container *ngIf=\"cell().Content\">\r\n                {{cell().Content}}\r\n            </ng-container>\r\n        </div>\r\n\r\n        <div *ngIf=\"cell()._editing\" class=\"est-mt-min-5\">\r\n            <ng-container *ngTemplateOutlet=\"cell().PropertyName | est_editor: { name: cell().EditorName, src: EsTdEditorDirectives, fallback: defaultEditor}; context: { $implicit: { definition: cell(), columnIndex: index, item: item, finalizer: finalizeUserEdit.bind(this, cell, item, index) } }\"></ng-container>\r\n        </div>\r\n    </td>\r\n</ng-template>\r\n\r\n<!-- Navigatore della gerarchia di una view gerarchica, con tasto per espandere e collassare -->\r\n<ng-template #HierarchyNavigator let-item>\r\n    <span *ngIf=\"!item.parent\" class=\"fa fa-chevron-down\" style=\"visibility:hidden\"></span>\r\n    <span *ngIf=\"item.parent && item._expanded\" class=\"fa fa-chevron-down est-pointer est-no-selection\" (click)=\"hierarchyMode_H.collapseParent(item[this.OwnKey()])\"></span>\r\n    <span *ngIf=\"item.parent && !item._expanded\" class=\"fa fa-chevron-up est-pointer est-no-selection\" (click)=\"hierarchyMode_H.expandParent(item[this.OwnKey()])\"></span>\r\n    &nbsp;\r\n</ng-template>\r\n\r\n<!-- Pulsanti di eliminazione/undo eliminazione ed esportazione che vanno in fondo ad un record edlla tabella -->\r\n<ng-template #bodyDeleteAndExport let-options>\r\n    <ng-container *ngIf=\"Removal() && !RemovalCondition()\">\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!(options.item.removed || options.item.deleted)\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"(options.item.removed || options.item.deleted)\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"Removal() && RemovalCondition()\">\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!(options.item.removed || options.item.deleted) && options.item[RemovalCondition()]\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"(options.item.removed || options.item.deleted) && options.item[RemovalCondition()]\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\r\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\" *ngIf=\"!options.item[RemovalCondition()]\"><span class=\"fa fa-remove est-hidden-view\"></span></td>\r\n    </ng-container>\r\n    <td *ngIf=\"Export() || HiddenColumns() || CornerMenuOptions()\" class=\"est-sticky-last-column{{options.even && !Hierarchy() ? '-alt' : ''}}\"></td>\r\n</ng-template>\r\n\r\n<!-- Context menu vuoto default per tutte le tabella che non ce l'hanno, in modo che al click destro appaia \"nessuna op disponibile\" -->\r\n<context-menu #emptyMenu>\r\n    <ng-template contextMenuItem><span><em>{{'No operations available' | localize : lc}}...</em></span></ng-template>\r\n</context-menu>\r\n\r\n<!-- Modal per cambiare posizione e visibilit\u00E0 delle colonne dell'es-table -->\r\n<div bsModal #changeColumnVisibilityModal=\"bs-modal\" #columnsDialog class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-lg\" cdkDrag>\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header est-pointer\" cdkDragHandle>\r\n                <h5 class=\"modal-title pull-left\">\r\n                    <ng-container *ngIf=\"!HiddenColumns() && ColumnsOrdering()\">\r\n                        {{'Columns Order' | localize : lc}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"HiddenColumns() && !ColumnsOrdering()\">\r\n                        {{'Columns Visibility' | localize : lc}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"HiddenColumns() && ColumnsOrdering()\">\r\n                        {{'Columns Visibility and Order' | localize : lc}}\r\n                    </ng-container>\r\n                </h5>\r\n                <button type=\"button\" class=\"close pull-right\" (click)=\"hideDialog(changeColumnVisibilityModal);\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div *ngIf=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"card card-info est-padding-10 est-margin-bottom-0\">\r\n                    {{'There are no columns configured to be hidden/shown in this view' | localize : lc}}\r\n                </div>\r\n                <div *ngIf=\"TMPColumnsList && TMPColumnsList.length > 0\" style=\"max-height:500px; overflow-y:auto\">\r\n                    <!--Aaaaaaah la tristezza... qui mi servirebbe l'es-table per facilitare la selezione multipla ecc... peccato che se la linko qui entro in un loop impressionante-->\r\n                    <table class=\"table table-striped table-sm est-margin-bottom-0\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"est-col-min\" *ngIf=\"HiddenColumns()\">\r\n                                    <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"globalColVisCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"columnMetadata_H.globalColVisCheckChanged();\">\r\n                                </th>\r\n                                <!-- <th class=\"est-col-min\" *ngIf=\"ColumnsOrdering\"></th> -->\r\n                                <th class=\"est-col-min est-nowrap\">{{'Column Name' | localize : lc}}</th>\r\n                                <!--Filler-->\r\n                                <th></th>\r\n                                <!-- Pinner -->\r\n                                <th *ngIf=\"DirectivesBased()\" class=\"est-col-min\"></th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody\r\n                            cdkDropList\r\n                            [cdkDropListData]=\"TMPColumnsList\"\r\n                            (cdkDropListDropped)=\"columnMetadata_H.columnReordered($event)\"\r\n                            [cdkDropListSortPredicate]=\"columnMetadata_H.sortPredicate.bind(this.columnMetadata_H)\"\r\n                            class=\"est-dropbox\">\r\n\r\n                            <tr *ngFor=\"let item of TMPColumnsList; let i = index; let last = last; trackBy: idTrackBy\"\r\n                                class=\"est-pointer est-droplist\"\r\n                                [class.est-white-selected]=\"lastSelectedItemID == item.id\"\r\n                                [class.est-no-selection]=\"!item.visible\"\r\n                                cdkDrag\r\n                                [cdkDragData]=\"item\"\r\n                                [cdkDragDisabled]=\"!ColumnsOrdering || item.fixed || item.pinned\">\r\n\r\n                                <td *ngIf=\"HiddenColumns()\">\r\n                                    <input type=\"checkbox\" style=\"width: 15px\" [class.est-hidden-view]=\"item.fixed\" class=\"est-pointer\" [(ngModel)]=\"item.visible\" name=\"visible{{i}}\" (ngModelChange)=\"columnMetadata_H.updateGlobalColVisCheck();\" />\r\n                                </td>\r\n                                <td class=\"est-nowrap drag-visible\" (click)=\"columnMetadata_H.columnClicked(item);\">\r\n                                    <ng-container *ngIf=\"item.template\">\r\n                                        <!-- Padri -->\r\n                                        <span *ngIf=\"item.parentTemplates && item.parentTemplates.length > 0\" class=\"est-fw-bold est-fs-13\">\r\n                                            (&nbsp;\r\n                                            <ng-container *ngFor=\"let parent of item.parentTemplates; let last=last; trackBy: idTrackBy\">\r\n                                                <ng-container *ngIf=\"parent.tmpl\"><ng-container *ngTemplateOutlet=\"parent.tmpl\"></ng-container></ng-container>\r\n                                                <ng-container *ngIf=\"parent.content\">{{parent.content}}</ng-container>\r\n                                                <span *ngIf=\"!last\">&nbsp;-&nbsp;</span>\r\n                                            </ng-container>\r\n                                            &nbsp;)\r\n                                        </span>\r\n                                        <!-- Template header originale -->\r\n                                        <ng-container *ngTemplateOutlet=\"item.template; context: { $implicit: item.multi ? item.multiContent : null }\"></ng-container>\r\n                                    </ng-container>\r\n                                    <ng-container *ngIf=\"!item.template\">{{item.description}}</ng-container>\r\n                                </td>\r\n                                <!--Filler-->\r\n                                <td (click)=\"columnMetadata_H.columnClicked(item);\"></td>\r\n                                <!-- Pinner -->\r\n                                <td *ngIf=\"DirectivesBased() && ColumnsPinnable()\"><span *ngIf=\"!item.fixed && item.pinnable\" class=\"fa fa-thumb-tack\" [class.text-success]=\"item.pinned\" (click)=\"columnMetadata_H.pinOrUnpinColumn(item)\"></span></td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <button type=\"button\" class=\"btn btn-secondary est-margin-right-10\" (click)=\"lastSelectedItemID = null; hideDialog(changeColumnVisibilityModal);\">{{'Close' | localize : lc}}</button>\r\n                <button type=\"button\" [disabled]=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"btn btn-primary\" (click)=\"columnMetadata_H.confirmColumnVisibilitySelection() && hideDialog(changeColumnVisibilityModal)\">{{'Confirm' | localize : lc}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";.est-loading-box{height:200px;text-align:center;position:relative;background:#ccc}.est-loading-content{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px}.est-scrollable{max-height:600px;overflow:auto}.est-head-resizer{top:0;right:0;bottom:0;width:7px;position:absolute;cursor:col-resize}.est-head-resizer-internal{inset:0 0 0 6px;width:1px;position:absolute;background-color:#ccc;height:100%}.est-pointer{cursor:pointer}.est-high-density th,.est-high-density td{padding:0;padding-left:.2rem;padding-right:.2rem}.est-default-row-height{height:31px}.est-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.est-edit-hidden{visibility:hidden;height:1px!important}.est-hidden-view{visibility:hidden}.est-no-border{border:none!important}.est-nowrap{white-space:nowrap}.est-mt-min-5{margin-top:-5px}.est-white-selected{background-color:#ddd!important}.est-line-through{text-decoration:line-through}.est-no-side-padding{padding-left:0;padding-right:0}.est-no-left-padding,.est-no-right-padding{padding-left:0}.est-col-min{width:1px}.est-margin-bottom-0{margin-bottom:0!important}.est-margin-right-10{margin-right:10px!important}.est-right-9{right:9px!important}.est-table-dotted-menu{padding:0 0 2px!important;color:#999}.est-fs-18{font-size:18px}.est-fs-14,.est-fs-13{font-size:14px}.est-fw-bold{font-weight:700}.est-padding-3{padding:3px!important}.est-page-container{position:relative}.est-bring-to-front-strong{z-index:99999999!important}.est-switch{position:relative;display:inline-block;width:30px;height:17px;margin-bottom:0;margin-right:5px;margin-left:5px}.est-switch input{display:none}.est-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.est-slider:before{position:absolute;content:\"\";height:13px;width:13px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.est-slider{background-color:#2196f3}input:focus+.est-slider{box-shadow:0 0 1px #2196f3}input:checked+.est-slider:before{-webkit-transform:translateX(11px);-ms-transform:translateX(11px);transform:translate(11px)}.est-slider.round{border-radius:10px}.est-slider.round:before{border-radius:50%}.est-custom-input{width:30px;display:inline;padding:1px;height:20px}.est-row-lvl-1 td:first-child{padding-left:5px}.est-row-lvl-2 td:first-child{padding-left:20px}.est-row-lvl-3 td:first-child{padding-left:35px}.est-row-lvl-4 td:first-child{padding-left:50px}.est-row-lvl-5 td:first-child{padding-left:65px}.est-row-lvl-6 td:first-child{padding-left:80px}.est-row-lvl-7 td:first-child{padding-left:95px}.est-row-lvl-8 td:first-child{padding-left:110px}.est-row-lvl-9 td:first-child{padding-left:125px}.est-row-lvl-10 td:first-child{padding-left:140px}.est-row-lvl-11 td:first-child{padding-left:155px}.est-row-lvl-12 td:first-child{padding-left:170px}.est-row-lvl-13 td:first-child{padding-left:185px}.est-row-lvl-14 td:first-child{padding-left:200px}.est-row-lvl-15 td:first-child{padding-left:215px}.est-row-lvl-16 td:first-child{padding-left:230px}.est-row-lvl-17 td:first-child{padding-left:245px}.est-row-lvl-18 td:first-child{padding-left:260px}.est-row-lvl-19 td:first-child{padding-left:275px}.est-row-lvl-20 td:first-child{padding-left:290px}.est-row-lvl-21 td:first-child{padding-left:305px}.est-row-lvl-22 td:first-child{padding-left:320px}.est-row-lvl-23 td:first-child{padding-left:335px}.est-row-lvl-24 td:first-child{padding-left:350px}.est-row-lvl-25 td:first-child{padding-left:365px}.est-row-lvl-26 td:first-child{padding-left:380px}.est-row-lvl-27 td:first-child{padding-left:395px}.est-row-lvl-28 td:first-child{padding-left:410px}.est-row-lvl-29 td:first-child{padding-left:425px}.est-row-lvl-30 td:first-child{padding-left:440px}.est-row-lvl-31 td:first-child{padding-left:455px}.est-row-lvl-32 td:first-child{padding-left:470px}.est-row-lvl-33 td:first-child{padding-left:485px}.est-row-lvl-34 td:first-child{padding-left:500px}.est-row-lvl-35 td:first-child{padding-left:515px}.est-row-lvl-36 td:first-child{padding-left:530px}.est-row-lvl-37 td:first-child{padding-left:545px}.est-row-lvl-38 td:first-child{padding-left:560px}.est-row-lvl-39 td:first-child{padding-left:575px}.est-row-lvl-40 td:first-child{padding-left:590px}.est-row-lvl-41 td:first-child{padding-left:605px}.est-row-lvl-42 td:first-child{padding-left:620px}.est-row-lvl-43 td:first-child{padding-left:635px}.est-row-lvl-44 td:first-child{padding-left:650px}.est-row-lvl-45 td:first-child{padding-left:665px}.est-row-lvl-46 td:first-child{padding-left:680px}.est-row-lvl-47 td:first-child{padding-left:695px}.est-row-lvl-48 td:first-child{padding-left:710px}.est-row-lvl-49 td:first-child{padding-left:725px}.est-row-lvl-50 td:first-child{padding-left:740px}.est-row-lvl-51 td:first-child{padding-left:755px}.est-row-lvl-52 td:first-child{padding-left:770px}.est-row-lvl-53 td:first-child{padding-left:785px}.est-row-lvl-54 td:first-child{padding-left:800px}.est-row-lvl-55 td:first-child{padding-left:815px}.est-row-lvl-56 td:first-child{padding-left:830px}.est-row-lvl-57 td:first-child{padding-left:845px}.est-row-lvl-58 td:first-child{padding-left:860px}.est-row-lvl-59 td:first-child{padding-left:875px}.est-row-lvl-60 td:first-child{padding-left:890px}.est-row-lvl-61 td:first-child{padding-left:905px}.est-row-lvl-62 td:first-child{padding-left:920px}.est-row-lvl-63 td:first-child{padding-left:935px}.est-row-lvl-64 td:first-child{padding-left:950px}.est-row-lvl-65 td:first-child{padding-left:965px}.est-row-lvl-66 td:first-child{padding-left:980px}.est-row-lvl-67 td:first-child{padding-left:995px}.est-row-lvl-68 td:first-child{padding-left:1010px}.est-row-lvl-69 td:first-child{padding-left:1025px}.est-row-lvl-70 td:first-child{padding-left:1040px}.est-row-lvl-71 td:first-child{padding-left:1055px}.est-row-lvl-72 td:first-child{padding-left:1070px}.est-row-lvl-73 td:first-child{padding-left:1085px}.est-row-lvl-74 td:first-child{padding-left:1100px}.est-row-lvl-75 td:first-child{padding-left:1115px}.est-row-lvl-76 td:first-child{padding-left:1130px}.est-row-lvl-77 td:first-child{padding-left:1145px}.est-row-lvl-78 td:first-child{padding-left:1160px}.est-row-lvl-79 td:first-child{padding-left:1175px}.est-row-lvl-80 td:first-child{padding-left:1190px}.est-row-lvl-81 td:first-child{padding-left:1205px}.est-row-lvl-82 td:first-child{padding-left:1220px}.est-row-lvl-83 td:first-child{padding-left:1235px}.est-row-lvl-84 td:first-child{padding-left:1250px}.est-row-lvl-85 td:first-child{padding-left:1265px}.est-row-lvl-86 td:first-child{padding-left:1280px}.est-row-lvl-87 td:first-child{padding-left:1295px}.est-row-lvl-88 td:first-child{padding-left:1310px}.est-row-lvl-89 td:first-child{padding-left:1325px}.est-row-lvl-90 td:first-child{padding-left:1340px}.est-row-lvl-91 td:first-child{padding-left:1355px}.est-row-lvl-92 td:first-child{padding-left:1370px}.est-row-lvl-93 td:first-child{padding-left:1385px}.est-row-lvl-94 td:first-child{padding-left:1400px}.est-row-lvl-95 td:first-child{padding-left:1415px}.est-row-lvl-96 td:first-child{padding-left:1430px}.est-row-lvl-97 td:first-child{padding-left:1445px}.est-row-lvl-98 td:first-child{padding-left:1460px}.est-row-lvl-99 td:first-child{padding-left:1475px}.est-relative{position:relative}.est-top-pager{position:absolute;right:0;top:5px}.est-top-allselect{position:absolute;left:0;top:5px;font-weight:700}.est-padding-10{padding:10px!important}.est-margin-right-50{margin-right:50px}.est-margin-left-50{margin-left:50px}.est-quick-unpin{color:#000;margin-left:8px;font-size:14px;transform:rotate(45deg)}.est-full-height{height:100%}.est-page-sel{margin-left:3px;margin-right:3px;padding:0 5px;font-size:inherit;border:none;border-radius:15px}.est-page-sel:not(.app-white-text){color:#000!important}.est-page-prev,.est-page-next{color:#000;padding:2px 0 0;font-size:inherit}.est-pinned-header{background-color:#fff;left:0;top:0;position:sticky;z-index:1;border-bottom:1px solid #dee2e6!important;padding:0!important}.est-simple-border-bottom{border-bottom:1px solid #dee2e6}.est-pinned-internal-header{border-top:0;border-bottom:0px solid #dee2e6}.est-pinned-border{border-right:2px solid #dee2e6!important}.est-cell-padding{padding:.3rem}.est-pinned-body{background-color:#fff;left:0;position:sticky;z-index:1;border-top:1px solid #dee2e6!important;padding:0!important}.est-inline{display:inline!important}.est-inline-block{display:inline-block!important}.est-link{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block}.est-link:hover{color:#23527c!important;cursor:pointer;text-decoration:underline!important}.est-sticky-last-column{right:-1px;position:sticky;z-index:0;background-color:#fff}.est-sticky-last-column-alt{right:-1px;position:sticky;z-index:0;background-color:#f2f2f2}.est-ltab-border{border-left:1px solid #bbb!important}.est-rtab-border{border-right:1px solid #bbb!important}.est-no-border-bottom{border-bottom:none!important}.est-no-border-top{border-top:none!important}.est-cell-group-padding{padding:calc(.3rem + 1px);position:absolute;top:0;left:0;height:100%;width:100%}.est-selected-cell{background-color:#2196f333!important}.est-cell-lborder{border-left:1.02px solid rgb(33,150,243)!important}.est-cell-tborder{border-top:1.02px solid rgb(33,150,243)!important}.est-cell-rborder{border-right:1.02px solid rgb(33,150,243)!important}.est-cell-bborder{border-bottom:1.02px solid rgb(33,150,243)!important}.est-cell-lborder-tmp{border-left:1.02px solid transparent!important}.est-cell-tborder-tmp{border-top:1.02px solid transparent!important}.est-cell-rborder-tmp{border-right:1.02px solid transparent!important}.est-cell-bborder-tmp{border-bottom:1.02px solid transparent!important}.est-margin-bottom-10{margin-bottom:10px}.est-text-center{text-align:center}.est-flex{display:flex}.est-rg-sep-flex-right{display:flex;flex-direction:row-reverse;width:100%;margin:-5px}.est-rg-sep-flex-left{display:flex;flex-direction:row;width:100%;margin:-5px}.est-rg-hdr{font-weight:700}.est-rg-agg{font-style:italic}.est-rg{background-color:#7777!important}.est-rg-sep{font-size:12px;padding-right:20px!important;background-color:#bbbb!important}.est-rg-ipp{text-align:left;display:inline-flex;margin-right:25px}.est-rg-page{text-align:right;display:inline-flex;font-size:inherit;padding-top:5px}.est-droplist.cdk-drag-placeholder{opacity:0}.est-droplist.cdk-drag-preview{z-index:999999999!important;opacity:1;box-sizing:border-box;border-radius:4px;background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.est-droplist.cdk-drag-preview td:not(.drag-visible){visibility:hidden}.est-droplist.cdk-drag-preview td.drag-visible{padding-top:3px}.est-droplist.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.est-droplist.cdk-drop-list-dragging .est-dropbox:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.est-pre{white-space:pre}.est val-datetime .mat-form-field-appearance-outline .mat-form-field-infix input{margin-bottom:3px!important;min-width:130px!important}.est .mat-form-field-flex{height:29px!important;padding:0!important}.est .mat-form-field-flex .mat-form-field-outline{color:#00f}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start{border-left:none;border-top:none;border-radius:0}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end{border-top:none;border-radius:0;border-right:none}.est .mat-form-field-wrapper{height:20px;min-height:20px!important;margin-top:0!important}.est .mat-form-field-infix{width:100%!important;min-width:50px!important}.est .mat-form-field-infix select.mat-input-element{margin-top:-5px!important}.est .mat-datepicker-input{margin-bottom:3px!important}.est input{height:20px;padding-top:0!important}\n"] }]
+            args: [{ selector: 'es-table', viewProviders: [{ provide: LocalizationService, useClass: EsTableLoc }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<!-- Patacchino di autoaggiornamento -->\n@if (AutoUpdate()) {\n  <div class=\"w-100\">\n    <div class=\"pull-right\">\n      {{'Update every' | localize : lc}}&nbsp;<input [readonly]=\"autoUpdate()\" maxlength=\"3\" class=\"form-control est-custom-input\" type=\"text\" [(ngModel)]=\"seconds\" [ngModelOptions]=\"{'standalone': true}\" />&nbsp;{{'second/s' | localize : lc}}\n    </div>\n    <div class=\"pull-right m-t-2\">\n      <label class=\"est-switch\">\n        <input type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"autoUpdate\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"autoUpdateChanged();\" />\n        <div class=\"est-slider round\"></div>\n      </label>\n    </div>\n    <div class=\"clearfix\"></div>\n  </div>\n}\n\n@if (View) {\n  <div class=\"est-relative\" [style.height]=\"Height()\" [style.background-color]=\"EmptySpaceBackgroundColor()\">\n    @if (FirstBind() && ShowLoadingOnBootstrap()) {\n      <div class=\"est-loading-box\">\n        <div class=\"est-loading-content\">\n          <span class=\"fa fa-spinner fa-spin\"></span>&nbsp;{{'Performing Table bootstrap' | localize: lc}}...\n        </div>\n      </div>\n    }\n    @if (PagingStyle() == 'both' || PagingStyle() == 'top') {\n      <div class=\"est-top-pager\">\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\n      </div>\n    }\n    @if (canSelectAll() || (View?.selection || arraymodeSelection)?.all) {\n      <div class=\"est-top-allselect\">\n        <span>{{ (selectedObjects() == -1 ? ('All the' | localize : lc) : ((selectedObjects() || 0) | number : '0.0-0' : lc.Locale)) + ' ' + ((selectedObjects() == 1 ? 'Object Selected' : 'Objects Selected') | localize : lc) }}</span>&nbsp;\n        <span class=\"est-link est-inline\" (click)=\"selection_H.selectAllOrResetSelection()\">{{ (View?.selection || arraymodeSelection)?.all ? ('Reset Selection' | localize : lc) : ('Select Everything' | localize : lc)}}</span>\n      </div>\n    }\n    <div class=\"table-responsive datatable est-full-height {{ContainerClass()}}\" [style.max-height.px]=\"MaxHeight()\">\n      <table class=\"{{ TableClass() }} est-margin-bottom-10 est\" style=\"background-color: white;\"  [class.est-high-density]=\"HighCellDensity()\">\n        <thead [hidden]=\"HeaderHidden() || FirstBind()\">\n          <!-- Aggiungo il pezzo che gestisce la selezione di tutto se attivo da config -->\n          @if ((SelectAll() && !SingleSelection()) || PagingStyle() != 'bottom') {\n            <tr>\n              <th class=\"est-no-selection\" [attr.colspan]=\"Columns().Global\" [class.est-hidden-view]=\"!canSelectAll() && !(View?.selection || arraymodeSelection)?.all && PagingStyle() == 'bottom'\">\n                <p class=\"est-hidden-view app-margin-bottom-0\">\u00A7</p>\n              </th>\n            </tr>\n          }\n          <!-- Blocco header group -->\n          @if (RowThGroups) {\n\n            @for (level of RowThGroups; track $index) {\n              <tr>\n                @for (cell of level; track IDTrackBy($index, cell)) {\n                  <th [attr.colspan]=\"cell.Span\"\n                    [class.est-pinned-header]=\"cell.Pinned\" [class.est-col-min]=\"cell.Pinned\"\n                    [class.est-ltab-border]=\"cell.Borders\" [class.est-rtab-border]=\"cell.Borders\"\n                    class=\"est-text-center\">\n                    @if (cell.Pinned) {\n                    <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\">\n                      @if (cell.Content) {\n                       {{cell.Content}}\n                      }\n                      @else {\n                        <ng-container *ngTemplateOutlet=\"cell.Template\"></ng-container>\n                      }\n                    </div>\n                    }\n                    @else {\n                      @if (cell.Content) {\n                        {{cell.Content}}\n                      }\n                      @else {\n                        <ng-container *ngTemplateOutlet=\"cell.Template\"></ng-container>\n                      }\n                    }\n                  </th>\n                }\n              </tr>\n            }\n          }\n          @if (!RowThGroups) {\n            @if (HasHeaderGroup()) {\n              <tr>\n                <ng-container *ngTemplateOutlet=\"headerGroupRef\"></ng-container>\n                @if (Export()) {\n                  <th></th>\n                }\n              </tr>\n            }\n            <!-- Blocco header group secondario -->\n            @if (HasSecondaryHeaderGroup()) {\n              <tr>\n                <ng-container *ngTemplateOutlet=\"secondaryHeaderGroupRef\"></ng-container>\n                @if (Export()) {\n                  <th></th>\n                }\n              </tr>\n            }\n          }\n          <!-- Blocco effettivo degli header -->\n          <tr>\n            <!-- <div id=\"thead->tr->debug_block\" style=\"display: none; white-space: pre-wrap;\">\n              Selection: {{Selection()}}\n              HasPinnedColumns: {{HasPinnedColumns()}}\n              arrayMode: {{arrayMode()}}\n              viewMode: {{viewMode()}}\n              UseCustomCells: {{UseCustomCells()}}\n              RowTHs: {{!!RowTHs}}\n              RowTHs.length: {{RowTHs?.length}}\n              DynamicRowColumnsDefinition: {{!!DynamicRowColumnsDefinition()}}\n            </div> -->\n            <!-- Aggiungo una checkbox se la selezione \u00E8 attiva -->\n            @if (Selection() && !HasPinnedColumns()) {\n              <th class=\"est-col-min\">\n                @if (!SingleSelection()) {\n                  <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\n                }\n              </th>\n            }\n            <!-- Header che valgono per view mode e array mode -->\n            @if (arrayMode() || viewMode()) {\n              <!-- In una tabella base prendo semplicemente i th scritti dall'utente nell'HTML -->\n              @if ((!UseCustomCells() || !RowTHs || RowTHs.length == 0) && !DynamicRowColumnsDefinition()) {\n                <ng-container *ngTemplateOutlet=\"headerRef\"></ng-container>\n              }\n              <!-- Se ho un modello dinamico dell'oggetto creo le colonne in base alle propriet\u00E0 -->\n              @if ((!UseCustomCells() || !RowTHs || RowTHs.length == 0) && DynamicRowColumnsDefinition()) {\n                @for (operation of DynamicOperations(); track idTrackBy($index, operation)) {\n                  <th class=\"est-col-min est-no-side-padding\"></th>\n                }\n                @for (rowHeader of DynamicRowColumnsDefinition(); track PropertyNameTrackBy($index, rowHeader)) {\n                  @if (rowHeader.Visible) {\n                    @if (OrderByColumn()) {\n                      <th  id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\" [SearchInProgress]=\"researchInProgress()\" (onOrderChange)=\"thOrderChanged(rowHeader.PropertyName, $event)\">{{rowHeader.Description}}</th>\n                    }\n                    @else {\n                      <th id=\"esth_{{rowHeader.PropertyName}}\" es-th=\"{{rowHeader.PropertyName}}\" class=\"{{UserDefinedDynamicCols() ? ((rowHeader.Clss || '') + (rowHeader.HeaderWraps ? '' : ' est-nowrap')) : ' est-nowrap'}}\" [Order]=\"rowHeader.DataOrder\" [Resizable]=\"ColumnsResizable()\" [Orderable]=\"rowHeader.Orderable\" [OrderBy]=\"OrderByColumn()\">{{rowHeader.Description}}</th>\n                    }\n                  }\n                }\n              }\n              <!-- Se non ho un modello dinamico ma invece delle celle custom, genero gli header in base ai row th -->\n              @if (UseCustomCells() && RowTHs?.length > 0) {\n                @if (HasPinnedColumns()) {\n                  <th class=\"est-pinned-header est-col-min\">\n                    <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-simple-border-bottom\">\n                      @if (Selection()) {\n                        <th class=\"est-col-min est-no-border\" [style.width.px]=\"20\">\n                          @if (!SingleSelection()) {\n                            <input class=\"est-pointer\" style=\"width: 15px\" type=\"checkbox\" [disabled]=\"SelectionDisabled()\" [(ngModel)]=\"globalCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"globalCheckChanged();\">\n                          }\n                        </th>\n                      }\n                      @for (rowHeader of RowTHs; track IDAndOrderTrackBy($index, rowHeader)) {\n                        @if (rowHeader && rowHeader.Visible && rowHeader.Pinned) {\n                          <th\n                            [style.width.px]=\"rowHeader.PinnedWidth\"\n                            es-th=\"{{rowHeader.ID}}\"\n                            class=\"{{rowHeader.Class || ''}}\"\n                            [class.est-pinned-internal-header]=\"true\"\n                            [class.est-no-border]=\"true\"\n                            [class.est-nowrap]=\"!rowHeader.Wrap\"\n                            [Pinned]=\"true\"\n                            [Fixed]=\"rowHeader.Fixed\"\n                            [Order]=\"rowHeader.Order\"\n                            [Resizable]=\"ColumnsResizable()\"\n                            [Orderable]=\"rowHeader.Orderable\"\n                            [OrderBy]=\"OrderByColumn()\"\n                            [SearchInProgress]=\"researchInProgress()\"\n                            (onUnpinning)=\"columnMetadata_H.unpinColumn($event)\"\n                            (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\n                            @if (rowHeader.Template) {\n                              <ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null } \"></ng-container>\n                            }\n                            @else {\n                              <span>{{rowHeader.Content}}|{{rowHeader.Order}}</span>\n                            }\n                          </th>\n                        }\n                      }\n                    </div>\n                  </th>\n                }\n                @for (rowHeader of RowTHs; track IDAndOrderTrackBy($index, rowHeader)) {\n                  <!-- <div id=\"thead->tr->th->debug_block\" style=\"display: none; white-space: pre-wrap;\">\n                    rowHeader: {{!!rowHeader}}\n                    rowHeader.Visible: {{rowHeader?.Visible}}\n                    rowHeader.Pinned: {{rowHeader?.Pinned}}\n                    rowHeader.Template: {{!!rowHeader.Template}}\n                    rowHeader.Order: {{rowHeader.Order}}\n                  </div> -->\n                  @if (rowHeader && rowHeader.Visible && !rowHeader.Pinned) {\n                    <th\n                      es-th=\"{{rowHeader.ID}}\"\n                      class=\"{{rowHeader.Class || ''}}\"\n                      [style.text-align]=\" rowHeader.Alignment || null\"\n                      [class.est-ltab-border]=\"rowHeader.LeftBorder\"\n                      [class.est-rtab-border]=\"rowHeader.RightBorder\"\n                      [class.est-nowrap]=\"!rowHeader.Wrap\"\n                      [Order]=\"rowHeader.Order\"\n                      [Resizable]=\"ColumnsResizable()\"\n                      [Orderable]=\"rowHeader.Orderable\"\n                      [OrderBy]=\"OrderByColumn()\"\n                      [SearchInProgress]=\"researchInProgress()\"\n                      (onOrderChange)=\"thOrderChanged(rowHeader.ID, $event)\">\n                      @if (rowHeader.Template) {\n                        <ng-container *ngTemplateOutlet=\"rowHeader.Template; context: { $implicit: rowHeader.Multi ? rowHeader.MultiContent : null }\"></ng-container>\n                      }\n                      @else {\n                        <span>{{rowHeader.Content}}</span>\n                      }\n                    </th>\n                  }\n                }\n              }\n            }\n            <!--Per l'eliminazione mi serve un header aggiuntivo-->\n            @if (Removal()) {\n              <th [class.est-right-9]=\"Export() || HiddenColumns()\" class=\"est-col-min est-sticky-last-column\"><span class=\"fa fa-trash\"></span></th>\n            }\n            <!--Per l'esportazione mi serve l'header extra da cui faccio uscire i 3 pallocchi-->\n            @if (Export() || HiddenColumns() || ColumnsOrdering() || CornerMenuOptions()) {\n              <th class=\"est-table-dotted-menu est-sticky-last-column est-col-min text-sm-center\">\n                <!-- Blocco con i 3 pallocchi che tira fuori il context menu delle operazioni -->\n                <div class=\"btn-group\" container=\"body\" placement=\"bottom right\" dropdown #dropdown=\"bs-dropdown\" [autoClose]=\"true\">\n                  <span dropdownToggle class=\"fa fa-ellipsis-v est-fs-18 est-pointer est-padding-3\"></span>\n                  <div *dropdownMenu class=\"dropdown-menu dropdown-menu-right est-bring-to-front-strong\">\n                    <div class=\"est-pointer\">\n                      @if (HiddenColumns() || ColumnsOrdering()) {\n                        <a class=\"dropdown-item\" (click)=\"columnMetadata_H.resetColumnVisSelection(); showDialog(changeColumnVisibilityModal, columnsDialog)\">\n                          @if (!HiddenColumns()) {\n                            {{'Columns Order' | localize : lc}}\n                          }\n                          @else if (!ColumnsOrdering()) {\n                            {{'Columns Visibility' | localize : lc}}\n                          }\n                          @else {\n                            {{'Columns Visibility and Order' | localize : lc}}\n                          }\n                        </a>\n                      }\n                      <ng-container *ac=\"exportGlobalAcl\">\n                        @if (Export() && CSVExport()) {\n                          <a class=\"dropdown-item\" (click)=\"export_H.tryExport('CSV')\">{{'Export View' | localize : lc}} (CSV)</a>\n                        }\n                        @if (Export() && XLSXExport()) {\n                          <a class=\"dropdown-item\" (click)=\"export_H.tryExport('XLSX')\">{{'Export View' | localize : lc}} (XLSX)</a>\n                        }\n                      </ng-container>\n                      @for (option of CornerMenuOptions(); track idTrackBy($index, option)) {\n                        <a class=\"dropdown-item\" (click)=\"cornerActionClicked(option.id)\">{{option.description}}</a>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody [hidden]=\"BodyHidden() || FirstBind()\" [class.est-no-selection]=\"RangeSelection()\">\n          <!--Con selection attiva richiamo il template che gestisce il context menu-->\n          @if (Selection()) {\n            <ng-container *ngTemplateOutlet=\"TBodySelection; context: { $implicit: { selDisabled: arrayMode() ? false : SelectionDisabled(), sel: Selection() }}\"></ng-container>\n          }\n          <!--Senza selection richiamo il template che NON gestisce il context menu-->\n          @else {\n            <ng-container *ngTemplateOutlet=\"TBody\"></ng-container>\n          }\n        </tbody>\n      </table>\n    </div>\n    @if (PagingStyle() == 'both' || PagingStyle() == 'bottom') {\n      <div>\n        <ng-container *ngTemplateOutlet=\"pagingElement\"></ng-container>\n      </div>\n    }\n  </div>\n}\n\n<!-- Template che contiene tutte le info di paginazione in modo da poterlo replicare anche sopra -->\n<ng-template #pagingElement>\n  @if (!FirstBind()) {\n    <!-- Pulsanti avanti-indietro di paginazione -->\n    @if (PagerOptions.ShowPaging && PagerOptions.ShowButtons && (PagerOptions.PagerCount > 10 || PagerOptions.PagerCount == -1)) {\n      <div class=\"pull-right btn-toolbar\">\n        @if (PagerOptions.View?.pagingavailable || viewMode()) {\n          <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: addToPage.bind(this), GTP: goToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\n        }\n        @if (arrayMode() && UseArrayModePaging() && !SearchView()) {\n          <ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { Margin: true, ATP: arrayAddToPage.bind(this), GTP: arrayGoToPage.bind(this), Array: arrayPulsanti() }}\"></ng-container>\n        }\n      </div>\n    }\n    <!-- Paginatore dove appare la count e le opzioni di paginazione -->\n    @if (PagerOptions.ShowCount || PagerOptions.ShowPagingOptions) {\n      <div class=\"pull-right\">\n        @if (PagerOptions.ShowPaging) {\n          <div class=\"est-mt-min-5\">\n            @if (!PagerOptions.UsesView) {\n              <es-paging [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [WarnOnAll]=\"false\" [CurrentPageSize]=\"ArraymodeItemsPerPage()\" (pagingSelected)=\"items_H.refreshPaging($event)\"></es-paging>\n            }\n            @else {\n              <es-paging [CountLabel]=\"CountLabel()\" [ShowPaging]=\"PagerOptions.ShowPagingOptions\" [ShowCount]=\"PagerOptions.ShowCount\" [PagerCount]=\"PagerOptions.PagerCount\" [GroupMode]=\"PagerOptions.Searches == 'groups'\" [AllSearch]=\"AllSearch()\" [View]=\"PagerOptions.View\" (pagingSelected)=\"onItemsPerPageChanged($event);\"></es-paging>\n            }\n          </div>\n        }\n      </div>\n    }\n    <div class=\"clearfix\"></div>\n  }\n</ng-template>\n\n<!-- Template che contiene i pulsanti per cambiare pagina -->\n<ng-template #pagingButtons let-options>\n  <div class=\"est-flex\" [class.est-margin-left-50]=\"options.Margin\">\n    <a class=\"btn\" class=\"est-page-prev app-pointer\" (click)=\"options.ATP(-1, options.separator)\"><span class=\"fa fa-chevron-left\"></span></a>\n    @if (options.Array) {\n      <div class=\"est-inline\">@for (p of options.Array; track valTrackBy($index, p)) {\n        <a class=\"btn est-page-sel {{p.cssClass}}\" (click)=\"options.GTP(p.val, options.separator)\">{{p.val}}</a>\n      }</div>\n    }\n    <a class=\"btn\" class=\"est-page-next app-pointer\" (click)=\"options.ATP(1, options.separator)\"><span class=\"fa fa-chevron-right\"></span></a>\n  </div>\n</ng-template>\n\n<!-- Questi due template rappresentano effettivamente il body della tabella. essendo il tr l'unica cosa che davvero cambia, il resto \u00E8 templatizzato -->\n<ng-template #TBodySelection let-templateOptions>\n  @for (item of boundSource(); track bodyTrackBy(i, item); let even = $even; let i = $index) {\n    @if (item._visible || (!Hierarchy() && !ArrayGrouping())) {\n      <tr\n        [class]=\"item._rowClass ? item._rowClass : ''\"\n        [class.est-line-through]=\"item.removed || item.deleted\"\n        [class.est-pointer]=\"!item.locked\"\n        [class.est-white-selected]=\"item._selected && !item.locked\"\n        [class.est-rg]=\"item._group\"\n        [class.est-rg-sep]=\"item._sep\"\n        [contextMenu]=\"!item.locked ? (ContextMenu || emptyMenu) : emptyMenu\" [contextMenuSubject]=\"item\"\n        (click)=\"!RangeSelection() && handleRowClick($event, item, true)\"\n        (contextmenu)=\"onRightClick();\">\n        @if (!item.locked && !item._sep && !HasPinnedColumns()) {\n          <td>\n            <input  type=\"checkbox\"\n              style=\"width: 15px\"\n              [disabled]=\"templateOptions.selDisabled\"\n              [class.est-pointer]=\"!item.locked\"\n              [(ngModel)]=\"item._selected\" name=\"check{{i}}\"\n              (click)=\"$event.stopPropagation(); handleClick($event, item);\">\n            </td>\n          }\n          @if ((item.locked || item._sep) && !HasPinnedColumns()) {\n            <td></td>\n          }\n\n          @if (item._sep) {\n            <ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container>\n          }\n          @else {\n            <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i, templateOptions: templateOptions }\"></ng-container>\n          }\n          <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\n        </tr>\n      }\n    }\n  </ng-template>\n\n  <ng-template #TBody>\n    @for (item of boundSource(); track bodyTrackBy(i, item); let i = $index; let even = $even) {\n      @if (item._visible || !Hierarchy()) {\n        <tr\n          [class]=\"item._rowClass ? item._rowClass : ''\"\n          [class.est-line-through]=\"item.removed || item.deleted\"\n          [class.est-rg]=\"item._group\"\n          [class.est-rg-sep]=\"item._sep\"\n          (click)=\"handleRowClick($event, item, false)\">\n          @if (item._sep) {\n            <ng-container *ngTemplateOutlet=\"groupPager; context: { $implicit: item }\"></ng-container>\n          }\n          @else {\n            <ng-container *ngTemplateOutlet=\"basicColumns; context: { $implicit: item, index: i }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"customCells; context: { $implicit: item, index: i }\"></ng-container>\n          }\n          <ng-container *ngTemplateOutlet=\"bodyDeleteAndExport; context: { $implicit: { even: even, item: item, index: i }}\"></ng-container>\n        </tr>\n      }\n    }\n  </ng-template>\n\n  <ng-template #groupPager let-item>\n    @if (HasPinnedColumns()) {\n      <td class=\"est-pinned-body \">\n        <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border est-cell-group-padding\"></div>\n      </td>\n    }\n    @if (item._grouplevel > 1) {\n      <td [attr.colspan]=\"item._grouplevel-1\"></td>\n    }\n    <td [attr.colspan]=\"Columns().VisibleUnpinned - (item._grouplevel > 0 ? item._grouplevel - 1 : 0)\">\n      @if (RowGroupingPagingStyle() == 'right') {\n        <div class=\"est-rg-sep-flex-right\">\n          <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\n          @if ((item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10) {\n            <div class=\"est-rg-ipp\"><es-paging [CountLabel]=\"CountLabel()\" [AllSearch]=\"AllSearch()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\n          }\n        </div>\n      }\n\n      @if (RowGroupingPagingStyle() == 'left') {\n        <div class=\"est-rg-sep-flex-left\">\n          <div class=\"est-rg-ipp\"><es-paging [AllSearch]=\"AllSearch()\" [CountLabel]=\"CountLabel()\" [GroupMode]=\"item.searches == 'groups'\" [PagerCount]=\"item.searches == 'groups' ? item.view.groupcount : item.view.objectcount\" [View]=\"item.view\" (pagingSelected)=\"onGroupItemsPerPageChanged(item, $event);\"></es-paging></div>\n          @if ((item.searches == 'groups' ? item.view.groupcount : item.view.objectcount) > 10) {\n            <div class=\"est-rg-page\"><ng-container *ngTemplateOutlet=\"pagingButtons; context: { $implicit: { separator: item, ATP: addToPageGroup.bind(this), GTP: goToPageGroup.bind(this), Array: item.buttons }}\"></ng-container></div>\n          }\n        </div>\n      }\n    </td>\n  </ng-template>\n\n  <!-- Questo template contiene la print condizionale su tabelle semplici, con header e body scritti a manazza -->\n  <ng-template #basicColumns let-item let-index=\"index\">\n    @if ((!UseCustomCells() || EmptyRowTds()) && !DynamicRowColumnsDefinition()) {\n      <ng-container *ngTemplateOutlet=\"bodyRef; context : {$implicit: item, index: index}\"></ng-container>\n    }\n  </ng-template>\n\n  <ng-template #defaultEditor let-ctx>\n    <!-- Un po' triste ma questo \u00E8 il metodo pi\u00F9 semplice per gestire il cambio di modello -->\n    <!-- Manca da reimplementare il  [FocusSubject]=\"FocusSubject\" -->\n    @if (ctx.item.properties) {\n      <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item.properties[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer(ctx.signal, ctx.item, ctx.columnIndex)\"></form-adaptive>\n    }\n    @else {\n      <form-adaptive [FormLayout]=\"false\" [Validation]=\"false\" [Configuration]=\"ctx.definition.EditorOptions\" [(ngModel)]=\"ctx.item[ctx.definition.PropertyName]\" name=\"{{ ctx.definition.PropertyName + '_' + ctx.item._hash }}\" [Type]=\"ctx.definition.PropertyType\" [Source]=\"ctx.definition.PropertySource\" (inputFinalized)=\"ctx.finalizer(ctx.signal, ctx.item, ctx.columnIndex)\"></form-adaptive>\n    }\n  </ng-template>\n\n  <ng-template #defaultEsTd let-ctx>\n    <!-- TODO: Formattare il valore in base a valType.type -->\n    @if (ctx.type == 'enum') {\n      {{ (ctx.value | est_lookup : ctx.definition.PropertySource).description }}\n    }\n    @else {\n      @switch(ctx.type){\n        @case(\"date\"){\n          {{ctx.value | loc_date: 'DD/MM/YYYY' }}\n        }\n        @case(\"datetime\"){\n          {{ctx.value | loc_date: 'DD/MM/YYYY HH:mm:ss'}}\n        }\n        @default {\n          {{ctx.value}}\n        }\n      }\n    }\n  </ng-template>\n\n  <ng-template #customCells let-item let-opt=\"templateOptions\">\n    @if (UseCustomCells() && !EmptyRowTds()) {\n      <!-- Cella che aggrega tutte le colonne che devono essere pinnate -->\n      @if (HasPinnedColumns()) {\n        <td class=\"est-pinned-body est-col-min\" [class.est-white-selected]=\"item._selected\">\n          <div [style.width.px]=\"PinnedContainerWidth()\" class=\"est-pinned-border\">\n            @if (!item.locked && !item._sep && Selection()) {\n              <td class=\"est-no-border est-col-min\" [style.width.px]=\"20\">\n                <input type=\"checkbox\" style=\"width: 15px\" [disabled]=\"opt.selDisabled\" [class.est-pointer]=\"!item.locked\" [(ngModel)]=\"item._selected\" name=\"check{{item._hash}}\" (click)=\"$event.stopPropagation(); handleClick($event, item);\">\n              </td>\n            }\n            @if ((item.locked || item._sep) && Selection()) {\n              <td class=\"est-no-border est-col-min\" [style.width.px]=\"20\"></td>\n            }\n            @for (cell of RowTDs[item._hash]; track IDTrackByOfSignal(index, cell); let index = $index) {\n              @if (cell().Pinned) {\n                <ng-container *ngTemplateOutlet=\"customTd; context: { \n                        $implicit: item, \n                        index: index, \n                        cell: cell, \n                        pinned: true, \n                        selectionStatus: selectionStatus[item._ordinal]?.[index],\n                        selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\n                        selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\n                        selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\n                        selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \n                    };\"></ng-container>\n              }\n            }\n          </div>\n        </td>\n      }\n      <!-- Body effettivo della riga -->\n      @for (cell of RowTDs[item._hash]; track IDTrackByOfSignal(index, cell); let index = $index) {\n        @if (!cell().Pinned;) {\n          <ng-container *ngTemplateOutlet=\"customTd; context: { \n                  $implicit: item, \n                  index: index, \n                  cell: cell, \n                  pinned: false, \n                  selectionStatus: selectionStatus[item._ordinal]?.[index],\n                  selectionStatusUp: selectionStatus[item._ordinal - 1]?.[index],\n                  selectionStatusDown: selectionStatus[item._ordinal + 1]?.[index],\n                  selectionStatusLeft: selectionStatus[item._ordinal]?.[index - 1],\n                  selectionStatusRight: selectionStatus[item._ordinal]?.[index + 1] \n              };\"></ng-container>\n        }\n      }\n    }\n  </ng-template>\n\n  <!-- Cella customizzata, elemento grafico base per la tabella -->\n  <ng-template #customTd let-item let-cell=\"cell\" let-index=\"index\" let-pinned=\"pinned\" let-selStatus=\"selectionStatus\" let-selStatusUp=\"selectionStatusUp\" let-selStatusDown=\"selectionStatusDown\" let-selStatusLeft=\"selectionStatusLeft\" let-selStatusRight=\"selectionStatusRight\">\n\n    @let c = cell();\n\n    <!-- Customizzazione per celle con icona (sono essenzialmente operazioni semplici e basta) -->\n    @if (c.IconClass && c.Visible) {\n      @if (!c.ConditionField || (((item.properties || item) | est_propinsensitive : c.ConditionField) == c.ConditionValue)) {\n        <td [class.est-no-right-padding]=\"index != DynamicOperations().length -1\" [class.est-no-left-padding]=\"index != 0\" class=\"est-col-min\"><span title=\"{{c.Title}}\" class=\"{{c.IconClass}} est-pointer\" (click)=\"dynamicOperation(item, c.ID)\">{{c.Content}}</span></td>\n      }\n      @else {\n        <td class=\"est-col-min est-no-side-padding\"></td>\n      }\n    }\n\n    <!-----------------------------------------------------------------------------------------------------------------------\n    -   ATTENZIONE: Gli spazi fra gli Input di questo mega td sono significativi e dividono la dichiarazione in sezioni:    -\n    -   . Generiche                                                                                                         -\n    -   . Gestione allineamento e colori per la modalit\u00E0 report                                                             -\n    -   . Gestioni grafiche particolari per il Pinned                                                                       -\n    -   . Gestione della selezione a singola cella in assenza di pinned                                                     -\n    -   . Gestione click classico e selezione multicella                                                                                          -\n    ------------------------------------------------------------------------------------------------------------------------->\n\n    @if (!c.IconClass && c.Visible) {\n      <td\n        es-td=\"{{c.Property || c.ID}}\"\n        id=\"estd_{{c.Property || c.ID}}_{{item._ordinal}}_{{index}}\"\n        class=\"{{ c.Class }}\"\n        [Context]=\"item._hash\"\n        [class.est-default-row-height]=\"!HighCellDensity()\"\n        [class.est-white-selected]=\"item._selected\"\n        [class.est-no-selection]=\"Editable() && c.PropertyName\"\n        [class.est-rg-hdr]=\"c.GroupHeader\"\n        [class.est-rg-agg]=\"c.GroupAggregation\"\n        [class.est-nowrap]=\"Hierarchy() || !c.Wraps\"\n        [style.text-align]=\"(!pinned && c.Alignment) ? c.Alignment : null\"\n        [style.color]=\"(!pinned && item.forecolors && c.PropAccessor) ? item.forecolors[c.PropAccessor] : null\"\n        [style.background-color]=\"(!pinned && item.backcolors && c.PropAccessor) ? item.backcolors[c.PropAccessor] : null\"\n        [style.width.px]=\"pinned ? c.PinnedWidth : null\"\n        [class.est-no-border]=\"pinned\"\n        [class.est-no-border-bottom]=\"selStatusDown?.tborder\"\n        [class.est-no-border-top]=\"selStatusUp?.bborder\"\n        [class.est-ltab-border]=\"c.LeftBorder && !selStatus?.lborder && !selStatusLeft?.rborder\"\n        [class.est-rtab-border]=\"c.RightBorder && !selStatus?.rborder && !selStatusRight?.lborder\"\n        [class.est-selected-cell]=\"selStatus?.selected\"\n        [class.est-cell-lborder]=\" selStatus?.lborder\"\n        [class.est-cell-rborder]=\" selStatus?.rborder\"\n        [class.est-cell-tborder]=\" selStatus?.tborder\"\n        [class.est-cell-bborder]=\" selStatus?.bborder\"\n        [class.est-cell-lborder-tmp]=\"!c.LeftBorder && !selStatus?.lborder && !selStatus?.loverlaps\"\n        [class.est-cell-rborder-tmp]=\"!c.RightBorder && !selStatus?.rborder && !selStatus?.roverlaps\"\n        [class.est-cell-tborder-tmp]=\"!selStatus?.tborder && !selStatus?.toverlaps\"\n        [class.est-cell-bborder-tmp]=\"!selStatus?.bborder && !selStatus?.boverlaps\"\n        #cellRef\n        (click)=\"dbClickEditOrSingleClickRowSelection($event, cell, item)\"\n        (onCellGeneration)=\"registerCell($event, cell(), item, cellRef.el)\">\n        <!--\n        @@@ Queste registrazioni le lascio fare all'interno di registerCell per evitare di attaccare la change detection automatica agli eventi, che rallenta di diosanto\n        (mousedown)=\"mousedown($event, cell, item)\"\n        (mouseenter)=\"mouseenter($event)\"\n        (mouseup)=\"mouseup($event)\"\n        -->\n        <div [class.est-edit-hidden]=\"c._editing\" [class.est-pre]=\"!(Hierarchy() && index == 0)\">\n          <ng-container #DEBUG>\n            <!-- Debug box in caso la roba che viene scritta nelle celle non torni. Scirvere qui i propri binding per controllare cose -->\n          </ng-container>\n          <!-- 90% Template disponibile, quindi derivante da *td, controllo giusto che non sia un field particolare multi -->\n          @if (c.Template) {\n            @if (!c.Multi) {\n              <ng-container *ngTemplateOutlet=\"c.Template; context: { $implicit: item }\"></ng-container>\n            }\n            @else {\n              <span><ng-container *ngTemplateOutlet=\"c.Template; context: { $implicit: (item[c.MultiProp] ? item[c.MultiProp][c.MultiIndex] : {}) }\"></ng-container></span>\n            }\n          }\n          <!-- 8%\n          Template non disponibile, pu\u00F2 venire da\n          RoutePath in caso sia un link di una tabella dinamica\n          PropAccessor in caso di ReportRow (quindi oggetti con \"values\"  dentro),\n          o Renderer se modalit\u00E0 dinamica/standard (in qual caso il renderer \u00E8 il default)\n          -->\n          @if (!c.Template && !c.Multi && !c.Content) {\n            @if (c.RoutePath) {\n              <a [routerLink]=\"item | est_routerlink : c.RoutePath : c.RouteParameterProperties\" class=\"est-link\" [innerHTML]=\"item.properties ? item.properties[c.PropertyName] : item[c.PropertyName]\"></a>\n            }\n            @else if (c.PropAccessor) {\n              <span>\n                {{(item.values? item.values[c.PropAccessor] : item[c.PropAccessor]) | est_format: c.Format }}\n              </span>\n            }\n            @else {\n              <ng-container *ngTemplateOutlet=\"c.PropertyName | est_renderer: { name: c.RendererName, src: EsTdsDirective, fallback: defaultEsTd }; context: { $implicit: { definition: c, value: item.properties ? item.properties[c.PropertyName] : item[c.PropertyName], type: c.PropertyType} }\"></ng-container>\n            }\n          }\n          <!-- 1% Se in modalit\u00E0 gerarchica metto il td per navigare la gerarchia -->\n          @if (Hierarchy() && index == 0) {\n            <ng-container *ngTemplateOutlet=\"HierarchyNavigator; context: { $implicit: item }\"></ng-container>\n          }\n          <!-- 1% Content programmatico per le casistiche di Row Grouping ecc... -->\n          @if (c.Content) {\n            {{c.Content}}\n          }\n        </div>\n        @if (c._editing) {\n          <div class=\"est-mt-min-5\">\n            <ng-container *ngTemplateOutlet=\"c.PropertyName | est_editor: { name: c.EditorName, src: EsTdEditorDirectives, fallback: defaultEditor}; context: { $implicit: { definition: c, signal: cell, columnIndex: index, item: item, finalizer: finalizeUserEdit } }\"></ng-container>\n          </div>\n        }\n      </td>\n    }\n  </ng-template>\n\n  <!-- Navigatore della gerarchia di una view gerarchica, con tasto per espandere e collassare -->\n  <ng-template #HierarchyNavigator let-item>\n    @if (!item.parent) {\n      <span class=\"fa fa-chevron-down\" style=\"visibility:hidden\"></span>\n    }\n    @else if (item.parent && item._expanded) {\n      <span class=\"fa fa-chevron-down est-pointer est-no-selection\" (click)=\"hierarchyMode_H.collapseParent(item[this.OwnKey()!])\"></span>\n    }\n    @else {\n      <span class=\"fa fa-chevron-up est-pointer est-no-selection\" (click)=\"hierarchyMode_H.expandParent(item[this.OwnKey()!])\"></span>\n    }\n    &nbsp;\n  </ng-template>\n\n  <!-- Pulsanti di eliminazione/undo eliminazione ed esportazione che vanno in fondo ad un record edlla tabella -->\n  <ng-template #bodyDeleteAndExport let-options>\n    @if (Removal() && !RemovalCondition()) {\n      @if (options.item.removed || options.item.deleted) {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\n      }\n      @else {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\n      }\n    }\n    @if (Removal() && RemovalCondition()) {\n\n      @if(options.item[RemovalCondition()])\n      {\n        @if (options.item.removed || options.item.deleted) {\n          <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-undo  text-warning est-pointer\" (click)=\"onAbortRemoval.emit(options.item)\"></span></td>\n        }\n        @else {\n          <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-pointer text-danger\" [hidden]=\"options.item.removable != undefined && !options.item.removable\" (click)=\"onRemoval.emit(options.item)\"></span></td>\n        }\n      }\n      @else {\n        <td class=\"est-sticky-last-column{{options.even? '-alt' : ''}} {{Export() || HiddenColumns() || CornerMenuOptions() ? 'est-right-9' : ''}}\"><span class=\"fa fa-remove est-hidden-view\"></span></td>\n      }\n    }\n    @if (Export() || HiddenColumns() || CornerMenuOptions()) {\n      <td class=\"est-sticky-last-column{{options.even && !Hierarchy() ? '-alt' : ''}}\"></td>\n    }\n  </ng-template>\n\n  <!-- Context menu vuoto default per tutte le tabella che non ce l'hanno, in modo che al click destro appaia \"nessuna op disponibile\" -->\n  <context-menu #emptyMenu>\n    <ng-template contextMenuItem><span><em>{{'No operations available' | localize : lc}}...</em></span></ng-template>\n  </context-menu>\n\n  <!-- Modal per cambiare posizione e visibilit\u00E0 delle colonne dell'es-table -->\n  <div bsModal #changeColumnVisibilityModal=\"bs-modal\" #columnsDialog class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-lg\" cdkDrag>\n      <div class=\"modal-content\">\n        <div class=\"modal-header est-pointer\" cdkDragHandle>\n          <h5 class=\"modal-title pull-left\">\n            @if (HiddenColumns() && ColumnsOrdering()) {\n              {{'Columns Visibility and Order' | localize : lc}}\n            }\n            @else if (!HiddenColumns()) {\n              {{'Columns Order' | localize : lc}}\n            }\n            @else if (!ColumnsOrdering()) {\n              {{'Columns Visibility' | localize : lc}}\n            }\n          </h5>\n          <button type=\"button\" class=\"close pull-right\" (click)=\"hideDialog(changeColumnVisibilityModal);\" aria-label=\"Close\">\n            <span aria-hidden=\"true\">&times;</span>\n          </button>\n        </div>\n        <div class=\"modal-body\">\n          @if (!TMPColumnsList || TMPColumnsList.length == 0) {\n            <div class=\"card card-info est-padding-10 est-margin-bottom-0\">\n              {{'There are no columns configured to be hidden/shown in this view' | localize : lc}}\n            </div>\n          }\n          @if (TMPColumnsList && TMPColumnsList.length > 0) {\n            <div style=\"max-height:500px; overflow-y:auto\">\n              <!--Aaaaaaah la tristezza... qui mi servirebbe l'es-table per facilitare la selezione multipla ecc... peccato che se la linko qui entro in un loop impressionante-->\n              <table class=\"table table-striped table-sm est-margin-bottom-0\">\n                <thead>\n                  <tr>\n                    @if (HiddenColumns()) {\n                      <th class=\"est-col-min\">\n                        <input class=\"est-pointer\" type=\"checkbox\" style=\"width: 15px\" [(ngModel)]=\"globalColVisCheck\" [ngModelOptions]=\"{'standalone': true}\" (ngModelChange)=\"columnMetadata_H.globalColVisCheckChanged();\">\n                      </th>\n                    }\n                    <!-- <th class=\"est-col-min\" *ngIf=\"ColumnsOrdering\"></th> -->\n                    <th class=\"est-col-min est-nowrap\">{{'Column Name' | localize : lc}}</th>\n                    <!--Filler-->\n                    <th></th>\n                    <!-- Pinner -->\n                    @if (DirectivesBased()) {\n                      <th class=\"est-col-min\"></th>\n                    }\n                  </tr>\n                </thead>\n                <tbody\n                  cdkDropList\n                  [cdkDropListData]=\"TMPColumnsList\"\n                  (cdkDropListDropped)=\"columnMetadata_H.columnReordered($event)\"\n                  [cdkDropListSortPredicate]=\"columnMetadata_H.sortPredicate.bind(this.columnMetadata_H)\"\n                  class=\"est-dropbox\">\n                  @for (item of TMPColumnsList; track idTrackBy(i, item); let i = $index; let last = $last) {\n                    <tr\n                      class=\"est-pointer est-droplist\"\n                      [class.est-white-selected]=\"lastSelectedItemID == item.id\"\n                      [class.est-no-selection]=\"!item.visible\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [cdkDragDisabled]=\"!ColumnsOrdering || item.fixed || item.pinned\">\n                      @if (HiddenColumns()) {\n                        <td>\n                          <input type=\"checkbox\" style=\"width: 15px\" [class.est-hidden-view]=\"item.fixed\" class=\"est-pointer\" [(ngModel)]=\"item.visible\" name=\"visible{{i}}\" (ngModelChange)=\"columnMetadata_H.updateGlobalColVisCheck();\" />\n                        </td>\n                      }\n                      <td class=\"est-nowrap drag-visible\" (click)=\"columnMetadata_H.columnClicked(item);\">\n                        @if (item.template) {\n                          <!-- Padri -->\n                          @if (item.parentTemplates && item.parentTemplates.length > 0) {\n                            <span class=\"est-fw-bold est-fs-13\">\n                              (&nbsp;\n                              @for (parent of item.parentTemplates; track idTrackBy($index, parent); let last = $last) {\n                                @if (parent.tmpl) {\n                                  <ng-container *ngTemplateOutlet=\"parent.tmpl\"></ng-container>\n                                }\n                                @if (parent.content) {\n                                  {{parent.content}}\n                                }\n                                @if (!last) {\n                                  <span>&nbsp;-&nbsp;</span>\n                                }\n                              }\n                              &nbsp;)\n                            </span>\n                          }\n                          <!-- Template header originale -->\n                          <ng-container *ngTemplateOutlet=\"item.template; context: { $implicit: item.multi ? item.multiContent : null }\"></ng-container>\n                        }\n                        @if (!item.template) {\n                          {{item.description}}\n                        }\n                      </td>\n                      <!--Filler-->\n                      <td (click)=\"columnMetadata_H.columnClicked(item);\"></td>\n                      <!-- Pinner -->\n                      @if (DirectivesBased() && ColumnsPinnable()) {\n                        <td>\n                          @if (!item.fixed && item.pinnable) {\n                            <span class=\"fa fa-thumb-tack\" [class.text-success]=\"item.pinned\" (click)=\"columnMetadata_H.pinOrUnpinColumn(item)\"></span>\n                          }\n                        </td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary est-margin-right-10\" (click)=\"lastSelectedItemID = null; hideDialog(changeColumnVisibilityModal);\">{{'Close' | localize : lc}}</button>\n          <button type=\"button\" [disabled]=\"!TMPColumnsList || TMPColumnsList.length == 0\" class=\"btn btn-primary\" (click)=\"columnMetadata_H.confirmColumnVisibilitySelection() && hideDialog(changeColumnVisibilityModal)\">{{'Confirm' | localize : lc}}</button>\n        </div>\n      </div>\n    </div>\n  </div>", styles: ["@charset \"UTF-8\";.est-loading-box{height:200px;text-align:center;position:relative;background:#ccc}.est-loading-content{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px}.est-scrollable{max-height:600px;overflow:auto}.est-head-resizer{top:0;right:0;bottom:0;width:7px;position:absolute;cursor:col-resize}.est-head-resizer-internal{inset:0 0 0 6px;width:1px;position:absolute;background-color:#ccc;height:100%}.est-pointer{cursor:pointer}.est-high-density th,.est-high-density td{padding:0;padding-left:.2rem;padding-right:.2rem}.est-default-row-height{height:31px}.est-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.est-edit-hidden{visibility:hidden;height:1px!important}.est-hidden-view{visibility:hidden}.est-no-border{border:none!important}.est-nowrap{white-space:nowrap}.est-mt-min-5{margin-top:-5px}.est-white-selected{background-color:#ddd!important}.est-line-through{text-decoration:line-through}.est-no-side-padding{padding-left:0;padding-right:0}.est-no-left-padding,.est-no-right-padding{padding-left:0}.est-col-min{width:1px}.est-margin-bottom-0{margin-bottom:0!important}.est-margin-right-10{margin-right:10px!important}.est-right-9{right:9px!important}.est-table-dotted-menu{padding:0 0 2px!important;color:#999}.est-fs-18{font-size:18px}.est-fs-14,.est-fs-13{font-size:14px}.est-fw-bold{font-weight:700}.est-padding-3{padding:3px!important}.est-page-container{position:relative}.est-bring-to-front-strong{z-index:99999999!important}.est-switch{position:relative;display:inline-block;width:30px;height:17px;margin-bottom:0;margin-right:5px;margin-left:5px}.est-switch input{display:none}.est-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.est-slider:before{position:absolute;content:\"\";height:13px;width:13px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.est-slider{background-color:#2196f3}input:focus+.est-slider{box-shadow:0 0 1px #2196f3}input:checked+.est-slider:before{-webkit-transform:translateX(11px);-ms-transform:translateX(11px);transform:translate(11px)}.est-slider.round{border-radius:10px}.est-slider.round:before{border-radius:50%}.est-custom-input{width:30px;display:inline;padding:1px;height:20px}.est-row-lvl-1 td:first-child{padding-left:5px}.est-row-lvl-2 td:first-child{padding-left:20px}.est-row-lvl-3 td:first-child{padding-left:35px}.est-row-lvl-4 td:first-child{padding-left:50px}.est-row-lvl-5 td:first-child{padding-left:65px}.est-row-lvl-6 td:first-child{padding-left:80px}.est-row-lvl-7 td:first-child{padding-left:95px}.est-row-lvl-8 td:first-child{padding-left:110px}.est-row-lvl-9 td:first-child{padding-left:125px}.est-row-lvl-10 td:first-child{padding-left:140px}.est-row-lvl-11 td:first-child{padding-left:155px}.est-row-lvl-12 td:first-child{padding-left:170px}.est-row-lvl-13 td:first-child{padding-left:185px}.est-row-lvl-14 td:first-child{padding-left:200px}.est-row-lvl-15 td:first-child{padding-left:215px}.est-row-lvl-16 td:first-child{padding-left:230px}.est-row-lvl-17 td:first-child{padding-left:245px}.est-row-lvl-18 td:first-child{padding-left:260px}.est-row-lvl-19 td:first-child{padding-left:275px}.est-row-lvl-20 td:first-child{padding-left:290px}.est-row-lvl-21 td:first-child{padding-left:305px}.est-row-lvl-22 td:first-child{padding-left:320px}.est-row-lvl-23 td:first-child{padding-left:335px}.est-row-lvl-24 td:first-child{padding-left:350px}.est-row-lvl-25 td:first-child{padding-left:365px}.est-row-lvl-26 td:first-child{padding-left:380px}.est-row-lvl-27 td:first-child{padding-left:395px}.est-row-lvl-28 td:first-child{padding-left:410px}.est-row-lvl-29 td:first-child{padding-left:425px}.est-row-lvl-30 td:first-child{padding-left:440px}.est-row-lvl-31 td:first-child{padding-left:455px}.est-row-lvl-32 td:first-child{padding-left:470px}.est-row-lvl-33 td:first-child{padding-left:485px}.est-row-lvl-34 td:first-child{padding-left:500px}.est-row-lvl-35 td:first-child{padding-left:515px}.est-row-lvl-36 td:first-child{padding-left:530px}.est-row-lvl-37 td:first-child{padding-left:545px}.est-row-lvl-38 td:first-child{padding-left:560px}.est-row-lvl-39 td:first-child{padding-left:575px}.est-row-lvl-40 td:first-child{padding-left:590px}.est-row-lvl-41 td:first-child{padding-left:605px}.est-row-lvl-42 td:first-child{padding-left:620px}.est-row-lvl-43 td:first-child{padding-left:635px}.est-row-lvl-44 td:first-child{padding-left:650px}.est-row-lvl-45 td:first-child{padding-left:665px}.est-row-lvl-46 td:first-child{padding-left:680px}.est-row-lvl-47 td:first-child{padding-left:695px}.est-row-lvl-48 td:first-child{padding-left:710px}.est-row-lvl-49 td:first-child{padding-left:725px}.est-row-lvl-50 td:first-child{padding-left:740px}.est-row-lvl-51 td:first-child{padding-left:755px}.est-row-lvl-52 td:first-child{padding-left:770px}.est-row-lvl-53 td:first-child{padding-left:785px}.est-row-lvl-54 td:first-child{padding-left:800px}.est-row-lvl-55 td:first-child{padding-left:815px}.est-row-lvl-56 td:first-child{padding-left:830px}.est-row-lvl-57 td:first-child{padding-left:845px}.est-row-lvl-58 td:first-child{padding-left:860px}.est-row-lvl-59 td:first-child{padding-left:875px}.est-row-lvl-60 td:first-child{padding-left:890px}.est-row-lvl-61 td:first-child{padding-left:905px}.est-row-lvl-62 td:first-child{padding-left:920px}.est-row-lvl-63 td:first-child{padding-left:935px}.est-row-lvl-64 td:first-child{padding-left:950px}.est-row-lvl-65 td:first-child{padding-left:965px}.est-row-lvl-66 td:first-child{padding-left:980px}.est-row-lvl-67 td:first-child{padding-left:995px}.est-row-lvl-68 td:first-child{padding-left:1010px}.est-row-lvl-69 td:first-child{padding-left:1025px}.est-row-lvl-70 td:first-child{padding-left:1040px}.est-row-lvl-71 td:first-child{padding-left:1055px}.est-row-lvl-72 td:first-child{padding-left:1070px}.est-row-lvl-73 td:first-child{padding-left:1085px}.est-row-lvl-74 td:first-child{padding-left:1100px}.est-row-lvl-75 td:first-child{padding-left:1115px}.est-row-lvl-76 td:first-child{padding-left:1130px}.est-row-lvl-77 td:first-child{padding-left:1145px}.est-row-lvl-78 td:first-child{padding-left:1160px}.est-row-lvl-79 td:first-child{padding-left:1175px}.est-row-lvl-80 td:first-child{padding-left:1190px}.est-row-lvl-81 td:first-child{padding-left:1205px}.est-row-lvl-82 td:first-child{padding-left:1220px}.est-row-lvl-83 td:first-child{padding-left:1235px}.est-row-lvl-84 td:first-child{padding-left:1250px}.est-row-lvl-85 td:first-child{padding-left:1265px}.est-row-lvl-86 td:first-child{padding-left:1280px}.est-row-lvl-87 td:first-child{padding-left:1295px}.est-row-lvl-88 td:first-child{padding-left:1310px}.est-row-lvl-89 td:first-child{padding-left:1325px}.est-row-lvl-90 td:first-child{padding-left:1340px}.est-row-lvl-91 td:first-child{padding-left:1355px}.est-row-lvl-92 td:first-child{padding-left:1370px}.est-row-lvl-93 td:first-child{padding-left:1385px}.est-row-lvl-94 td:first-child{padding-left:1400px}.est-row-lvl-95 td:first-child{padding-left:1415px}.est-row-lvl-96 td:first-child{padding-left:1430px}.est-row-lvl-97 td:first-child{padding-left:1445px}.est-row-lvl-98 td:first-child{padding-left:1460px}.est-row-lvl-99 td:first-child{padding-left:1475px}.est-relative{position:relative}.est-top-pager{position:absolute;right:0;top:5px}.est-top-allselect{position:absolute;left:0;top:5px;font-weight:700}.est-padding-10{padding:10px!important}.est-margin-right-50{margin-right:50px}.est-margin-left-50{margin-left:50px}.est-quick-unpin{color:#000;margin-left:8px;font-size:14px;transform:rotate(45deg)}.est-full-height{height:100%}.est-page-sel{margin-left:3px;margin-right:3px;padding:0 5px;font-size:inherit;border:none;border-radius:15px}.est-page-sel:not(.app-white-text){color:#000!important}.est-page-prev,.est-page-next{color:#000;padding:2px 0 0;font-size:inherit}.est-pinned-header{background-color:#fff;left:0;top:0;position:sticky;z-index:1;border-bottom:1px solid #dee2e6!important;padding:0!important}.est-simple-border-bottom{border-bottom:1px solid #dee2e6}.est-pinned-internal-header{border-top:0;border-bottom:0px solid #dee2e6}.est-pinned-border{border-right:2px solid #dee2e6!important}.est-cell-padding{padding:.3rem}.est-pinned-body{background-color:#fff;left:0;position:sticky;z-index:1;border-top:1px solid #dee2e6!important;padding:0!important}.est-inline{display:inline!important}.est-inline-block{display:inline-block!important}.est-link{color:#0275d8!important;cursor:pointer;text-decoration:none;display:block}.est-link:hover{color:#23527c!important;cursor:pointer;text-decoration:underline!important}.est-sticky-last-column{right:-1px;position:sticky;z-index:0;background-color:#fff}.est-sticky-last-column-alt{right:-1px;position:sticky;z-index:0;background-color:#f2f2f2}.est-ltab-border{border-left:1px solid #bbb!important}.est-rtab-border{border-right:1px solid #bbb!important}.est-no-border-bottom{border-bottom:none!important}.est-no-border-top{border-top:none!important}.est-cell-group-padding{padding:calc(.3rem + 1px);position:absolute;top:0;left:0;height:100%;width:100%}.est-selected-cell{background-color:#2196f333!important}.est-cell-lborder{border-left:1.02px solid rgb(33,150,243)!important}.est-cell-tborder{border-top:1.02px solid rgb(33,150,243)!important}.est-cell-rborder{border-right:1.02px solid rgb(33,150,243)!important}.est-cell-bborder{border-bottom:1.02px solid rgb(33,150,243)!important}.est-cell-lborder-tmp{border-left:1.02px solid transparent!important}.est-cell-tborder-tmp{border-top:1.02px solid transparent!important}.est-cell-rborder-tmp{border-right:1.02px solid transparent!important}.est-cell-bborder-tmp{border-bottom:1.02px solid transparent!important}.est-margin-bottom-10{margin-bottom:10px}.est-text-center{text-align:center}.est-flex{display:flex}.est-rg-sep-flex-right{display:flex;flex-direction:row-reverse;width:100%;margin:-5px}.est-rg-sep-flex-left{display:flex;flex-direction:row;width:100%;margin:-5px}.est-rg-hdr{font-weight:700}.est-rg-agg{font-style:italic}.est-rg{background-color:#7777!important}.est-rg-sep{font-size:12px;padding-right:20px!important;background-color:#bbbb!important}.est-rg-ipp{text-align:left;display:inline-flex;margin-right:25px}.est-rg-page{text-align:right;display:inline-flex;font-size:inherit;padding-top:5px}.est-droplist.cdk-drag-placeholder{opacity:0}.est-droplist.cdk-drag-preview{z-index:999999999!important;opacity:1;box-sizing:border-box;border-radius:4px;background-color:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.est-droplist.cdk-drag-preview td:not(.drag-visible){visibility:hidden}.est-droplist.cdk-drag-preview td.drag-visible{padding-top:3px}.est-droplist.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.est-droplist.cdk-drop-list-dragging .est-dropbox:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.est-pre{white-space:pre}.est val-datetime .mat-form-field-appearance-outline .mat-form-field-infix input{margin-bottom:3px!important;min-width:130px!important}.est .mat-form-field-flex{height:29px!important;padding:0!important}.est .mat-form-field-flex .mat-form-field-outline{color:#00f}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start{border-left:none;border-top:none;border-radius:0}.est .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end{border-top:none;border-radius:0;border-right:none}.est .mat-form-field-wrapper{height:20px;min-height:20px!important;margin-top:0!important}.est .mat-form-field-infix{width:100%!important;min-width:50px!important}.est .mat-form-field-infix select.mat-input-element{margin-top:-5px!important}.est .mat-datepicker-input{margin-bottom:3px!important}.est input{height:20px;padding-top:0!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.NgControl, decorators: [{
                     type: Self
                 }, {
@@ -5716,6 +5695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     args: [EST_DEFAULTS]
                 }] }, { type: undefined, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [EST_DEBUG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
                 }, {
                     type: Inject,
                     args: [EST_EXPORT_GLOBAL_ACL]
@@ -5779,8 +5763,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: ViewChild,
                 args: ['emptyMenu', { static: true }]
             }], _ArraymodeItemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "ArraymodeItemsPerPage", required: false }] }] } });
-class EsTdReference {
-}
 
 /** Modello di configurazione per L'EsTable */
 class EsTableModuleConfig {
@@ -5965,5 +5947,5 @@ class ItemPropEditableReference {
  * Generated bundle index. Do not edit.
  */
 
-export { AppOrdering, AppSearch, CornerMenuOption, EST_DEBUG, EST_DEFAULTS, EST_EXPORT_GLOBAL_ACL, EsTableColumnsDefinition, EsTableComponent, EsTableDefaultable, EsTableModelChange, EsTableModule, EsTableModuleConfig, EsTableMultiValue, EsTableOperationDefinition, EsTablePagerComponent, EsTdDirective, EsTdEditorDirective, EsTdReference, EsThDirective, GenericItem, Group, GroupAggregation, GroupFilter, GroupOrAggregation, ItemPropEditableReference, ItemsSelection, ReportColumn, ReportParam, ReportRow, ThTdProvider };
+export { AppOrdering, AppSearch, CornerMenuOption, EST_DEBUG, EST_DEFAULTS, EST_EXPORT_GLOBAL_ACL, EsTableColumnsDefinition, EsTableComponent, EsTableDefaultable, EsTableModelChange, EsTableModule, EsTableModuleConfig, EsTableMultiValue, EsTableOperationDefinition, EsTablePagerComponent, EsTdDirective, EsTdEditorDirective, EsThDirective, GenericItem, Group, GroupAggregation, GroupFilter, GroupOrAggregation, ItemPropEditableReference, ItemsSelection, ReportColumn, ReportParam, ReportRow, ThTdProvider };
 //# sourceMappingURL=esfaenza-es-table.mjs.map