@esfaenza/admin-module 20.3.16 → 20.3.18

package/fesm2022/esfaenza-admin-module.mjs

@@ -1141,7 +1141,8 @@ var TopActivityMaximumThreads;
 
 class TopActivityV2Filter {
 }
-// Richiesta della Top Activity v2: date in ISO UTC (…Z), campi non valorizzati = default del backend
+// Richiesta della Top Activity v2: date in ISO UTC (…Z), campi non valorizzati = default del backend.
+// Il backend-for-frontend legge i nomi senza badare a maiuscole e minuscole
 class TopActivityV2Request {
 }
 
@@ -1152,15 +1153,16 @@ class AdmTopActivityV2Loc extends LocalizationService {
         super.set("it->en", "CPU", ["CPUs"]);
         super.set("it->en", "Da", ["From"]);
         super.set("it->en", "A", ["To"]);
+        super.set("it->en", "Cerca", ["Search"]);
         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", "Memoria", ["Memory"]);
+        super.set("it->en", "Memoria + storico", ["Memory + history"]);
         super.set("it->en", "Aggiornamento automatico", ["Auto refresh"]);
-        super.set("it->en", "Spento", ["Off"]);
-        super.set("it->en", "Dimensione", ["Dimension"]);
+        super.set("it->en", "Dividi per", ["Split by"]);
         super.set("it->en", "Risoluzione", ["Resolution"]);
         super.set("it->en", "Bassa", ["Low"]);
         super.set("it->en", "Media", ["Medium"]);
@@ -1168,19 +1170,23 @@ 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"]);
+        super.set("it->en", "Picco", ["Peak"]);
+        super.set("it->en", "un punto ogni", ["one point every"]);
         super.set("it->en", "Filtri", ["Filters"]);
-        super.set("it->en", "Filtra", ["Filter"]);
         super.set("it->en", "Rimuovi", ["Remove"]);
+        super.set("it->en", "Clic per filtrare", ["Click to filter"]);
         super.set("it->en", "Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)", ["Before this instant data comes from history (one sample every 10 seconds)"]);
-        super.set("it->en", "Sessioni attive medie", ["Average active sessions"]);
         super.set("it->en", "sessioni", ["sessions"]);
         super.set("it->en", "Carico i Dati", ["Loading Data"]);
         super.set("it->en", "Nessun dato nella finestra", ["No data in the window"]);
-        super.set("it->en", "Tabelle", ["Tables"]);
-        super.set("it->en", "agganciato alla fine", ["anchored to the end"]);
+        super.set("it->en", "Finestra tabelle", ["Tables window"]);
+        super.set("it->en", "Ultimi 5 minuti", ["Last 5 minutes"]);
+        super.set("it->en", "Finestra fissa", ["Fixed window"]);
+        super.set("it->en", "Prime righe per", ["Top rows by"]);
         super.set("it->en", "Attività", ["Activity"]);
         super.set("it->en", "Altri", ["Others"]);
         super.set("it->en", "(non attribuito)", ["(not attributed)"]);
@@ -1299,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            <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;min-width: 0\">\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            <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;min-width: 0\">\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: [{
@@ -1319,12 +1325,13 @@ const INSTANCE_CURRENT = "@current";
 const INSTANCE_ALL = "@all";
 // WaitClass ed EventType hanno valori fissi: colori fissi, così il grafico si legge sempre allo stesso modo
 const FIXED_COLORS = {
-    Cpu: "#43a047", Database: "#1e88e5", Script: "#8e24aa", Network: "#8d6e63", IO: "#0288d1", Sleep: "#bdbdbd", Throttle: "#fb8c00", Wait: "#fdd835",
+    Cpu: "#43a047", Database: "#1e88e5", Script: "#8e24aa", Network: "#8d6e63", IO: "#00acc1", Sleep: "#b0bec5", Throttle: "#fb8c00", Wait: "#fdd835",
     Latch: "#e53935", Semaphore: "#f06292", Enqueue: "#c62828", ReadWriteLock: "#ad1457", Fence: "#6d4c41", ConditionVariable: "#00897b", Scheduler: "#5e35b1"
 };
 const PALETTE = ["#1e88e5", "#43a047", "#fb8c00", "#8e24aa", "#e53935", "#00897b", "#fdd835", "#6d4c41", "#3949ab", "#c0ca33"];
 const OTHER_COLOR = "#9e9e9e";
-const TOTAL_COLOR = "#212121";
+const TOTAL_COLOR = "#263238";
+const LIMIT_COLOR = "#e53935";
 class TopActivityV2LegendItem {
 }
 class TopActivityV2FilterChip {
@@ -1342,6 +1349,8 @@ class AdmTopActivityV2Component {
         this.adms = adms;
         this.zone = zone;
         this.Dim = TopActivityDimension;
+        this.TotalColor = TOTAL_COLOR;
+        this.LimitColor = LIMIT_COLOR;
         // Filtri
         this.filterfrom = "";
         this.filterto = "";
@@ -1355,13 +1364,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 = [];
@@ -1384,7 +1396,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();
@@ -1397,6 +1409,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;
@@ -1416,39 +1458,39 @@ class AdmTopActivityV2Component {
         let to = this.toDate(this.filterto) ?? new Date();
         let from = this.toDate(this.filterfrom) ?? new Date(to.getTime() - 3600 * 1000);
         let req = new TopActivityV2Request();
-        req.From = from.toISOString();
-        req.To = to.toISOString();
-        req.Global = this.instance != INSTANCE_CURRENT;
+        req.from = from.toISOString();
+        req.to = to.toISOString();
+        req.global = this.instance != INSTANCE_CURRENT;
         if (this.instance != INSTANCE_CURRENT && this.instance != INSTANCE_ALL)
-            req.InstanceId = this.instance;
-        req.DataSource = +this.dataSource;
-        req.Dimension = +this.dimension;
+            req.instanceId = this.instance;
+        req.dataSource = +this.dataSource;
+        req.dimension = +this.dimension;
         if (this.filters.length > 0)
-            req.Filters = this.filters.map(t => t.filter);
-        req.TotalActivity = this.totalActivity;
-        req.MaximumThreads = this.maxCpu ? +this.maxThreadsKind : TopActivityMaximumThreads.None;
-        req.Resolution = +this.resolution;
-        req.Tables = this.tableDims.map(t => +t);
-        req.TopCount = 10;
+            req.filters = this.filters.map(t => t.filter);
+        req.totalActivity = this.totalActivity;
+        req.maximumThreads = this.maxCpu ? +this.maxThreadsKind : TopActivityMaximumThreads.None;
+        req.resolution = +this.resolution;
+        req.tables = this.tableDims.map(t => +t);
+        req.topCount = 10;
         // Lo slider agganciato a destra segue la fine del grafico; spostato resta fermo finché cade dentro la finestra
         let outside = this.sliderValue <= from.getTime() || this.sliderValue > to.getTime();
         if (this.sliderAnchored || outside) {
             this.sliderAnchored = true;
             this.sliderValue = to.getTime();
         }
-        req.TablesTo = new Date(this.sliderValue).toISOString();
-        req.TablesFrom = new Date(Math.max(from.getTime(), this.sliderValue - TABLES_WINDOW_MS)).toISOString();
+        req.tablesTo = new Date(this.sliderValue).toISOString();
+        req.tablesFrom = new Date(Math.max(from.getTime(), this.sliderValue - TABLES_WINDOW_MS)).toISOString();
         return req;
     }
     applyResult(req, res) {
         this.result = res;
-        this.tables = res?.Tables ?? [];
-        this.chartFrom = new Date(req.From).getTime();
-        this.chartTo = new Date(req.To).getTime();
-        this.sliderStep = Math.max(1, res?.BucketSeconds || 1) * 1000;
+        this.tables = res?.tables ?? [];
+        this.chartFrom = new Date(req.from).getTime();
+        this.chartTo = new Date(req.to).getTime();
+        this.sliderStep = Math.max(1, res?.bucketSeconds || 1) * 1000;
         this.sliderMin = Math.min(this.chartTo, this.chartFrom + TABLES_WINDOW_MS);
         this.sliderMax = this.chartTo;
-        this.sliderValue = new Date(req.TablesTo).getTime();
+        this.sliderValue = new Date(req.tablesTo).getTime();
         this.updateTablesWindowLabel();
         if (!res) {
             this.chartData = null;
@@ -1456,37 +1498,39 @@ class AdmTopActivityV2Component {
             this.lastChartKey = null;
             return;
         }
-        let memoryFrom = res.MemoryFrom ? this.parseUtc(res.MemoryFrom) : null;
+        let memoryFrom = res.memoryFrom ? this.parseUtc(res.memoryFrom) : null;
         this.memoryFrom = memoryFrom && memoryFrom.getTime() > this.chartFrom ? this.fmt(memoryFrom) : null;
+        this.limitLabel = this.lc.loc(+this.maxThreadsKind == TopActivityMaximumThreads.Cores ? "CPU Massime" : "Thread Massimi");
         // Se è cambiata solo la finestra delle tabelle il grafico resta quello di prima: ridisegnarlo lo farebbe lampeggiare
-        let chartKey = JSON.stringify({ ...req, TablesFrom: null, TablesTo: null, Tables: null, TopCount: null });
+        let chartKey = JSON.stringify({ ...req, tablesFrom: null, tablesTo: null, tables: null, topCount: null });
         if (chartKey == this.lastChartKey && this.chartData) {
             this.drawTablesWindow();
             return;
         }
         this.lastChartKey = chartKey;
-        let times = (res.Times ?? []).map(t => this.parseUtc(t));
-        let fixed = res.Dimension == TopActivityDimension.WaitClass || res.Dimension == TopActivityDimension.EventType;
+        let times = (res.times ?? []).map(t => this.parseUtc(t));
+        let fixed = res.dimension == TopActivityDimension.WaitClass || res.dimension == TopActivityDimension.EventType;
         let uom = this.lc.loc("sessioni");
         let series = [];
         this.colors = {};
-        this.legend = (res.Components ?? []).map((c, i) => {
-            let color = c.Other ? OTHER_COLOR : (fixed && FIXED_COLORS[c.Key]) || PALETTE[i % PALETTE.length];
-            if (c.Key != null)
-                this.colors[c.Key] = color;
-            let label = this.valueLabel(c.Label, c.Other, res.Dimension);
-            series.push(new LineSerie(label, times.map((t, j) => new DateValue(t, c.Values?.[j] ?? 0)), null, color, uom));
-            return { key: c.Key, label: label, color: color, other: c.Other, activity: c.Activity, percentage: c.Percentage };
+        this.legend = (res.components ?? []).map((c, i) => {
+            let color = c.other ? OTHER_COLOR : (fixed && FIXED_COLORS[c.key]) || PALETTE[i % PALETTE.length];
+            if (c.key != null)
+                this.colors[c.key] = color;
+            let label = this.valueLabel(c.label, c.other, res.dimension);
+            series.push(new LineSerie(label, times.map((t, j) => new DateValue(t, c.values?.[j] ?? 0)), null, color, uom));
+            return { key: c.key, label: label, color: color, other: c.other, activity: c.activity, percentage: c.percentage };
         });
         // L'attività totale è una linea scura sopra le aree impilate, non impilata a sua volta
-        if (res.TotalActivity)
-            series.push(new LineSerie(this.lc.loc("Attività totale"), times.map((t, j) => new DateValue(t, res.TotalActivity[j] ?? 0)), null, TOTAL_COLOR, uom, false, false));
+        if (res.totalActivity)
+            series.push(new LineSerie(this.lc.loc("Attività totale"), times.map((t, j) => new DateValue(t, res.totalActivity[j] ?? 0)), null, TOTAL_COLOR, uom, false, false));
         let limit = null;
-        if (res.MaximumThreads != null)
-            limit = new Limit(res.MaximumThreads, this.lc.loc(+this.maxThreadsKind == TopActivityMaximumThreads.Cores ? "CPU Massime" : "Thread Massimi"));
-        // L'asse Y non si allarga da solo per le linee limite
-        let peak = Math.max(res.PeakActiveSessions ?? 0, ...(res.TotalActivity ?? [0]));
-        this.chartMax = limit ? Math.max(peak, res.MaximumThreads) * 1.1 : undefined;
+        if (res.maximumThreads != null)
+            limit = new Limit(res.maximumThreads, this.limitLabel, LIMIT_COLOR);
+        // L'asse Y non si allarga da solo per le linee limite: lo allargo solo se l'attività arriva ad almeno un quarto del limite,
+        // altrimenti con il sistema scarico il grafico diventerebbe una riga piatta sul fondo (il valore del limite resta in legenda)
+        let peak = Math.max(res.peakActiveSessions ?? 0, ...(res.totalActivity ?? [0]));
+        this.chartMax = limit && peak >= res.maximumThreads / 4 ? Math.max(peak, res.maximumThreads) * 1.1 : undefined;
         this.chartData = series.length > 0 ? new LineChartData(series, limit) : null;
     }
     // #endregion
@@ -1508,7 +1552,7 @@ class AdmTopActivityV2Component {
                 this.windowAxis = dateAxis;
                 this.windowRange = dateAxis.makeDataItem({ value: start, endValue: end });
                 dateAxis.createAxisRange(this.windowRange);
-                this.windowRange.get("axisFill")?.setAll({ fill: am5.color(0x546e7a), fillOpacity: 0.18, visible: true });
+                this.windowRange.get("axisFill")?.setAll({ fill: am5.color(0x6366f1), fillOpacity: 0.12, visible: true });
                 this.windowRange.get("grid")?.set("forceHidden", true);
                 this.windowRange.get("label")?.set("forceHidden", true);
             }
@@ -1521,11 +1565,11 @@ class AdmTopActivityV2Component {
         if (item.other || !this.result)
             return;
         let filter = new TopActivityV2Filter();
-        filter.Dimension = this.result.Dimension;
-        filter.Value = item.key ?? "";
-        if (this.filters.some(t => t.filter.Dimension == filter.Dimension && t.filter.Value == filter.Value))
+        filter.dimension = this.result.dimension;
+        filter.value = item.key ?? "";
+        if (this.filters.some(t => t.filter.dimension == filter.dimension && t.filter.value == filter.value))
             return;
-        this.filters.push({ filter: filter, label: `${this.dimensionLabel(filter.Dimension)} = ${item.label}` });
+        this.filters.push({ filter: filter, label: `${this.dimensionLabel(filter.dimension)} = ${item.label}` });
         this.totalActivity = true;
         this.search();
     }
@@ -1553,24 +1597,24 @@ class AdmTopActivityV2Component {
         this.tablesWindowLabel = `${this.fmt(new Date(start))} - ${this.fmt(new Date(this.sliderValue))}`;
     }
     isClickable(item) {
-        return !item.Other && (!!item.Session || !!item.Event?.EventId);
+        return !item.other && (!!item.session || !!item.event?.eventId);
     }
     openItem(item) {
         if (!this.isClickable(item))
             return;
-        if (item.Session)
-            this.loadSessionDetails(item.Session);
+        if (item.session)
+            this.loadSessionDetails(item.session);
         else
-            this.loadNodeDetails(item.Event.EventId);
+            this.loadNodeDetails(item.event.eventId);
     }
     breakdownWidth(item, part) {
-        return item.Activity ? part.Activity / item.Activity * 100 : 0;
+        return item.activity ? part.activity / item.activity * 100 : 0;
     }
     breakdownColor(part) {
-        return part.Other || part.Key == null ? OTHER_COLOR : this.colors[part.Key] ?? OTHER_COLOR;
+        return part.other || part.key == null ? OTHER_COLOR : this.colors[part.key] ?? OTHER_COLOR;
     }
     itemLabel(item, table) {
-        return this.valueLabel(item.Label, item.Other, table.Dimension);
+        return this.valueLabel(item.label, item.other, table.dimension);
     }
     loadNodeDetails(nodeId) {
         this.NodeDetails = null;
@@ -1583,7 +1627,7 @@ class AdmTopActivityV2Component {
         this.SessionDetails = null;
         this.dlgSessionDetails.show();
         requestAnimationFrame(async () => {
-            this.SessionDetails = await this.adms.getSessionStats(this.be, session.SessionId?.toString(), session.SerialNo?.toString(), session.InstanceId);
+            this.SessionDetails = await this.adms.getSessionStats(this.be, session.sessionId?.toString(), session.serialNo?.toString(), session.instanceId);
         });
     }
     // #endregion
@@ -1610,8 +1654,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 = [
@@ -1620,12 +1664,13 @@ 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("0", "Off"),
             new KeyValue("15", "15 s"),
             new KeyValue("30", "30 s"),
             new KeyValue("60", "60 s")
@@ -1683,7 +1728,8 @@ class AdmTopActivityV2Component {
         this.maxCpu = saved.maxCpu ?? this.maxCpu;
         this.maxThreadsKind = saved.maxThreadsKind ?? this.maxThreadsKind;
         this.tableDims = saved.tableDims?.length == 2 ? saved.tableDims : this.tableDims;
-        this.filters = saved.filters ?? [];
+        // Filtri salvati con i nomi delle prime versioni (PascalCase) non sono più validi
+        this.filters = (saved.filters ?? []).filter(t => t?.filter?.dimension != null);
     }
     saveSettings() {
         let settings = {
@@ -1699,9 +1745,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) {
@@ -1716,11 +1762,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                    <div class=\"row app-first-filter-line\">\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-1 col-lg-1 col-md-2\">\r\n                            <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"searchClicked()\" type=\"submit\"><i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i></button>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-4 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"refreshSeconds\" name=\"refreshSeconds\" [Source]=\"RefreshOptions\" [Placeholder]=\"'Aggiornamento automatico' | localize: lc\" (inputChange)=\"refreshChanged()\"></form-select>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dimensione' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" name=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>&nbsp;\r\n                            <span class=\"app-padding-top-5 app-padding-left-5\">{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"maxCpu\" name=\"maxCpu\" (inputChange)=\"search()\"></form-checkbox>&nbsp;\r\n                            <span class=\"app-padding-top-5 app-padding-left-5\">{{'Limite' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [disabled]=\"!maxCpu\" [(ngModel)]=\"maxThreadsKind\" name=\"maxThreadsKind\" [Source]=\"ThreadKinds\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n\r\n                @if (filters.length > 0) {\r\n                    <div class=\"app-margin-top-5\">\r\n                        <strong>{{'Filtri' | localize: lc}}:</strong>&nbsp;\r\n                        @for (chip of filters; track $index) {\r\n                            <span style=\"display: inline-block; border: 1px solid #bbb; border-radius: 12px; padding: 1px 8px; margin: 0 5px 3px 0;\">\r\n                                {{chip.label}}&nbsp;<a class=\"app-pointer\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</a>\r\n                            </span>\r\n                        }\r\n                    </div>\r\n                }\r\n\r\n                @if (memoryFrom) {\r\n                    <div class=\"app-margin-top-5\"><small><em>{{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}</em></small></div>\r\n                }\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 app-margin-top-5\">\r\n                        <div style=\"width: 100%; height: 300px\">\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                                               [YTitle]=\"'Sessioni attive medie' | localize: lc\"\r\n                                               name=\"topactv2\"\r\n                                               [DataGroupingThreshold]=\"99999999\"\r\n                                               (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                            } @else {\r\n                                <p><em>{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</em></p>\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                        <div class=\"app-margin-top-5\">\r\n                            @for (item of legend; track $index) {\r\n                                <span [class.app-pointer]=\"!item.other\" [title]=\"item.other ? '' : ('Filtra' | localize: lc)\" (click)=\"addFilter(item)\" style=\"display: inline-block; margin: 0 12px 3px 0; white-space: nowrap;\">\r\n                                    <span [style.background]=\"item.color\" style=\"display: inline-block; width: 10px; height: 10px; margin-right: 4px;\"></span>{{item.label}}&nbsp;<small>{{item.percentage | number : '1.0-1' : 'it'}}%</small>\r\n                                </span>\r\n                            }\r\n                            @if (result?.TotalActivity) {\r\n                                <span style=\"display: inline-block; margin: 0 12px 3px 0; white-space: nowrap;\">\r\n                                    <span style=\"display: inline-block; width: 14px; height: 2px; background: #212121; margin: 0 4px 3px 0;\"></span>{{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (sliderMax > sliderMin) {\r\n                            <div style=\"display: flex; align-items: center; gap: 10px;\" class=\"app-margin-top-5\">\r\n                                <span class=\"app-nowrap\"><strong>{{'Tabelle' | localize: lc}}</strong>: {{tablesWindowLabel}}</span>\r\n                                <input type=\"range\" style=\"flex-grow: 1;\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                                @if (sliderAnchored) {\r\n                                    <small class=\"app-nowrap\"><em>{{'agganciato alla fine' | localize: lc}}</em></small>\r\n                                }\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row app-margin-top-5\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"col-md-6\">\r\n                            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n                                <div style=\"width: 220px;\">\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                                <small>{{'Attivit\u00E0' | localize: lc}}: {{table.Activity | number : '1.1-3' : 'it'}}</small>\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\">%</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                                        <th>{{'Gruppo di consumo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.Dimension == Dim.WaitEvent) {\r\n                                        <th>{{'Tipo evento' | localize: lc}}</th>\r\n                                        <th>{{'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\" [title]=\"item.Key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span>{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div style=\"display: flex; align-items: center; gap: 6px;\">\r\n                                            <div style=\"display: flex; width: 90px; height: 10px; background: #eee;\">\r\n                                                @for (part of item.Breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            {{item.Activity | number : '1.2-2' : 'it'}}\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">{{item.Percentage | number : '1.1-2' : '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>{{item.Session?.BgProcessName || item.Session?.JobName}}</td>\r\n                                        <td>{{item.Session?.ConsumerGroup}}</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", 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.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                    <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\" (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\r\n                        <span class=\"tav2-divider\"></span>\r\n\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\r\n                        <div class=\"tav2-spacer\"></div>\r\n\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                </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 10px;padding-top:6px}.tav2-field{width:175px}.tav2-field-wide{width:230px}.tav2-spacer{flex:1 1 auto}.tav2-divider{align-self:stretch;width:1px;margin:4px;background:var(--p-content-border-color, #e2e8f0)}.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(460px,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                    <div class=\"row app-first-filter-line\">\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-1 col-lg-1 col-md-2\">\r\n                            <button [disabled]=\"loading || refreshSeconds != '0'\" class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"searchClicked()\" type=\"submit\"><i class=\"fa\" [class.fa-search]=\"!loading\" [class.fa-spinner]=\"loading\" [class.fa-spin]=\"loading\"></i></button>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-4 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"refreshSeconds\" name=\"refreshSeconds\" [Source]=\"RefreshOptions\" [Placeholder]=\"'Aggiornamento automatico' | localize: lc\" (inputChange)=\"refreshChanged()\"></form-select>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"dimension\" name=\"dimension\" [Source]=\"Dimensions\" [Placeholder]=\"'Dimensione' | localize: lc\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\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=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"totalActivity\" name=\"totalActivity\" (inputChange)=\"search()\"></form-checkbox>&nbsp;\r\n                            <span class=\"app-padding-top-5 app-padding-left-5\">{{'Attivit\u00E0 totale' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\r\n                            <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"maxCpu\" name=\"maxCpu\" (inputChange)=\"search()\"></form-checkbox>&nbsp;\r\n                            <span class=\"app-padding-top-5 app-padding-left-5\">{{'Limite' | localize: lc}}</span>\r\n                        </div>\r\n                        <div class=\"col-xl-2 col-lg-2 col-md-6 app-filter-wrapper\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [disabled]=\"!maxCpu\" [(ngModel)]=\"maxThreadsKind\" name=\"maxThreadsKind\" [Source]=\"ThreadKinds\" (inputChange)=\"search()\"></form-select>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n\r\n                @if (filters.length > 0) {\r\n                    <div class=\"app-margin-top-5\">\r\n                        <strong>{{'Filtri' | localize: lc}}:</strong>&nbsp;\r\n                        @for (chip of filters; track $index) {\r\n                            <span style=\"display: inline-block; border: 1px solid #bbb; border-radius: 12px; padding: 1px 8px; margin: 0 5px 3px 0;\">\r\n                                {{chip.label}}&nbsp;<a class=\"app-pointer\" [title]=\"'Rimuovi' | localize: lc\" (click)=\"removeFilter($index)\">&times;</a>\r\n                            </span>\r\n                        }\r\n                    </div>\r\n                }\r\n\r\n                @if (memoryFrom) {\r\n                    <div class=\"app-margin-top-5\"><small><em>{{'Prima di questo istante i dati vengono dallo storico (un campione ogni 10 secondi)' | localize: lc}}: {{memoryFrom}}</em></small></div>\r\n                }\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 app-margin-top-5\">\r\n                        <div style=\"width: 100%; height: 300px\">\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                                               [YTitle]=\"'Sessioni attive medie' | localize: lc\"\r\n                                               name=\"topactv2\"\r\n                                               [DataGroupingThreshold]=\"99999999\"\r\n                                               (chartLoaded)=\"onChartLoaded($event)\"></es-line-chart>\r\n                            } @else {\r\n                                <p><em>{{(loading ? 'Carico i Dati' : 'Nessun dato nella finestra') | localize: lc}}</em></p>\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                        <div class=\"app-margin-top-5\">\r\n                            @for (item of legend; track $index) {\r\n                                <span [class.app-pointer]=\"!item.other\" [title]=\"item.other ? '' : ('Filtra' | localize: lc)\" (click)=\"addFilter(item)\" style=\"display: inline-block; margin: 0 12px 3px 0; white-space: nowrap;\">\r\n                                    <span [style.background]=\"item.color\" style=\"display: inline-block; width: 10px; height: 10px; margin-right: 4px;\"></span>{{item.label}}&nbsp;<small>{{item.percentage | number : '1.0-1' : 'it'}}%</small>\r\n                                </span>\r\n                            }\r\n                            @if (result?.TotalActivity) {\r\n                                <span style=\"display: inline-block; margin: 0 12px 3px 0; white-space: nowrap;\">\r\n                                    <span style=\"display: inline-block; width: 14px; height: 2px; background: #212121; margin: 0 4px 3px 0;\"></span>{{'Attivit\u00E0 totale' | localize: lc}}\r\n                                </span>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (sliderMax > sliderMin) {\r\n                            <div style=\"display: flex; align-items: center; gap: 10px;\" class=\"app-margin-top-5\">\r\n                                <span class=\"app-nowrap\"><strong>{{'Tabelle' | localize: lc}}</strong>: {{tablesWindowLabel}}</span>\r\n                                <input type=\"range\" style=\"flex-grow: 1;\" [min]=\"sliderMin\" [max]=\"sliderMax\" [step]=\"sliderStep\" [ngModel]=\"sliderValue\" (ngModelChange)=\"sliderValue = $event; sliderMoving()\" (change)=\"sliderChanged()\" />\r\n                                @if (sliderAnchored) {\r\n                                    <small class=\"app-nowrap\"><em>{{'agganciato alla fine' | localize: lc}}</em></small>\r\n                                }\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row app-margin-top-5\">\r\n                    @for (table of tables; track $index; let i = $index) {\r\n                        <div class=\"col-md-6\">\r\n                            <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n                                <div style=\"width: 220px;\">\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                                <small>{{'Attivit\u00E0' | localize: lc}}: {{table.Activity | number : '1.1-3' : 'it'}}</small>\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\">%</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                                        <th>{{'Gruppo di consumo' | localize: lc}}</th>\r\n                                    }\r\n                                    @if (table.Dimension == Dim.WaitEvent) {\r\n                                        <th>{{'Tipo evento' | localize: lc}}</th>\r\n                                        <th>{{'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\" [title]=\"item.Key\" (click)=\"openItem(item)\">{{itemLabel(item, table)}}</span>\r\n                                        } @else {\r\n                                            <span>{{itemLabel(item, table)}}</span>\r\n                                        }\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">\r\n                                        <div style=\"display: flex; align-items: center; gap: 6px;\">\r\n                                            <div style=\"display: flex; width: 90px; height: 10px; background: #eee;\">\r\n                                                @for (part of item.Breakdown; track $index) {\r\n                                                    <div [style.width.%]=\"breakdownWidth(item, part)\" [style.background]=\"breakdownColor(part)\"></div>\r\n                                                }\r\n                                            </div>\r\n                                            {{item.Activity | number : '1.2-2' : 'it'}}\r\n                                        </div>\r\n                                    </td>\r\n                                    <td class=\"app-nowrap\">{{item.Percentage | number : '1.1-2' : '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>{{item.Session?.BgProcessName || item.Session?.JobName}}</td>\r\n                                        <td>{{item.Session?.ConsumerGroup}}</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" }]
+            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                    <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\" (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\r\n                        <span class=\"tav2-divider\"></span>\r\n\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\r\n                        <div class=\"tav2-spacer\"></div>\r\n\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                </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 10px;padding-top:6px}.tav2-field{width:175px}.tav2-field-wide{width:230px}.tav2-spacer{flex:1 1 auto}.tav2-divider{align-self:stretch;width:1px;margin:4px;background:var(--p-content-border-color, #e2e8f0)}.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(460px,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"]