npm - @esfaenza/es-table - Versions diffs - 20.3.8 → 20.3.10 - Mend

@esfaenza/es-table 20.3.8 → 20.3.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/fesm2022/esfaenza-es-table.mjs +61 -61
package/package.json +10 -10

package/fesm2022/esfaenza-es-table.mjs CHANGED Viewed

@@ -40,10 +40,10 @@ class TablePagerLoc extends LocalizationService {
         super.set("en->it", "Are you sure you want to retrieve all results?", ["Si è sicuri di voler caricare tutti i risultati?"]);
         super.set("en->it", "This might slow down the page and possibly crash the entire application", ["L'operazione potrebbe rallentare la pagina fino al crash dell'applicazione"]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TablePagerLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TablePagerLoc }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TablePagerLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TablePagerLoc }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TablePagerLoc, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TablePagerLoc, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
@@ -124,10 +124,10 @@ class EsTablePagerComponent {
             this.Model.set(pageSize);
         }
     }
-    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.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", 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.0.0", version: "20.3.28", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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: "@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: [{
@@ -287,10 +287,10 @@ class EsTdDirective {
         /** Equivalente dell'NgIf sul td */
         this.tdIf = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTdDirective, deps: [{ token: i0.TemplateRef, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: EsTdDirective, isStandalone: false, selector: "[td]", inputs: { tdVisible: "tdVisible", td: "td", tdForProperty: "tdForProperty", tdIf: "tdIf", tdClass: "tdClass", tdPropertyAccessor: "tdPropertyAccessor", tdAlignment: "tdAlignment", tdFormat: "tdFormat", tdIconClass: "tdIconClass", tdConditionField: "tdConditionField", tdConditionValue: "tdConditionValue", tdTitle: "tdTitle", tdContent: "tdContent" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTdDirective, deps: [{ token: i0.TemplateRef, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: EsTdDirective, isStandalone: false, selector: "[td]", inputs: { tdVisible: "tdVisible", td: "td", tdForProperty: "tdForProperty", tdIf: "tdIf", tdClass: "tdClass", tdPropertyAccessor: "tdPropertyAccessor", tdAlignment: "tdAlignment", tdFormat: "tdFormat", tdIconClass: "tdIconClass", tdConditionField: "tdConditionField", tdConditionValue: "tdConditionValue", tdTitle: "tdTitle", tdContent: "tdContent" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[td]',
@@ -378,10 +378,10 @@ class EsThDirective {
         /** Opzioni da applicare all'editor di questa colonna */
         this.thEditorOptions = {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsThDirective, deps: [{ token: i0.TemplateRef, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: EsThDirective, isStandalone: false, selector: "[th]", inputs: { th: "th", thPinned: "thPinned", thPinnable: "thPinnable", thPinnedWidth: "thPinnedWidth", thVisible: "thVisible", thFixed: "thFixed", thParent: "thParent", thOrder: "thOrder", thOrderable: "thOrderable", thWrap: "thWrap", thResizable: "thResizable", thClass: "thClass", thShrink: "thShrink", thGroupClass: "thGroupClass", thIf: "thIf", thEmpty: "thEmpty", thGroup: "thGroup", thAggregation: "thAggregation", thProperty: "thProperty", thType: "thType", thSource: "thSource", thMulti: "thMulti", thStaticContent: "thStaticContent", thBackgroundColor: "thBackgroundColor", thAlignment: "thAlignment", thFormat: "thFormat", thEditorName: "thEditorName", thEditorOptions: "thEditorOptions", thRendererName: "thRendererName", thRoutePath: "thRoutePath", thRouteParameterProperties: "thRouteParameterProperties" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsThDirective, deps: [{ token: i0.TemplateRef, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: EsThDirective, isStandalone: false, selector: "[th]", inputs: { th: "th", thPinned: "thPinned", thPinnable: "thPinnable", thPinnedWidth: "thPinnedWidth", thVisible: "thVisible", thFixed: "thFixed", thParent: "thParent", thOrder: "thOrder", thOrderable: "thOrderable", thWrap: "thWrap", thResizable: "thResizable", thClass: "thClass", thShrink: "thShrink", thGroupClass: "thGroupClass", thIf: "thIf", thEmpty: "thEmpty", thGroup: "thGroup", thAggregation: "thAggregation", thProperty: "thProperty", thType: "thType", thSource: "thSource", thMulti: "thMulti", thStaticContent: "thStaticContent", thBackgroundColor: "thBackgroundColor", thAlignment: "thAlignment", thFormat: "thFormat", thEditorName: "thEditorName", thEditorOptions: "thEditorOptions", thRendererName: "thRendererName", thRoutePath: "thRoutePath", thRouteParameterProperties: "thRouteParameterProperties" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsThDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsThDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[th]',
@@ -459,10 +459,10 @@ class EsTdEditorDirective {
     constructor(Template) {
         this.Template = Template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTdEditorDirective, deps: [{ token: i0.TemplateRef, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: EsTdEditorDirective, isStandalone: false, selector: "[editor]", inputs: { editor: "editor", editorForProperty: "editorForProperty" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTdEditorDirective, deps: [{ token: i0.TemplateRef, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: EsTdEditorDirective, isStandalone: false, selector: "[editor]", inputs: { editor: "editor", editorForProperty: "editorForProperty" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTdEditorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTdEditorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[editor]',
@@ -494,10 +494,10 @@ class ThTdProvider {
         await this.asyncLoad();
         this.setLoaded();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ThTdProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ThTdProvider, isStandalone: false, selector: "[td_th_provider]", queries: [{ propertyName: "EsTdsDirective", predicate: EsTdDirective }, { propertyName: "EsThsDirective", predicate: EsThDirective }], exportAs: ["tdThProvider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ThTdProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: ThTdProvider, isStandalone: false, selector: "[td_th_provider]", queries: [{ propertyName: "EsTdsDirective", predicate: EsTdDirective }, { propertyName: "EsThsDirective", predicate: EsThDirective }], exportAs: ["tdThProvider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ThTdProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ThTdProvider, decorators: [{
             type: Directive,
             args: [{
                     selector: '[td_th_provider]', exportAs: "tdThProvider",
@@ -540,10 +540,10 @@ class EsTableLoc extends LocalizationService {
         super.set("en->it", "Size of copied data is different from the size of the selection", ["La dimensione dei dati copiati differisce dalla dimensione della selezione"]);
         super.set("en->it", "Data for this table cannot be edited", ["I dati di questa tabella non possono essere modificati"]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableLoc }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableLoc }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableLoc, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableLoc, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
@@ -3490,10 +3490,10 @@ class UtilitiesHandler {
         // I casi in cui si arriva qui sono i casi di Input che di default va bene che siano nulli e che nessuno si caga
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UtilitiesHandler, deps: [{ token: i5.HashingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UtilitiesHandler, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: UtilitiesHandler, deps: [{ token: i5.HashingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: UtilitiesHandler, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: UtilitiesHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: UtilitiesHandler, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i5.HashingService }] });
@@ -3515,10 +3515,10 @@ class CopyPasteDetector {
                 this.OnPaste.next();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CopyPasteDetector, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CopyPasteDetector, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: CopyPasteDetector, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: CopyPasteDetector, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CopyPasteDetector, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: CopyPasteDetector, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -3533,10 +3533,10 @@ class Logger {
         if (this.debugMode)
             console.log("[@esfaenza/es-table @ " + (new Date()).toISOString() + "] " + text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Logger, deps: [{ token: EST_DEBUG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Logger, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: Logger, deps: [{ token: EST_DEBUG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: Logger, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Logger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: Logger, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -3680,10 +3680,10 @@ class EsTh {
         //Fermo il bubbling per non fare cose strane
         $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.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTh, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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()\">\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: [{
@@ -3723,10 +3723,10 @@ class EsTd {
     validationError(error) {
         this.ValidationError.set(error);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTd, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: EsTd, isStandalone: false, selector: "[es-td]", inputs: { ID: { classPropertyName: "ID", publicName: "es-td", isSignal: true, isRequired: false, transformFunction: null }, Context: { classPropertyName: "Context", publicName: "Context", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCellGeneration: "onCellGeneration" }, ngImport: i0, template: "<div class=\"td-content\" [class.td-error]=\"!!ValidationError()\" [pTooltip]=\"ValidationError()\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".td-error{background-color:#f003;-webkit-box-shadow:inset 0px 0px 0px 1px #f00;-moz-box-shadow:inset 0px 0px 0px 1px #f00;box-shadow:inset 0 0 0 1px red}.td-content{padding:.3rem;margin:-.3rem;box-sizing:border-box!important}\n"], dependencies: [{ kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTd, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.28", type: EsTd, isStandalone: false, selector: "[es-td]", inputs: { ID: { classPropertyName: "ID", publicName: "es-td", isSignal: true, isRequired: false, transformFunction: null }, Context: { classPropertyName: "Context", publicName: "Context", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCellGeneration: "onCellGeneration" }, ngImport: i0, template: "<div class=\"td-content\" [class.td-error]=\"!!ValidationError()\" [pTooltip]=\"ValidationError()\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".td-error{background-color:#f003;-webkit-box-shadow:inset 0px 0px 0px 1px #f00;-moz-box-shadow:inset 0px 0px 0px 1px #f00;box-shadow:inset 0 0 0 1px red}.td-content{padding:.3rem;margin:-.3rem;box-sizing:border-box!important}\n"], dependencies: [{ kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTd, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTd, decorators: [{
             type: Component,
             args: [{ selector: "[es-td]", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"td-content\" [class.td-error]=\"!!ValidationError()\" [pTooltip]=\"ValidationError()\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".td-error{background-color:#f003;-webkit-box-shadow:inset 0px 0px 0px 1px #f00;-moz-box-shadow:inset 0px 0px 0px 1px #f00;box-shadow:inset 0 0 0 1px red}.td-content{padding:.3rem;margin:-.3rem;box-sizing:border-box!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { ID: [{ type: i0.Input, args: [{ isSignal: true, alias: "es-td", required: false }] }], Context: [{ type: i0.Input, args: [{ isSignal: true, alias: "Context", required: false }] }], onCellGeneration: [{
@@ -3766,10 +3766,10 @@ class EstFormatPipe {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstFormatPipe, deps: [{ token: i5.DateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstFormatPipe, isStandalone: false, name: "est_format" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstFormatPipe, deps: [{ token: i5.DateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstFormatPipe, isStandalone: false, name: "est_format" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_format',
@@ -3786,10 +3786,10 @@ class EstLookupPipe {
         }
         return { id: "", description: "" };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstLookupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstLookupPipe, isStandalone: false, name: "est_lookup" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstLookupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstLookupPipe, isStandalone: false, name: "est_lookup" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstLookupPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstLookupPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_lookup',
@@ -3828,10 +3828,10 @@ class EstRouterLinkPipe {
         path = path.replace(/'/g, '"').replace(/ /g, '');
         return JSON.parse(path);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstRouterLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstRouterLinkPipe, isStandalone: false, name: "est_routerlink" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstRouterLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstRouterLinkPipe, isStandalone: false, name: "est_routerlink" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstRouterLinkPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstRouterLinkPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_routerlink',
@@ -3865,10 +3865,10 @@ class EstRendererPipe {
         var ret = EsTd ? EsTd.Template : params.fallback;
         return ret;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstRendererPipe, deps: [{ token: Logger }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstRendererPipe, isStandalone: false, name: "est_renderer" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstRendererPipe, deps: [{ token: Logger }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstRendererPipe, isStandalone: false, name: "est_renderer" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstRendererPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstRendererPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_renderer',
@@ -3902,10 +3902,10 @@ class EstEditorPipe {
         var ret = Editor ? Editor.Template : params.fallback;
         return ret;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstEditorPipe, deps: [{ token: Logger }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstEditorPipe, isStandalone: false, name: "est_editor" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstEditorPipe, deps: [{ token: Logger }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstEditorPipe, isStandalone: false, name: "est_editor" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstEditorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstEditorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_editor',
@@ -3922,10 +3922,10 @@ class EstPropInsensitivePipe {
         }
         return "";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstPropInsensitivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EstPropInsensitivePipe, isStandalone: false, name: "est_propinsensitive" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstPropInsensitivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EstPropInsensitivePipe, isStandalone: false, name: "est_propinsensitive" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EstPropInsensitivePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EstPropInsensitivePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'est_propinsensitive',
@@ -5676,10 +5676,10 @@ 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_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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", 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.28", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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 -->\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: [{
@@ -5815,8 +5815,8 @@ class EsTableModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EsTableModule, declarations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EsTableModule, declarations: [
             // Direttive
             EsTdDirective,
             EsThDirective,
@@ -5854,9 +5854,9 @@ class EsTableModule {
             EsTableComponent,
             EsTablePagerComponent,
             ThTdProvider] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableModule, imports: [MODULES, SelectModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableModule, imports: [MODULES, SelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MODULES, SelectModule],

package/package.json CHANGED Viewed

@@ -1,24 +1,24 @@
 {
   "name": "@esfaenza/es-table",
-  "version": "20.3.8",
+  "version": "20.3.10",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^20.3.25",
-    "@angular/core": "^20.3.25",
+    "@angular/common": "^20.3.28",
+    "@angular/core": "^20.3.28",
     "@angular/cdk": "^20.2.14",
-    "@esfaenza/localizations": "^20.3.8",
-    "@esfaenza/extensions": "^20.3.11",
-    "@esfaenza/forms-and-validations": "^20.3.12",
-    "@esfaenza/ngx-contextmenu": "^20.3.5",
-    "@esfaenza/access-control": "^20.3.6",
-    "@esfaenza/preferences": "^20.3.9",
+    "@esfaenza/localizations": "^20.3.10",
+    "@esfaenza/extensions": "^20.3.14",
+    "@esfaenza/forms-and-validations": "^20.3.16",
+    "@esfaenza/ngx-contextmenu": "^20.3.7",
+    "@esfaenza/access-control": "^20.3.8",
+    "@esfaenza/preferences": "^20.3.11",
     "ngx-bootstrap": "20.0.2",
     "@primeng/themes": "20.4.0",
     "primeng": "20.4.0",
     "primelocale": "2.3.2",
-    "dayjs": "1.11.21",
+    "dayjs": "1.11.22",
     "sweetalert2": "11.26.25"
   },
   "module": "fesm2022/esfaenza-es-table.mjs",