@esfaenza/admin-module 20.3.13 → 20.3.16

package/fesm2022/esfaenza-admin-module.mjs

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import * as i7 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Component, ViewChild, EventEmitter, Output, Input, Pipe, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Component, ViewChild, EventEmitter, Output, Input, Pipe, inject, NgModule } from '@angular/core';
 import * as i4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i8$1 from 'ngx-bootstrap/modal';
@@ -30,6 +30,7 @@ import * as i10 from '@esfaenza/core/directives';
 import { DirectivesModule } from '@esfaenza/core/directives';
 import { GenericItem, KeyValue as KeyValue$1 } from '@esfaenza/core/domain';
 import { __decorate } from 'tslib';
+import * as am5 from '@amcharts/amcharts5';
 import { ComponentsModule } from '@esfaenza/core/components';
 
 class AuditsView extends AppSearch {
@@ -42,6 +43,7 @@ class AuditsView extends AppSearch {
 
 const ADM_MODULE_PATH = new InjectionToken('ADM_MODULE_PATH');
 const ADM_CONVERSATIONS = new InjectionToken('ADM_CONVERSATIONS');
+const ADM_TOPACT_V2 = new InjectionToken('ADM_TOPACT_V2');
 
 class AdmAuditLoc extends LocalizationService {
     constructor(injector) {
@@ -152,6 +154,12 @@ class AdminModuleBaseService {
         let ret = await firstValueFrom(this.http.post(POST_Director_GetTopActivities, sv, pars));
         return ret;
     }
+    // Stesso URL di getTopActivities: con DirectorFeature.TopActivityV2 attivo il backend-for-frontend risponde con il contratto v2
+    async getTopActivitiesV2(be, req) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await firstValueFrom(this.http.post(POST_Director_GetTopActivities, req, pars));
+        return ret;
+    }
     async getInfos(be) {
         var pars = new HttpParams().set("be", be ?? "");
         let ret = await firstValueFrom(this.http.get(GET_Director_GetInfos, pars, null, false).pipe(catchError(_ => of(null))));
@@ -1094,6 +1102,633 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                     args: [ADM_MODULE_PATH]
                 }] }] });
 
+// Enum della Top Activity v2: i numeri sono quelli del backend (le risposte li riportano come numeri)
+var TopActivityDimension;
+(function (TopActivityDimension) {
+    TopActivityDimension[TopActivityDimension["WaitClass"] = 0] = "WaitClass";
+    TopActivityDimension[TopActivityDimension["EventType"] = 1] = "EventType";
+    TopActivityDimension[TopActivityDimension["WaitEvent"] = 2] = "WaitEvent";
+    TopActivityDimension[TopActivityDimension["Instance"] = 3] = "Instance";
+    TopActivityDimension[TopActivityDimension["UserSession"] = 4] = "UserSession";
+    TopActivityDimension[TopActivityDimension["UserName"] = 5] = "UserName";
+    TopActivityDimension[TopActivityDimension["Tenant"] = 6] = "Tenant";
+    TopActivityDimension[TopActivityDimension["SessionType"] = 7] = "SessionType";
+    TopActivityDimension[TopActivityDimension["BackgroundSession"] = 8] = "BackgroundSession";
+    TopActivityDimension[TopActivityDimension["JobName"] = 9] = "JobName";
+    TopActivityDimension[TopActivityDimension["ConsumerGroup"] = 10] = "ConsumerGroup";
+    TopActivityDimension[TopActivityDimension["ThreadType"] = 11] = "ThreadType";
+    TopActivityDimension[TopActivityDimension["Api"] = 12] = "Api";
+    TopActivityDimension[TopActivityDimension["Machine"] = 13] = "Machine";
+})(TopActivityDimension || (TopActivityDimension = {}));
+var TopActivityDataSource;
+(function (TopActivityDataSource) {
+    TopActivityDataSource[TopActivityDataSource["Memory"] = 0] = "Memory";
+    TopActivityDataSource[TopActivityDataSource["MemoryAndStored"] = 1] = "MemoryAndStored";
+})(TopActivityDataSource || (TopActivityDataSource = {}));
+var TopActivityResolution;
+(function (TopActivityResolution) {
+    TopActivityResolution[TopActivityResolution["Low"] = 0] = "Low";
+    TopActivityResolution[TopActivityResolution["Medium"] = 1] = "Medium";
+    TopActivityResolution[TopActivityResolution["High"] = 2] = "High";
+    TopActivityResolution[TopActivityResolution["Maximum"] = 3] = "Maximum";
+})(TopActivityResolution || (TopActivityResolution = {}));
+var TopActivityMaximumThreads;
+(function (TopActivityMaximumThreads) {
+    TopActivityMaximumThreads[TopActivityMaximumThreads["None"] = 0] = "None";
+    TopActivityMaximumThreads[TopActivityMaximumThreads["Cores"] = 1] = "Cores";
+    TopActivityMaximumThreads[TopActivityMaximumThreads["Threads"] = 2] = "Threads";
+})(TopActivityMaximumThreads || (TopActivityMaximumThreads = {}));
+
+class TopActivityV2Filter {
+}
+// Richiesta della Top Activity v2: date in ISO UTC (…Z), campi non valorizzati = default del backend
+class TopActivityV2Request {
+}
+
+class AdmTopActivityV2Loc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Attività Principali", ["Top Activities"]);
+        super.set("it->en", "CPU", ["CPUs"]);
+        super.set("it->en", "Da", ["From"]);
+        super.set("it->en", "A", ["To"]);
+        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", "Origine dati", ["Data source"]);
+        super.set("it->en", "Memoria e storico", ["Memory and history"]);
+        super.set("it->en", "Solo memoria", ["Memory only"]);
+        super.set("it->en", "Aggiornamento automatico", ["Auto refresh"]);
+        super.set("it->en", "Spento", ["Off"]);
+        super.set("it->en", "Dimensione", ["Dimension"]);
+        super.set("it->en", "Risoluzione", ["Resolution"]);
+        super.set("it->en", "Bassa", ["Low"]);
+        super.set("it->en", "Media", ["Medium"]);
+        super.set("it->en", "Alta", ["High"]);
+        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", "CPU Massime", ["Maximum CPUs"]);
+        super.set("it->en", "Thread Massimi", ["Maximum Threads"]);
+        super.set("it->en", "Filtri", ["Filters"]);
+        super.set("it->en", "Filtra", ["Filter"]);
+        super.set("it->en", "Rimuovi", ["Remove"]);
+        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", "Attività", ["Activity"]);
+        super.set("it->en", "Altri", ["Others"]);
+        super.set("it->en", "(non attribuito)", ["(not attributed)"]);
+        super.set("it->en", "(nessuno)", ["(none)"]);
+        super.set("it->en", "Classe di attesa", ["Wait class"]);
+        super.set("it->en", "Tipo evento", ["Event type"]);
+        super.set("it->en", "Nodo", ["Node"]);
+        super.set("it->en", "Sessione", ["Session"]);
+        super.set("it->en", "Utente", ["User"]);
+        super.set("it->en", "Tenant", ["Tenant"]);
+        super.set("it->en", "Tipo sessione", ["Session type"]);
+        super.set("it->en", "Sessione di background", ["Background session"]);
+        super.set("it->en", "Job", ["Job"]);
+        super.set("it->en", "Gruppo di consumo", ["Consumer group"]);
+        super.set("it->en", "Tipo thread", ["Thread type"]);
+        super.set("it->en", "Macchina", ["Machine"]);
+        super.set("it->en", "Tipo", ["Type"]);
+        super.set("it->en", "Processo", ["Process"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Loc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Loc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Loc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class SessionDetailLoc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Dettaglio Sessione", ["Session Detail"]);
+        super.set("it->en", "Istanza", ["Instance"]);
+        super.set("it->en", "Seriale", ["Serial"]);
+        super.set("it->en", "Stato", ["Status"]);
+        super.set("it->en", "Tipo", ["Type"]);
+        super.set("it->en", "Utente", ["User"]);
+        super.set("it->en", "Prime Istruzioni", ["Top Nodes"]);
+        super.set("it->en", "Nodo", ["Node"]);
+        super.set("it->en", "Descrizione Nodo", ["Node Description"]);
+        super.set("it->en", "Attività", ["Activity"]);
+        super.set("it->en", "Tipo Nodo", ["Node Type"]);
+        super.set("it->en", "Classe Attesa", ["Wait Class Name"]);
+        super.set("it->en", "Statistiche Thread", ["Thread Statistics"]);
+        super.set("it->en", "Attesa corrente", ["Current Wait"]);
+        super.set("it->en", "Nodo di attesa", ["Wait Node"]);
+        super.set("it->en", "Attesa su", ["Waiting On"]);
+        super.set("it->en", "Classe", ["Class"]);
+        super.set("it->en", "Tempo Attesa", ["Wait Time"]);
+        super.set("it->en", "Chiudi", ["Close"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: SessionDetailLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: SessionDetailLoc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: SessionDetailLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+// Angular
+// Dettaglio sessione condiviso (stesso contenuto del dialog della pagina Top Activity di sempre): il dialog che lo ospita resta del chiamante,
+// il clic su un nodo viene rilanciato con onNodeSelected perché il dettaglio nodo è anch'esso un dialog del chiamante
+class SessionDetailComponent {
+    constructor(lc) {
+        this.lc = lc;
+        this.onClose = new EventEmitter();
+        this.onNodeSelected = new EventEmitter();
+        this.seriesPropertiesMapping = {};
+        this.propertiesSeriesMapping = {
+            ["cputime"]: "CPU",
+            ["waittime"]: "Wait",
+            ["scripttime"]: "Scripting",
+            ["dbtime"]: "DB",
+            ["nettime"]: "Network",
+            ["throttletime"]: "Throttling",
+            ["sleeptime"]: "Sleep",
+            ["iotime"]: "IO"
+        };
+    }
+    ngOnInit() {
+        this.threadSelectionChanged(null);
+    }
+    threadSelectionChanged(selection) {
+        this.SelectedTopNodes = null;
+        this.SelectedSessions = null;
+        requestAnimationFrame(() => {
+            let sessDet = (selection?.count || 0) == 0 ? this.SessionDetails : selection.items[0];
+            this.SelectedTopNodes = sessDet.nodes;
+            if (!sessDet.sessions || sessDet.sessions.length == 0)
+                return;
+            let series = [];
+            let props = Object.keys(sessDet.sessions[0]);
+            for (let i = 0; i < props.length; i++) {
+                if (props[i] != 'sampletime') {
+                    let s = new LineSerie(this.propertiesSeriesMapping[props[i]], [], null, null, "sessions");
+                    series.push(s);
+                    this.seriesPropertiesMapping[props[i]] = s;
+                }
+            }
+            for (let i = 0; i < sessDet.sessions.length; i++) {
+                let itemref = sessDet.sessions[i];
+                let theD = new Date(itemref.sampletime);
+                for (let i = 0; i < props.length; i++)
+                    if (props[i] != 'sampletime')
+                        this.seriesPropertiesMapping[props[i]].values.push(new DateValue(theD, itemref[props[i]]));
+            }
+            this.SelectedSessions = new LineChartData(series);
+        });
+    }
+    onChartLoaded(chart) {
+        let readyHandler = () => {
+            chart.Chart.xAxes.each(x => x.zoom(0, 1, 0));
+            chart.Chart.yAxes.each(y => y.zoom(0, 1, 0));
+            chart.Chart.root.events.off("frameended", readyHandler);
+        };
+        chart.Chart.root.events.onDebounced("frameended", readyHandler, 500);
+    }
+    closeDialog() {
+        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 }] }); }
+}
+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" }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { SessionDetails: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], onNodeSelected: [{
+                type: Output
+            }] } });
+
+// Angular
+const STORAGE_KEY = "HotSearchTopActV2";
+const TABLES_WINDOW_MS = 5 * 60 * 1000;
+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",
+    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";
+class TopActivityV2LegendItem {
+}
+class TopActivityV2FilterChip {
+}
+// Impostazioni ricordate fra una visita e l'altra (la finestra temporale riparte sempre dall'ultima ora)
+class TopActivityV2Settings {
+}
+class AdmTopActivityV2Component {
+    constructor(dateExts, lc, localStorage, intercom, route, adms, zone) {
+        this.dateExts = dateExts;
+        this.lc = lc;
+        this.localStorage = localStorage;
+        this.intercom = intercom;
+        this.route = route;
+        this.adms = adms;
+        this.zone = zone;
+        this.Dim = TopActivityDimension;
+        // Filtri
+        this.filterfrom = "";
+        this.filterto = "";
+        this.instance = INSTANCE_CURRENT;
+        this.dataSource = String(TopActivityDataSource.MemoryAndStored);
+        this.dimension = String(TopActivityDimension.WaitClass);
+        this.resolution = String(TopActivityResolution.Medium);
+        this.totalActivity = false;
+        this.maxCpu = true;
+        this.maxThreadsKind = String(TopActivityMaximumThreads.Threads);
+        this.tableDims = [String(TopActivityDimension.UserSession), String(TopActivityDimension.WaitEvent)];
+        this.filters = [];
+        this.refreshSeconds = "0";
+        // Sorgenti delle select
+        this.Instances = [];
+        this.DataSources = [];
+        this.Dimensions = [];
+        this.Resolutions = [];
+        this.ThreadKinds = [];
+        this.RefreshOptions = [];
+        // Risultato
+        this.loading = false;
+        this.legend = [];
+        this.tables = [];
+        // Time slider: fine della finestra di 5 minuti delle tabelle, in millisecondi
+        this.sliderMin = 0;
+        this.sliderMax = 0;
+        this.sliderStep = 1000;
+        this.sliderValue = 0;
+        this.sliderAnchored = true;
+        this.tablesWindowLabel = "";
+        this.chartFrom = 0;
+        this.chartTo = 0;
+        this.colors = {};
+        this.be = route.snapshot.params["be"] || "";
+        this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
+    }
+    async ngOnInit() {
+        this.buildSources();
+        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.loadInstances();
+        this.refreshInfos();
+        this.search();
+    }
+    ngOnDestroy() {
+        clearInterval(this.refreshTimer);
+    }
+    // #region Ricerca
+    searchClicked() {
+        this.refreshInfos();
+        this.search();
+    }
+    async search() {
+        let req = this.buildRequest();
+        this.loading = true;
+        try {
+            let res = await this.adms.getTopActivitiesV2(this.be, req);
+            this.applyResult(req, res);
+            this.saveSettings();
+        }
+        catch {
+            // L'errore (finestra non valida, backend non raggiungibile...) lo mostra già HTTPService
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    buildRequest() {
+        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;
+        if (this.instance != INSTANCE_CURRENT && this.instance != INSTANCE_ALL)
+            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;
+        // 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();
+        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.sliderMin = Math.min(this.chartTo, this.chartFrom + TABLES_WINDOW_MS);
+        this.sliderMax = this.chartTo;
+        this.sliderValue = new Date(req.TablesTo).getTime();
+        this.updateTablesWindowLabel();
+        if (!res) {
+            this.chartData = null;
+            this.legend = [];
+            this.lastChartKey = null;
+            return;
+        }
+        let memoryFrom = res.MemoryFrom ? this.parseUtc(res.MemoryFrom) : null;
+        this.memoryFrom = memoryFrom && memoryFrom.getTime() > this.chartFrom ? this.fmt(memoryFrom) : null;
+        // 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 });
+        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 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 };
+        });
+        // 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));
+        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;
+        this.chartData = series.length > 0 ? new LineChartData(series, limit) : null;
+    }
+    // #endregion
+    // #region Grafico, legenda e filtri
+    onChartLoaded(chart) {
+        // Il grafico viene ricreato a ogni cambio di dati: l'area della finestra delle tabelle va rifatta
+        this.chart = chart;
+        this.windowAxis = null;
+        this.drawTablesWindow();
+    }
+    drawTablesWindow() {
+        let dateAxis = this.chart?.ChartService?.dateAxis;
+        if (!dateAxis || !this.sliderMax)
+            return;
+        let end = this.sliderValue;
+        let start = Math.max(this.chartFrom, end - TABLES_WINDOW_MS);
+        this.zone.runOutsideAngular(() => {
+            if (this.windowAxis !== dateAxis) {
+                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("grid")?.set("forceHidden", true);
+                this.windowRange.get("label")?.set("forceHidden", true);
+            }
+            else
+                this.windowRange.setAll({ value: start, endValue: end });
+        });
+    }
+    addFilter(item) {
+        // Il componente "altri" non è filtrabile, come in Oracle
+        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))
+            return;
+        this.filters.push({ filter: filter, label: `${this.dimensionLabel(filter.Dimension)} = ${item.label}` });
+        this.totalActivity = true;
+        this.search();
+    }
+    removeFilter(index) {
+        this.filters.splice(index, 1);
+        this.search();
+    }
+    // #endregion
+    // #region Time slider e tabelle
+    sliderMoving() {
+        this.updateTablesWindowLabel();
+        this.drawTablesWindow();
+    }
+    sliderChanged() {
+        // Il range input arrotonda al passo: "agganciato" se è a meno di un passo dalla fine
+        this.sliderAnchored = this.sliderMax - this.sliderValue < this.sliderStep;
+        this.search();
+    }
+    updateTablesWindowLabel() {
+        if (!this.sliderMax) {
+            this.tablesWindowLabel = "";
+            return;
+        }
+        let start = Math.max(this.chartFrom, this.sliderValue - TABLES_WINDOW_MS);
+        this.tablesWindowLabel = `${this.fmt(new Date(start))} - ${this.fmt(new Date(this.sliderValue))}`;
+    }
+    isClickable(item) {
+        return !item.Other && (!!item.Session || !!item.Event?.EventId);
+    }
+    openItem(item) {
+        if (!this.isClickable(item))
+            return;
+        if (item.Session)
+            this.loadSessionDetails(item.Session);
+        else
+            this.loadNodeDetails(item.Event.EventId);
+    }
+    breakdownWidth(item, part) {
+        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;
+    }
+    itemLabel(item, table) {
+        return this.valueLabel(item.Label, item.Other, table.Dimension);
+    }
+    loadNodeDetails(nodeId) {
+        this.NodeDetails = null;
+        this.dlgNodeDetails.show();
+        requestAnimationFrame(async () => {
+            this.NodeDetails = await this.adms.getNodeStats(this.be, nodeId, this.instance != INSTANCE_CURRENT);
+        });
+    }
+    loadSessionDetails(session) {
+        this.SessionDetails = null;
+        this.dlgSessionDetails.show();
+        requestAnimationFrame(async () => {
+            this.SessionDetails = await this.adms.getSessionStats(this.be, session.SessionId?.toString(), session.SerialNo?.toString(), session.InstanceId);
+        });
+    }
+    // #endregion
+    // #region Aggiornamento automatico
+    refreshChanged() {
+        clearInterval(this.refreshTimer);
+        this.refreshTimer = null;
+        let seconds = +this.refreshSeconds;
+        if (seconds > 0)
+            this.refreshTimer = setInterval(() => this.shiftWindow(), seconds * 1000);
+    }
+    // Sposta in avanti la finestra della stessa durata: lo slider agganciato la segue, quello spostato resta dov'è
+    shiftWindow() {
+        if (this.loading)
+            return;
+        let to = this.toDate(this.filterto) ?? new Date();
+        let from = this.toDate(this.filterfrom) ?? new Date(to.getTime() - 3600 * 1000);
+        let now = new Date();
+        this.filterfrom = this.fmt(new Date(now.getTime() - (to.getTime() - from.getTime())));
+        this.filterto = this.fmt(now);
+        this.search();
+    }
+    // #endregion
+    // #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"))
+        ];
+        this.Dimensions = Object.keys(TopActivityDimension).filter(t => !isNaN(+t)).map(t => new KeyValue(t, this.dimensionLabel(+t)));
+        this.Resolutions = [
+            new KeyValue(String(TopActivityResolution.Low), this.lc.loc("Bassa")),
+            new KeyValue(String(TopActivityResolution.Medium), this.lc.loc("Media")),
+            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")),
+            new KeyValue(String(TopActivityMaximumThreads.Cores), "CPU")
+        ];
+        this.RefreshOptions = [
+            new KeyValue("0", this.lc.loc("Spento")),
+            new KeyValue("15", "15 s"),
+            new KeyValue("30", "30 s"),
+            new KeyValue("60", "60 s")
+        ];
+        this.Instances = [
+            new KeyValue(INSTANCE_CURRENT, this.lc.loc("Istanza corrente")),
+            new KeyValue(INSTANCE_ALL, this.lc.loc("Tutte le istanze"))
+        ];
+    }
+    async loadInstances() {
+        try {
+            let instances = await this.adms.getInstances(this.be);
+            this.Instances = [...this.Instances.slice(0, 2), ...(instances ?? []).map(t => new KeyValue(t.id, t.description))];
+        }
+        catch {
+            // Senza elenco istanze restano "corrente" e "tutte"
+        }
+    }
+    async refreshInfos() {
+        // DirectorInfos è facoltativo: se scoppia la pagina va avanti lo stesso
+        this.DirInfos = await this.adms.getInfos(this.be);
+    }
+    dimensionLabel(dimension) {
+        switch (dimension) {
+            case TopActivityDimension.WaitClass: return this.lc.loc("Classe di attesa");
+            case TopActivityDimension.EventType: return this.lc.loc("Tipo evento");
+            case TopActivityDimension.WaitEvent: return this.lc.loc("Nodo");
+            case TopActivityDimension.Instance: return this.lc.loc("Istanza");
+            case TopActivityDimension.UserSession: return this.lc.loc("Sessione");
+            case TopActivityDimension.UserName: return this.lc.loc("Utente");
+            case TopActivityDimension.Tenant: return this.lc.loc("Tenant");
+            case TopActivityDimension.SessionType: return this.lc.loc("Tipo sessione");
+            case TopActivityDimension.BackgroundSession: return this.lc.loc("Sessione di background");
+            case TopActivityDimension.JobName: return this.lc.loc("Job");
+            case TopActivityDimension.ConsumerGroup: return this.lc.loc("Gruppo di consumo");
+            case TopActivityDimension.ThreadType: return this.lc.loc("Tipo thread");
+            case TopActivityDimension.Api: return "API";
+            case TopActivityDimension.Machine: return this.lc.loc("Macchina");
+        }
+        return String(dimension);
+    }
+    valueLabel(label, other, dimension) {
+        if (other)
+            return this.lc.loc("Altri");
+        if (label == null || label === "")
+            return this.lc.loc(dimension == TopActivityDimension.WaitEvent ? "(non attribuito)" : "(nessuno)");
+        return label;
+    }
+    applySettings(saved) {
+        this.instance = saved.instance ?? this.instance;
+        this.dataSource = saved.dataSource ?? this.dataSource;
+        this.dimension = saved.dimension ?? this.dimension;
+        this.resolution = saved.resolution ?? this.resolution;
+        this.totalActivity = saved.totalActivity ?? this.totalActivity;
+        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 ?? [];
+    }
+    saveSettings() {
+        let settings = {
+            instance: this.instance,
+            dataSource: this.dataSource,
+            dimension: this.dimension,
+            resolution: this.resolution,
+            totalActivity: this.totalActivity,
+            maxCpu: this.maxCpu,
+            maxThreadsKind: this.maxThreadsKind,
+            tableDims: this.tableDims,
+            filters: this.filters
+        };
+        this.localStorage.setItem(STORAGE_KEY, settings).subscribe();
+    }
+    setLastHour() {
+        let now = new Date();
+        this.filterfrom = this.fmt(new Date(now.getTime() - 3600 * 1000));
+        this.filterto = this.fmt(now);
+    }
+    toDate(value) {
+        return value ? this.dateExts.getDateConvertion(value).toDate() : null;
+    }
+    fmt(date) {
+        return dayjs(date).format(this.lc.token("getFullDateDisplayFormat"));
+    }
+    // Le date della risposta sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso
+    parseUtc(value) {
+        let m = /^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}):(\d{2})$/.exec(value ?? "");
+        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" }] }); }
+}
+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" }]
+        }], 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"]
+            }], dlgSessionDetails: [{
+                type: ViewChild,
+                args: ["dlgSessionDetails"]
+            }] } });
+
 class LocksView extends AppSearch {
     constructor() { super(); }
 }
@@ -1805,11 +2440,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
         }], ctorParameters: () => [{ type: i1$1.InterComService }] });
 
 // Angular
+// La Top Activity v2 prende la rotta "topact" solo se DirectorFeature.TopActivityV2 è attivo nella configurazione del modulo,
+// altrimenti la guardia fallisce e la rotta successiva apre la pagina di sempre
+const topActivityV2Enabled = () => inject(ADM_TOPACT_V2, { optional: true }) ?? false;
 const routeConfig = [
     {
         path: "", children: [
             { path: "serverworkers/:be", component: AdmWrkComponent, data: { title: "Ricerca Processi Applicativi", internalNavigation: false } },
             { path: "profiler/:be", component: AdmProfilerComponent, data: { title: "Profiler del Server", internalNavigation: false } },
+            { path: "topact/:be", component: AdmTopActivityV2Component, canMatch: [topActivityV2Enabled], data: { title: "Attività Principali", internalNavigation: false } },
             { path: "topact/:be", component: AdmTopActivitiesComponent, data: { title: "Attività Principali", internalNavigation: false } },
             { path: "metrics/:be", component: AdmMetricsComponent, data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "serverlogs/:be", component: AdmLogsComponent, data: { title: "Log del Server", internalNavigation: false } },
@@ -1819,6 +2458,7 @@ const routeConfig = [
             { path: "metadataquery/:be", component: MtdQueryComponent, data: { title: "Ricerca Viste Dinamiche Applicative", internalNavigation: false } },
             { path: "serverworkers", component: AdmWrkComponent, data: { title: "Ricerca Processi Applicativi", internalNavigation: false } },
             { path: "profiler", component: AdmProfilerComponent, data: { title: "Profiler del Server", internalNavigation: false } },
+            { path: "topact", component: AdmTopActivityV2Component, canMatch: [topActivityV2Enabled], data: { title: "Attività Principali", internalNavigation: false } },
             { path: "topact", component: AdmTopActivitiesComponent, data: { title: "Attività Principali", internalNavigation: false } },
             { path: "metrics", component: AdmMetricsComponent, data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "serverlogs", component: AdmLogsComponent, data: { title: "Log del Server", internalNavigation: false } },
@@ -1854,6 +2494,8 @@ const COMPONENTS = [
     AdmWrkComponent,
     AdmProfilerComponent,
     AdmTopActivitiesComponent,
+    AdmTopActivityV2Component,
+    SessionDetailComponent,
     AdmDynamicViewsComponent,
     AdmLogsComponent,
     AdmAuditsComponent,
@@ -1876,6 +2518,8 @@ class AdmModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, declarations: [AdmWrkComponent,
             AdmProfilerComponent,
             AdmTopActivitiesComponent,
+            AdmTopActivityV2Component,
+            SessionDetailComponent,
             AdmDynamicViewsComponent,
             AdmLogsComponent,
             AdmAuditsComponent,
@@ -1903,7 +2547,8 @@ class AdmModule {
             DirectivesModule, i4.RouterModule, FormatTimePipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, providers: [
             AdminModuleCommService,
-            { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds }
+            { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds },
+            { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 }
         ], imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, decorators: [{
@@ -1913,7 +2558,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                     declarations: [...COMPONENTS],
                     providers: [
                         AdminModuleCommService,
-                        { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds }
+                        { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds },
+                        { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 }
                     ]
                 }]
         }], ctorParameters: () => [{ type: AdminModuleCommService }] });
@@ -1926,5 +2572,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADM_CONVERSATIONS, ADM_MODULE_PATH, AdmMessageTypes, AdmModule, MK_ADM, routeConfig };
+export { ADM_CONVERSATIONS, ADM_MODULE_PATH, ADM_TOPACT_V2, AdmMessageTypes, AdmModule, MK_ADM, routeConfig, topActivityV2Enabled };
 //# sourceMappingURL=esfaenza-admin-module.mjs.map