@esfaenza/admin-module 20.3.17 → 20.3.19

package/fesm2022/esfaenza-admin-module.mjs

@@ -1157,14 +1157,11 @@ class AdmTopActivityV2Loc extends LocalizationService {
         super.set("it->en", "Istanza", ["Instance"]);
         super.set("it->en", "Istanza corrente", ["Current instance"]);
         super.set("it->en", "Tutte le istanze", ["All instances"]);
+        super.set("it->en", "Ultime", ["Last"]);
         super.set("it->en", "Origine dati", ["Data source"]);
-        super.set("it->en", "Memoria e storico", ["Memory and history"]);
-        super.set("it->en", "Solo memoria", ["Memory only"]);
-        super.set("it->en", "Aggiornamento", ["Refresh"]);
-        super.set("it->en", "Spento", ["Off"]);
-        super.set("it->en", "Ogni 15 s", ["Every 15 s"]);
-        super.set("it->en", "Ogni 30 s", ["Every 30 s"]);
-        super.set("it->en", "Ogni 60 s", ["Every 60 s"]);
+        super.set("it->en", "Memoria", ["Memory"]);
+        super.set("it->en", "Memoria + storico", ["Memory + history"]);
+        super.set("it->en", "Aggiornamento automatico", ["Auto refresh"]);
         super.set("it->en", "Dividi per", ["Split by"]);
         super.set("it->en", "Risoluzione", ["Resolution"]);
         super.set("it->en", "Bassa", ["Low"]);
@@ -1173,7 +1170,7 @@ class AdmTopActivityV2Loc extends LocalizationService {
         super.set("it->en", "Massima", ["Maximum"]);
         super.set("it->en", "Attività totale", ["Total activity"]);
         super.set("it->en", "Limite", ["Limit"]);
-        super.set("it->en", "Worker thread", ["Worker threads"]);
+        super.set("it->en", "Nessuno", ["None"]);
         super.set("it->en", "CPU Massime", ["Maximum CPUs"]);
         super.set("it->en", "Thread Massimi", ["Maximum Threads"]);
         super.set("it->en", "Sessioni attive medie per", ["Average active sessions by"]);
@@ -1308,11 +1305,11 @@ class SessionDetailComponent {
         this.onClose.emit(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: SessionDetailComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.34", type: SessionDetailComponent, isStandalone: false, selector: "session-detail", inputs: { SessionDetails: "SessionDetails" }, outputs: { onClose: "onClose", onNodeSelected: "onNodeSelected" }, ngImport: i0, template: "<div class=\"modal-dialog modal-feminist\" emaDraggable>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title pull-left\">{{'Dettaglio Sessione' | localize: lc}}<span *ngIf=\"SessionDetails\">&nbsp;{{SessionDetails.sid}}</span></h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"SessionDetails\">\r\n            <div class=\"row\">\r\n                <div *ngIf=\"SessionDetails.instanceid\" class=\"col-md-6\"><strong>{{'Istanza' | localize: lc}}</strong>:&nbsp;{{SessionDetails.instanceid}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Seriale' | localize: lc}}</strong>:&nbsp;{{SessionDetails.serial}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Stato' | localize: lc}}</strong>:&nbsp;{{SessionDetails.status}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Tipo' | localize: lc}}</strong>:&nbsp;{{SessionDetails.type}}</div>\r\n                <div class=\"col-md-6\"><strong>{{'Utente' | localize: lc}}</strong>:&nbsp;{{SessionDetails.user}}&nbsp;<span *ngIf=\"SessionDetails.tenant\">({{SessionDetails.tenant}})</span></div>\r\n            </div>\r\n\r\n            <div style=\"display: flex; width: 100%; margin-top: 15px;\">\r\n                <div style=\"flex-grow: 0;display: flex;flex-direction: column\">\r\n                    <h5>{{'Prime Istruzioni' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedTopNodes\">\r\n                        <es-table [(ngModel)]=\"SelectedTopNodes\" [ArraymodeItemsPerPage]=\"10\">\r\n                            <ng-template #header>\r\n                                <th class=\"app-col-min\">{{'Nodo' | localize: lc}}</th>\r\n                                <th>{{'Descrizione Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Tipo Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Classe Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-node>\r\n                                <td class=\"app-col-min\"><span class=\"app-link\" (click)=\"onNodeSelected.emit(node.profnodeid)\">{{node.profnodeid}}</span></td>\r\n                                <td><span title=\"{{node.profnodedesc}}\">{{node.profnodedesc?.length > 40 ? node.profnodedesc.substr(0,40) + \"...\" : node.profnodedesc}}</span></td>\r\n                                <td class=\"app-nowrap\">{{(node.activity == \"NaN\" ? null : node.activity) | number : '1.1-2' : 'it'}} %</td>\r\n                                <td>{{node.nodetypename}}</td>\r\n                                <td>{{node.waitclassname}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n                <div style=\"width: 15px;\"></div>\r\n                <div style=\"flex-grow: 2;display: flex;flex-direction: column\">\r\n                    <h5>{{'Attivit\u00E0' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedSessions\" style=\"width: 100%; height: 290px\">\r\n                        <es-line-chart [MinGridDistance]=\"65\"\r\n                                       [Timeline]=\"false\"\r\n                                       [FinalInstants]=\"false\"\r\n                                       [Stacked]=\"true\"\r\n                                       [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                                       [Fill]=\"true\"\r\n                                       [MergeDatasets]=\"true\"\r\n                                       [Data]=\"SelectedSessions\"\r\n                                       [Legend]=\"true\"\r\n                                       name=\"shared_session_details\"\r\n                                       [DataGroupingThreshold]=\"99999999\"\r\n                                       (chartLoaded)=\"onChartLoaded($event)\">\r\n                        </es-line-chart>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style=\"display: flex; width: 100%;\">\r\n                <div style=\"flex-grow: 1;\">\r\n                    <h5>{{'Statistiche Thread' | localize: lc}}</h5>\r\n                    <div>\r\n                        <es-table [(ngModel)]=\"SessionDetails.threads\" [ArraymodeItemsPerPage]=\"10\" [Selection]=\"true\" [SingleSelection]=\"true\" (onSelectionChanged)=\"threadSelectionChanged($event)\">\r\n                            <ng-template #header>\r\n                                <th>Thread</th>\r\n                                <th>{{'Stato' | localize: lc}}</th>\r\n                                <th>{{'Tipo' | localize: lc}}</th>\r\n                                <th>API</th>\r\n                                <th>{{'Attesa corrente' | localize: lc}}</th>\r\n                                <th>{{'Nodo di attesa' | localize: lc}}</th>\r\n                                <th>{{'Attesa su' | localize: lc}}</th>\r\n                                <th>{{'Classe' | localize: lc}}</th>\r\n                                <th>Par. 1</th>\r\n                                <th>Par. 2</th>\r\n                                <th>Par. 3</th>\r\n                                <th>{{'Tempo Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-thread>\r\n                                <td>{{thread.tid}}</td>\r\n                                <td>{{thread.status}}</td>\r\n                                <td>{{thread.type}}</td>\r\n                                <td>{{thread.api}}</td>\r\n                                <td>{{thread.wait}}</td>\r\n                                <td>{{thread.waitnode}}</td>\r\n                                <td>{{thread.waiteventtype}}</td>\r\n                                <td>{{thread.waitclassname}}</td>\r\n                                <td>{{thread.waitpar1}}</td>\r\n                                <td>{{thread.waitpar2}}</td>\r\n                                <td>{{thread.waitpar3}}</td>\r\n                                <td>{{(thread.waittime == \"NaN\" ? null : thread.waittime) | number : '1.1-2' : 'it'}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Chiudi' | localize: lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i2.EsLineChartComponent, selector: "es-line-chart", inputs: ["Data", "DataArray", "Step", "DataGroupBucketSize", "DataGroupingThreshold", "StrokeSize", "AllowGaps", "MergeDatasets", "FinalInstants", "Min", "Max", "Fill", "Stacked"] }, { kind: "directive", type: i10.Draggable, selector: "[emaDraggable]", inputs: ["emaDraggable"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: SessionDetailLoc }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.34", type: SessionDetailComponent, isStandalone: false, selector: "session-detail", inputs: { SessionDetails: "SessionDetails" }, outputs: { onClose: "onClose", onNodeSelected: "onNodeSelected" }, ngImport: i0, template: "<div class=\"modal-dialog modal-xl\" emaDraggable>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title pull-left\">{{'Dettaglio Sessione' | localize: lc}}<span *ngIf=\"SessionDetails\">&nbsp;{{SessionDetails.sid}}</span></h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"SessionDetails\">\r\n            <div class=\"row\">\r\n                <div *ngIf=\"SessionDetails.instanceid\" class=\"col-md-6\"><strong>{{'Istanza' | localize: lc}}</strong>:&nbsp;{{SessionDetails.instanceid}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Seriale' | localize: lc}}</strong>:&nbsp;{{SessionDetails.serial}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Stato' | localize: lc}}</strong>:&nbsp;{{SessionDetails.status}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Tipo' | localize: lc}}</strong>:&nbsp;{{SessionDetails.type}}</div>\r\n                <div class=\"col-md-6\"><strong>{{'Utente' | localize: lc}}</strong>:&nbsp;{{SessionDetails.user}}&nbsp;<span *ngIf=\"SessionDetails.tenant\">({{SessionDetails.tenant}})</span></div>\r\n            </div>\r\n\r\n            <!-- Istruzioni e grafico affiancati finch\u00E9 c'\u00E8 spazio, altrimenti il grafico va sotto -->\r\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin-top: 15px;\">\r\n                <div style=\"flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column\">\r\n                    <h5>{{'Prime Istruzioni' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedTopNodes\">\r\n                        <es-table [(ngModel)]=\"SelectedTopNodes\" [ArraymodeItemsPerPage]=\"10\">\r\n                            <ng-template #header>\r\n                                <th class=\"app-col-min\">{{'Nodo' | localize: lc}}</th>\r\n                                <th>{{'Descrizione Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Tipo Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Classe Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-node>\r\n                                <td class=\"app-col-min\"><span class=\"app-link\" (click)=\"onNodeSelected.emit(node.profnodeid)\">{{node.profnodeid}}</span></td>\r\n                                <td><span title=\"{{node.profnodedesc}}\">{{node.profnodedesc?.length > 40 ? node.profnodedesc.substr(0,40) + \"...\" : node.profnodedesc}}</span></td>\r\n                                <td class=\"app-nowrap\">{{(node.activity == \"NaN\" ? null : node.activity) | number : '1.1-2' : 'it'}} %</td>\r\n                                <td>{{node.nodetypename}}</td>\r\n                                <td>{{node.waitclassname}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n                <div style=\"flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column\">\r\n                    <h5>{{'Attivit\u00E0' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedSessions\" style=\"width: 100%; height: 290px\">\r\n                        <es-line-chart [MinGridDistance]=\"65\"\r\n                                       [Timeline]=\"false\"\r\n                                       [FinalInstants]=\"false\"\r\n                                       [Stacked]=\"true\"\r\n                                       [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                                       [Fill]=\"true\"\r\n                                       [MergeDatasets]=\"true\"\r\n                                       [Data]=\"SelectedSessions\"\r\n                                       [Legend]=\"true\"\r\n                                       name=\"shared_session_details\"\r\n                                       [DataGroupingThreshold]=\"99999999\"\r\n                                       (chartLoaded)=\"onChartLoaded($event)\">\r\n                        </es-line-chart>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style=\"display: flex; width: 100%;\">\r\n                <div style=\"flex-grow: 1;\">\r\n                    <h5>{{'Statistiche Thread' | localize: lc}}</h5>\r\n                    <div>\r\n                        <es-table [(ngModel)]=\"SessionDetails.threads\" [ArraymodeItemsPerPage]=\"10\" [Selection]=\"true\" [SingleSelection]=\"true\" (onSelectionChanged)=\"threadSelectionChanged($event)\">\r\n                            <ng-template #header>\r\n                                <th>Thread</th>\r\n                                <th>{{'Stato' | localize: lc}}</th>\r\n                                <th>{{'Tipo' | localize: lc}}</th>\r\n                                <th>API</th>\r\n                                <th>{{'Attesa corrente' | localize: lc}}</th>\r\n                                <th>{{'Nodo di attesa' | localize: lc}}</th>\r\n                                <th>{{'Attesa su' | localize: lc}}</th>\r\n                                <th>{{'Classe' | localize: lc}}</th>\r\n                                <th>Par. 1</th>\r\n                                <th>Par. 2</th>\r\n                                <th>Par. 3</th>\r\n                                <th>{{'Tempo Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-thread>\r\n                                <td>{{thread.tid}}</td>\r\n                                <td>{{thread.status}}</td>\r\n                                <td>{{thread.type}}</td>\r\n                                <td>{{thread.api}}</td>\r\n                                <td>{{thread.wait}}</td>\r\n                                <td>{{thread.waitnode}}</td>\r\n                                <td>{{thread.waiteventtype}}</td>\r\n                                <td>{{thread.waitclassname}}</td>\r\n                                <td>{{thread.waitpar1}}</td>\r\n                                <td>{{thread.waitpar2}}</td>\r\n                                <td>{{thread.waitpar3}}</td>\r\n                                <td>{{(thread.waittime == \"NaN\" ? null : thread.waittime) | number : '1.1-2' : 'it'}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Chiudi' | localize: lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i2.EsLineChartComponent, selector: "es-line-chart", inputs: ["Data", "DataArray", "Step", "DataGroupBucketSize", "DataGroupingThreshold", "StrokeSize", "AllowGaps", "MergeDatasets", "FinalInstants", "Min", "Max", "Fill", "Stacked"] }, { kind: "directive", type: i10.Draggable, selector: "[emaDraggable]", inputs: ["emaDraggable"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: SessionDetailLoc }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: SessionDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: "session-detail", viewProviders: [{ provide: LocalizationService, useClass: SessionDetailLoc }], standalone: false, template: "<div class=\"modal-dialog modal-feminist\" emaDraggable>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title pull-left\">{{'Dettaglio Sessione' | localize: lc}}<span *ngIf=\"SessionDetails\">&nbsp;{{SessionDetails.sid}}</span></h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"SessionDetails\">\r\n            <div class=\"row\">\r\n                <div *ngIf=\"SessionDetails.instanceid\" class=\"col-md-6\"><strong>{{'Istanza' | localize: lc}}</strong>:&nbsp;{{SessionDetails.instanceid}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Seriale' | localize: lc}}</strong>:&nbsp;{{SessionDetails.serial}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Stato' | localize: lc}}</strong>:&nbsp;{{SessionDetails.status}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Tipo' | localize: lc}}</strong>:&nbsp;{{SessionDetails.type}}</div>\r\n                <div class=\"col-md-6\"><strong>{{'Utente' | localize: lc}}</strong>:&nbsp;{{SessionDetails.user}}&nbsp;<span *ngIf=\"SessionDetails.tenant\">({{SessionDetails.tenant}})</span></div>\r\n            </div>\r\n\r\n            <div style=\"display: flex; width: 100%; margin-top: 15px;\">\r\n                <div style=\"flex-grow: 0;display: flex;flex-direction: column\">\r\n                    <h5>{{'Prime Istruzioni' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedTopNodes\">\r\n                        <es-table [(ngModel)]=\"SelectedTopNodes\" [ArraymodeItemsPerPage]=\"10\">\r\n                            <ng-template #header>\r\n                                <th class=\"app-col-min\">{{'Nodo' | localize: lc}}</th>\r\n                                <th>{{'Descrizione Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Tipo Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Classe Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-node>\r\n                                <td class=\"app-col-min\"><span class=\"app-link\" (click)=\"onNodeSelected.emit(node.profnodeid)\">{{node.profnodeid}}</span></td>\r\n                                <td><span title=\"{{node.profnodedesc}}\">{{node.profnodedesc?.length > 40 ? node.profnodedesc.substr(0,40) + \"...\" : node.profnodedesc}}</span></td>\r\n                                <td class=\"app-nowrap\">{{(node.activity == \"NaN\" ? null : node.activity) | number : '1.1-2' : 'it'}} %</td>\r\n                                <td>{{node.nodetypename}}</td>\r\n                                <td>{{node.waitclassname}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n                <div style=\"width: 15px;\"></div>\r\n                <div style=\"flex-grow: 2;display: flex;flex-direction: column\">\r\n                    <h5>{{'Attivit\u00E0' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedSessions\" style=\"width: 100%; height: 290px\">\r\n                        <es-line-chart [MinGridDistance]=\"65\"\r\n                                       [Timeline]=\"false\"\r\n                                       [FinalInstants]=\"false\"\r\n                                       [Stacked]=\"true\"\r\n                                       [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                                       [Fill]=\"true\"\r\n                                       [MergeDatasets]=\"true\"\r\n                                       [Data]=\"SelectedSessions\"\r\n                                       [Legend]=\"true\"\r\n                                       name=\"shared_session_details\"\r\n                                       [DataGroupingThreshold]=\"99999999\"\r\n                                       (chartLoaded)=\"onChartLoaded($event)\">\r\n                        </es-line-chart>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style=\"display: flex; width: 100%;\">\r\n                <div style=\"flex-grow: 1;\">\r\n                    <h5>{{'Statistiche Thread' | localize: lc}}</h5>\r\n                    <div>\r\n                        <es-table [(ngModel)]=\"SessionDetails.threads\" [ArraymodeItemsPerPage]=\"10\" [Selection]=\"true\" [SingleSelection]=\"true\" (onSelectionChanged)=\"threadSelectionChanged($event)\">\r\n                            <ng-template #header>\r\n                                <th>Thread</th>\r\n                                <th>{{'Stato' | localize: lc}}</th>\r\n                                <th>{{'Tipo' | localize: lc}}</th>\r\n                                <th>API</th>\r\n                                <th>{{'Attesa corrente' | localize: lc}}</th>\r\n                                <th>{{'Nodo di attesa' | localize: lc}}</th>\r\n                                <th>{{'Attesa su' | localize: lc}}</th>\r\n                                <th>{{'Classe' | localize: lc}}</th>\r\n                                <th>Par. 1</th>\r\n                                <th>Par. 2</th>\r\n                                <th>Par. 3</th>\r\n                                <th>{{'Tempo Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-thread>\r\n                                <td>{{thread.tid}}</td>\r\n                                <td>{{thread.status}}</td>\r\n                                <td>{{thread.type}}</td>\r\n                                <td>{{thread.api}}</td>\r\n                                <td>{{thread.wait}}</td>\r\n                                <td>{{thread.waitnode}}</td>\r\n                                <td>{{thread.waiteventtype}}</td>\r\n                                <td>{{thread.waitclassname}}</td>\r\n                                <td>{{thread.waitpar1}}</td>\r\n                                <td>{{thread.waitpar2}}</td>\r\n                                <td>{{thread.waitpar3}}</td>\r\n                                <td>{{(thread.waittime == \"NaN\" ? null : thread.waittime) | number : '1.1-2' : 'it'}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Chiudi' | localize: lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
+            args: [{ selector: "session-detail", viewProviders: [{ provide: LocalizationService, useClass: SessionDetailLoc }], standalone: false, template: "<div class=\"modal-dialog modal-xl\" emaDraggable>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title pull-left\">{{'Dettaglio Sessione' | localize: lc}}<span *ngIf=\"SessionDetails\">&nbsp;{{SessionDetails.sid}}</span></h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"SessionDetails\">\r\n            <div class=\"row\">\r\n                <div *ngIf=\"SessionDetails.instanceid\" class=\"col-md-6\"><strong>{{'Istanza' | localize: lc}}</strong>:&nbsp;{{SessionDetails.instanceid}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Seriale' | localize: lc}}</strong>:&nbsp;{{SessionDetails.serial}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Stato' | localize: lc}}</strong>:&nbsp;{{SessionDetails.status}}&nbsp;</div>\r\n                <div class=\"col-md-6\"><strong>{{'Tipo' | localize: lc}}</strong>:&nbsp;{{SessionDetails.type}}</div>\r\n                <div class=\"col-md-6\"><strong>{{'Utente' | localize: lc}}</strong>:&nbsp;{{SessionDetails.user}}&nbsp;<span *ngIf=\"SessionDetails.tenant\">({{SessionDetails.tenant}})</span></div>\r\n            </div>\r\n\r\n            <!-- Istruzioni e grafico affiancati finch\u00E9 c'\u00E8 spazio, altrimenti il grafico va sotto -->\r\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin-top: 15px;\">\r\n                <div style=\"flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column\">\r\n                    <h5>{{'Prime Istruzioni' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedTopNodes\">\r\n                        <es-table [(ngModel)]=\"SelectedTopNodes\" [ArraymodeItemsPerPage]=\"10\">\r\n                            <ng-template #header>\r\n                                <th class=\"app-col-min\">{{'Nodo' | localize: lc}}</th>\r\n                                <th>{{'Descrizione Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Tipo Nodo' | localize: lc}}</th>\r\n                                <th class=\"app-col-min app-nowrap\">{{'Classe Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-node>\r\n                                <td class=\"app-col-min\"><span class=\"app-link\" (click)=\"onNodeSelected.emit(node.profnodeid)\">{{node.profnodeid}}</span></td>\r\n                                <td><span title=\"{{node.profnodedesc}}\">{{node.profnodedesc?.length > 40 ? node.profnodedesc.substr(0,40) + \"...\" : node.profnodedesc}}</span></td>\r\n                                <td class=\"app-nowrap\">{{(node.activity == \"NaN\" ? null : node.activity) | number : '1.1-2' : 'it'}} %</td>\r\n                                <td>{{node.nodetypename}}</td>\r\n                                <td>{{node.waitclassname}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n                <div style=\"flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column\">\r\n                    <h5>{{'Attivit\u00E0' | localize: lc}}</h5>\r\n                    <div *ngIf=\"SelectedSessions\" style=\"width: 100%; height: 290px\">\r\n                        <es-line-chart [MinGridDistance]=\"65\"\r\n                                       [Timeline]=\"false\"\r\n                                       [FinalInstants]=\"false\"\r\n                                       [Stacked]=\"true\"\r\n                                       [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                                       [Fill]=\"true\"\r\n                                       [MergeDatasets]=\"true\"\r\n                                       [Data]=\"SelectedSessions\"\r\n                                       [Legend]=\"true\"\r\n                                       name=\"shared_session_details\"\r\n                                       [DataGroupingThreshold]=\"99999999\"\r\n                                       (chartLoaded)=\"onChartLoaded($event)\">\r\n                        </es-line-chart>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style=\"display: flex; width: 100%;\">\r\n                <div style=\"flex-grow: 1;\">\r\n                    <h5>{{'Statistiche Thread' | localize: lc}}</h5>\r\n                    <div>\r\n                        <es-table [(ngModel)]=\"SessionDetails.threads\" [ArraymodeItemsPerPage]=\"10\" [Selection]=\"true\" [SingleSelection]=\"true\" (onSelectionChanged)=\"threadSelectionChanged($event)\">\r\n                            <ng-template #header>\r\n                                <th>Thread</th>\r\n                                <th>{{'Stato' | localize: lc}}</th>\r\n                                <th>{{'Tipo' | localize: lc}}</th>\r\n                                <th>API</th>\r\n                                <th>{{'Attesa corrente' | localize: lc}}</th>\r\n                                <th>{{'Nodo di attesa' | localize: lc}}</th>\r\n                                <th>{{'Attesa su' | localize: lc}}</th>\r\n                                <th>{{'Classe' | localize: lc}}</th>\r\n                                <th>Par. 1</th>\r\n                                <th>Par. 2</th>\r\n                                <th>Par. 3</th>\r\n                                <th>{{'Tempo Attesa' | localize: lc}}</th>\r\n                            </ng-template>\r\n\r\n                            <ng-template #body let-thread>\r\n                                <td>{{thread.tid}}</td>\r\n                                <td>{{thread.status}}</td>\r\n                                <td>{{thread.type}}</td>\r\n                                <td>{{thread.api}}</td>\r\n                                <td>{{thread.wait}}</td>\r\n                                <td>{{thread.waitnode}}</td>\r\n                                <td>{{thread.waiteventtype}}</td>\r\n                                <td>{{thread.waitclassname}}</td>\r\n                                <td>{{thread.waitpar1}}</td>\r\n                                <td>{{thread.waitpar2}}</td>\r\n                                <td>{{thread.waitpar3}}</td>\r\n                                <td>{{(thread.waittime == \"NaN\" ? null : thread.waittime) | number : '1.1-2' : 'it'}}</td>\r\n                            </ng-template>\r\n                        </es-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Chiudi' | localize: lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { SessionDetails: [{
                 type: Input
             }], onClose: [{
@@ -1339,7 +1336,7 @@ class TopActivityV2LegendItem {
 }
 class TopActivityV2FilterChip {
 }
-// Impostazioni ricordate fra una visita e l'altra (la finestra temporale riparte sempre dall'ultima ora)
+// Impostazioni ricordate fra una visita e l'altra (finestra temporale e istanza ripartono sempre dai default)
 class TopActivityV2Settings {
 }
 class AdmTopActivityV2Component {
@@ -1357,7 +1354,8 @@ class AdmTopActivityV2Component {
         // Filtri
         this.filterfrom = "";
         this.filterto = "";
-        this.instance = INSTANCE_CURRENT;
+        // Di default tutte le istanze: è il quadro che serve aprendo la pagina, e non viene ricordato fra una visita e l'altra
+        this.instance = INSTANCE_ALL;
         this.dataSource = String(TopActivityDataSource.MemoryAndStored);
         this.dimension = String(TopActivityDimension.WaitClass);
         this.resolution = String(TopActivityResolution.Medium);
@@ -1367,13 +1365,16 @@ class AdmTopActivityV2Component {
         this.tableDims = [String(TopActivityDimension.UserSession), String(TopActivityDimension.WaitEvent)];
         this.filters = [];
         this.refreshSeconds = "0";
-        // Sorgenti delle select
+        // Ore dell'intervallo rapido scelto (null se le date sono state scritte a mano)
+        this.activeRange = 1;
+        // Sorgenti di select e pulsanti
         this.Instances = [];
         this.DataSources = [];
         this.Dimensions = [];
         this.Resolutions = [];
-        this.ThreadKinds = [];
+        this.LimitOptions = [];
         this.RefreshOptions = [];
+        this.QuickRanges = [1, 6, 24];
         // Risultato
         this.loading = false;
         this.legend = [];
@@ -1396,7 +1397,7 @@ class AdmTopActivityV2Component {
         let saved = this.route.snapshot.queryParams["ignoreStorage"] ? null : await firstValueFrom(this.localStorage.getItem(STORAGE_KEY), { defaultValue: null });
         if (saved)
             this.applySettings(saved);
-        this.setLastHour();
+        this.setLastHours(this.activeRange);
         this.loadInstances();
         this.refreshInfos();
         this.search();
@@ -1409,6 +1410,36 @@ class AdmTopActivityV2Component {
         this.refreshInfos();
         this.search();
     }
+    quickRange(hours) {
+        this.activeRange = hours;
+        this.setLastHours(hours);
+        this.search();
+    }
+    datesEdited() {
+        this.activeRange = null;
+    }
+    setDataSource(id) {
+        this.dataSource = id;
+        this.search();
+    }
+    setResolution(id) {
+        this.resolution = id;
+        this.search();
+    }
+    // Limite: "0" nessuno, altrimenti il tipo (thread o CPU)
+    get limitValue() {
+        return this.maxCpu ? this.maxThreadsKind : String(TopActivityMaximumThreads.None);
+    }
+    setLimit(id) {
+        this.maxCpu = +id != TopActivityMaximumThreads.None;
+        if (this.maxCpu)
+            this.maxThreadsKind = id;
+        this.search();
+    }
+    setRefresh(id) {
+        this.refreshSeconds = id;
+        this.refreshChanged();
+    }
     async search() {
         let req = this.buildRequest();
         this.loading = true;
@@ -1624,8 +1655,8 @@ class AdmTopActivityV2Component {
     // #region Supporto
     buildSources() {
         this.DataSources = [
-            new KeyValue(String(TopActivityDataSource.MemoryAndStored), this.lc.loc("Memoria e storico")),
-            new KeyValue(String(TopActivityDataSource.Memory), this.lc.loc("Solo memoria"))
+            new KeyValue(String(TopActivityDataSource.Memory), this.lc.loc("Memoria")),
+            new KeyValue(String(TopActivityDataSource.MemoryAndStored), this.lc.loc("Memoria + storico"))
         ];
         this.Dimensions = Object.keys(TopActivityDimension).filter(t => !isNaN(+t)).map(t => new KeyValue(t, this.dimensionLabel(+t)));
         this.Resolutions = [
@@ -1634,19 +1665,20 @@ class AdmTopActivityV2Component {
             new KeyValue(String(TopActivityResolution.High), this.lc.loc("Alta")),
             new KeyValue(String(TopActivityResolution.Maximum), this.lc.loc("Massima"))
         ];
-        this.ThreadKinds = [
-            new KeyValue(String(TopActivityMaximumThreads.Threads), this.lc.loc("Worker thread")),
+        this.LimitOptions = [
+            new KeyValue(String(TopActivityMaximumThreads.None), this.lc.loc("Nessuno")),
+            new KeyValue(String(TopActivityMaximumThreads.Threads), "Thread"),
             new KeyValue(String(TopActivityMaximumThreads.Cores), "CPU")
         ];
         this.RefreshOptions = [
-            new KeyValue("0", this.lc.loc("Spento")),
-            new KeyValue("15", this.lc.loc("Ogni 15 s")),
-            new KeyValue("30", this.lc.loc("Ogni 30 s")),
-            new KeyValue("60", this.lc.loc("Ogni 60 s"))
+            new KeyValue("0", "Off"),
+            new KeyValue("15", "15 s"),
+            new KeyValue("30", "30 s"),
+            new KeyValue("60", "60 s")
         ];
         this.Instances = [
-            new KeyValue(INSTANCE_CURRENT, this.lc.loc("Istanza corrente")),
-            new KeyValue(INSTANCE_ALL, this.lc.loc("Tutte le istanze"))
+            new KeyValue(INSTANCE_ALL, this.lc.loc("Tutte le istanze")),
+            new KeyValue(INSTANCE_CURRENT, this.lc.loc("Istanza corrente"))
         ];
     }
     async loadInstances() {
@@ -1689,7 +1721,6 @@ class AdmTopActivityV2Component {
         return label;
     }
     applySettings(saved) {
-        this.instance = saved.instance ?? this.instance;
         this.dataSource = saved.dataSource ?? this.dataSource;
         this.dimension = saved.dimension ?? this.dimension;
         this.resolution = saved.resolution ?? this.resolution;
@@ -1702,7 +1733,6 @@ class AdmTopActivityV2Component {
     }
     saveSettings() {
         let settings = {
-            instance: this.instance,
             dataSource: this.dataSource,
             dimension: this.dimension,
             resolution: this.resolution,
@@ -1714,9 +1744,9 @@ class AdmTopActivityV2Component {
         };
         this.localStorage.setItem(STORAGE_KEY, settings).subscribe();
     }
-    setLastHour() {
+    setLastHours(hours) {
         let now = new Date();
-        this.filterfrom = this.fmt(new Date(now.getTime() - 3600 * 1000));
+        this.filterfrom = this.fmt(new Date(now.getTime() - hours * 3600 * 1000));
         this.filterto = this.fmt(now);
     }
     toDate(value) {
@@ -1731,11 +1761,11 @@ class AdmTopActivityV2Component {
         return m ? new Date(Date.UTC(+m[3], +m[2] - 1, +m[1], +m[4], +m[5], +m[6])) : new Date(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Component, deps: [{ token: i1$1.DateService }, { token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: AdminModuleBaseService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmTopActivityV2Component, isStandalone: false, selector: "topact_v2", providers: [{ provide: LocalizationService, useClass: AdmTopActivityV2Loc }], viewQueries: [{ propertyName: "dlgNodeDetails", first: true, predicate: ["dlgNodeDetails"], descendants: true }, { propertyName: "dlgSessionDetails", first: true, predicate: ["dlgSessionDetails"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">\r\n                    {{'Attivit\u00E0 Principali' | localize: lc}}\r\n                    @if (DirInfos) {\r\n                        <span>&nbsp;-&nbsp;\r\n                            {{'' + DirInfos.cpus + ' ' + ('CPU' | localize: lc) + (DirInfos.rssplan ? ' - ' + DirInfos.rssplan : '')}}&nbsp;\r\n                            Load average: {{ DirInfos.lavg1 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg5 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg15 | number : '1.1-2' : 'it'}}\r\n                        </span>\r\n                    }\r\n                </span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <form role=\"form\">\r\n                    <!-- Finestra e origine dei dati -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-field\">\r\n                            <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-datetime>\r\n                        </div>\r\n                        <div class=\"tav2-field\">\r\n                            <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-datetime>\r\n                        </div>\r\n                        <div class=\"tav2-field tav2-field-wide\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"instance\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanza' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-field\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dataSource\" name=\"dataSource\" [Source]=\"DataSources\" [Placeholder]=\"'Origine dati' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-spacer\"></div>\r\n                        <div class=\"tav2-field tav2-field-narrow\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"refreshSeconds\" name=\"refreshSeconds\" [Source]=\"RefreshOptions\" [Placeholder]=\"'Aggiornamento' | localize: lc\" (inputChange)=\"refreshChanged()\"></form-select>\r\n                        </div>\r\n                        <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"btn app-btn-search\" (click)=\"searchClicked()\" type=\"submit\" [title]=\"'Cerca' | localize: lc\">\r\n                            <i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i>\r\n                        </button>\r\n                    </div>\r\n\r\n                    <!-- Come dividere e cosa disegnare -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-field tav2-field-wide\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dividi per' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-field tav2-field-narrow\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"resolution\" name=\"resolution\" [Source]=\"Resolutions\" [Placeholder]=\"'Risoluzione' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-toggle\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" name=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>\r\n                            <span>{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"tav2-toggle\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"maxCpu\" name=\"maxCpu\" (inputChange)=\"search()\"></form-checkbox>\r\n                            <span>{{'Limite' | localize: lc}}</span>\r\n                        </div>\r\n                        @if (maxCpu) {\r\n                            <div class=\"tav2-field tav2-field-narrow\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"maxThreadsKind\" name=\"maxThreadsKind\" [Source]=\"ThreadKinds\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </form>\r\n\r\n                <!-- Grafico -->\r\n                <div class=\"tav2-panel\">\r\n                    <div class=\"tav2-panel-header\">\r\n                        <span class=\"tav2-title\">{{'Sessioni attive medie per' | localize: lc}} {{dimensionLabel(result?.dimension ?? +dimension) | lowercase}}</span>\r\n                        @if (result) {\r\n                            <span class=\"tav2-muted\">\r\n                                {{'Media' | localize: lc}} <strong>{{result.averageActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                &middot; {{'Picco' | localize: lc}} <strong>{{result.peakActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                &middot; {{'un punto ogni' | localize: lc}} {{result.bucketSeconds}} s\r\n                            </span>\r\n                        }\r\n                        @if (loading) {\r\n                            <span class=\"tav2-muted\"><i class=\"fa fa-spinner fa-spin\"></i></span>\r\n                        }\r\n                    </div>\r\n\r\n                    @if (filters.length > 0) {\r\n                        <div class=\"tav2-chips\">\r\n                            <span class=\"tav2-muted\">{{'Filtri' | localize: lc}}</span>\r\n                            @for (chip of filters; track $index) {\r\n                                <span class=\"tav2-chip\">\r\n                                    {{chip.label}}\r\n                                    <button type=\"button\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</button>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"tav2-chart\">\r\n                        @if (chartData) {\r\n                            <es-line-chart [MinGridDistance]=\"65\"\r\n                                           [Timeline]=\"false\"\r\n                                           [FinalInstants]=\"false\"\r\n                                           [Stacked]=\"true\"\r\n                                           [Step]=\"true\"\r\n                                           [Fill]=\"true\"\r\n                                           [MergeDatasets]=\"true\"\r\n                                           [Data]=\"chartData\"\r\n                                           [Max]=\"chartMax\"\r\n                                           [Legend]=\"false\"\r\n                                           name=\"topactv2\"\r\n                                           [DataGroupingThreshold]=\"99999999\"\r\n                                           (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                        } @else {\r\n                            <div class=\"tav2-empty\">{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</div>\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Legenda: un clic su una voce la aggiunge ai filtri (\"altri\" non \u00E8 filtrabile) -->\r\n                    @if (legend.length > 0) {\r\n                        <div class=\"tav2-legend\">\r\n                            @for (item of legend; track $index) {\r\n                                <span class=\"tav2-legend-item\" [class.tav2-clickable]=\"!item.other\" [title]=\"item.other ? '' : ('Clic per filtrare' | localize: lc)\" (click)=\"addFilter(item)\">\r\n                                    <span class=\"tav2-swatch\" [style.background]=\"item.color\"></span>\r\n                                    {{item.label}}\r\n                                    <span class=\"tav2-muted\">{{item.percentage | number : '1.0-1' : 'it'}}%</span>\r\n                                </span>\r\n                            }\r\n                            @if (result?.totalActivity) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"TotalColor\"></span>\r\n                                    {{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                            @if (result?.maximumThreads != null) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"LimitColor\"></span>\r\n                                    {{limitLabel}} <strong>{{result.maximumThreads}}</strong>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    @if (memoryFrom) {\r\n                        <div class=\"tav2-note\">\r\n                            <i class=\"fa fa-info-circle\"></i>\r\n                            {{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}\r\n                        </div>\r\n                    }\r\n\r\n                    <!-- Time slider: finestra di 5 minuti per le tabelle -->\r\n                    @if (sliderMax > sliderMin) {\r\n                        <div class=\"tav2-slider\">\r\n                            <span class=\"tav2-slider-label\">\r\n                                <span class=\"tav2-muted\">{{'Finestra tabelle' | localize: lc}}</span>\r\n                                <strong>{{tablesWindowLabel}}</strong>\r\n                            </span>\r\n                            <input type=\"range\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                            <span class=\"tav2-badge\" [class.tav2-badge-off]=\"!sliderAnchored\">{{(sliderAnchored ? 'Ultimi 5 minuti' : 'Finestra fissa') | localize: lc}}</span>\r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                <!-- Tabelle -->\r\n                <div class=\"tav2-tables\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"tav2-panel\">\r\n                            <div class=\"tav2-panel-header\">\r\n                                <span class=\"tav2-title\">{{'Prime righe per' | localize: lc}}</span>\r\n                                <div class=\"tav2-field tav2-field-wide\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"tableDims[i]\" name=\"tabledim{{i}}\" [Source]=\"Dimensions\" (inputChange)=\"search()\"></form-select>\r\n                                </div>\r\n                                <span class=\"tav2-muted\">{{'Attivit\u00E0' | localize: lc}} <strong>{{table.activity | number : '1.2-3' : 'it'}}</strong></span>\r\n                            </div>\r\n                            <es-table [(ngModel)]=\"table.items\" [HidePaging]=\"true\">\r\n                                <ng-template #header>\r\n                                    <th>{{dimensionLabel(table.dimension)}}</th>\r\n                                    <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                    <th class=\"app-col-min tav2-right\">%</th>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <th>{{'Utente' | localize: lc}}</th>\r\n                                        <th>{{'Tenant' | localize: lc}}</th>\r\n                                        <th>{{'Tipo' | localize: lc}}</th>\r\n                                        <th>{{'Processo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Tipo evento' | localize: lc}}</th>\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Classe di attesa' | localize: lc}}</th>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template #body let-item>\r\n                                    <td>\r\n                                        @if (isClickable(item)) {\r\n                                            <span class=\"app-link tav2-ellipsis\" [title]=\"item.label || item.key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span class=\"tav2-ellipsis\" [class.tav2-muted]=\"item.other || !item.label\">{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div class=\"tav2-bar-cell\">\r\n                                            <div class=\"tav2-bar\">\r\n                                                @for (part of item.breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\" [title]=\"part.key\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            <span>{{item.activity | number : '1.2-3' : 'it'}}</span>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap tav2-right\">{{item.percentage | number : '1.1-1' : 'it'}}</td>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <td>{{item.session?.userName}}</td>\r\n                                        <td>{{item.session?.tenantId}}</td>\r\n                                        <td>{{item.session?.sessionType}}</td>\r\n                                        <td><span class=\"tav2-ellipsis\" [title]=\"item.session?.bgProcessName || item.session?.jobName || ''\">{{item.session?.bgProcessName || item.session?.jobName}}</span></td>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <td>{{item.event?.eventType}}</td>\r\n                                        <td>{{item.event?.waitClass}}</td>\r\n                                    }\r\n                                </ng-template>\r\n                            </es-table>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (NodeDetails) {\r\n        <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\r\n    }\r\n</div>\r\n\r\n<div bsModal #dlgSessionDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (SessionDetails) {\r\n        <session-detail [SessionDetails]=\"SessionDetails\" (onClose)=\"dlgSessionDetails.hide()\" (onNodeSelected)=\"loadNodeDetails($event)\"></session-detail>\r\n    }\r\n</div>\r\n", styles: [":host{display:block}.tav2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.tav2-toolbar+.tav2-toolbar{margin-top:8px}.tav2-field{width:175px}.tav2-field-wide{width:220px}.tav2-field-narrow{width:150px}.tav2-spacer{flex:1 1 auto}.tav2-toggle{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px;white-space:nowrap}.tav2-panel{margin-top:14px;padding:10px 12px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;min-width:0}.tav2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:32px;margin-bottom:6px}.tav2-title{font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#344154}.tav2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-right{text-align:right}.tav2-ellipsis{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.tav2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.tav2-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px}.tav2-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.tav2-chart{position:relative;height:300px}.tav2-empty{display:flex;align-items:center;justify-content:center;height:100%;border:1px dashed var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);color:var(--p-text-muted-color, #64748b)}.tav2-legend{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.tav2-legend-item{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid transparent;border-radius:4px;font-size:12px;white-space:nowrap}.tav2-legend-item.tav2-clickable{cursor:pointer}.tav2-legend-item.tav2-clickable:hover{border-color:var(--p-content-border-color, #e2e8f0);background:#f8fafc}.tav2-swatch{flex:none;width:10px;height:10px;border-radius:2px}.tav2-line{flex:none;width:16px;height:0;border-top:2px solid}.tav2-note{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.tav2-slider input[type=range]{flex:1 1 260px;min-width:200px;accent-color:var(--p-primary-color, #6366f1);cursor:pointer}.tav2-slider-label{display:inline-flex;flex-direction:column;line-height:1.2;font-size:12px}.tav2-badge{padding:2px 8px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:11px;white-space:nowrap}.tav2-badge.tav2-badge-off{background:#f1f5f9;color:var(--p-text-muted-color, #64748b)}.tav2-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:0 14px}.tav2-bar-cell{display:flex;align-items:center;gap:8px}.tav2-bar{display:flex;flex:none;width:90px;height:8px;border-radius:2px;overflow:hidden;background:#edf2f7}\n"], dependencies: [{ kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8$1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i9.EsFormSelectComponent, selector: "form-select", inputs: ["OptionsTemplate"] }, { kind: "component", type: i9.EsFormDateTimeComponent, selector: "form-datetime" }, { kind: "component", type: i9.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "component", type: i2.EsLineChartComponent, selector: "es-line-chart", inputs: ["Data", "DataArray", "Step", "DataGroupBucketSize", "DataGroupingThreshold", "StrokeSize", "AllowGaps", "MergeDatasets", "FinalInstants", "Min", "Max", "Fill", "Stacked"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "component", type: SessionDetailComponent, selector: "session-detail", inputs: ["SessionDetails"], outputs: ["onClose", "onNodeSelected"] }, { kind: "component", type: NodeDetailComponent, selector: "node-detail", inputs: ["NodeDetails"], outputs: ["onClose"] }, { kind: "pipe", type: i5.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmTopActivityV2Component, isStandalone: false, selector: "topact_v2", providers: [{ provide: LocalizationService, useClass: AdmTopActivityV2Loc }], viewQueries: [{ propertyName: "dlgNodeDetails", first: true, predicate: ["dlgNodeDetails"], descendants: true }, { propertyName: "dlgSessionDetails", first: true, predicate: ["dlgSessionDetails"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">\r\n                    {{'Attivit\u00E0 Principali' | localize: lc}}\r\n                    @if (DirInfos) {\r\n                        <span>&nbsp;-&nbsp;\r\n                            {{'' + DirInfos.cpus + ' ' + ('CPU' | localize: lc) + (DirInfos.rssplan ? ' - ' + DirInfos.rssplan : '')}}&nbsp;\r\n                            Load average: {{ DirInfos.lavg1 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg5 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg15 | number : '1.1-2' : 'it'}}\r\n                        </span>\r\n                    }\r\n                </span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <!-- Barra in alto: quali dati caricare (finestra, istanza, origine). Come disegnarli sta nell'intestazione del grafico -->\r\n                <form role=\"form\">\r\n                    <!-- Tre gruppi che vanno a capo interi: periodo, sorgente (con la ricerca), aggiornamento automatico -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-cluster\">\r\n                            <div class=\"tav2-field\">\r\n                                <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\" (inputChange)=\"datesEdited()\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"tav2-field\">\r\n                                <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\" (inputChange)=\"datesEdited()\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Ultime' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (h of QuickRanges; track h) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"activeRange == h\" (click)=\"quickRange(h)\">{{h}} h</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"tav2-cluster\">\r\n                            <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"instance\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanza' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Origine dati' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of DataSources; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"dataSource == o.id\" (click)=\"setDataSource(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"btn app-btn-search\" (click)=\"searchClicked()\" type=\"submit\" [title]=\"'Cerca' | localize: lc\">\r\n                                <i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i>\r\n                            </button>\r\n                        </div>\r\n\r\n                        <div class=\"tav2-cluster tav2-cluster-end\">\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\"><i class=\"fa fa-refresh\"></i> {{'Aggiornamento automatico' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of RefreshOptions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"refreshSeconds == o.id\" (click)=\"setRefresh(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n\r\n                <!-- Grafico -->\r\n                <div class=\"tav2-panel\">\r\n                    <div class=\"tav2-panel-header tav2-chart-header\">\r\n                        <div class=\"tav2-heading\">\r\n                            <span class=\"tav2-title\">{{'Sessioni attive medie per' | localize: lc}} {{dimensionLabel(result?.dimension ?? +dimension) | lowercase}}</span>\r\n                            @if (result) {\r\n                                <span class=\"tav2-muted\">\r\n                                    {{'Media' | localize: lc}} <strong>{{result.averageActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                    &middot; {{'Picco' | localize: lc}} <strong>{{result.peakActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                    &middot; {{'un punto ogni' | localize: lc}} {{result.bucketSeconds}} s\r\n                                    @if (loading) {\r\n                                        &nbsp;<i class=\"fa fa-spinner fa-spin\"></i>\r\n                                    }\r\n                                </span>\r\n                            }\r\n                        </div>\r\n\r\n                        <!-- Come disegnare i dati -->\r\n                        <div class=\"tav2-view-controls\">\r\n                            <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dividi per' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Risoluzione' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of Resolutions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"resolution == o.id\" (click)=\"setResolution(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Limite' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of LimitOptions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"limitValue == o.id\" (click)=\"setLimit(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"tav2-toggle\">\r\n                                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>\r\n                                <span class=\"tav2-pointer\" (click)=\"totalActivity = !totalActivity; search()\">{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (filters.length > 0) {\r\n                        <div class=\"tav2-chips\">\r\n                            <span class=\"tav2-muted\">{{'Filtri' | localize: lc}}</span>\r\n                            @for (chip of filters; track $index) {\r\n                                <span class=\"tav2-chip\">\r\n                                    {{chip.label}}\r\n                                    <button type=\"button\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</button>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"tav2-chart\">\r\n                        @if (chartData) {\r\n                            <es-line-chart [MinGridDistance]=\"65\"\r\n                                           [Timeline]=\"false\"\r\n                                           [FinalInstants]=\"false\"\r\n                                           [Stacked]=\"true\"\r\n                                           [Step]=\"true\"\r\n                                           [Fill]=\"true\"\r\n                                           [MergeDatasets]=\"true\"\r\n                                           [Data]=\"chartData\"\r\n                                           [Max]=\"chartMax\"\r\n                                           [Legend]=\"false\"\r\n                                           name=\"topactv2\"\r\n                                           [DataGroupingThreshold]=\"99999999\"\r\n                                           (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                        } @else {\r\n                            <div class=\"tav2-empty\">{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</div>\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Legenda: un clic su una voce la aggiunge ai filtri (\"altri\" non \u00E8 filtrabile) -->\r\n                    @if (legend.length > 0) {\r\n                        <div class=\"tav2-legend\">\r\n                            @for (item of legend; track $index) {\r\n                                <span class=\"tav2-legend-item\" [class.tav2-clickable]=\"!item.other\" [title]=\"item.other ? '' : ('Clic per filtrare' | localize: lc)\" (click)=\"addFilter(item)\">\r\n                                    <span class=\"tav2-swatch\" [style.background]=\"item.color\"></span>\r\n                                    {{item.label}}\r\n                                    <span class=\"tav2-muted\">{{item.percentage | number : '1.0-1' : 'it'}}%</span>\r\n                                </span>\r\n                            }\r\n                            @if (result?.totalActivity) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"TotalColor\"></span>\r\n                                    {{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                            @if (result?.maximumThreads != null) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"LimitColor\"></span>\r\n                                    {{limitLabel}} <strong>{{result.maximumThreads}}</strong>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    @if (memoryFrom) {\r\n                        <div class=\"tav2-note\">\r\n                            <i class=\"fa fa-info-circle\"></i>\r\n                            {{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}\r\n                        </div>\r\n                    }\r\n\r\n                    <!-- Time slider: finestra di 5 minuti per le tabelle -->\r\n                    @if (sliderMax > sliderMin) {\r\n                        <div class=\"tav2-slider\">\r\n                            <span class=\"tav2-slider-label\">\r\n                                <span class=\"tav2-muted\">{{'Finestra tabelle' | localize: lc}}</span>\r\n                                <strong>{{tablesWindowLabel}}</strong>\r\n                            </span>\r\n                            <input type=\"range\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                            <span class=\"tav2-badge\" [class.tav2-badge-off]=\"!sliderAnchored\">{{(sliderAnchored ? 'Ultimi 5 minuti' : 'Finestra fissa') | localize: lc}}</span>\r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                <!-- Tabelle -->\r\n                <div class=\"tav2-tables\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"tav2-panel\">\r\n                            <div class=\"tav2-panel-header\">\r\n                                <span class=\"tav2-title\">{{'Prime righe per' | localize: lc}}</span>\r\n                                <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"tableDims[i]\" name=\"tabledim{{i}}\" [Source]=\"Dimensions\" (inputChange)=\"search()\"></form-select>\r\n                                </div>\r\n                                <span class=\"tav2-muted\">{{'Attivit\u00E0' | localize: lc}} <strong>{{table.activity | number : '1.2-3' : 'it'}}</strong></span>\r\n                            </div>\r\n                            <es-table [(ngModel)]=\"table.items\" [HidePaging]=\"true\">\r\n                                <ng-template #header>\r\n                                    <th>{{dimensionLabel(table.dimension)}}</th>\r\n                                    <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                    <th class=\"app-col-min tav2-right\">%</th>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <th>{{'Utente' | localize: lc}}</th>\r\n                                        <th>{{'Tipo' | localize: lc}}</th>\r\n                                        <th>{{'Processo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Tipo' | localize: lc}}</th>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template #body let-item>\r\n                                    <td>\r\n                                        @if (isClickable(item)) {\r\n                                            <span class=\"app-link tav2-ellipsis\" [title]=\"item.label || item.key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span class=\"tav2-ellipsis\" [class.tav2-muted]=\"item.other || !item.label\">{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div class=\"tav2-bar-cell\">\r\n                                            <div class=\"tav2-bar\">\r\n                                                @for (part of item.breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\" [title]=\"part.key\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            <span>{{item.activity | number : '1.2-3' : 'it'}}</span>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap tav2-right\">{{item.percentage | number : '1.1-1' : 'it'}}</td>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <td class=\"app-nowrap\">\r\n                                            {{item.session?.userName}}\r\n                                            @if (item.session?.tenantId) {\r\n                                                <span class=\"tav2-muted\">&middot; {{item.session.tenantId}}</span>\r\n                                            }\r\n                                        </td>\r\n                                        <td class=\"tav2-muted\">{{item.session?.sessionType | titlecase}}</td>\r\n                                        <td><span class=\"tav2-ellipsis tav2-ellipsis-short\" [title]=\"item.session?.bgProcessName || item.session?.jobName || ''\">{{item.session?.bgProcessName || item.session?.jobName}}</span></td>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <td class=\"app-nowrap\">\r\n                                            {{item.event?.eventType}}\r\n                                            @if (item.event?.waitClass && item.event.waitClass != 'None') {\r\n                                                <span class=\"tav2-muted\">&middot; {{item.event.waitClass}}</span>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </ng-template>\r\n                            </es-table>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (NodeDetails) {\r\n        <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\r\n    }\r\n</div>\r\n\r\n<div bsModal #dlgSessionDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (SessionDetails) {\r\n        <session-detail [SessionDetails]=\"SessionDetails\" (onClose)=\"dlgSessionDetails.hide()\" (onNodeSelected)=\"loadNodeDetails($event)\"></session-detail>\r\n    }\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .tav2-noclear .p-select-clear-icon{display:none}.tav2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:6px}.tav2-cluster{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.tav2-cluster-end{margin-left:auto}.tav2-field{width:165px}.tav2-field-wide{width:210px}.tav2-spacer{flex:1 1 auto}.tav2-toggle{display:flex;align-items:center;gap:8px;height:39px;white-space:nowrap}.tav2-pointer{cursor:pointer}.tav2-group{position:relative;display:inline-flex}.tav2-group-label{position:absolute;top:-8px;left:8px;z-index:1;padding:0 4px;background:#fff;color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.tav2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:#fff}.tav2-seg button{padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:#334155;font-size:13px;white-space:nowrap;cursor:pointer}.tav2-seg button:first-child{border-left:0}.tav2-seg button:hover:not(.tav2-on){background:#f8fafc}.tav2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.tav2-seg button.tav2-on{background:#eef2ff;color:#4338ca;font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.tav2-panel{margin-top:14px;padding:10px 12px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;min-width:0}.tav2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:32px;margin-bottom:6px}.tav2-chart-header{justify-content:space-between;padding-top:8px;margin-bottom:10px}.tav2-heading{display:flex;flex-direction:column;gap:2px}.tav2-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 10px}.tav2-title{font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#344154}.tav2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-right{text-align:right}.tav2-ellipsis{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.tav2-ellipsis-short{max-width:170px}.tav2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.tav2-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px}.tav2-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.tav2-chart{position:relative;height:300px}.tav2-empty{display:flex;align-items:center;justify-content:center;height:100%;border:1px dashed var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);color:var(--p-text-muted-color, #64748b)}.tav2-legend{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.tav2-legend-item{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid transparent;border-radius:4px;font-size:12px;white-space:nowrap}.tav2-legend-item.tav2-clickable{cursor:pointer}.tav2-legend-item.tav2-clickable:hover{border-color:var(--p-content-border-color, #e2e8f0);background:#f8fafc}.tav2-swatch{flex:none;width:10px;height:10px;border-radius:2px}.tav2-line{flex:none;width:16px;height:0;border-top:2px solid}.tav2-note{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.tav2-slider input[type=range]{flex:1 1 260px;min-width:200px;accent-color:var(--p-primary-color, #6366f1);cursor:pointer}.tav2-slider-label{display:inline-flex;flex-direction:column;line-height:1.2;font-size:12px}.tav2-badge{padding:2px 8px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:11px;white-space:nowrap}.tav2-badge.tav2-badge-off{background:#f1f5f9;color:var(--p-text-muted-color, #64748b)}.tav2-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:0 14px}.tav2-bar-cell{display:flex;align-items:center;gap:8px}.tav2-bar{display:flex;flex:none;width:70px;height:8px;border-radius:2px;overflow:hidden;background:#edf2f7}\n"], dependencies: [{ kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.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: i7.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8$1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i9.EsFormSelectComponent, selector: "form-select", inputs: ["OptionsTemplate"] }, { kind: "component", type: i9.EsFormDateTimeComponent, selector: "form-datetime" }, { kind: "component", type: i9.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "component", type: i2.EsLineChartComponent, selector: "es-line-chart", inputs: ["Data", "DataArray", "Step", "DataGroupBucketSize", "DataGroupingThreshold", "StrokeSize", "AllowGaps", "MergeDatasets", "FinalInstants", "Min", "Max", "Fill", "Stacked"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "component", type: SessionDetailComponent, selector: "session-detail", inputs: ["SessionDetails"], outputs: ["onClose", "onNodeSelected"] }, { kind: "component", type: NodeDetailComponent, selector: "node-detail", inputs: ["NodeDetails"], outputs: ["onClose"] }, { kind: "pipe", type: i5.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i5.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Component, decorators: [{
             type: Component,
-            args: [{ selector: "topact_v2", providers: [{ provide: LocalizationService, useClass: AdmTopActivityV2Loc }], standalone: false, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">\r\n                    {{'Attivit\u00E0 Principali' | localize: lc}}\r\n                    @if (DirInfos) {\r\n                        <span>&nbsp;-&nbsp;\r\n                            {{'' + DirInfos.cpus + ' ' + ('CPU' | localize: lc) + (DirInfos.rssplan ? ' - ' + DirInfos.rssplan : '')}}&nbsp;\r\n                            Load average: {{ DirInfos.lavg1 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg5 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg15 | number : '1.1-2' : 'it'}}\r\n                        </span>\r\n                    }\r\n                </span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <form role=\"form\">\r\n                    <!-- Finestra e origine dei dati -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-field\">\r\n                            <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-datetime>\r\n                        </div>\r\n                        <div class=\"tav2-field\">\r\n                            <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-datetime>\r\n                        </div>\r\n                        <div class=\"tav2-field tav2-field-wide\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"instance\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanza' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-field\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dataSource\" name=\"dataSource\" [Source]=\"DataSources\" [Placeholder]=\"'Origine dati' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-spacer\"></div>\r\n                        <div class=\"tav2-field tav2-field-narrow\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"refreshSeconds\" name=\"refreshSeconds\" [Source]=\"RefreshOptions\" [Placeholder]=\"'Aggiornamento' | localize: lc\" (inputChange)=\"refreshChanged()\"></form-select>\r\n                        </div>\r\n                        <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"btn app-btn-search\" (click)=\"searchClicked()\" type=\"submit\" [title]=\"'Cerca' | localize: lc\">\r\n                            <i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i>\r\n                        </button>\r\n                    </div>\r\n\r\n                    <!-- Come dividere e cosa disegnare -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-field tav2-field-wide\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dividi per' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-field tav2-field-narrow\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"resolution\" name=\"resolution\" [Source]=\"Resolutions\" [Placeholder]=\"'Risoluzione' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"tav2-toggle\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" name=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>\r\n                            <span>{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"tav2-toggle\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"maxCpu\" name=\"maxCpu\" (inputChange)=\"search()\"></form-checkbox>\r\n                            <span>{{'Limite' | localize: lc}}</span>\r\n                        </div>\r\n                        @if (maxCpu) {\r\n                            <div class=\"tav2-field tav2-field-narrow\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"maxThreadsKind\" name=\"maxThreadsKind\" [Source]=\"ThreadKinds\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </form>\r\n\r\n                <!-- Grafico -->\r\n                <div class=\"tav2-panel\">\r\n                    <div class=\"tav2-panel-header\">\r\n                        <span class=\"tav2-title\">{{'Sessioni attive medie per' | localize: lc}} {{dimensionLabel(result?.dimension ?? +dimension) | lowercase}}</span>\r\n                        @if (result) {\r\n                            <span class=\"tav2-muted\">\r\n                                {{'Media' | localize: lc}} <strong>{{result.averageActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                &middot; {{'Picco' | localize: lc}} <strong>{{result.peakActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                &middot; {{'un punto ogni' | localize: lc}} {{result.bucketSeconds}} s\r\n                            </span>\r\n                        }\r\n                        @if (loading) {\r\n                            <span class=\"tav2-muted\"><i class=\"fa fa-spinner fa-spin\"></i></span>\r\n                        }\r\n                    </div>\r\n\r\n                    @if (filters.length > 0) {\r\n                        <div class=\"tav2-chips\">\r\n                            <span class=\"tav2-muted\">{{'Filtri' | localize: lc}}</span>\r\n                            @for (chip of filters; track $index) {\r\n                                <span class=\"tav2-chip\">\r\n                                    {{chip.label}}\r\n                                    <button type=\"button\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</button>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"tav2-chart\">\r\n                        @if (chartData) {\r\n                            <es-line-chart [MinGridDistance]=\"65\"\r\n                                           [Timeline]=\"false\"\r\n                                           [FinalInstants]=\"false\"\r\n                                           [Stacked]=\"true\"\r\n                                           [Step]=\"true\"\r\n                                           [Fill]=\"true\"\r\n                                           [MergeDatasets]=\"true\"\r\n                                           [Data]=\"chartData\"\r\n                                           [Max]=\"chartMax\"\r\n                                           [Legend]=\"false\"\r\n                                           name=\"topactv2\"\r\n                                           [DataGroupingThreshold]=\"99999999\"\r\n                                           (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                        } @else {\r\n                            <div class=\"tav2-empty\">{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</div>\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Legenda: un clic su una voce la aggiunge ai filtri (\"altri\" non \u00E8 filtrabile) -->\r\n                    @if (legend.length > 0) {\r\n                        <div class=\"tav2-legend\">\r\n                            @for (item of legend; track $index) {\r\n                                <span class=\"tav2-legend-item\" [class.tav2-clickable]=\"!item.other\" [title]=\"item.other ? '' : ('Clic per filtrare' | localize: lc)\" (click)=\"addFilter(item)\">\r\n                                    <span class=\"tav2-swatch\" [style.background]=\"item.color\"></span>\r\n                                    {{item.label}}\r\n                                    <span class=\"tav2-muted\">{{item.percentage | number : '1.0-1' : 'it'}}%</span>\r\n                                </span>\r\n                            }\r\n                            @if (result?.totalActivity) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"TotalColor\"></span>\r\n                                    {{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                            @if (result?.maximumThreads != null) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"LimitColor\"></span>\r\n                                    {{limitLabel}} <strong>{{result.maximumThreads}}</strong>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    @if (memoryFrom) {\r\n                        <div class=\"tav2-note\">\r\n                            <i class=\"fa fa-info-circle\"></i>\r\n                            {{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}\r\n                        </div>\r\n                    }\r\n\r\n                    <!-- Time slider: finestra di 5 minuti per le tabelle -->\r\n                    @if (sliderMax > sliderMin) {\r\n                        <div class=\"tav2-slider\">\r\n                            <span class=\"tav2-slider-label\">\r\n                                <span class=\"tav2-muted\">{{'Finestra tabelle' | localize: lc}}</span>\r\n                                <strong>{{tablesWindowLabel}}</strong>\r\n                            </span>\r\n                            <input type=\"range\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                            <span class=\"tav2-badge\" [class.tav2-badge-off]=\"!sliderAnchored\">{{(sliderAnchored ? 'Ultimi 5 minuti' : 'Finestra fissa') | localize: lc}}</span>\r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                <!-- Tabelle -->\r\n                <div class=\"tav2-tables\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"tav2-panel\">\r\n                            <div class=\"tav2-panel-header\">\r\n                                <span class=\"tav2-title\">{{'Prime righe per' | localize: lc}}</span>\r\n                                <div class=\"tav2-field tav2-field-wide\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"tableDims[i]\" name=\"tabledim{{i}}\" [Source]=\"Dimensions\" (inputChange)=\"search()\"></form-select>\r\n                                </div>\r\n                                <span class=\"tav2-muted\">{{'Attivit\u00E0' | localize: lc}} <strong>{{table.activity | number : '1.2-3' : 'it'}}</strong></span>\r\n                            </div>\r\n                            <es-table [(ngModel)]=\"table.items\" [HidePaging]=\"true\">\r\n                                <ng-template #header>\r\n                                    <th>{{dimensionLabel(table.dimension)}}</th>\r\n                                    <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                    <th class=\"app-col-min tav2-right\">%</th>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <th>{{'Utente' | localize: lc}}</th>\r\n                                        <th>{{'Tenant' | localize: lc}}</th>\r\n                                        <th>{{'Tipo' | localize: lc}}</th>\r\n                                        <th>{{'Processo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Tipo evento' | localize: lc}}</th>\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Classe di attesa' | localize: lc}}</th>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template #body let-item>\r\n                                    <td>\r\n                                        @if (isClickable(item)) {\r\n                                            <span class=\"app-link tav2-ellipsis\" [title]=\"item.label || item.key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span class=\"tav2-ellipsis\" [class.tav2-muted]=\"item.other || !item.label\">{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div class=\"tav2-bar-cell\">\r\n                                            <div class=\"tav2-bar\">\r\n                                                @for (part of item.breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\" [title]=\"part.key\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            <span>{{item.activity | number : '1.2-3' : 'it'}}</span>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap tav2-right\">{{item.percentage | number : '1.1-1' : 'it'}}</td>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <td>{{item.session?.userName}}</td>\r\n                                        <td>{{item.session?.tenantId}}</td>\r\n                                        <td>{{item.session?.sessionType}}</td>\r\n                                        <td><span class=\"tav2-ellipsis\" [title]=\"item.session?.bgProcessName || item.session?.jobName || ''\">{{item.session?.bgProcessName || item.session?.jobName}}</span></td>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <td>{{item.event?.eventType}}</td>\r\n                                        <td>{{item.event?.waitClass}}</td>\r\n                                    }\r\n                                </ng-template>\r\n                            </es-table>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (NodeDetails) {\r\n        <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\r\n    }\r\n</div>\r\n\r\n<div bsModal #dlgSessionDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (SessionDetails) {\r\n        <session-detail [SessionDetails]=\"SessionDetails\" (onClose)=\"dlgSessionDetails.hide()\" (onNodeSelected)=\"loadNodeDetails($event)\"></session-detail>\r\n    }\r\n</div>\r\n", styles: [":host{display:block}.tav2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.tav2-toolbar+.tav2-toolbar{margin-top:8px}.tav2-field{width:175px}.tav2-field-wide{width:220px}.tav2-field-narrow{width:150px}.tav2-spacer{flex:1 1 auto}.tav2-toggle{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px;white-space:nowrap}.tav2-panel{margin-top:14px;padding:10px 12px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;min-width:0}.tav2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:32px;margin-bottom:6px}.tav2-title{font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#344154}.tav2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-right{text-align:right}.tav2-ellipsis{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.tav2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.tav2-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px}.tav2-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.tav2-chart{position:relative;height:300px}.tav2-empty{display:flex;align-items:center;justify-content:center;height:100%;border:1px dashed var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);color:var(--p-text-muted-color, #64748b)}.tav2-legend{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.tav2-legend-item{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid transparent;border-radius:4px;font-size:12px;white-space:nowrap}.tav2-legend-item.tav2-clickable{cursor:pointer}.tav2-legend-item.tav2-clickable:hover{border-color:var(--p-content-border-color, #e2e8f0);background:#f8fafc}.tav2-swatch{flex:none;width:10px;height:10px;border-radius:2px}.tav2-line{flex:none;width:16px;height:0;border-top:2px solid}.tav2-note{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.tav2-slider input[type=range]{flex:1 1 260px;min-width:200px;accent-color:var(--p-primary-color, #6366f1);cursor:pointer}.tav2-slider-label{display:inline-flex;flex-direction:column;line-height:1.2;font-size:12px}.tav2-badge{padding:2px 8px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:11px;white-space:nowrap}.tav2-badge.tav2-badge-off{background:#f1f5f9;color:var(--p-text-muted-color, #64748b)}.tav2-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:0 14px}.tav2-bar-cell{display:flex;align-items:center;gap:8px}.tav2-bar{display:flex;flex:none;width:90px;height:8px;border-radius:2px;overflow:hidden;background:#edf2f7}\n"] }]
+            args: [{ selector: "topact_v2", providers: [{ provide: LocalizationService, useClass: AdmTopActivityV2Loc }], standalone: false, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">\r\n                    {{'Attivit\u00E0 Principali' | localize: lc}}\r\n                    @if (DirInfos) {\r\n                        <span>&nbsp;-&nbsp;\r\n                            {{'' + DirInfos.cpus + ' ' + ('CPU' | localize: lc) + (DirInfos.rssplan ? ' - ' + DirInfos.rssplan : '')}}&nbsp;\r\n                            Load average: {{ DirInfos.lavg1 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg5 | number : '1.1-2' : 'it'}}&nbsp;{{ DirInfos.lavg15 | number : '1.1-2' : 'it'}}\r\n                        </span>\r\n                    }\r\n                </span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <!-- Barra in alto: quali dati caricare (finestra, istanza, origine). Come disegnarli sta nell'intestazione del grafico -->\r\n                <form role=\"form\">\r\n                    <!-- Tre gruppi che vanno a capo interi: periodo, sorgente (con la ricerca), aggiornamento automatico -->\r\n                    <div class=\"tav2-toolbar\">\r\n                        <div class=\"tav2-cluster\">\r\n                            <div class=\"tav2-field\">\r\n                                <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\" (inputChange)=\"datesEdited()\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"tav2-field\">\r\n                                <form-datetime [readonly]=\"refreshSeconds != '0'\" [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\" (inputChange)=\"datesEdited()\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Ultime' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (h of QuickRanges; track h) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"activeRange == h\" (click)=\"quickRange(h)\">{{h}} h</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"tav2-cluster\">\r\n                            <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"instance\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanza' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Origine dati' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of DataSources; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"dataSource == o.id\" (click)=\"setDataSource(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"btn app-btn-search\" (click)=\"searchClicked()\" type=\"submit\" [title]=\"'Cerca' | localize: lc\">\r\n                                <i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i>\r\n                            </button>\r\n                        </div>\r\n\r\n                        <div class=\"tav2-cluster tav2-cluster-end\">\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\"><i class=\"fa fa-refresh\"></i> {{'Aggiornamento automatico' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of RefreshOptions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"refreshSeconds == o.id\" (click)=\"setRefresh(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n\r\n                <!-- Grafico -->\r\n                <div class=\"tav2-panel\">\r\n                    <div class=\"tav2-panel-header tav2-chart-header\">\r\n                        <div class=\"tav2-heading\">\r\n                            <span class=\"tav2-title\">{{'Sessioni attive medie per' | localize: lc}} {{dimensionLabel(result?.dimension ?? +dimension) | lowercase}}</span>\r\n                            @if (result) {\r\n                                <span class=\"tav2-muted\">\r\n                                    {{'Media' | localize: lc}} <strong>{{result.averageActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                    &middot; {{'Picco' | localize: lc}} <strong>{{result.peakActiveSessions | number : '1.2-3' : 'it'}}</strong>\r\n                                    &middot; {{'un punto ogni' | localize: lc}} {{result.bucketSeconds}} s\r\n                                    @if (loading) {\r\n                                        &nbsp;<i class=\"fa fa-spinner fa-spin\"></i>\r\n                                    }\r\n                                </span>\r\n                            }\r\n                        </div>\r\n\r\n                        <!-- Come disegnare i dati -->\r\n                        <div class=\"tav2-view-controls\">\r\n                            <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dividi per' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Risoluzione' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of Resolutions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"resolution == o.id\" (click)=\"setResolution(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"tav2-group\">\r\n                                <span class=\"tav2-group-label\">{{'Limite' | localize: lc}}</span>\r\n                                <div class=\"tav2-seg\">\r\n                                    @for (o of LimitOptions; track o.id) {\r\n                                        <button type=\"button\" [class.tav2-on]=\"limitValue == o.id\" (click)=\"setLimit(o.id)\">{{o.description}}</button>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"tav2-toggle\">\r\n                                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>\r\n                                <span class=\"tav2-pointer\" (click)=\"totalActivity = !totalActivity; search()\">{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (filters.length > 0) {\r\n                        <div class=\"tav2-chips\">\r\n                            <span class=\"tav2-muted\">{{'Filtri' | localize: lc}}</span>\r\n                            @for (chip of filters; track $index) {\r\n                                <span class=\"tav2-chip\">\r\n                                    {{chip.label}}\r\n                                    <button type=\"button\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</button>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"tav2-chart\">\r\n                        @if (chartData) {\r\n                            <es-line-chart [MinGridDistance]=\"65\"\r\n                                           [Timeline]=\"false\"\r\n                                           [FinalInstants]=\"false\"\r\n                                           [Stacked]=\"true\"\r\n                                           [Step]=\"true\"\r\n                                           [Fill]=\"true\"\r\n                                           [MergeDatasets]=\"true\"\r\n                                           [Data]=\"chartData\"\r\n                                           [Max]=\"chartMax\"\r\n                                           [Legend]=\"false\"\r\n                                           name=\"topactv2\"\r\n                                           [DataGroupingThreshold]=\"99999999\"\r\n                                           (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                        } @else {\r\n                            <div class=\"tav2-empty\">{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</div>\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Legenda: un clic su una voce la aggiunge ai filtri (\"altri\" non \u00E8 filtrabile) -->\r\n                    @if (legend.length > 0) {\r\n                        <div class=\"tav2-legend\">\r\n                            @for (item of legend; track $index) {\r\n                                <span class=\"tav2-legend-item\" [class.tav2-clickable]=\"!item.other\" [title]=\"item.other ? '' : ('Clic per filtrare' | localize: lc)\" (click)=\"addFilter(item)\">\r\n                                    <span class=\"tav2-swatch\" [style.background]=\"item.color\"></span>\r\n                                    {{item.label}}\r\n                                    <span class=\"tav2-muted\">{{item.percentage | number : '1.0-1' : 'it'}}%</span>\r\n                                </span>\r\n                            }\r\n                            @if (result?.totalActivity) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"TotalColor\"></span>\r\n                                    {{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                            @if (result?.maximumThreads != null) {\r\n                                <span class=\"tav2-legend-item\">\r\n                                    <span class=\"tav2-line\" [style.border-color]=\"LimitColor\"></span>\r\n                                    {{limitLabel}} <strong>{{result.maximumThreads}}</strong>\r\n                                </span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    @if (memoryFrom) {\r\n                        <div class=\"tav2-note\">\r\n                            <i class=\"fa fa-info-circle\"></i>\r\n                            {{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}\r\n                        </div>\r\n                    }\r\n\r\n                    <!-- Time slider: finestra di 5 minuti per le tabelle -->\r\n                    @if (sliderMax > sliderMin) {\r\n                        <div class=\"tav2-slider\">\r\n                            <span class=\"tav2-slider-label\">\r\n                                <span class=\"tav2-muted\">{{'Finestra tabelle' | localize: lc}}</span>\r\n                                <strong>{{tablesWindowLabel}}</strong>\r\n                            </span>\r\n                            <input type=\"range\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                            <span class=\"tav2-badge\" [class.tav2-badge-off]=\"!sliderAnchored\">{{(sliderAnchored ? 'Ultimi 5 minuti' : 'Finestra fissa') | localize: lc}}</span>\r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                <!-- Tabelle -->\r\n                <div class=\"tav2-tables\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"tav2-panel\">\r\n                            <div class=\"tav2-panel-header\">\r\n                                <span class=\"tav2-title\">{{'Prime righe per' | localize: lc}}</span>\r\n                                <div class=\"tav2-field tav2-field-wide tav2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"tableDims[i]\" name=\"tabledim{{i}}\" [Source]=\"Dimensions\" (inputChange)=\"search()\"></form-select>\r\n                                </div>\r\n                                <span class=\"tav2-muted\">{{'Attivit\u00E0' | localize: lc}} <strong>{{table.activity | number : '1.2-3' : 'it'}}</strong></span>\r\n                            </div>\r\n                            <es-table [(ngModel)]=\"table.items\" [HidePaging]=\"true\">\r\n                                <ng-template #header>\r\n                                    <th>{{dimensionLabel(table.dimension)}}</th>\r\n                                    <th class=\"app-col-min\">{{'Attivit\u00E0' | localize: lc}}</th>\r\n                                    <th class=\"app-col-min tav2-right\">%</th>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <th>{{'Utente' | localize: lc}}</th>\r\n                                        <th>{{'Tipo' | localize: lc}}</th>\r\n                                        <th>{{'Processo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <th class=\"app-col-min app-nowrap\">{{'Tipo' | localize: lc}}</th>\r\n                                    }\r\n                                </ng-template>\r\n                                <ng-template #body let-item>\r\n                                    <td>\r\n                                        @if (isClickable(item)) {\r\n                                            <span class=\"app-link tav2-ellipsis\" [title]=\"item.label || item.key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span class=\"tav2-ellipsis\" [class.tav2-muted]=\"item.other || !item.label\">{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div class=\"tav2-bar-cell\">\r\n                                            <div class=\"tav2-bar\">\r\n                                                @for (part of item.breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\" [title]=\"part.key\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            <span>{{item.activity | number : '1.2-3' : 'it'}}</span>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap tav2-right\">{{item.percentage | number : '1.1-1' : 'it'}}</td>\r\n                                    @if (table.dimension == Dim.UserSession) {\r\n                                        <td class=\"app-nowrap\">\r\n                                            {{item.session?.userName}}\r\n                                            @if (item.session?.tenantId) {\r\n                                                <span class=\"tav2-muted\">&middot; {{item.session.tenantId}}</span>\r\n                                            }\r\n                                        </td>\r\n                                        <td class=\"tav2-muted\">{{item.session?.sessionType | titlecase}}</td>\r\n                                        <td><span class=\"tav2-ellipsis tav2-ellipsis-short\" [title]=\"item.session?.bgProcessName || item.session?.jobName || ''\">{{item.session?.bgProcessName || item.session?.jobName}}</span></td>\r\n                                    }\r\n                                    @if (table.dimension == Dim.WaitEvent) {\r\n                                        <td class=\"app-nowrap\">\r\n                                            {{item.event?.eventType}}\r\n                                            @if (item.event?.waitClass && item.event.waitClass != 'None') {\r\n                                                <span class=\"tav2-muted\">&middot; {{item.event.waitClass}}</span>\r\n                                            }\r\n                                        </td>\r\n                                    }\r\n                                </ng-template>\r\n                            </es-table>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (NodeDetails) {\r\n        <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\r\n    }\r\n</div>\r\n\r\n<div bsModal #dlgSessionDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\r\n    @if (SessionDetails) {\r\n        <session-detail [SessionDetails]=\"SessionDetails\" (onClose)=\"dlgSessionDetails.hide()\" (onNodeSelected)=\"loadNodeDetails($event)\"></session-detail>\r\n    }\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .tav2-noclear .p-select-clear-icon{display:none}.tav2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:6px}.tav2-cluster{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.tav2-cluster-end{margin-left:auto}.tav2-field{width:165px}.tav2-field-wide{width:210px}.tav2-spacer{flex:1 1 auto}.tav2-toggle{display:flex;align-items:center;gap:8px;height:39px;white-space:nowrap}.tav2-pointer{cursor:pointer}.tav2-group{position:relative;display:inline-flex}.tav2-group-label{position:absolute;top:-8px;left:8px;z-index:1;padding:0 4px;background:#fff;color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.tav2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:#fff}.tav2-seg button{padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:#334155;font-size:13px;white-space:nowrap;cursor:pointer}.tav2-seg button:first-child{border-left:0}.tav2-seg button:hover:not(.tav2-on){background:#f8fafc}.tav2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.tav2-seg button.tav2-on{background:#eef2ff;color:#4338ca;font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.tav2-panel{margin-top:14px;padding:10px 12px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;min-width:0}.tav2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:32px;margin-bottom:6px}.tav2-chart-header{justify-content:space-between;padding-top:8px;margin-bottom:10px}.tav2-heading{display:flex;flex-direction:column;gap:2px}.tav2-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 10px}.tav2-title{font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#344154}.tav2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-right{text-align:right}.tav2-ellipsis{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.tav2-ellipsis-short{max-width:170px}.tav2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.tav2-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px}.tav2-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.tav2-chart{position:relative;height:300px}.tav2-empty{display:flex;align-items:center;justify-content:center;height:100%;border:1px dashed var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);color:var(--p-text-muted-color, #64748b)}.tav2-legend{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.tav2-legend-item{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid transparent;border-radius:4px;font-size:12px;white-space:nowrap}.tav2-legend-item.tav2-clickable{cursor:pointer}.tav2-legend-item.tav2-clickable:hover{border-color:var(--p-content-border-color, #e2e8f0);background:#f8fafc}.tav2-swatch{flex:none;width:10px;height:10px;border-radius:2px}.tav2-line{flex:none;width:16px;height:0;border-top:2px solid}.tav2-note{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.tav2-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.tav2-slider input[type=range]{flex:1 1 260px;min-width:200px;accent-color:var(--p-primary-color, #6366f1);cursor:pointer}.tav2-slider-label{display:inline-flex;flex-direction:column;line-height:1.2;font-size:12px}.tav2-badge{padding:2px 8px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:11px;white-space:nowrap}.tav2-badge.tav2-badge-off{background:#f1f5f9;color:var(--p-text-muted-color, #64748b)}.tav2-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:0 14px}.tav2-bar-cell{display:flex;align-items:center;gap:8px}.tav2-bar{display:flex;flex:none;width:70px;height:8px;border-radius:2px;overflow:hidden;background:#edf2f7}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DateService }, { type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: AdminModuleBaseService }, { type: i0.NgZone }], propDecorators: { dlgNodeDetails: [{
                 type: ViewChild,
                 args: ["dlgNodeDetails"]