@esfaenza/core 16.2.28 → 19.2.2

package/fesm2022/esfaenza-core-components.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Input, ViewChild, HostListener, Inject, Injectable, ChangeDetectionStrategy, Optional, EventEmitter, Output, NgModule } from '@angular/core';
+import { HostListener, ViewChild, Input, ViewEncapsulation, Component, Inject, Injectable, Optional, ChangeDetectionStrategy, EventEmitter, Output, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd, RouterLink, RouterLinkActive, RouterOutlet, ActivatedRoute, Router, RouterModule } from '@angular/router';
 import * as i2 from '@angular/common';
 import { NgIf, NgFor, NgTemplateOutlet, NgClass, Location, CommonModule } from '@angular/common';
 import { filter, map, mergeMap, takeUntil as takeUntil$1 } from 'rxjs/operators';
-import { combineLatest, of, firstValueFrom, ReplaySubject, interval, startWith, takeUntil, takeWhile } from 'rxjs';
+import { combineLatest, of, firstValueFrom, ReplaySubject, interval, startWith, takeUntil, takeWhile, debounceTime } from 'rxjs';
 import * as i1 from '@esfaenza/core/services';
 import { AppState } from '@esfaenza/core/services';
 import * as i3 from '@angular/platform-browser';
@@ -37,1521 +37,1533 @@ import { AppFile, FormsAndValidationsModule } from '@esfaenza/forms-and-validati
 import * as i7$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
-// Angular
-class BackTop {
-    constructor() {
-        this.position = 400;
-        this.showSpeed = 500;
-        this.moveSpeed = 1000;
-    }
-    ngAfterViewInit() {
-        this._onWindowScroll();
-    }
-    _onClick() {
-        $("html, body").animate({ scrollTop: 0 }, { duration: this.moveSpeed });
-        return false;
-    }
-    _onWindowScroll() {
-        let el = this._selector.nativeElement;
-        window.scrollY > this.position ? $(el).fadeIn(this.showSpeed) : $(el).fadeOut(this.showSpeed);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackTop, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackTop, isStandalone: true, selector: "back-top", inputs: { position: "position", showSpeed: "showSpeed", moveSpeed: "moveSpeed" }, host: { listeners: { "click": "_onClick()", "window:scroll.out-zone": "_onWindowScroll()" } }, viewQueries: [{ propertyName: "_selector", first: true, predicate: ["backTop"], descendants: true }], ngImport: i0, template: "<i #backTop class=\"fa fa-angle-up back-to-top\" title=\"Back to Top\"></i>", styles: [".back-to-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9999;display:none;text-decoration:none;right:40px;bottom:40px!important;font-size:30px;text-align:center;opacity:.4;color:#fff;background-color:#242d3abf;border-radius:50%;line-height:34px}.back-to-top:hover{opacity:.8}\n"], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackTop, decorators: [{
-            type: Component,
-            args: [{ selector: "back-top", encapsulation: ViewEncapsulation.None, standalone: true, template: "<i #backTop class=\"fa fa-angle-up back-to-top\" title=\"Back to Top\"></i>", styles: [".back-to-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9999;display:none;text-decoration:none;right:40px;bottom:40px!important;font-size:30px;text-align:center;opacity:.4;color:#fff;background-color:#242d3abf;border-radius:50%;line-height:34px}.back-to-top:hover{opacity:.8}\n"] }]
-        }], propDecorators: { position: [{
-                type: Input
-            }], showSpeed: [{
-                type: Input
-            }], moveSpeed: [{
-                type: Input
-            }], _selector: [{
-                type: ViewChild,
-                args: ["backTop", { static: false }]
-            }], _onClick: [{
-                type: HostListener,
-                args: ["click"]
-            }], _onWindowScroll: [{
-                type: HostListener,
-                args: ["window:scroll.out-zone"]
+// Angular
+class BackTop {
+    constructor() {
+        this.position = 400;
+        this.showSpeed = 500;
+        this.moveSpeed = 1000;
+    }
+    ngAfterViewInit() {
+        this._onWindowScroll();
+    }
+    _onClick() {
+        $("html, body").animate({ scrollTop: 0 }, { duration: this.moveSpeed });
+        return false;
+    }
+    _onWindowScroll() {
+        let el = this._selector.nativeElement;
+        window.scrollY > this.position ? $(el).fadeIn(this.showSpeed) : $(el).fadeOut(this.showSpeed);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BackTop, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: BackTop, isStandalone: true, selector: "back-top", inputs: { position: "position", showSpeed: "showSpeed", moveSpeed: "moveSpeed" }, host: { listeners: { "click": "_onClick()", "window:scroll.out-zone": "_onWindowScroll()" } }, viewQueries: [{ propertyName: "_selector", first: true, predicate: ["backTop"], descendants: true }], ngImport: i0, template: "<i #backTop class=\"fa fa-angle-up back-to-top\" title=\"Back to Top\"></i>", styles: [".back-to-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9999;display:none;text-decoration:none;right:40px;bottom:40px!important;font-size:30px;text-align:center;opacity:.4;color:#fff;background-color:#242d3abf;border-radius:50%;line-height:34px}.back-to-top:hover{opacity:.8}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BackTop, decorators: [{
+            type: Component,
+            args: [{ selector: "back-top", encapsulation: ViewEncapsulation.None, standalone: true, template: "<i #backTop class=\"fa fa-angle-up back-to-top\" title=\"Back to Top\"></i>", styles: [".back-to-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9999;display:none;text-decoration:none;right:40px;bottom:40px!important;font-size:30px;text-align:center;opacity:.4;color:#fff;background-color:#242d3abf;border-radius:50%;line-height:34px}.back-to-top:hover{opacity:.8}\n"] }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], showSpeed: [{
+                type: Input
+            }], moveSpeed: [{
+                type: Input
+            }], _selector: [{
+                type: ViewChild,
+                args: ["backTop", { static: false }]
+            }], _onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }], _onWindowScroll: [{
+                type: HostListener,
+                args: ["window:scroll.out-zone"]
             }] } });
 
-// Angular
-class Breadcrumb {
-    constructor(_state, router, _activatedRoute, _titleService, emb) {
-        this._state = _state;
-        this.router = router;
-        this._activatedRoute = _activatedRoute;
-        this._titleService = _titleService;
-        this.emb = emb;
-        this.MainLink = { title: "Dashboard", routerLink: ["/pages/dashboard"] };
-        this.SubLinks = [];
-        this.router.events.pipe(filter(event => event instanceof NavigationEnd), map((event) => { return { event: event, route: this._activatedRoute }; }), map((routeWithEvent) => {
-            while (routeWithEvent.route.firstChild)
-                routeWithEvent.route = routeWithEvent.route.firstChild;
-            return routeWithEvent;
-        }), mergeMap(routeWithEvent => combineLatest(of(routeWithEvent.event.url).pipe(map(url => this.router.parseUrl(url))), routeWithEvent.route.data))).subscribe((treePlusData) => {
-            let data = treePlusData[1];
-            let tree = treePlusData[0];
-            // true = SUB - dettaglio
-            // false = MAIN - ricerca/dashboard
-            let internalNavigation = data["InternalNavigation"] || data["internalNavigation"];
-            let title = data["title"];
-            this.handleNavigation(title, internalNavigation, tree);
-        });
-        this.emb.MessageObserver.pipe(filter(ev => ev.event == "navigation")).subscribe(event => {
-            let internalNavigation = event?.data?.internalNavigation;
-            let title = event?.data?.title;
-            this.handleNavigation(title, internalNavigation);
-        });
-    }
-    handleNavigation(title, internal, tree = null) {
-        if (internal) {
-            this.onSubNavigation(tree, title);
-        }
-        else {
-            this.onMainNavigation(tree, title);
-        }
-        this._titleService.setTitle(myconfig.AppData.ModuleDescription + (title ? (" > " + title) : ''));
-    }
-    ngOnInit() { }
-    onSubNavigation(tree, title) {
-        let index = this.SubLinks.indexOf(this.SubLinks.find(f => f.title == title));
-        let difference = this.SubLinks.length - (index + 1);
-        if (index != -1 && (index + 1) != this.SubLinks.length) {
-            for (let i = 0; i < difference; i++)
-                this.SubLinks.pop();
-        }
-        if (index == -1 && this.MainLink.title != title)
-            this.SubLinks.push({ title: title, routerLink: tree ? this.getRouterLink(tree) : null });
-    }
-    onMainNavigation(tree, title) {
-        this.SubLinks = [];
-        this.MainLink = { title: title, routerLink: tree ? this.getRouterLink(tree) : null };
-    }
-    getRouterLink(tree) {
-        let segs = tree?.root?.children?.["primary"]?.segments ?? [];
-        let route = "/" + segs.map(t => t.path).join('/');
-        let params = segs[segs.length - 1]?.parameters;
-        return [route, params];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Breadcrumb, deps: [{ token: i1.AppState }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i3.Title }, { token: i4.AppEmbeddingExtensions }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: Breadcrumb, isStandalone: true, selector: "breadcrumb", ngImport: i0, template: "<ol class=\"breadcrumb app-no-selection\">\r\n    <li class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"['/pages/dashboard']\">Dashboard</li>\r\n    <li *ngIf=\"MainLink?.title != 'Dashboard'\" [routerLink]=\"MainLink.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{MainLink.title}}</li>\r\n    \r\n    <ng-container *ngFor=\"let link of SubLinks\">\r\n        <li *ngIf=\"link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"link.routerLink\">{{link.title}}</li>\r\n        <li *ngIf=\"!link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{link.title}}</li>\r\n    </ng-container>\r\n</ol>", styles: [".breadcrumb{padding:0;margin:0;background:transparent;color:#344154;font-size:14px}.breadcrumb-item+.breadcrumb-item:before{font-weight:400!important;color:#fff;font-family:\"Font Awesome 6 Pro\";font-size:.6rem;line-height:1.4rem;content:\"\\f054\"}.breadcrumb-item{float:left}.breadcrumb-link{cursor:pointer;font-weight:500;color:#fff!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Breadcrumb, decorators: [{
-            type: Component,
-            args: [{ selector: "breadcrumb", encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgFor, RouterLink], template: "<ol class=\"breadcrumb app-no-selection\">\r\n    <li class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"['/pages/dashboard']\">Dashboard</li>\r\n    <li *ngIf=\"MainLink?.title != 'Dashboard'\" [routerLink]=\"MainLink.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{MainLink.title}}</li>\r\n    \r\n    <ng-container *ngFor=\"let link of SubLinks\">\r\n        <li *ngIf=\"link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"link.routerLink\">{{link.title}}</li>\r\n        <li *ngIf=\"!link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{link.title}}</li>\r\n    </ng-container>\r\n</ol>", styles: [".breadcrumb{padding:0;margin:0;background:transparent;color:#344154;font-size:14px}.breadcrumb-item+.breadcrumb-item:before{font-weight:400!important;color:#fff;font-family:\"Font Awesome 6 Pro\";font-size:.6rem;line-height:1.4rem;content:\"\\f054\"}.breadcrumb-item{float:left}.breadcrumb-link{cursor:pointer;font-weight:500;color:#fff!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.AppState }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i3.Title }, { type: i4.AppEmbeddingExtensions }]; } });
-class BreadcrumbItem {
+// Angular
+class Breadcrumb {
+    constructor(_state, router, _activatedRoute, _titleService, emb) {
+        this._state = _state;
+        this.router = router;
+        this._activatedRoute = _activatedRoute;
+        this._titleService = _titleService;
+        this.emb = emb;
+        this.MainLink = { title: "Dashboard", routerLink: ["/pages/dashboard"] };
+        this.SubLinks = [];
+        this.router.events.pipe(filter(event => event instanceof NavigationEnd), map((event) => { return { event: event, route: this._activatedRoute }; }), map((routeWithEvent) => {
+            while (routeWithEvent.route.firstChild)
+                routeWithEvent.route = routeWithEvent.route.firstChild;
+            return routeWithEvent;
+        }), mergeMap(routeWithEvent => combineLatest(of(routeWithEvent.event.url).pipe(map(url => this.router.parseUrl(url))), routeWithEvent.route.data))).subscribe((treePlusData) => {
+            let data = treePlusData[1];
+            let tree = treePlusData[0];
+            // true = SUB - dettaglio
+            // false = MAIN - ricerca/dashboard
+            let internalNavigation = data["InternalNavigation"] || data["internalNavigation"];
+            let title = data["title"];
+            this.handleNavigation(title, internalNavigation, tree);
+        });
+        this.emb.MessageObserver.pipe(filter(ev => ev.event == "navigation")).subscribe(event => {
+            let internalNavigation = event?.data?.internalNavigation;
+            let title = event?.data?.title;
+            this.handleNavigation(title, internalNavigation);
+        });
+    }
+    handleNavigation(title, internal, tree = null) {
+        if (internal) {
+            this.onSubNavigation(tree, title);
+        }
+        else {
+            this.onMainNavigation(tree, title);
+        }
+        this._titleService.setTitle(myconfig.AppData.ModuleDescription + (title ? (" > " + title) : ''));
+    }
+    ngOnInit() { }
+    onSubNavigation(tree, title) {
+        let index = this.SubLinks.indexOf(this.SubLinks.find(f => f.title == title));
+        let difference = this.SubLinks.length - (index + 1);
+        if (index != -1 && (index + 1) != this.SubLinks.length) {
+            for (let i = 0; i < difference; i++)
+                this.SubLinks.pop();
+        }
+        if (index == -1 && this.MainLink.title != title)
+            this.SubLinks.push({ title: title, routerLink: tree ? this.getRouterLink(tree) : null });
+    }
+    onMainNavigation(tree, title) {
+        this.SubLinks = [];
+        this.MainLink = { title: title, routerLink: tree ? this.getRouterLink(tree) : null };
+    }
+    getRouterLink(tree) {
+        let segs = tree?.root?.children?.["primary"]?.segments ?? [];
+        let route = "/" + segs.map(t => t.path).join('/');
+        let params = segs[segs.length - 1]?.parameters;
+        return [route, params];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Breadcrumb, deps: [{ token: i1.AppState }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i3.Title }, { token: i4.AppEmbeddingExtensions }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: Breadcrumb, isStandalone: true, selector: "breadcrumb", ngImport: i0, template: "<ol class=\"breadcrumb app-no-selection\">\r\n    <li class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"['/pages/dashboard']\">Dashboard</li>\r\n    <li *ngIf=\"MainLink?.title != 'Dashboard'\" [routerLink]=\"MainLink.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{MainLink.title}}</li>\r\n    \r\n    <ng-container *ngFor=\"let link of SubLinks\">\r\n        <li *ngIf=\"link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"link.routerLink\">{{link.title}}</li>\r\n        <li *ngIf=\"!link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{link.title}}</li>\r\n    </ng-container>\r\n</ol>", styles: [".breadcrumb{padding:0;margin:0;background:transparent;color:#344154;font-size:14px}.breadcrumb-item+.breadcrumb-item:before{font-weight:400!important;color:#fff;font-family:\"Font Awesome 6 Pro\";font-size:.6rem;line-height:1.4rem;content:\"\\f054\"}.breadcrumb-item{float:left}.breadcrumb-link{cursor:pointer;font-weight:500;color:#fff!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: "breadcrumb", encapsulation: ViewEncapsulation.None, imports: [NgIf, NgFor, RouterLink], template: "<ol class=\"breadcrumb app-no-selection\">\r\n    <li class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"['/pages/dashboard']\">Dashboard</li>\r\n    <li *ngIf=\"MainLink?.title != 'Dashboard'\" [routerLink]=\"MainLink.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{MainLink.title}}</li>\r\n    \r\n    <ng-container *ngFor=\"let link of SubLinks\">\r\n        <li *ngIf=\"link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\" [routerLink]=\"link.routerLink\">{{link.title}}</li>\r\n        <li *ngIf=\"!link.routerLink\" class=\"breadcrumb-item text-uppercase breadcrumb-link\">{{link.title}}</li>\r\n    </ng-container>\r\n</ol>", styles: [".breadcrumb{padding:0;margin:0;background:transparent;color:#344154;font-size:14px}.breadcrumb-item+.breadcrumb-item:before{font-weight:400!important;color:#fff;font-family:\"Font Awesome 6 Pro\";font-size:.6rem;line-height:1.4rem;content:\"\\f054\"}.breadcrumb-item{float:left}.breadcrumb-link{cursor:pointer;font-weight:500;color:#fff!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AppState }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i3.Title }, { type: i4.AppEmbeddingExtensions }] });
+class BreadcrumbItem {
 }
 
-// Angular
-class PageNotFoundComponent {
-    constructor(router, _location, emb, ANONYMOUS_MODE) {
-        this._location = _location;
-        this.emb = emb;
-        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
-        this.router = router;
-    }
-    goPreviousPage() {
-        this._location.back();
-    }
-    goDashboard() {
-        let url = `/pages/dashboard`;
-        if (this.emb.Embedded)
-            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
-        else
-            this.router.navigate([url]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i1$1.Router }, { token: i2.Location }, { token: i4.AppEmbeddingExtensions }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageNotFoundComponent, isStandalone: true, selector: "pagenotfound", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\">404</h1>\r\n                    <h6 class=\"card-title\">La risorsa richiesta non &egrave; stata trovata ma in futuro potrebbe essere disponibile.</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "pagenotfound", encapsulation: ViewEncapsulation.None, imports: [NgIf], standalone: true, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\">404</h1>\r\n                    <h6 class=\"card-title\">La risorsa richiesta non &egrave; stata trovata ma in futuro potrebbe essere disponibile.</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i2.Location }, { type: i4.AppEmbeddingExtensions }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ANONYMOUS_MODE]
-                }] }]; } });
+// Angular
+class PageNotFoundComponent {
+    constructor(router, _location, emb, ANONYMOUS_MODE) {
+        this._location = _location;
+        this.emb = emb;
+        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
+        this.router = router;
+    }
+    goPreviousPage() {
+        this._location.back();
+    }
+    goDashboard() {
+        let url = `/pages/dashboard`;
+        if (this.emb.Embedded)
+            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
+        else
+            this.router.navigate([url]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i1$1.Router }, { token: i2.Location }, { token: i4.AppEmbeddingExtensions }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PageNotFoundComponent, isStandalone: true, selector: "pagenotfound", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\">404</h1>\r\n                    <h6 class=\"card-title\">La risorsa richiesta non &egrave; stata trovata ma in futuro potrebbe essere disponibile.</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pagenotfound", encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\">404</h1>\r\n                    <h6 class=\"card-title\">La risorsa richiesta non &egrave; stata trovata ma in futuro potrebbe essere disponibile.</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.Location }, { type: i4.AppEmbeddingExtensions }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ANONYMOUS_MODE]
+                }] }] });
 
-// Angular
-class ServerErrorComponent {
-    constructor(router, route, emb, as, ANONYMOUS_MODE) {
-        this.router = router;
-        this.route = route;
-        this.emb = emb;
-        this.as = as;
-        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
-        this.statusCode = this.route.snapshot.params["statusCode"];
-        this.statusText = this.b64DecodeUnicode(this.route.snapshot.params["statusText"]);
-        this.previousUrl = this.route.snapshot.params["fromUrl"];
-        //Dopo 1 secondo considero la sfilza di errori finita
-        setTimeout(() => { this.as.handlingError = false; }, 1000);
-        console.log("Modalità anonima: " + this.ANONYMOUS_MODE);
-    }
-    b64DecodeUnicode(str) {
-        // Going backwards: from bytestream, to percent-encoding, to original string.
-        return decodeURIComponent(atob(str).split("").map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join(""));
-    }
-    goPreviousPage() {
-        this.router.navigateByUrl(this.previousUrl);
-    }
-    goDashboard() {
-        let url = `/pages/dashboard`;
-        if (this.emb.Embedded)
-            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
-        else
-            this.router.navigate([url]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServerErrorComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i4.AppEmbeddingExtensions }, { token: i1.AppState }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ServerErrorComponent, isStandalone: true, selector: "servererror", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                    <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode}}</h1>\r\n                    <h6 class=\"card-title\" *ngIf=\"!statusText\">&nbsp;&nbsp;&nbsp;</h6>\r\n                    <h6 class=\"card-title\" style=\"word-wrap:break-word; max-height: 500px; overflow: auto\" *ngIf=\"statusText\">{{statusText}}</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServerErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "servererror", encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                    <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode}}</h1>\r\n                    <h6 class=\"card-title\" *ngIf=\"!statusText\">&nbsp;&nbsp;&nbsp;</h6>\r\n                    <h6 class=\"card-title\" style=\"word-wrap:break-word; max-height: 500px; overflow: auto\" *ngIf=\"statusText\">{{statusText}}</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i4.AppEmbeddingExtensions }, { type: i1.AppState }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ANONYMOUS_MODE]
-                }] }]; } });
+// Angular
+class ServerErrorComponent {
+    constructor(router, route, emb, as, ANONYMOUS_MODE) {
+        this.router = router;
+        this.route = route;
+        this.emb = emb;
+        this.as = as;
+        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
+        this.statusCode = this.route.snapshot.params["statusCode"];
+        this.statusText = this.b64DecodeUnicode(this.route.snapshot.params["statusText"]);
+        this.previousUrl = this.route.snapshot.params["fromUrl"];
+        //Dopo 1 secondo considero la sfilza di errori finita
+        setTimeout(() => { this.as.handlingError = false; }, 1000);
+        console.log("Modalità anonima: " + this.ANONYMOUS_MODE);
+    }
+    b64DecodeUnicode(str) {
+        // Going backwards: from bytestream, to percent-encoding, to original string.
+        return decodeURIComponent(atob(str).split("").map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join(""));
+    }
+    goPreviousPage() {
+        this.router.navigateByUrl(this.previousUrl);
+    }
+    goDashboard() {
+        let url = `/pages/dashboard`;
+        if (this.emb.Embedded)
+            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
+        else
+            this.router.navigate([url]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ServerErrorComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i4.AppEmbeddingExtensions }, { token: i1.AppState }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ServerErrorComponent, isStandalone: true, selector: "servererror", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                    <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode}}</h1>\r\n                    <h6 class=\"card-title\" *ngIf=\"!statusText\">&nbsp;&nbsp;&nbsp;</h6>\r\n                    <h6 class=\"card-title\" style=\"word-wrap:break-word; max-height: 500px; overflow: auto\" *ngIf=\"statusText\">{{statusText}}</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ServerErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "servererror", encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-6 col-md-6 col-10 offset-xl-3 offset-md-3 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                    <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode}}</h1>\r\n                    <h6 class=\"card-title\" *ngIf=\"!statusText\">&nbsp;&nbsp;&nbsp;</h6>\r\n                    <h6 class=\"card-title\" style=\"word-wrap:break-word; max-height: 500px; overflow: auto\" *ngIf=\"statusText\">{{statusText}}</h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-left\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i4.AppEmbeddingExtensions }, { type: i1.AppState }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ANONYMOUS_MODE]
+                }] }] });
 
-// Angular
-class AngularErrorComponent {
-    constructor(router, route, http, bts, emb, ANONYMOUS_MODE) {
-        this.router = router;
-        this.route = route;
-        this.http = http;
-        this.bts = bts;
-        this.emb = emb;
-        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
-        let identity = this.bts.getJaceIdentity();
-        this.previousUrl = this.route.snapshot.params["fromUrl"];
-        let calls = (this.http.LastThreeCompletedCalls[0] || "<empty>") + ", " + (this.http.LastThreeCompletedCalls[1] || "<empty>") + ", " + (this.http.LastThreeCompletedCalls[2] || "<empty>");
-        this.errorFrom = "From page: " + (this.previousUrl || "<missing>");
-        this.errorLastCalls = "Last three calls: " + calls;
-        this.identityInfos = "Logged user: " + (identity?.Idtenant || '??') + "-" + (identity?.DsUser || '???????');
-        this.errorMessage = this.b64DecodeUnicode(this.route.snapshot.params["errorMessage"]);
-        console.error(this.errorMessage);
-        console.log("Modalità anonima: " + this.ANONYMOUS_MODE);
-    }
-    ngOnInit() {
-        var item = localStorage.getItem("Reload");
-        if (item) {
-            localStorage.removeItem("Reload");
-            this.router.navigateByUrl(item);
-        }
-    }
-    b64DecodeUnicode(str) {
-        // Bytestream -> Encoding % -> Stringa originale
-        return decodeURIComponent(atob(str).split("").map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join(""));
-    }
-    goPreviousPage() {
-        // Reload per forzare il ricaricamento del javascript (in modo che lo stato dell'applicazione sia a posto)
-        // all'onInit la pagina prenderà la root a cui navigare dal localStorage
-        localStorage.setItem("Reload", this.previousUrl);
-        location.reload();
-    }
-    goDashboard() {
-        let url = `/pages/dashboard`;
-        if (this.emb.Embedded)
-            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
-        else
-            this.router.navigate([url]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularErrorComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2$1.HTTPService }, { token: i1.TokenService }, { token: i4.AppEmbeddingExtensions }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularErrorComponent, isStandalone: true, selector: "angularerror", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-8 col-md-10 col-10 offset-xl-2 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-4\">Qualcosa &egrave; andato storto.</h1>\r\n                    <h6>\r\n                        <small>\r\n                            Si &egrave; verificato un errore interno all'applicazione. Questo non dovrebbe accadere. Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il problema persiste contatta il service desk allegando una breve descrizione delle operazioni che stavi eseguendo e questo messaggio d'errore:\r\n                        </small>\r\n                    </h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>{{identityInfos}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorFrom\"><em>{{errorFrom}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorLastCalls\"><em>{{errorLastCalls}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorMessage\"><em>{{errorMessage}}</em></h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right app-margin-right-10\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "angularerror", encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-8 col-md-10 col-10 offset-xl-2 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-4\">Qualcosa &egrave; andato storto.</h1>\r\n                    <h6>\r\n                        <small>\r\n                            Si &egrave; verificato un errore interno all'applicazione. Questo non dovrebbe accadere. Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il problema persiste contatta il service desk allegando una breve descrizione delle operazioni che stavi eseguendo e questo messaggio d'errore:\r\n                        </small>\r\n                    </h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>{{identityInfos}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorFrom\"><em>{{errorFrom}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorLastCalls\"><em>{{errorLastCalls}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorMessage\"><em>{{errorMessage}}</em></h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right app-margin-right-10\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2$1.HTTPService }, { type: i1.TokenService }, { type: i4.AppEmbeddingExtensions }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ANONYMOUS_MODE]
-                }] }]; } });
+// Angular
+class AngularErrorComponent {
+    constructor(router, route, http, bts, emb, ANONYMOUS_MODE) {
+        this.router = router;
+        this.route = route;
+        this.http = http;
+        this.bts = bts;
+        this.emb = emb;
+        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
+        let identity = this.bts.getJaceIdentity();
+        this.previousUrl = this.route.snapshot.params["fromUrl"];
+        let calls = (this.http.LastThreeCompletedCalls[0] || "<empty>") + ", " + (this.http.LastThreeCompletedCalls[1] || "<empty>") + ", " + (this.http.LastThreeCompletedCalls[2] || "<empty>");
+        this.errorFrom = "From page: " + (this.previousUrl || "<missing>");
+        this.errorLastCalls = "Last three calls: " + calls;
+        this.identityInfos = "Logged user: " + (identity?.Idtenant || '??') + "-" + (identity?.DsUser || '???????');
+        this.errorMessage = this.b64DecodeUnicode(this.route.snapshot.params["errorMessage"]);
+        console.error(this.errorMessage);
+        console.log("Modalità anonima: " + this.ANONYMOUS_MODE);
+    }
+    ngOnInit() {
+        var item = localStorage.getItem("Reload");
+        if (item) {
+            localStorage.removeItem("Reload");
+            this.router.navigateByUrl(item);
+        }
+    }
+    b64DecodeUnicode(str) {
+        // Bytestream -> Encoding % -> Stringa originale
+        return decodeURIComponent(atob(str).split("").map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join(""));
+    }
+    goPreviousPage() {
+        // Reload per forzare il ricaricamento del javascript (in modo che lo stato dell'applicazione sia a posto)
+        // all'onInit la pagina prenderà la root a cui navigare dal localStorage
+        localStorage.setItem("Reload", this.previousUrl);
+        location.reload();
+    }
+    goDashboard() {
+        let url = `/pages/dashboard`;
+        if (this.emb.Embedded)
+            this.emb.MainWindow.postMessage({ type: "navigate", url }, "*");
+        else
+            this.router.navigate([url]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AngularErrorComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2$1.HTTPService }, { token: i1.TokenService }, { token: i4.AppEmbeddingExtensions }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AngularErrorComponent, isStandalone: true, selector: "angularerror", ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-8 col-md-10 col-10 offset-xl-2 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-4\">Qualcosa &egrave; andato storto.</h1>\r\n                    <h6>\r\n                        <small>\r\n                            Si &egrave; verificato un errore interno all'applicazione. Questo non dovrebbe accadere. Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il problema persiste contatta il service desk allegando una breve descrizione delle operazioni che stavi eseguendo e questo messaggio d'errore:\r\n                        </small>\r\n                    </h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>{{identityInfos}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorFrom\"><em>{{errorFrom}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorLastCalls\"><em>{{errorLastCalls}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorMessage\"><em>{{errorMessage}}</em></h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right app-margin-right-10\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AngularErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "angularerror", encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xl-8 col-md-10 col-10 offset-xl-2 offset-xs-1 p-t-10\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body text-center\">\r\n                    <h1 class=\"display-4\">Qualcosa &egrave; andato storto.</h1>\r\n                    <h6>\r\n                        <small>\r\n                            Si &egrave; verificato un errore interno all'applicazione. Questo non dovrebbe accadere. Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il problema persiste contatta il service desk allegando una breve descrizione delle operazioni che stavi eseguendo e questo messaggio d'errore:\r\n                        </small>\r\n                    </h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>{{identityInfos}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorFrom\"><em>{{errorFrom}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorLastCalls\"><em>{{errorLastCalls}}</em></h6>\r\n                    <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"errorMessage\"><em>{{errorMessage}}</em></h6>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\">\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                        <button type=\"button\" class=\"btn btn-secondary pull-right app-margin-right-10\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                        <div class=\"clearfix\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2$1.HTTPService }, { type: i1.TokenService }, { type: i4.AppEmbeddingExtensions }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ANONYMOUS_MODE]
+                }] }] });
 
-class SideBarLoc extends LocalizationService {
-    constructor(injector) {
-        super(injector);
-        super.set("it->en", "Sessione Scaduta", ["Expired session"]);
-        super.set("it->en", "Backend Offline", ["Backend Offline"]);
-        super.set("it->en", "Sembra che il Backend sia momentaneamente offline. Questa pagina si aggiornera' automaticamente non appena la situazione tornera' alla normalita'. Ci scusiamo per il disagio", ["Backend seems to be currently offline. This page will reset itself when the situation goes back to normal. Sorry for the inconvenience"]);
-        super.set("it->en", "Ripulisci la Cache", ["Clear Caches"]);
-        super.set("it->en", "Cache Ripulita", ["Cache Cleared"]);
-        super.set("it->en", "Ambiente di Produzione", ["Production Environment"]);
-        super.set("it->en", "È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["A new version is available for this application. It is suggested to reload this page (CTRL + F5)"]);
-        super.set("it->en", "Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["Session informations (Tenant/Account) has changed after a login to a different module with the same Tenant/Username using the same browser. It is suggested to reload this page (CTRL + F5)"]);
-        super.set("it->en", "Cambia Modulo", ["Change module"]);
-        super.set("it->en", "Cambia Tenant", ["Change tenant"]);
-        super.set("it->en", "Usa notifiche semplici", ["Use simple alerts"]);
-        super.set("it->en", "Consenti notifiche eleganti", ["Allow fancy alerts"]);
-        super.set("it->en", "Ambiente di Sviluppo", ["Development Environment"]);
-        super.set("it->en", "Ambiente di Sviluppo A", ["Development Environment A"]);
-        super.set("it->en", "Ambiente di Sviluppo B", ["Development Environment B"]);
-        super.set("it->en", "Ripulisci le Preferenze Utente", ["Clear User Preferences"]);
-        super.set("it->en", "Preferenze utente ripulite", ["User preferences has been cleared"]);
-        super.set("it->en", "Ambiente di Staging", ["Staging Environment"]);
-        super.set("it->en", "Ambiente di Staging A", ["Staging A Environment"]);
-        super.set("it->en", "L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login.", ["Current session has expired.<br>Please login back into the application."]);
-        super.set("it->en", "Notifiche", ["Notifications"]);
-        super.set("it->en", "Job Applicativi", ["Application Jobs"]);
-        super.set("it->en", "Al momento non c'è nulla in esecuzione", ["Nothing being executed at the moment"]);
-        super.set("it->en", "Job Completato", ["Job Completed"]);
-        super.set("it->en", "Scrivere almeno 3 caratteri per utilizzare la ricerca globale", ["You must write at least 3 characters in order to use the Global Research"]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideBarLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideBarLoc }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideBarLoc, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+class SideBarLoc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Sessione Scaduta", ["Expired session"]);
+        super.set("it->en", "Backend Offline", ["Backend Offline"]);
+        super.set("it->en", "Sembra che il Backend sia momentaneamente offline. Questa pagina si aggiornera' automaticamente non appena la situazione tornera' alla normalita'. Ci scusiamo per il disagio", ["Backend seems to be currently offline. This page will reset itself when the situation goes back to normal. Sorry for the inconvenience"]);
+        super.set("it->en", "Ripulisci la Cache", ["Clear Caches"]);
+        super.set("it->en", "Cache Ripulita", ["Cache Cleared"]);
+        super.set("it->en", "Ambiente di Produzione", ["Production Environment"]);
+        super.set("it->en", "È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["A new version is available for this application. It is suggested to reload this page (CTRL + F5)"]);
+        super.set("it->en", "Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["Session informations (Tenant/Account) has changed after a login to a different module with the same Tenant/Username using the same browser. It is suggested to reload this page (CTRL + F5)"]);
+        super.set("it->en", "Cambia Modulo", ["Change module"]);
+        super.set("it->en", "Cambia Tenant", ["Change tenant"]);
+        super.set("it->en", "Usa notifiche semplici", ["Use simple alerts"]);
+        super.set("it->en", "Consenti notifiche eleganti", ["Allow fancy alerts"]);
+        super.set("it->en", "Ambiente di Sviluppo", ["Development Environment"]);
+        super.set("it->en", "Ambiente di Sviluppo A", ["Development Environment A"]);
+        super.set("it->en", "Ambiente di Sviluppo B", ["Development Environment B"]);
+        super.set("it->en", "Ripulisci le Preferenze Utente", ["Clear User Preferences"]);
+        super.set("it->en", "Preferenze utente ripulite", ["User preferences has been cleared"]);
+        super.set("it->en", "Ambiente di Staging", ["Staging Environment"]);
+        super.set("it->en", "Ambiente di Staging A", ["Staging A Environment"]);
+        super.set("it->en", "L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login.", ["Current session has expired.<br>Please login back into the application."]);
+        super.set("it->en", "Notifiche", ["Notifications"]);
+        super.set("it->en", "Job Applicativi", ["Application Jobs"]);
+        super.set("it->en", "Al momento non c'è nulla in esecuzione", ["Nothing being executed at the moment"]);
+        super.set("it->en", "Job Completato", ["Job Completed"]);
+        super.set("it->en", "Scrivere almeno 3 caratteri per utilizzare la ricerca globale", ["You must write at least 3 characters in order to use the Global Research"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SideBarLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SideBarLoc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SideBarLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
 
-// Angular
-class Sidebar {
-    constructor(lc, lcMenu, cdr, _elementRef, _router, _state, zone, utiExts, aac, menuItemsRaw, menuFilteringService, sr, globalSearchService, profile, msgExts) {
-        this.lc = lc;
-        this.cdr = cdr;
-        this._elementRef = _elementRef;
-        this._router = _router;
-        this._state = _state;
-        this.zone = zone;
-        this.utiExts = utiExts;
-        this.aac = aac;
-        this.menuItemsRaw = menuItemsRaw;
-        this.menuFilteringService = menuFilteringService;
-        this.sr = sr;
-        this.globalSearchService = globalSearchService;
-        this.profile = profile;
-        this.msgExts = msgExts;
-        this.isMenuCollapsed = false;
-        this.isMenuShouldCollapsed = false;
-        this.applicationVersion = myconfig.AppData.ComponentVersion;
-        this.applicationName = myconfig.AppData.ModuleDescription;
-        this.user = "";
-        this.tenant = "";
-        //#endregion
-        //#region Gestione Ricerca Globale
-        this.SelectedResult = null;
-        this.ShowSingleTable = false;
-        this.searchingTerm = false;
-        this.lc = this.lc.generateFromType(lcMenu);
-        this._state.subscribe("menu.isCollapsed", (isCollapsed) => {
-            this.isMenuCollapsed = isCollapsed;
-            this.cdr.markForCheck();
-        });
-        this._state.subscribe("application.DeployAvailable", (available) => {
-            if (available)
-                this.ngOnInit();
-        });
-        this._router.events.subscribe(event => {
-            if (event instanceof NavigationEnd) {
-                let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
-                if (width <= 768)
-                    this._state.notifyDataChanged("menu.isCollapsed", true);
-                window.scrollTo(0, 0);
-            }
-        });
-        this.getUserProfileData();
-    }
-    async ngOnInit() {
-        let tmpMenuItems = this.getMenuItems();
-        this.menuItems = await firstValueFrom(this.menuFilteringService.filter(tmpMenuItems));
-        if (this._shouldMenuCollapse())
-            this.menuCollapse();
-        this.updateSidebarHeight();
-        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
-        this.cdr.markForCheck();
-    }
-    getMenuItems() {
-        let menus = this.utiExts.deepClone(this.menuItemsRaw);
-        // Giro 1 assegno il livello ai root
-        for (let i = 0; i < menus.length; i++) {
-            let t = menus[i];
-            t.level = 1;
-            t.padding_left = 18;
-            t.visible = !t.ac || this.aac.has(t.ac);
-            // Giro ricorsivo
-            if (t.subMenu && t.subMenu.length > 0)
-                this.checkSubMenuOverClaims(t, 1);
-        }
-        return menus;
-    }
-    checkSubMenuOverClaims(menuItem, level) {
-        for (let i = 0; i < menuItem.subMenu.length; i++) {
-            let t = menuItem.subMenu[i];
-            t.level = level + 1;
-            t.visible = !t.ac || this.aac.has(t.ac);
-            t.padding_left = t.level * 18;
-            if (t.subMenu && t.subMenu.length > 0)
-                this.checkSubMenuOverClaims(t, level + 1);
-        }
-    }
-    //#region JQuery
-    onWindowResize() {
-        var isMenuShouldCollapsed = this._shouldMenuCollapse();
-        if (this.isMenuShouldCollapsed !== isMenuShouldCollapsed) {
-            this.menuCollapseStateChange(isMenuShouldCollapsed);
-        }
-        this.isMenuShouldCollapsed = isMenuShouldCollapsed;
-        this.updateSidebarHeight();
-    }
-    _shouldMenuCollapse() {
-        return window.innerWidth <= 768;
-    }
-    menuCollapse() {
-        this.menuCollapseStateChange(true);
-        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
-    }
-    menuCollapseStateChange(isCollapsed) {
-        this.isMenuCollapsed = isCollapsed;
-        this._state.notifyDataChanged("menu.isCollapsed", this.isMenuCollapsed);
-    }
-    menuExpand() {
-        this.menuCollapseStateChange(false);
-        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
-    }
-    hoverItem(jQueryevent) {
-        if (!this.isMenuCollapsed) {
-            this.showHoverElem = true;
-            this.hoverElemHeight = jQueryevent.currentTarget.clientHeight;
-            this.hoverElemTop = jQueryevent.currentTarget.getBoundingClientRect().top;
-            jQuery(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
-            jQuery(".sidebar-hover-elem").css("height", this.hoverElemHeight + "px");
-            jQuery(".sidebar-hover-elem").addClass("show-hover-elem");
-        }
-    }
-    sendAwayHoverElement() {
-        this.hoverElemTop = -200;
-        jQuery(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
-    }
-    updateSidebarHeight() {
-        let marginTop = 60 + 40;
-        let footerHeight = 150;
-        this.menuHeight = this._elementRef.nativeElement.children[0].clientHeight - marginTop - footerHeight;
-    }
-    //Nonostante questa funzione sia collegata con (click.out-zone) per qualche motivo angular le esegue comunque nella sua zone
-    //generando un po' di irresponsività iniziale... succede solo col click... boh
-    collapseMenu(jQueryevent, item) {
-        if (this.isMenuCollapsed)
-            this.menuExpand();
-        if (!item.level)
-            console.warn("Livello non presente in un oggetto del menu!");
-        //N.B: Tutte le funzioni di JQuery le esguo fuori da Angular dato che c'� una buona probabilit� che siano eventi asincroni
-        this.zone.runOutsideAngular(() => { this.outsideAngularClickHandler(jQueryevent, item); });
-        return false;
-    }
-    outsideAngularClickHandler(jQueryevent, item) {
-        let levelClass = item.level ? "level-" + (item.level) : "";
-        let levelClassPlusOne = item.level ? "level-" + (item.level + 1) : "";
-        let slidePeriod = 400;
-        var link = jQuery(jQueryevent.currentTarget);
-        //Se l'elemento non è espanso
-        if (!link.closest(".sidebar-item-expanded" + "_" + levelClass).length) {
-            //Tiro su tutti gli elementi dello stesso livello espansi e li chiudo
-            //Se ho compresso un menu vado a vedere se c'è anche un altro menu di livello pi� basso da richiudere
-            jQuery("ul.nav-sidebar li" + "." + (levelClassPlusOne)).each(function () {
-                let closestLi = jQuery(this).closest("li");
-                if (closestLi.children("ul").length && closestLi.hasClass("sidebar-item-expanded")) {
-                    closestLi.children("ul").slideUp(slidePeriod);
-                    //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
-                    closestLi.removeClass("sidebar-item-expanded" + "_" + (levelClassPlusOne));
-                    closestLi.removeClass("sidebar-item-expanded");
-                }
-            });
-            //Dopodich� richiudo tutti quelli del mio livello attuale
-            jQuery("ul.nav-sidebar li" + "." + levelClass).each(function () {
-                let closestLi = jQuery(this).closest("li");
-                if (closestLi.children("ul").length && closestLi.hasClass("sidebar-item-expanded")) {
-                    closestLi.children("ul").slideUp(slidePeriod);
-                    //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
-                    closestLi.removeClass("sidebar-item-expanded" + "_" + levelClass);
-                    closestLi.removeClass("sidebar-item-expanded");
-                }
-            });
-            //Dopodich� espando quello attuale
-            link.next().slideDown(slidePeriod);
-            if (item.subMenu) {
-                //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
-                link.closest("li").addClass("sidebar-item-expanded" + "_" + levelClass);
-                link.closest("li").addClass("sidebar-item-expanded");
-            }
-        }
-        else {
-            //Altrimenti, se l'elemento è già espanso lo chiudo
-            if (item.subMenu) {
-                //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
-                link.closest("li").removeClass("sidebar-item-expanded" + "_" + levelClass);
-                link.closest("li").removeClass("sidebar-item-expanded");
-            }
-            link.next().slideUp(slidePeriod);
-        }
-    }
-    //#endregion
-    //#region Footer
-    onChangeTenant() {
-        window.location.href = `${myconfig.AuthUrl}/#/login;client=${myconfig.Client}`;
-    }
-    onLogout() {
-        window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
-    }
-    async getUserProfileData() {
-        var identity = this.sr.getJaceIdentity();
-        if (identity) {
-            this.user = identity.FullName;
-            this.tenant = identity.TenantName;
-            await this.profile.doReloadProfilePicture();
-            this.cdr.markForCheck();
-        }
-    }
-    onSearchRequest() {
-        this.searchingTerm = true;
-        this.searchResult = null;
-        if (!this.globalSearchService.Enabled)
-            return;
-        if (this.searchTerm.trim().length < 3) {
-            this.msgExts.simpleWarning(this.lc.loc("Scrivere almeno 3 caratteri per utilizzare la ricerca globale"));
-            return;
-        }
-        this.globalSearchService.search(this.searchTerm).subscribe(t => {
-            this.searchingTerm = false;
-            this.searchResult = t;
-            // Short-circuit in assenza di risultati
-            if ((this.searchResult.results.length || 0) === 0) {
-                this.cdr.markForCheck();
-                return;
-            }
-            this.searchResult.results.forEach(t => {
-                t.est_cols = t.columns.map(c => {
-                    let colLink = this.globalSearchService.generateColumnLink(c);
-                    return new EsTableColumnsDefinition(c.description, c.id, colLink?.routePath, colLink?.routeProperties);
-                });
-                this.cdr.markForCheck();
-            });
-        });
-    }
-    onSearchModelChanged() {
-        if (!this.searchingTerm)
-            this.closeSearch();
-    }
-    closeSearch() {
-        this.searchingTerm = false;
-        this.searchResult = null;
-        this.cdr.markForCheck();
-    }
-    FilterSearchResults(item = null) {
-        this.SelectedResult = null;
-        this.ShowSingleTable = true;
-        requestAnimationFrame(() => {
-            if (item)
-                this.SelectedResult = this.searchResult?.results?.find(f => f.description == item.description);
-            else
-                this.ShowSingleTable = false;
-            this.cdr.markForCheck();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Sidebar, deps: [{ token: i1$2.LocalizationService }, { token: MENU_LOCALIZATION, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.Router }, { token: i1.AppState }, { token: i0.NgZone }, { token: i4.UtilityService }, { token: i5.AccessControlService }, { token: MENU }, { token: i1.MenuFilteringService }, { token: i1.TokenService }, { token: i1.GlobalSearchService }, { token: i1.UserPreferencesService }, { token: i4.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: Sidebar, isStandalone: true, selector: "sidebar", host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }], ngImport: i0, template: "<div #sidebar class=\"app-sidebar\" [class.menu-collapsed]=\"isMenuCollapsed\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <!--Jace Logo-->\r\n    <div class=\"app-logo-container\">\r\n        <div class=\"app-pointer\" [routerLink]=\"['/pages/dashboard']\" style=\"margin-bottom: 10px; overflow: hidden\">\r\n            <ng-container *ngIf=\"!isMenuCollapsed\">\r\n                <img class=\"app-logo-img\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n                <div class=\"app-logo-font-container\">\r\n                    <span class=\"app-logo-font\">{{applicationName}}</span>\r\n                </div>\r\n            </ng-container>\r\n           \r\n            <img *ngIf=\"isMenuCollapsed\" class=\"app-logo-img-sm\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <!--Ricerca globale-->\r\n    <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-search\">\r\n        <form novalidate role=\"search\" class=\"app-search\" (ngSubmit)=\"onSearchRequest()\">\r\n            <input type=\"text\" placeholder=\"Ricerca...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"onSearchModelChanged()\" name=\"search\" class=\"form-control\" autocomplete=\"off\">\r\n            <a><i class=\"far fa-magnifying-glass\"></i></a>\r\n        </form>\r\n    </div>\r\n    <!--Barra laterale con tutte le voci di Menu-->\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" style=\"position: relative; zoom: 1\" slim-scroll [slimScrollOptions]=\"{height: menuHeight + (isMenuCollapsed ? 55 : 0)}\">\r\n        <ng-container *ngFor=\"let item of menuItems; let last = last;\">\r\n            <li *ngIf=\"item.visible\" class=\"sidebar-list-item level-{{item.level}}\" \r\n                [style.margin-bottom]=\"last ? '42px' : '0px'\"\r\n                [class.has-sub-menu]=\"item.subMenu\" \r\n                [class.sidebar-item-expanded]=\"item.expanded\"\r\n                [class.sidebar-item-wip]=\"item.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : { $implicit: item }\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n    <!--Selettore Barra dei Menu-->\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n    <!--Footer *ngIf=\"!isMenuCollapsed\"-->\r\n    <div class=\"app-sidebar-footer\">\r\n        <!--Minuscolo fade tra sidebar e inizio footer-->\r\n        <div class=\"app-sidebar-footer-fade\"></div>\r\n        <div [style.padding.px]=\"isMenuCollapsed ? 5 : 15\">\r\n            <!--Informazioni utente collegato-->\r\n            <div class=\"app-sidebar-footer-user-container\">\r\n                <!--Mentre sto ancora caricando la ProfilePic mi assicuro di mostrare un placeholder-->\r\n                <div *ngIf=\"!profile.ProfilePicture\" class=\"app-sidebar-footer-user-img-placeholder\">\r\n                    <i class=\"far fa-2x fa-spinner fa-spin-pulse\" style=\"color: black; margin-top: 5px;\"></i>\r\n                </div>\r\n                <!--Una volta caricata la ProfilePic nascondo il placeholder e la mostro-->\r\n                <ng-container *ngIf=\"profile.ProfilePicture\">\r\n                    <img [src]=\"profile.ProfilePicture\" alt=\"\" class=\"app-sidebar-footer-user-img app-pointer\" [routerLink]=\"['/pages/profile']\">\r\n                    <div class=\"app-sidebar-footer-user-status\"></div>\r\n                </ng-container>\r\n                <!--Username animato quando supera i 15 caratteri-->\r\n                <div class=\"app-sidebar-footer-user-name-container\">\r\n                    <div class=\"username-text\" [class.username-text-animator]=\"user?.length > 15\">{{user}}</div>\r\n                    <div class=\"tenantname-text\">{{tenant}}</div>\r\n                </div>\r\n            </div>\r\n            <!--Operazioni rapide (Logout, Cambia tenant, Guida, Supporto,...)-->\r\n            <div class=\"app-sidebar-footer-quick-ops\" [style.display]=\"isMenuCollapsed ? 'inline' : 'flex'\">\r\n                <div (click)=\"onChangeTenant();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-left\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Cambia Tenant</span></div>\r\n                <div (click)=\"onLogout();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-from-bracket\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Logout</span></div>\r\n            </div>\r\n            <!--Versione corrente applicazione-->\r\n            <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-footer-ver\">\r\n                v{{applicationVersion}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link || '#'\" (click)=\"item.wip && $event.preventDefault()\" target=\"_blank\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.routerLink && !item.subMenu && !item.wip\" class=\"sidebar-list-link {{item.cssClass || ''}}\" [routerLink]=\"[item.routerLink]\" [queryParams]=\"item.queryParams\" routerLinkActive=\"active-link\" (click.out-zone)=\"collapseMenu($event, item)\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.subMenu && !item.wip\" (click.out-zone)=\"collapseMenu($event, item)\" [attr.href]=\"''\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n        <b class=\"fa fa-angle-down\"></b>\r\n    </a>\r\n\r\n    <ul *ngIf=\"item.subMenu\" class=\"sidebar-sublist\">\r\n        <ng-container *ngFor=\"let subitem of item.subMenu\" >\r\n            <li *ngIf=\"subitem.visible\" class=\"sidebar-sublist-item level-{{item.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".app-sidebar{background:#344154;box-shadow:8px 0 6px -6px #1313130a,12px 0 16px -16px #1313130d;height:100%;min-height:100%;width:230px;overflow:hidden;display:block;z-index:9}.app-sidebar.menu-collapsed{width:50px}.app-sidebar.menu-collapsed a.sidebar-list-link b{display:none}.app-sidebar.menu-collapsed .sidebar-sublist{position:absolute;top:-1px;left:52px;width:0;display:block;overflow:hidden}.sidebar-list-item{display:block;position:relative;float:none;padding:0;border-bottom:1px solid #485974}.sidebar-item-wip{cursor:default}a.sidebar-list-link{display:block;height:42px;padding-top:0!important;text-shadow:none;font-size:13px;letter-spacing:.02em;text-decoration:none;color:#fff;line-height:42px;white-space:nowrap;overflow:hidden;cursor:pointer;transition:all .2s ease}a.sidebar-list-link i{margin-right:16px;width:16px;display:inline-block}a.sidebar-list-link b{display:block;opacity:1;width:14px;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:10px;top:14px;padding:0;text-align:center;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#2a3544}.sidebar-list-item.sidebar-item-expanded>.sidebar-list-link b,.sidebar-sublist-item.sidebar-item-expanded>.sidebar-list-link b{transform:rotate(180deg)}.sidebar-sublist{display:none;padding:0;list-style:none;position:relative;background-color:#3e4d64}.sidebar-sublist .level-1{background-color:#364357}.sidebar-sublist .level-2{background-color:#2e3a4b}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-top:1px solid #485974}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:\"Font Awesome 6 Pro\";content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#2a3544}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#3e4d64}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background-color:#024a88;position:absolute;top:-90px;left:226px;transition:all .2s ease;transition-property:top,height;height:36px;display:block}.sidebar.menu-collapsed .sidebar-hover-elem{left:46px}.active-link{background-color:#677ea1!important}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}.app-logo-container{height:60px;background-color:#2a3544;display:flex;position:relative;z-index:10;margin-bottom:-1px;border-bottom:1px solid #485974;color:#fff;padding:10px 0 0 15px}.app-sidebar-search{height:39px;border-bottom:42px solid #344154}.app-logo-placeholder{text-align:center;font-size:1.2rem;text-transform:uppercase;font-weight:700;margin-top:15px!important}.app-logo-font{color:#fffac2;font-family:Work Sans;font-size:15px;line-height:1;text-transform:uppercase;font-weight:700;padding-left:5px;padding-bottom:2px;overflow:hidden}.app-logo-font-container{display:inline-block;vertical-align:bottom;width:calc(var(--sidebar-width) - 70px);margin:0;height:auto;overflow:hidden}.app-logo-img-sm{padding-top:10px}.app-sidebar-footer{position:relative;background-color:#344154}.app-sidebar-footer-fade{top:-42px;position:absolute;background-image:linear-gradient(to top,#344154,#34415400);height:42px;width:230px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebar-footer-user-container{position:relative;display:flex;margin-top:5px;color:#fff}.app-sidebar-footer-user-img-placeholder{height:40px;min-width:40px;width:40px;text-align:center}.app-sidebar-footer-user-img{height:40px;min-height:40px;min-width:40px;width:40px;border-radius:50%;border:1px solid #485974}.app-sidebar-footer-user-status{background-color:#32cd32;border:1px solid green;border-radius:50%;position:absolute;left:29px;top:29px;height:11px;width:11px}.app-sidebar-footer-user-name-container{width:150px;white-space:nowrap;overflow:hidden;margin-left:10px}.username-text{z-index:1;min-width:140px;display:flex;font-size:16px}.username-text-animator:hover{transform:translate(100%);animation:my-animation 3s linear infinite}@keyframes my-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}.tenantname-text{font-size:12px}.app-sidebar-footer-quick-ops{margin-top:10px;display:flex;justify-content:space-between}.app-sidebar-footer-op{color:#fff;font-weight:700;cursor:pointer}.app-sidebar-footer-ver{text-align:right;margin-top:30px;color:#fff}.app-search{position:relative}.app-search a{position:absolute;top:8px;right:14px;font-size:16px;color:#fff!important}.app-search .form-control{font-size:12px;letter-spacing:.03em;height:40px;color:#fff;padding:7px 40px 7px 20px;background:#3e4d64;box-shadow:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #485974}.app-sidebar.menu-collapsed .app-sidebar-footer-op{display:block;padding-left:12px;padding-top:5px;margin:0;width:16px}\n"], dependencies: [{ kind: "directive", type: SlimScroll, selector: "[slim-scroll]", inputs: ["slimScrollOptions"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: EsTableModule }, { kind: "component", type: i7.EsTableComponent, selector: "es-table", inputs: ["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", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: SideBarLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Sidebar, decorators: [{
-            type: Component,
-            args: [{ selector: "sidebar", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [{ provide: LocalizationService, useClass: SideBarLoc }], standalone: true, imports: [NgClass, SlimScroll, NgFor, NgTemplateOutlet, NgIf, RouterLinkActive, RouterLink, FormsModule, EsTableModule, LocalizationModule], template: "<div #sidebar class=\"app-sidebar\" [class.menu-collapsed]=\"isMenuCollapsed\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <!--Jace Logo-->\r\n    <div class=\"app-logo-container\">\r\n        <div class=\"app-pointer\" [routerLink]=\"['/pages/dashboard']\" style=\"margin-bottom: 10px; overflow: hidden\">\r\n            <ng-container *ngIf=\"!isMenuCollapsed\">\r\n                <img class=\"app-logo-img\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n                <div class=\"app-logo-font-container\">\r\n                    <span class=\"app-logo-font\">{{applicationName}}</span>\r\n                </div>\r\n            </ng-container>\r\n           \r\n            <img *ngIf=\"isMenuCollapsed\" class=\"app-logo-img-sm\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <!--Ricerca globale-->\r\n    <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-search\">\r\n        <form novalidate role=\"search\" class=\"app-search\" (ngSubmit)=\"onSearchRequest()\">\r\n            <input type=\"text\" placeholder=\"Ricerca...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"onSearchModelChanged()\" name=\"search\" class=\"form-control\" autocomplete=\"off\">\r\n            <a><i class=\"far fa-magnifying-glass\"></i></a>\r\n        </form>\r\n    </div>\r\n    <!--Barra laterale con tutte le voci di Menu-->\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" style=\"position: relative; zoom: 1\" slim-scroll [slimScrollOptions]=\"{height: menuHeight + (isMenuCollapsed ? 55 : 0)}\">\r\n        <ng-container *ngFor=\"let item of menuItems; let last = last;\">\r\n            <li *ngIf=\"item.visible\" class=\"sidebar-list-item level-{{item.level}}\" \r\n                [style.margin-bottom]=\"last ? '42px' : '0px'\"\r\n                [class.has-sub-menu]=\"item.subMenu\" \r\n                [class.sidebar-item-expanded]=\"item.expanded\"\r\n                [class.sidebar-item-wip]=\"item.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : { $implicit: item }\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n    <!--Selettore Barra dei Menu-->\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n    <!--Footer *ngIf=\"!isMenuCollapsed\"-->\r\n    <div class=\"app-sidebar-footer\">\r\n        <!--Minuscolo fade tra sidebar e inizio footer-->\r\n        <div class=\"app-sidebar-footer-fade\"></div>\r\n        <div [style.padding.px]=\"isMenuCollapsed ? 5 : 15\">\r\n            <!--Informazioni utente collegato-->\r\n            <div class=\"app-sidebar-footer-user-container\">\r\n                <!--Mentre sto ancora caricando la ProfilePic mi assicuro di mostrare un placeholder-->\r\n                <div *ngIf=\"!profile.ProfilePicture\" class=\"app-sidebar-footer-user-img-placeholder\">\r\n                    <i class=\"far fa-2x fa-spinner fa-spin-pulse\" style=\"color: black; margin-top: 5px;\"></i>\r\n                </div>\r\n                <!--Una volta caricata la ProfilePic nascondo il placeholder e la mostro-->\r\n                <ng-container *ngIf=\"profile.ProfilePicture\">\r\n                    <img [src]=\"profile.ProfilePicture\" alt=\"\" class=\"app-sidebar-footer-user-img app-pointer\" [routerLink]=\"['/pages/profile']\">\r\n                    <div class=\"app-sidebar-footer-user-status\"></div>\r\n                </ng-container>\r\n                <!--Username animato quando supera i 15 caratteri-->\r\n                <div class=\"app-sidebar-footer-user-name-container\">\r\n                    <div class=\"username-text\" [class.username-text-animator]=\"user?.length > 15\">{{user}}</div>\r\n                    <div class=\"tenantname-text\">{{tenant}}</div>\r\n                </div>\r\n            </div>\r\n            <!--Operazioni rapide (Logout, Cambia tenant, Guida, Supporto,...)-->\r\n            <div class=\"app-sidebar-footer-quick-ops\" [style.display]=\"isMenuCollapsed ? 'inline' : 'flex'\">\r\n                <div (click)=\"onChangeTenant();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-left\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Cambia Tenant</span></div>\r\n                <div (click)=\"onLogout();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-from-bracket\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Logout</span></div>\r\n            </div>\r\n            <!--Versione corrente applicazione-->\r\n            <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-footer-ver\">\r\n                v{{applicationVersion}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link || '#'\" (click)=\"item.wip && $event.preventDefault()\" target=\"_blank\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.routerLink && !item.subMenu && !item.wip\" class=\"sidebar-list-link {{item.cssClass || ''}}\" [routerLink]=\"[item.routerLink]\" [queryParams]=\"item.queryParams\" routerLinkActive=\"active-link\" (click.out-zone)=\"collapseMenu($event, item)\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.subMenu && !item.wip\" (click.out-zone)=\"collapseMenu($event, item)\" [attr.href]=\"''\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n        <b class=\"fa fa-angle-down\"></b>\r\n    </a>\r\n\r\n    <ul *ngIf=\"item.subMenu\" class=\"sidebar-sublist\">\r\n        <ng-container *ngFor=\"let subitem of item.subMenu\" >\r\n            <li *ngIf=\"subitem.visible\" class=\"sidebar-sublist-item level-{{item.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".app-sidebar{background:#344154;box-shadow:8px 0 6px -6px #1313130a,12px 0 16px -16px #1313130d;height:100%;min-height:100%;width:230px;overflow:hidden;display:block;z-index:9}.app-sidebar.menu-collapsed{width:50px}.app-sidebar.menu-collapsed a.sidebar-list-link b{display:none}.app-sidebar.menu-collapsed .sidebar-sublist{position:absolute;top:-1px;left:52px;width:0;display:block;overflow:hidden}.sidebar-list-item{display:block;position:relative;float:none;padding:0;border-bottom:1px solid #485974}.sidebar-item-wip{cursor:default}a.sidebar-list-link{display:block;height:42px;padding-top:0!important;text-shadow:none;font-size:13px;letter-spacing:.02em;text-decoration:none;color:#fff;line-height:42px;white-space:nowrap;overflow:hidden;cursor:pointer;transition:all .2s ease}a.sidebar-list-link i{margin-right:16px;width:16px;display:inline-block}a.sidebar-list-link b{display:block;opacity:1;width:14px;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:10px;top:14px;padding:0;text-align:center;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#2a3544}.sidebar-list-item.sidebar-item-expanded>.sidebar-list-link b,.sidebar-sublist-item.sidebar-item-expanded>.sidebar-list-link b{transform:rotate(180deg)}.sidebar-sublist{display:none;padding:0;list-style:none;position:relative;background-color:#3e4d64}.sidebar-sublist .level-1{background-color:#364357}.sidebar-sublist .level-2{background-color:#2e3a4b}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-top:1px solid #485974}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:\"Font Awesome 6 Pro\";content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#2a3544}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#3e4d64}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background-color:#024a88;position:absolute;top:-90px;left:226px;transition:all .2s ease;transition-property:top,height;height:36px;display:block}.sidebar.menu-collapsed .sidebar-hover-elem{left:46px}.active-link{background-color:#677ea1!important}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}.app-logo-container{height:60px;background-color:#2a3544;display:flex;position:relative;z-index:10;margin-bottom:-1px;border-bottom:1px solid #485974;color:#fff;padding:10px 0 0 15px}.app-sidebar-search{height:39px;border-bottom:42px solid #344154}.app-logo-placeholder{text-align:center;font-size:1.2rem;text-transform:uppercase;font-weight:700;margin-top:15px!important}.app-logo-font{color:#fffac2;font-family:Work Sans;font-size:15px;line-height:1;text-transform:uppercase;font-weight:700;padding-left:5px;padding-bottom:2px;overflow:hidden}.app-logo-font-container{display:inline-block;vertical-align:bottom;width:calc(var(--sidebar-width) - 70px);margin:0;height:auto;overflow:hidden}.app-logo-img-sm{padding-top:10px}.app-sidebar-footer{position:relative;background-color:#344154}.app-sidebar-footer-fade{top:-42px;position:absolute;background-image:linear-gradient(to top,#344154,#34415400);height:42px;width:230px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebar-footer-user-container{position:relative;display:flex;margin-top:5px;color:#fff}.app-sidebar-footer-user-img-placeholder{height:40px;min-width:40px;width:40px;text-align:center}.app-sidebar-footer-user-img{height:40px;min-height:40px;min-width:40px;width:40px;border-radius:50%;border:1px solid #485974}.app-sidebar-footer-user-status{background-color:#32cd32;border:1px solid green;border-radius:50%;position:absolute;left:29px;top:29px;height:11px;width:11px}.app-sidebar-footer-user-name-container{width:150px;white-space:nowrap;overflow:hidden;margin-left:10px}.username-text{z-index:1;min-width:140px;display:flex;font-size:16px}.username-text-animator:hover{transform:translate(100%);animation:my-animation 3s linear infinite}@keyframes my-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}.tenantname-text{font-size:12px}.app-sidebar-footer-quick-ops{margin-top:10px;display:flex;justify-content:space-between}.app-sidebar-footer-op{color:#fff;font-weight:700;cursor:pointer}.app-sidebar-footer-ver{text-align:right;margin-top:30px;color:#fff}.app-search{position:relative}.app-search a{position:absolute;top:8px;right:14px;font-size:16px;color:#fff!important}.app-search .form-control{font-size:12px;letter-spacing:.03em;height:40px;color:#fff;padding:7px 40px 7px 20px;background:#3e4d64;box-shadow:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #485974}.app-sidebar.menu-collapsed .app-sidebar-footer-op{display:block;padding-left:12px;padding-top:5px;margin:0;width:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.LocalizationService }, { type: i0.Type, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MENU_LOCALIZATION]
-                }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.Router }, { type: i1.AppState }, { type: i0.NgZone }, { type: i4.UtilityService }, { type: i5.AccessControlService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MENU]
-                }] }, { type: i1.MenuFilteringService }, { type: i1.TokenService }, { type: i1.GlobalSearchService }, { type: i1.UserPreferencesService }, { type: i4.MessageService }]; }, propDecorators: { sidebar: [{
-                type: ViewChild,
-                args: ["sidebar", { static: true }]
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ["window:resize"]
+// Angular
+class Sidebar {
+    constructor(lc, lcMenu, cdr, _elementRef, _router, _state, zone, utiExts, aac, menuItemsRaw, menuFilteringService, sr, globalSearchService, profile, msgExts) {
+        this.lc = lc;
+        this.cdr = cdr;
+        this._elementRef = _elementRef;
+        this._router = _router;
+        this._state = _state;
+        this.zone = zone;
+        this.utiExts = utiExts;
+        this.aac = aac;
+        this.menuItemsRaw = menuItemsRaw;
+        this.menuFilteringService = menuFilteringService;
+        this.sr = sr;
+        this.globalSearchService = globalSearchService;
+        this.profile = profile;
+        this.msgExts = msgExts;
+        this.isMenuCollapsed = false;
+        this.isMenuShouldCollapsed = false;
+        this.applicationVersion = myconfig.AppData.ComponentVersion;
+        this.applicationName = myconfig.AppData.ModuleDescription;
+        this.user = "";
+        this.tenant = "";
+        //#endregion
+        //#region Gestione Ricerca Globale
+        this.SelectedResult = null;
+        this.ShowSingleTable = false;
+        this.searchingTerm = false;
+        this.lc = this.lc.generateFromType(lcMenu);
+        this._state.subscribe("menu.isCollapsed", (isCollapsed) => {
+            this.isMenuCollapsed = isCollapsed;
+            this.cdr.markForCheck();
+        });
+        this._state.subscribe("application.DeployAvailable", (available) => {
+            if (available)
+                this.ngOnInit();
+        });
+        this._router.events.subscribe(event => {
+            if (event instanceof NavigationEnd) {
+                let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
+                if (width <= 768)
+                    this._state.notifyDataChanged("menu.isCollapsed", true);
+                window.scrollTo(0, 0);
+            }
+        });
+        this.getUserProfileData();
+    }
+    async ngOnInit() {
+        let tmpMenuItems = this.getMenuItems();
+        this.menuItems = await firstValueFrom(this.menuFilteringService.filter(tmpMenuItems));
+        if (this._shouldMenuCollapse())
+            this.menuCollapse();
+        this.updateSidebarHeight();
+        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
+        this.cdr.markForCheck();
+    }
+    getMenuItems() {
+        let menus = this.utiExts.deepClone(this.menuItemsRaw);
+        // Giro 1 assegno il livello ai root
+        for (let i = 0; i < menus.length; i++) {
+            let t = menus[i];
+            t.level = 1;
+            t.padding_left = 18;
+            t.visible = !t.ac || this.aac.has(t.ac);
+            // Giro ricorsivo
+            if (t.subMenu && t.subMenu.length > 0)
+                this.checkSubMenuOverClaims(t, 1);
+        }
+        return menus;
+    }
+    checkSubMenuOverClaims(menuItem, level) {
+        for (let i = 0; i < menuItem.subMenu.length; i++) {
+            let t = menuItem.subMenu[i];
+            t.level = level + 1;
+            t.visible = !t.ac || this.aac.has(t.ac);
+            t.padding_left = t.level * 18;
+            if (t.subMenu && t.subMenu.length > 0)
+                this.checkSubMenuOverClaims(t, level + 1);
+        }
+    }
+    //#region JQuery
+    onWindowResize() {
+        var isMenuShouldCollapsed = this._shouldMenuCollapse();
+        if (this.isMenuShouldCollapsed !== isMenuShouldCollapsed) {
+            this.menuCollapseStateChange(isMenuShouldCollapsed);
+        }
+        this.isMenuShouldCollapsed = isMenuShouldCollapsed;
+        this.updateSidebarHeight();
+    }
+    _shouldMenuCollapse() {
+        return window.innerWidth <= 768;
+    }
+    menuCollapse() {
+        this.menuCollapseStateChange(true);
+        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
+    }
+    menuCollapseStateChange(isCollapsed) {
+        this.isMenuCollapsed = isCollapsed;
+        this._state.notifyDataChanged("menu.isCollapsed", this.isMenuCollapsed);
+    }
+    menuExpand() {
+        this.menuCollapseStateChange(false);
+        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
+    }
+    hoverItem(jQueryevent) {
+        if (!this.isMenuCollapsed) {
+            this.showHoverElem = true;
+            this.hoverElemHeight = jQueryevent.currentTarget.clientHeight;
+            this.hoverElemTop = jQueryevent.currentTarget.getBoundingClientRect().top;
+            jQuery(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
+            jQuery(".sidebar-hover-elem").css("height", this.hoverElemHeight + "px");
+            jQuery(".sidebar-hover-elem").addClass("show-hover-elem");
+        }
+    }
+    sendAwayHoverElement() {
+        this.hoverElemTop = -200;
+        jQuery(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
+    }
+    updateSidebarHeight() {
+        let marginTop = 60 + 40;
+        let footerHeight = 150;
+        this.menuHeight = this._elementRef.nativeElement.children[0].clientHeight - marginTop - footerHeight;
+    }
+    //Nonostante questa funzione sia collegata con (click.out-zone) per qualche motivo angular le esegue comunque nella sua zone
+    //generando un po' di irresponsività iniziale... succede solo col click... boh
+    collapseMenu(jQueryevent, item) {
+        if (this.isMenuCollapsed)
+            this.menuExpand();
+        if (!item.level)
+            console.warn("Livello non presente in un oggetto del menu!");
+        //N.B: Tutte le funzioni di JQuery le esguo fuori da Angular dato che c'� una buona probabilit� che siano eventi asincroni
+        this.zone.runOutsideAngular(() => { this.outsideAngularClickHandler(jQueryevent, item); });
+        return false;
+    }
+    outsideAngularClickHandler(jQueryevent, item) {
+        let levelClass = item.level ? "level-" + (item.level) : "";
+        let levelClassPlusOne = item.level ? "level-" + (item.level + 1) : "";
+        let slidePeriod = 400;
+        var link = jQuery(jQueryevent.currentTarget);
+        //Se l'elemento non è espanso
+        if (!link.closest(".sidebar-item-expanded" + "_" + levelClass).length) {
+            //Tiro su tutti gli elementi dello stesso livello espansi e li chiudo
+            //Se ho compresso un menu vado a vedere se c'è anche un altro menu di livello pi� basso da richiudere
+            jQuery("ul.nav-sidebar li" + "." + (levelClassPlusOne)).each(function () {
+                let closestLi = jQuery(this).closest("li");
+                if (closestLi.children("ul").length && closestLi.hasClass("sidebar-item-expanded")) {
+                    closestLi.children("ul").slideUp(slidePeriod);
+                    //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
+                    closestLi.removeClass("sidebar-item-expanded" + "_" + (levelClassPlusOne));
+                    closestLi.removeClass("sidebar-item-expanded");
+                }
+            });
+            //Dopodich� richiudo tutti quelli del mio livello attuale
+            jQuery("ul.nav-sidebar li" + "." + levelClass).each(function () {
+                let closestLi = jQuery(this).closest("li");
+                if (closestLi.children("ul").length && closestLi.hasClass("sidebar-item-expanded")) {
+                    closestLi.children("ul").slideUp(slidePeriod);
+                    //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
+                    closestLi.removeClass("sidebar-item-expanded" + "_" + levelClass);
+                    closestLi.removeClass("sidebar-item-expanded");
+                }
+            });
+            //Dopodich� espando quello attuale
+            link.next().slideDown(slidePeriod);
+            if (item.subMenu) {
+                //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
+                link.closest("li").addClass("sidebar-item-expanded" + "_" + levelClass);
+                link.closest("li").addClass("sidebar-item-expanded");
+            }
+        }
+        else {
+            //Altrimenti, se l'elemento è già espanso lo chiudo
+            if (item.subMenu) {
+                //Le uso sempre entrambe insieme. La prima è la classe per la logica, la seconda per le animazioni
+                link.closest("li").removeClass("sidebar-item-expanded" + "_" + levelClass);
+                link.closest("li").removeClass("sidebar-item-expanded");
+            }
+            link.next().slideUp(slidePeriod);
+        }
+    }
+    //#endregion
+    //#region Footer
+    onChangeTenant() {
+        window.location.href = `${myconfig.AuthUrl}/#/login;client=${myconfig.Client}`;
+    }
+    onLogout() {
+        window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
+    }
+    async getUserProfileData() {
+        var identity = this.sr.getJaceIdentity();
+        if (identity) {
+            this.user = identity.FullName;
+            this.tenant = identity.TenantName;
+            await this.profile.doReloadProfilePicture();
+            this.cdr.markForCheck();
+        }
+    }
+    onSearchRequest() {
+        this.searchingTerm = true;
+        this.searchResult = null;
+        if (!this.globalSearchService.Enabled)
+            return;
+        if (this.searchTerm.trim().length < 3) {
+            this.msgExts.simpleWarning(this.lc.loc("Scrivere almeno 3 caratteri per utilizzare la ricerca globale"));
+            return;
+        }
+        this.globalSearchService.search(this.searchTerm).subscribe(t => {
+            this.searchingTerm = false;
+            this.searchResult = t;
+            // Short-circuit in assenza di risultati
+            if ((this.searchResult.results.length || 0) === 0) {
+                this.cdr.markForCheck();
+                return;
+            }
+            this.searchResult.results.forEach(t => {
+                t.est_cols = t.columns.map(c => {
+                    let colLink = this.globalSearchService.generateColumnLink(c);
+                    return new EsTableColumnsDefinition(c.description, c.id, colLink?.routePath, colLink?.routeProperties);
+                });
+                this.cdr.markForCheck();
+            });
+        });
+    }
+    onSearchModelChanged() {
+        if (!this.searchingTerm)
+            this.closeSearch();
+    }
+    closeSearch() {
+        this.searchingTerm = false;
+        this.searchResult = null;
+        this.cdr.markForCheck();
+    }
+    FilterSearchResults(item = null) {
+        this.SelectedResult = null;
+        this.ShowSingleTable = true;
+        requestAnimationFrame(() => {
+            if (item)
+                this.SelectedResult = this.searchResult?.results?.find(f => f.description == item.description);
+            else
+                this.ShowSingleTable = false;
+            this.cdr.markForCheck();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Sidebar, deps: [{ token: i1$2.LocalizationService }, { token: MENU_LOCALIZATION, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.Router }, { token: i1.AppState }, { token: i0.NgZone }, { token: i4.UtilityService }, { token: i5.AccessControlService }, { token: MENU }, { token: i1.MenuFilteringService }, { token: i1.TokenService }, { token: i1.GlobalSearchService }, { token: i1.UserPreferencesService }, { token: i4.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: Sidebar, isStandalone: true, selector: "sidebar", host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }], ngImport: i0, template: "<div #sidebar class=\"app-sidebar\" [class.menu-collapsed]=\"isMenuCollapsed\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <!--Jace Logo-->\r\n    <div class=\"app-logo-container\">\r\n        <div class=\"app-pointer\" [routerLink]=\"['/pages/dashboard']\" style=\"margin-bottom: 10px; overflow: hidden\">\r\n            <ng-container *ngIf=\"!isMenuCollapsed\">\r\n                <img class=\"app-logo-img\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n                <div class=\"app-logo-font-container\">\r\n                    <span class=\"app-logo-font\">{{applicationName}}</span>\r\n                </div>\r\n            </ng-container>\r\n           \r\n            <img *ngIf=\"isMenuCollapsed\" class=\"app-logo-img-sm\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <!--Ricerca globale-->\r\n    <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-search\">\r\n        <form novalidate role=\"search\" class=\"app-search\" (ngSubmit)=\"onSearchRequest()\">\r\n            <input type=\"text\" placeholder=\"Ricerca...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"onSearchModelChanged()\" name=\"search\" class=\"form-control\" autocomplete=\"off\">\r\n            <a><i class=\"far fa-magnifying-glass\"></i></a>\r\n        </form>\r\n    </div>\r\n    <!--Barra laterale con tutte le voci di Menu-->\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" style=\"position: relative; zoom: 1\" slim-scroll [slimScrollOptions]=\"{height: menuHeight + (isMenuCollapsed ? 55 : 0)}\">\r\n        <ng-container *ngFor=\"let item of menuItems; let last = last;\">\r\n            <li *ngIf=\"item.visible\" class=\"sidebar-list-item level-{{item.level}}\" \r\n                [style.margin-bottom]=\"last ? '42px' : '0px'\"\r\n                [class.has-sub-menu]=\"item.subMenu\" \r\n                [class.sidebar-item-expanded]=\"item.expanded\"\r\n                [class.sidebar-item-wip]=\"item.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : { $implicit: item }\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n    <!--Selettore Barra dei Menu-->\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n    <!--Footer *ngIf=\"!isMenuCollapsed\"-->\r\n    <div class=\"app-sidebar-footer\">\r\n        <!--Minuscolo fade tra sidebar e inizio footer-->\r\n        <div class=\"app-sidebar-footer-fade\"></div>\r\n        <div [style.padding.px]=\"isMenuCollapsed ? 5 : 15\">\r\n            <!--Informazioni utente collegato-->\r\n            <div class=\"app-sidebar-footer-user-container\">\r\n                <!--Mentre sto ancora caricando la ProfilePic mi assicuro di mostrare un placeholder-->\r\n                <div *ngIf=\"!profile.ProfilePicture\" class=\"app-sidebar-footer-user-img-placeholder\">\r\n                    <i class=\"far fa-2x fa-spinner fa-spin-pulse\" style=\"color: black; margin-top: 5px;\"></i>\r\n                </div>\r\n                <!--Una volta caricata la ProfilePic nascondo il placeholder e la mostro-->\r\n                <ng-container *ngIf=\"profile.ProfilePicture\">\r\n                    <img [src]=\"profile.ProfilePicture\" alt=\"\" class=\"app-sidebar-footer-user-img app-pointer\" [routerLink]=\"['/pages/profile']\">\r\n                    <div class=\"app-sidebar-footer-user-status\"></div>\r\n                </ng-container>\r\n                <!--Username animato quando supera i 15 caratteri-->\r\n                <div class=\"app-sidebar-footer-user-name-container\">\r\n                    <div class=\"username-text\" [class.username-text-animator]=\"user?.length > 15\">{{user}}</div>\r\n                    <div class=\"tenantname-text\">{{tenant}}</div>\r\n                </div>\r\n            </div>\r\n            <!--Operazioni rapide (Logout, Cambia tenant, Guida, Supporto,...)-->\r\n            <div class=\"app-sidebar-footer-quick-ops\" [style.display]=\"isMenuCollapsed ? 'inline' : 'flex'\">\r\n                <div (click)=\"onChangeTenant();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-left\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Cambia Tenant</span></div>\r\n                <div (click)=\"onLogout();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-from-bracket\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Logout</span></div>\r\n            </div>\r\n            <!--Versione corrente applicazione-->\r\n            <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-footer-ver\">\r\n                v{{applicationVersion}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link || '#'\" (click)=\"item.wip && $event.preventDefault()\" target=\"_blank\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.routerLink && !item.subMenu && !item.wip\" class=\"sidebar-list-link {{item.cssClass || ''}}\" [routerLink]=\"[item.routerLink]\" [queryParams]=\"item.queryParams\" routerLinkActive=\"active-link\" (click.out-zone)=\"collapseMenu($event, item)\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.subMenu && !item.wip\" (click.out-zone)=\"collapseMenu($event, item)\" [attr.href]=\"''\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n        <b class=\"fa fa-angle-down\"></b>\r\n    </a>\r\n\r\n    <ul *ngIf=\"item.subMenu\" class=\"sidebar-sublist\">\r\n        <ng-container *ngFor=\"let subitem of item.subMenu\" >\r\n            <li *ngIf=\"subitem.visible\" class=\"sidebar-sublist-item level-{{item.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".app-sidebar{background:#344154;box-shadow:8px 0 6px -6px #1313130a,12px 0 16px -16px #1313130d;height:100%;min-height:100%;width:230px;overflow:hidden;display:block;z-index:9}.app-sidebar.menu-collapsed{width:50px}.app-sidebar.menu-collapsed a.sidebar-list-link b{display:none}.app-sidebar.menu-collapsed .sidebar-sublist{position:absolute;top:-1px;left:52px;width:0;display:block;overflow:hidden}.sidebar-list-item{display:block;position:relative;float:none;padding:0;border-bottom:1px solid rgb(71.5,89.375,115.5)}.sidebar-item-wip{cursor:default}a.sidebar-list-link{display:block;height:42px;padding-top:0!important;text-shadow:none;font-size:13px;letter-spacing:.02em;text-decoration:none;color:#fff;line-height:42px;white-space:nowrap;overflow:hidden;cursor:pointer;transition:all .2s ease}a.sidebar-list-link i{margin-right:16px;width:16px;display:inline-block}a.sidebar-list-link b{display:block;opacity:1;width:14px;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:10px;top:14px;padding:0;text-align:center;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#2a3544}.sidebar-list-item.sidebar-item-expanded>.sidebar-list-link b,.sidebar-sublist-item.sidebar-item-expanded>.sidebar-list-link b{transform:rotate(180deg)}.sidebar-sublist{display:none;padding:0;list-style:none;position:relative;background-color:#3e4d64}.sidebar-sublist .level-1{background-color:#364357}.sidebar-sublist .level-2{background-color:#2e3a4b}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-top:1px solid rgb(71.5,89.375,115.5)}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:\"Font Awesome 6 Pro\";content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#2a3544}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#3e4d64}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background-color:#024a88;position:absolute;top:-90px;left:226px;transition:all .2s ease;transition-property:top,height;height:36px;display:block}.sidebar.menu-collapsed .sidebar-hover-elem{left:46px}.active-link{background-color:#677ea1!important}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}.app-logo-container{height:60px;background-color:#2a3544;display:flex;position:relative;z-index:10;margin-bottom:-1px;border-bottom:1px solid rgb(71.5,89.375,115.5);color:#fff;padding:10px 0 0 15px}.app-sidebar-search{height:39px;border-bottom:42px solid #344154}.app-logo-placeholder{text-align:center;font-size:1.2rem;text-transform:uppercase;font-weight:700;margin-top:15px!important}.app-logo-font{color:#fffac2;font-family:Work Sans;font-size:15px;line-height:1;text-transform:uppercase;font-weight:700;padding-left:5px;padding-bottom:2px;overflow:hidden}.app-logo-font-container{display:inline-block;vertical-align:bottom;width:calc(var(--sidebar-width) - 70px);margin:0;height:auto;overflow:hidden}.app-logo-img-sm{padding-top:10px}.app-sidebar-footer{position:relative;background-color:#344154}.app-sidebar-footer-fade{top:-42px;position:absolute;background-image:linear-gradient(to top,#344154,#34415400);height:42px;width:230px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebar-footer-user-container{position:relative;display:flex;margin-top:5px;color:#fff}.app-sidebar-footer-user-img-placeholder{height:40px;min-width:40px;width:40px;text-align:center}.app-sidebar-footer-user-img{height:40px;min-height:40px;min-width:40px;width:40px;border-radius:50%;border:1px solid rgb(71.5,89.375,115.5)}.app-sidebar-footer-user-status{background-color:#32cd32;border:1px solid green;border-radius:50%;position:absolute;left:29px;top:29px;height:11px;width:11px}.app-sidebar-footer-user-name-container{width:150px;white-space:nowrap;overflow:hidden;margin-left:10px}.username-text{z-index:1;min-width:140px;display:flex;font-size:16px}.username-text-animator:hover{transform:translate(100%);animation:my-animation 3s linear infinite}@keyframes my-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}.tenantname-text{font-size:12px}.app-sidebar-footer-quick-ops{margin-top:10px;display:flex;justify-content:space-between}.app-sidebar-footer-op{color:#fff;font-weight:700;cursor:pointer}.app-sidebar-footer-ver{text-align:right;margin-top:30px;color:#fff}.app-search{position:relative}.app-search a{position:absolute;top:8px;right:14px;font-size:16px;color:#fff!important}.app-search .form-control{font-size:12px;letter-spacing:.03em;height:40px;color:#fff;padding:7px 40px 7px 20px;background:#3e4d64;box-shadow:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid rgb(71.5,89.375,115.5)}.app-sidebar.menu-collapsed .app-sidebar-footer-op{display:block;padding-left:12px;padding-top:5px;margin:0;width:16px}\n"], dependencies: [{ kind: "directive", type: SlimScroll, selector: "[slim-scroll]", inputs: ["slimScrollOptions"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: EsTableModule }, { kind: "component", type: i7.EsTableComponent, selector: "es-table", inputs: ["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", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: SideBarLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Sidebar, decorators: [{
+            type: Component,
+            args: [{ selector: "sidebar", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [{ provide: LocalizationService, useClass: SideBarLoc }], imports: [SlimScroll, NgFor, NgTemplateOutlet, NgIf, RouterLinkActive, RouterLink, FormsModule, EsTableModule, LocalizationModule], template: "<div #sidebar class=\"app-sidebar\" [class.menu-collapsed]=\"isMenuCollapsed\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <!--Jace Logo-->\r\n    <div class=\"app-logo-container\">\r\n        <div class=\"app-pointer\" [routerLink]=\"['/pages/dashboard']\" style=\"margin-bottom: 10px; overflow: hidden\">\r\n            <ng-container *ngIf=\"!isMenuCollapsed\">\r\n                <img class=\"app-logo-img\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n                <div class=\"app-logo-font-container\">\r\n                    <span class=\"app-logo-font\">{{applicationName}}</span>\r\n                </div>\r\n            </ng-container>\r\n           \r\n            <img *ngIf=\"isMenuCollapsed\" class=\"app-logo-img-sm\" src=\"assets/img/logo/headlogo_small.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <!--Ricerca globale-->\r\n    <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-search\">\r\n        <form novalidate role=\"search\" class=\"app-search\" (ngSubmit)=\"onSearchRequest()\">\r\n            <input type=\"text\" placeholder=\"Ricerca...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"onSearchModelChanged()\" name=\"search\" class=\"form-control\" autocomplete=\"off\">\r\n            <a><i class=\"far fa-magnifying-glass\"></i></a>\r\n        </form>\r\n    </div>\r\n    <!--Barra laterale con tutte le voci di Menu-->\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" style=\"position: relative; zoom: 1\" slim-scroll [slimScrollOptions]=\"{height: menuHeight + (isMenuCollapsed ? 55 : 0)}\">\r\n        <ng-container *ngFor=\"let item of menuItems; let last = last;\">\r\n            <li *ngIf=\"item.visible\" class=\"sidebar-list-item level-{{item.level}}\" \r\n                [style.margin-bottom]=\"last ? '42px' : '0px'\"\r\n                [class.has-sub-menu]=\"item.subMenu\" \r\n                [class.sidebar-item-expanded]=\"item.expanded\"\r\n                [class.sidebar-item-wip]=\"item.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : { $implicit: item }\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n    <!--Selettore Barra dei Menu-->\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n    <!--Footer *ngIf=\"!isMenuCollapsed\"-->\r\n    <div class=\"app-sidebar-footer\">\r\n        <!--Minuscolo fade tra sidebar e inizio footer-->\r\n        <div class=\"app-sidebar-footer-fade\"></div>\r\n        <div [style.padding.px]=\"isMenuCollapsed ? 5 : 15\">\r\n            <!--Informazioni utente collegato-->\r\n            <div class=\"app-sidebar-footer-user-container\">\r\n                <!--Mentre sto ancora caricando la ProfilePic mi assicuro di mostrare un placeholder-->\r\n                <div *ngIf=\"!profile.ProfilePicture\" class=\"app-sidebar-footer-user-img-placeholder\">\r\n                    <i class=\"far fa-2x fa-spinner fa-spin-pulse\" style=\"color: black; margin-top: 5px;\"></i>\r\n                </div>\r\n                <!--Una volta caricata la ProfilePic nascondo il placeholder e la mostro-->\r\n                <ng-container *ngIf=\"profile.ProfilePicture\">\r\n                    <img [src]=\"profile.ProfilePicture\" alt=\"\" class=\"app-sidebar-footer-user-img app-pointer\" [routerLink]=\"['/pages/profile']\">\r\n                    <div class=\"app-sidebar-footer-user-status\"></div>\r\n                </ng-container>\r\n                <!--Username animato quando supera i 15 caratteri-->\r\n                <div class=\"app-sidebar-footer-user-name-container\">\r\n                    <div class=\"username-text\" [class.username-text-animator]=\"user?.length > 15\">{{user}}</div>\r\n                    <div class=\"tenantname-text\">{{tenant}}</div>\r\n                </div>\r\n            </div>\r\n            <!--Operazioni rapide (Logout, Cambia tenant, Guida, Supporto,...)-->\r\n            <div class=\"app-sidebar-footer-quick-ops\" [style.display]=\"isMenuCollapsed ? 'inline' : 'flex'\">\r\n                <div (click)=\"onChangeTenant();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-left\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Cambia Tenant</span></div>\r\n                <div (click)=\"onLogout();\" class=\"app-sidebar-footer-op app-no-selection\" [style.margin-top.px]=\"isMenuCollapsed ? 10 : 0\"><i class=\"far fa-right-from-bracket\"></i><span *ngIf=\"!isMenuCollapsed\">&nbsp;Logout</span></div>\r\n            </div>\r\n            <!--Versione corrente applicazione-->\r\n            <div *ngIf=\"!isMenuCollapsed\" class=\"app-sidebar-footer-ver\">\r\n                v{{applicationVersion}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link || '#'\" (click)=\"item.wip && $event.preventDefault()\" target=\"_blank\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.routerLink && !item.subMenu && !item.wip\" class=\"sidebar-list-link {{item.cssClass || ''}}\" [routerLink]=\"[item.routerLink]\" [queryParams]=\"item.queryParams\" routerLinkActive=\"active-link\" (click.out-zone)=\"collapseMenu($event, item)\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n    </a>\r\n\r\n    <a [style.padding-left.px]=\"item.padding_left\" *ngIf=\"item.subMenu && !item.wip\" (click.out-zone)=\"collapseMenu($event, item)\" [attr.href]=\"''\" class=\"sidebar-list-link {{item.cssClass || ''}}\" (mouseenter.out-zone)=\"hoverItem($event)\">\r\n        <i *ngIf=\"item.icon\" class=\"{{ item.icon }}\"></i><span>{{ item.title | localize : lc }}</span>\r\n        <b class=\"fa fa-angle-down\"></b>\r\n    </a>\r\n\r\n    <ul *ngIf=\"item.subMenu\" class=\"sidebar-sublist\">\r\n        <ng-container *ngFor=\"let subitem of item.subMenu\" >\r\n            <li *ngIf=\"subitem.visible\" class=\"sidebar-sublist-item level-{{item.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n                <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n            </li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".app-sidebar{background:#344154;box-shadow:8px 0 6px -6px #1313130a,12px 0 16px -16px #1313130d;height:100%;min-height:100%;width:230px;overflow:hidden;display:block;z-index:9}.app-sidebar.menu-collapsed{width:50px}.app-sidebar.menu-collapsed a.sidebar-list-link b{display:none}.app-sidebar.menu-collapsed .sidebar-sublist{position:absolute;top:-1px;left:52px;width:0;display:block;overflow:hidden}.sidebar-list-item{display:block;position:relative;float:none;padding:0;border-bottom:1px solid rgb(71.5,89.375,115.5)}.sidebar-item-wip{cursor:default}a.sidebar-list-link{display:block;height:42px;padding-top:0!important;text-shadow:none;font-size:13px;letter-spacing:.02em;text-decoration:none;color:#fff;line-height:42px;white-space:nowrap;overflow:hidden;cursor:pointer;transition:all .2s ease}a.sidebar-list-link i{margin-right:16px;width:16px;display:inline-block}a.sidebar-list-link b{display:block;opacity:1;width:14px;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:10px;top:14px;padding:0;text-align:center;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#2a3544}.sidebar-list-item.sidebar-item-expanded>.sidebar-list-link b,.sidebar-sublist-item.sidebar-item-expanded>.sidebar-list-link b{transform:rotate(180deg)}.sidebar-sublist{display:none;padding:0;list-style:none;position:relative;background-color:#3e4d64}.sidebar-sublist .level-1{background-color:#364357}.sidebar-sublist .level-2{background-color:#2e3a4b}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-top:1px solid rgb(71.5,89.375,115.5)}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:\"Font Awesome 6 Pro\";content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#2a3544}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#3e4d64}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background-color:#024a88;position:absolute;top:-90px;left:226px;transition:all .2s ease;transition-property:top,height;height:36px;display:block}.sidebar.menu-collapsed .sidebar-hover-elem{left:46px}.active-link{background-color:#677ea1!important}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}.app-logo-container{height:60px;background-color:#2a3544;display:flex;position:relative;z-index:10;margin-bottom:-1px;border-bottom:1px solid rgb(71.5,89.375,115.5);color:#fff;padding:10px 0 0 15px}.app-sidebar-search{height:39px;border-bottom:42px solid #344154}.app-logo-placeholder{text-align:center;font-size:1.2rem;text-transform:uppercase;font-weight:700;margin-top:15px!important}.app-logo-font{color:#fffac2;font-family:Work Sans;font-size:15px;line-height:1;text-transform:uppercase;font-weight:700;padding-left:5px;padding-bottom:2px;overflow:hidden}.app-logo-font-container{display:inline-block;vertical-align:bottom;width:calc(var(--sidebar-width) - 70px);margin:0;height:auto;overflow:hidden}.app-logo-img-sm{padding-top:10px}.app-sidebar-footer{position:relative;background-color:#344154}.app-sidebar-footer-fade{top:-42px;position:absolute;background-image:linear-gradient(to top,#344154,#34415400);height:42px;width:230px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebar-footer-user-container{position:relative;display:flex;margin-top:5px;color:#fff}.app-sidebar-footer-user-img-placeholder{height:40px;min-width:40px;width:40px;text-align:center}.app-sidebar-footer-user-img{height:40px;min-height:40px;min-width:40px;width:40px;border-radius:50%;border:1px solid rgb(71.5,89.375,115.5)}.app-sidebar-footer-user-status{background-color:#32cd32;border:1px solid green;border-radius:50%;position:absolute;left:29px;top:29px;height:11px;width:11px}.app-sidebar-footer-user-name-container{width:150px;white-space:nowrap;overflow:hidden;margin-left:10px}.username-text{z-index:1;min-width:140px;display:flex;font-size:16px}.username-text-animator:hover{transform:translate(100%);animation:my-animation 3s linear infinite}@keyframes my-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}.tenantname-text{font-size:12px}.app-sidebar-footer-quick-ops{margin-top:10px;display:flex;justify-content:space-between}.app-sidebar-footer-op{color:#fff;font-weight:700;cursor:pointer}.app-sidebar-footer-ver{text-align:right;margin-top:30px;color:#fff}.app-search{position:relative}.app-search a{position:absolute;top:8px;right:14px;font-size:16px;color:#fff!important}.app-search .form-control{font-size:12px;letter-spacing:.03em;height:40px;color:#fff;padding:7px 40px 7px 20px;background:#3e4d64;box-shadow:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid rgb(71.5,89.375,115.5)}.app-sidebar.menu-collapsed .app-sidebar-footer-op{display:block;padding-left:12px;padding-top:5px;margin:0;width:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.LocalizationService }, { type: i0.Type, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MENU_LOCALIZATION]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.Router }, { type: i1.AppState }, { type: i0.NgZone }, { type: i4.UtilityService }, { type: i5.AccessControlService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MENU]
+                }] }, { type: i1.MenuFilteringService }, { type: i1.TokenService }, { type: i1.GlobalSearchService }, { type: i1.UserPreferencesService }, { type: i4.MessageService }], propDecorators: { sidebar: [{
+                type: ViewChild,
+                args: ["sidebar", { static: true }]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ["window:resize"]
             }] } });
 
-class NavBarLoc extends LocalizationService {
-    constructor(injector) {
-        super(injector);
-        super.set("it->en", "Sessione Scaduta", ["Expired session"]);
-        super.set("it->en", "Backend Offline", ["Backend Offline"]);
-        super.set("it->en", "Sembra che il Backend sia momentaneamente offline. Questa pagina si aggiornera' automaticamente non appena la situazione tornera' alla normalita'. Ci scusiamo per il disagio", ["Backend seems to be currently offline. This page will reset itself when the situation goes back to normal. Sorry for the inconvenience"]);
-        super.set("it->en", "Ripulisci la Cache", ["Clear Caches"]);
-        super.set("it->en", "Cache Ripulita", ["Cache Cleared"]);
-        super.set("it->en", "Ambiente di Produzione", ["Production Environment"]);
-        super.set("it->en", "È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["A new version is available for this application. It is suggested to reload this page (CTRL + F5)"]);
-        super.set("it->en", "Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["Session informations (Tenant/Account) has changed after a login to a different module with the same Tenant/Username using the same browser. It is suggested to reload this page (CTRL + F5)"]);
-        super.set("it->en", "Cambia Modulo", ["Change module"]);
-        super.set("it->en", "Cambia Tenant", ["Change tenant"]);
-        super.set("it->en", "Usa notifiche semplici", ["Use simple alerts"]);
-        super.set("it->en", "Consenti notifiche eleganti", ["Allow fancy alerts"]);
-        super.set("it->en", "Ambiente di Sviluppo", ["Development Environment"]);
-        super.set("it->en", "Ambiente di Sviluppo A", ["Development Environment A"]);
-        super.set("it->en", "Ambiente di Sviluppo B", ["Development Environment B"]);
-        super.set("it->en", "Ripulisci le Preferenze Utente", ["Clear User Preferences"]);
-        super.set("it->en", "Preferenze utente ripulite", ["User preferences has been cleared"]);
-        super.set("it->en", "Ambiente di Staging", ["Staging Environment"]);
-        super.set("it->en", "Ambiente di Staging A", ["Staging A Environment"]);
-        super.set("it->en", "L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login.", ["Current session has expired.<br>Please login back into the application."]);
-        super.set("it->en", "Notifiche", ["Notifications"]);
-        super.set("it->en", "Job Applicativi", ["Application Jobs"]);
-        super.set("it->en", "Al momento non c'è nulla in esecuzione", ["Nothing being executed at the moment"]);
-        super.set("it->en", "Job Completato", ["Job Completed"]);
-        super.set("it->en", "Scrivere almeno 3 caratteri per utilizzare la ricerca globale", ["You must write at least 3 characters in order to use the Global Research"]);
-        super.set("it->en", "Ripulisci la Cache di tutti", ["Clear Caches of everyone"]);
-        super.set("it->en", "Ripulisci le Preferenze di tutti", ["Clear Preferences of everyone"]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavBarLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavBarLoc }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavBarLoc, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+class NavBarLoc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Sessione Scaduta", ["Expired session"]);
+        super.set("it->en", "Backend Offline", ["Backend Offline"]);
+        super.set("it->en", "Sembra che il Backend sia momentaneamente offline. Questa pagina si aggiornera' automaticamente non appena la situazione tornera' alla normalita'. Ci scusiamo per il disagio", ["Backend seems to be currently offline. This page will reset itself when the situation goes back to normal. Sorry for the inconvenience"]);
+        super.set("it->en", "Ripulisci la Cache", ["Clear Caches"]);
+        super.set("it->en", "Cache Ripulita", ["Cache Cleared"]);
+        super.set("it->en", "Ambiente di Produzione", ["Production Environment"]);
+        super.set("it->en", "È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["A new version is available for this application. It is suggested to reload this page (CTRL + F5)"]);
+        super.set("it->en", "Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)", ["Session informations (Tenant/Account) has changed after a login to a different module with the same Tenant/Username using the same browser. It is suggested to reload this page (CTRL + F5)"]);
+        super.set("it->en", "Cambia Modulo", ["Change module"]);
+        super.set("it->en", "Cambia Tenant", ["Change tenant"]);
+        super.set("it->en", "Usa notifiche semplici", ["Use simple alerts"]);
+        super.set("it->en", "Consenti notifiche eleganti", ["Allow fancy alerts"]);
+        super.set("it->en", "Ambiente di Sviluppo", ["Development Environment"]);
+        super.set("it->en", "Ambiente di Sviluppo A", ["Development Environment A"]);
+        super.set("it->en", "Ambiente di Sviluppo B", ["Development Environment B"]);
+        super.set("it->en", "Ripulisci le Preferenze Utente", ["Clear User Preferences"]);
+        super.set("it->en", "Preferenze utente ripulite", ["User preferences has been cleared"]);
+        super.set("it->en", "Ambiente di Staging", ["Staging Environment"]);
+        super.set("it->en", "Ambiente di Staging A", ["Staging A Environment"]);
+        super.set("it->en", "L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login.", ["Current session has expired.<br>Please login back into the application."]);
+        super.set("it->en", "Notifiche", ["Notifications"]);
+        super.set("it->en", "Job Applicativi", ["Application Jobs"]);
+        super.set("it->en", "Al momento non c'è nulla in esecuzione", ["Nothing being executed at the moment"]);
+        super.set("it->en", "Job Completato", ["Job Completed"]);
+        super.set("it->en", "Scrivere almeno 3 caratteri per utilizzare la ricerca globale", ["You must write at least 3 characters in order to use the Global Research"]);
+        super.set("it->en", "Ripulisci la Cache di tutti", ["Clear Caches of everyone"]);
+        super.set("it->en", "Ripulisci le Preferenze di tutti", ["Clear Preferences of everyone"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavBarLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavBarLoc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavBarLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
 
-// Angular
-class ReactiveComponent {
-    constructor() {
-        this.Subscriptions = [];
-        this.destroyed$ = new ReplaySubject(1);
-    }
-    // TODO: Check
-    //takeUntilDestroyed = new pipe(() => takeUntil(this.destroyed$))
-    ngOnDestroy() {
-        this.destroyed$.next(true);
-        this.destroyed$.complete();
-        if (!this.Subscriptions)
-            return;
-        for (let i = 0; i < this.Subscriptions.length; i++)
-            this.Subscriptions[i].unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ReactiveComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveComponent, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
+// Angular
+class ReactiveComponent {
+    constructor() {
+        this.Subscriptions = [];
+        this.destroyed$ = new ReplaySubject(1);
+    }
+    // TODO: Check
+    //takeUntilDestroyed = new pipe(() => takeUntil(this.destroyed$))
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+        this.destroyed$.complete();
+        if (!this.Subscriptions)
+            return;
+        for (let i = 0; i < this.Subscriptions.length; i++)
+            this.Subscriptions[i].unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ReactiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ReactiveComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ReactiveComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    standalone: false
+                }]
         }] });
 
-// Angular
-// Chiamate ai Repository
-const GET_Jace_GetActiveJaceModules = "/api/Jace/GetActiveJaceModules";
-const GET_Cache_ClearAllCaches = "/api/Cache/ClearAllCaches";
-const GET_Cache_ClearAllClientsCaches = "/api/Cache/ClearAllClientsCaches";
-const GET_Cache_ClearAllClientsPreferences = "/api/Cache/ClearAllClientsPreferences";
-class Navbar extends ReactiveComponent {
-    constructor(prefsService, cacheService, MessageDef, notifications, msgExts, lc, http, cdr, _state, sr, router, cjrService, extensionComponents, loginUrlLegacy, fakeToken, ANONYMOUS_MODE) {
-        super();
-        this.prefsService = prefsService;
-        this.cacheService = cacheService;
-        this.MessageDef = MessageDef;
-        this.notifications = notifications;
-        this.msgExts = msgExts;
-        this.lc = lc;
-        this.http = http;
-        this.cdr = cdr;
-        this._state = _state;
-        this.sr = sr;
-        this.router = router;
-        this.cjrService = cjrService;
-        this.extensionComponents = extensionComponents;
-        this.loginUrlLegacy = loginUrlLegacy;
-        this.fakeToken = fakeToken;
-        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
-        this.applicationVersion = myconfig.AppData.ComponentVersion;
-        this.applicationEnvironment = myconfig.AppData.ComponentEnvironment;
-        this.isMenuCollapsed = false;
-        this.anomaliesProcessing = false;
-        this.newVersionWarned = false;
-        this._state.subscribe("menu.isCollapsed", (isCollapsed) => { this.isMenuCollapsed = isCollapsed; });
-        this._state.subscribe("app.completedJob", (jobDescription) => {
-            this.msgExts.simpleSuccess(this.lc.loc("Job Completato") + (jobDescription ? (": " + jobDescription) : ''), "toastr");
-            this.cdr.markForCheck();
-        });
-        this._state.subscribe("app.startedJob", (_) => { this.cdr.markForCheck(); });
-        this._state.subscribe("app.progressJob", (_) => { this.cdr.markForCheck(); });
-        this.handleBaseNotifications();
-        this.getActiveJaceModules();
-        // Appena la pagina parte, poi ogni secondo, controllo l'identity per verificare se rimane la stessa
-        interval(1000).pipe(startWith(0), takeUntil(this.destroyed$), takeWhile(_ => !myconfig.redirectInProgress)).subscribe(t => {
-            this.checkIdentity();
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        //Quando viene distrutta la navbar devo distruggere anche il client di signalr perchè vuol dire che ho chiuso la pagina
-        this.notifications.disconnect();
-    }
-    handleBaseNotifications() {
-        this.notifications.send(this.MessageDef.OUT_QueryJobStatus, null);
-        this.notifications.observe(this.MessageDef.IN_SendVersion).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
-            if (message != myconfig.AppData.ComponentVersion && !this.newVersionWarned) {
-                this.msgExts.simpleWarning(this.lc.loc("È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
-                this.newVersionWarned = true;
-            }
-        });
-        this.notifications.observe(this.MessageDef.IN_ClearCache).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
-            this.clearCacheClient(false);
-        });
-        this.notifications.observe(this.MessageDef.IN_ClearPreferecnes).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
-            this.clearUserPreferences(false);
-        });
-    }
-    checkIdentity() {
-        let id = this.sr.getJaceIdentity();
-        let idLast = this.CurrentIdentity;
-        if (!id)
-            return;
-        this.checkSessionTimeout(id);
-        if (this.CurrentIdentity && (id.IdAccount != idLast?.IdAccount || id.IdUser != idLast?.IdUser || id.Idtenant != idLast?.Idtenant)) {
-            this.msgExts.simpleWarning(this.lc.loc("Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
-            this.cdr.markForCheck();
-        }
-        this.CurrentIdentity = id;
-    }
-    getActiveJaceModules() {
-        if (this.fakeToken) {
-            this.Modules = [new ActiveModuleView("Modulo Esempio 1"), new ActiveModuleView("Modulo Esempio 2"), new ActiveModuleView("Modulo Esempio 3")];
-            this._state.Modules = this.Modules;
-            return;
-        }
-        this.http.get(GET_Jace_GetActiveJaceModules).subscribe(res => {
-            this.Modules = res;
-            this._state.Modules = this.Modules;
-        });
-    }
-    checkSessionTimeout(identity) {
-        if (dayjs() >= dayjs(identity.ExpirationTime).subtract(10, 'minutes') && !myconfig.redirectInProgress) {
-            myconfig.redirectInProgress = true;
-            this.msgExts.expiredSessionMessage(this.lc.loc('Expired session'), this.lc.loc("L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login."), () => {
-                myconfig.redirectInProgress = false;
-                console.log("checkSessionTimeout - redirecting to login");
-                this.router.navigate(["login"]);
-            });
-        }
-    }
-    ngAfterViewInit() {
-        this._state.setHeaderHeight(this.navbar.nativeElement.offsetHeight);
-    }
-    goToDashboard() {
-        window.open(myconfig.JaceDashboardUrl, '_blank').focus();
-    }
-    toggleMenu() {
-        this.isMenuCollapsed = !this.isMenuCollapsed;
-        this._state.notifyDataChanged("menu.isCollapsed", this.isMenuCollapsed);
-    }
-    logout() {
-        if (this.loginUrlLegacy)
-            window.location.href = `${myconfig.AuthUrl}/logout?client=${myconfig.Client}`;
-        else
-            window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
-    }
-    changeModule() {
-        window.location.href = myconfig.JaceDashboardUrl;
-    }
-    changeTenant() {
-        if (this.loginUrlLegacy)
-            window.location.href = `${myconfig.AuthUrl}/login/tenant?client=${myconfig.Client}`;
-        else
-            window.location.href = `${myconfig.AuthUrl}/#/login;client=${myconfig.Client}`;
-    }
-    clearUserPreferences(warn = true) {
-        this.prefsService.clear().subscribe();
-        if (warn)
-            this.msgExts.simpleSuccess(this.lc.loc("Preferenze utente ripulite"));
-        else
-            console.info("@esfaenza/core: Forceful preferecnes clear request received");
-    }
-    clearCacheClient(warn = true) {
-        this.cacheService.clear().subscribe();
-        this.http.resetHttpUntimedCacheStorage();
-        this.http.resetHttpTimedCacheStorage();
-        if (warn)
-            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
-        else
-            console.info("@esfaenza/core: Forceful cache clear request received");
-    }
-    clearCacheServer() {
-        this.http.get(GET_Cache_ClearAllCaches).subscribe(_ => {
-            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
-        });
-    }
-    clearAll() {
-        this.cacheService.clear().subscribe();
-        this.http.resetHttpUntimedCacheStorage();
-        this.http.resetHttpTimedCacheStorage();
-        this.http.get(GET_Cache_ClearAllCaches).subscribe(_ => {
-            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
-        });
-    }
-    forceClearConnectedClientAssets(muo) {
-        if (muo == "cache") {
-            this.http.get(GET_Cache_ClearAllClientsCaches).subscribe(_ => {
-                this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
-            });
-        }
-        else if (muo == "preferences") {
-            this.http.get(GET_Cache_ClearAllClientsPreferences).subscribe(_ => {
-                this.msgExts.simpleSuccess(this.lc.loc("Preferenze utente ripulite"));
-            });
-        }
-    }
-    clearMessages() {
-        this.msgExts.clearMessages();
-    }
-    completedJobClicked(job) {
-        this.cjrService.redirect(job);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Navbar, deps: [{ token: i1$3.PreferencesService }, { token: i1$3.CacheService }, { token: i2$2.BaseMessageService }, { token: i2$2.NotificationsService }, { token: i4.MessageService }, { token: i1$2.LocalizationService }, { token: i2$1.HTTPService }, { token: i0.ChangeDetectorRef }, { token: i1.AppState }, { token: i1.TokenService }, { token: i1$1.Router }, { token: i1.CompletedJobRedirectionService }, { token: NAVBAR_EXTENSIONS }, { token: LOGIN_URL_LEGACY }, { token: USE_FAKE_ACCESS_TOKEN }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: Navbar, isStandalone: true, selector: "navbar", viewQueries: [{ propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav #navbar class=\"nav enuma-navbar\">\r\n    <div class=\"d-flex\" style=\"width: 100%;\">\r\n        <!-- Collapse men\u00F9 a sinistra -->\r\n        <div><a (click)=\"toggleMenu()\" class=\"far fa-bars nav-icon app-padding-left-15\" style=\"padding-top: 8px;\"></a></div>\r\n\r\n        <!-- Breadcrumb -->\r\n        <div class=\"app-padding-left-15\" style=\"padding-top: 8px;\"><ng-content></ng-content></div>\r\n\r\n        <div style=\"margin-left: auto; display: flex;\">\r\n            <!--Notifications (Jobs)-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <div *ngIf=\"_state.jobsInProgress > 0\" class=\"fa-beat-fade nav-jobs-icon-notification\"></div>\r\n                <a [class.fa-shake]=\"_state.jobsInProgress > 0\" class=\"far fa-bell module-nav-menu-link dropdown-toggle app-pointer\" style=\"--fa-animation-duration: 3s; --fa-animation-iteration-count: 1;\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span style=\"margin-right: auto;\">{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"app-margin-right-5\">{{'Notifiche' | localize : lc}}:</span>\r\n                        <span class=\"m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                    </div>\r\n                    <div class=\"nav-jobs-menu-list\">\r\n                        <div *ngIf=\"_state.allJobs.length == 0\" class=\"nav-jobs-menu-list-empty\">\r\n                            <div>{{\"Al momento non c'\u00E8 nulla in esecuzione\" | localize : lc}}</div>\r\n                        </div>\r\n                        <div *ngFor=\"let job of _state.allJobs; let last = last\" [class.app-margin-bottom-5]=\"!last\">\r\n                            <span class=\"nav-jobs-menu-list-description\">\r\n                                <span *ngIf=\"!job.completed\" title=\"{{job.description}}\">{{job.smalldescription}}</span>\r\n                                <span *ngIf=\"job.completed\" title=\"{{job.description}}\" class=\"app-link app-no-selection app-inline app-pointer\" (click)=\"completedJobClicked(job); $event.stopPropagation();\">{{job.smalldescription}}</span>\r\n                                <strong class=\"pull-right\" *ngIf=\"!job.completed\">{{job.percentage}}%</strong>\r\n                                <strong class=\"pull-right\" *ngIf=\"job.completed\">{{'Completed' | localize : lc}}</strong>\r\n                            </span>\r\n                            <div class=\"progress progress-sm\">\r\n                                <progressbar *ngIf=\"!job.completed\" [max]=\"100\" [value]=\"job.percentage\" [striped]=\"true\" [animate]=\"true\"></progressbar>\r\n                                <progressbar *ngIf=\"job.completed\" type=\"success\" [max]=\"100\" [value]=\"100\" [striped]=\"false\" [animate]=\"false\"></progressbar>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Other Modules-->\r\n            <div *ngIf=\"!ANONYMOUS_MODE\" class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-cubes module-nav-menu-link dropdown-toggle app-pointer\" (click)=\"goToDashboard()\"></a>\r\n            </div>\r\n\r\n            <!--Quick Actions-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-folder-gear module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"d-flex dropdown-title-bg\">\r\n                        <div class=\"dropdown-title\">Gestisci Cache Utente</div>\r\n                    </li>\r\n                    <li class=\"dropdown-top\"></li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\">\r\n                        <i class=\"far fa-user-times app-margin-right-10\"></i>{{'Ripulisci le Preferenze Utente' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearAll()\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('cache')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('preferences')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci le Preferenze di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-bot\"></li>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Punti di estensione per Calendar, Chatroom e chi pi\u00F9 ne ha pi\u00F9 ne metta...-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" *ngFor=\"let comp of extensionComponents\">\r\n                <ng-template [componentHost]=\"comp\"></ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Ambiente-->\r\n        <div>\r\n            <div class=\"nav-environment app-no-selection\">\r\n                <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Debugging ruoli e permessi-->\r\n        <div [hidden]=\"true\">\r\n            <div>Permissions:</div>\r\n            <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n            <div>Roles:</div>\r\n            <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n        </div>\r\n    </div>\r\n</nav>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div hidden>{{applicationEnvironment}}</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-icon-notification{top:7px;left:-7px;position:absolute;background-color:#0056b3;border-radius:50%;height:8px;width:8px}.nav-jobs-menu{width:350px;height:250px;background:#fff;margin:2px 0 0;padding:5px;border:1px solid #3e4d64}.nav-jobs-menu-header{background-color:#344154;padding:8px;font-size:14px;margin-top:-5px;margin-left:-5px;margin-right:-5px;display:flex}.nav-jobs-menu-header span{color:#fffc}.nav-jobs-menu-list{position:relative;overflow:auto;width:auto;height:203px;padding:5px}.nav-jobs-menu-list-description{font-size:13px;color:#666}.nav-jobs-menu-list-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;text-align:center}.user-menu{font-size:14px}.user-menu .dropdown-toggle:after{display:none}.user-menu .dropdown-menu{right:0;top:auto!important;left:auto!important;margin-top:10px;padding-top:0;overflow:hidden;border-radius:0;font-size:14px;box-shadow:0 6px 12px #0003;transform:none!important}.user-menu .dropdown-menu a{color:#024a88}.user-menu .dropdown-menu a:hover{color:#fff8a9;background-color:red}.user-menu .dropdown-menu a i{margin-right:8px}.navbar-help{font-size:20px!important;color:#ffffff80!important;border:1px solid rgba(255,255,255,.1);margin-left:5px!important;padding:5px 10px 2px 11px!important;border-radius:50%;background-color:#ffffff0d;cursor:pointer;width:31px;height:31px}.navbar-fill{margin-top:-5px;margin-bottom:-5px;margin-left:10px;width:calc(100% - 530px)}.navbar-fillable{width:calc(100% - 231px)}.navbar-floating-label{position:absolute;top:-9px;left:-5px;background:#242d3a;padding-left:5px;padding-right:5px;color:#ffffffe6!important}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:8px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.dropdown-title-bg{background-color:#344154;border:1px solid #3e4d64;border-bottom:0px}.dropdown-title{color:#fff;margin:auto;padding:8px 0;font-size:18px}.dropdown-menu{background-color:#fff;border:none}.dropdown-divider{border-top:1px solid #eeeeee}.dropdown-item{background-color:#fff;color:#0056b3}.dropdown-item:hover{color:#004a9a!important;background-color:#eee}.dropdown-top{background-color:#fff;height:0;margin-bottom:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.dropdown-bot{background-color:#fff;height:0;margin-top:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.enuma-navbar{height:60px;align-items:center;background-color:#2a3544;box-shadow:0 8px 6px -6px #1313130a,0 12px 16px -16px #1313130d;margin-bottom:-1px;border-bottom:1px solid #191E29}.nav-environment{color:#fff;background-color:#3e4d64;text-align:center;padding:5px 10px;margin:2px 10px 0 0}.nav-icon{color:#fff!important;font-size:20px;cursor:pointer}.nav-right-section{position:absolute;right:10px;top:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i9.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i9.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i9.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ProgressbarModule }, { kind: "component", type: i11.ProgressbarComponent, selector: "progressbar", inputs: ["max", "animate", "striped", "type", "value"] }, { kind: "directive", type: ComponentHostDirective, selector: "[componentHost]", inputs: ["componentHost", "Inputs"] }, { kind: "ngmodule", type: EsTableModule }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }], viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Navbar, decorators: [{
-            type: Component,
-            args: [{ selector: "navbar", viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormsModule, BsDropdownModule, MatSlideToggleModule, NgIf, NgFor, ProgressbarModule, ComponentHostDirective, EsTableModule, LocalizationModule, AccessControlModule], template: "<nav #navbar class=\"nav enuma-navbar\">\r\n    <div class=\"d-flex\" style=\"width: 100%;\">\r\n        <!-- Collapse men\u00F9 a sinistra -->\r\n        <div><a (click)=\"toggleMenu()\" class=\"far fa-bars nav-icon app-padding-left-15\" style=\"padding-top: 8px;\"></a></div>\r\n\r\n        <!-- Breadcrumb -->\r\n        <div class=\"app-padding-left-15\" style=\"padding-top: 8px;\"><ng-content></ng-content></div>\r\n\r\n        <div style=\"margin-left: auto; display: flex;\">\r\n            <!--Notifications (Jobs)-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <div *ngIf=\"_state.jobsInProgress > 0\" class=\"fa-beat-fade nav-jobs-icon-notification\"></div>\r\n                <a [class.fa-shake]=\"_state.jobsInProgress > 0\" class=\"far fa-bell module-nav-menu-link dropdown-toggle app-pointer\" style=\"--fa-animation-duration: 3s; --fa-animation-iteration-count: 1;\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span style=\"margin-right: auto;\">{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"app-margin-right-5\">{{'Notifiche' | localize : lc}}:</span>\r\n                        <span class=\"m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                    </div>\r\n                    <div class=\"nav-jobs-menu-list\">\r\n                        <div *ngIf=\"_state.allJobs.length == 0\" class=\"nav-jobs-menu-list-empty\">\r\n                            <div>{{\"Al momento non c'\u00E8 nulla in esecuzione\" | localize : lc}}</div>\r\n                        </div>\r\n                        <div *ngFor=\"let job of _state.allJobs; let last = last\" [class.app-margin-bottom-5]=\"!last\">\r\n                            <span class=\"nav-jobs-menu-list-description\">\r\n                                <span *ngIf=\"!job.completed\" title=\"{{job.description}}\">{{job.smalldescription}}</span>\r\n                                <span *ngIf=\"job.completed\" title=\"{{job.description}}\" class=\"app-link app-no-selection app-inline app-pointer\" (click)=\"completedJobClicked(job); $event.stopPropagation();\">{{job.smalldescription}}</span>\r\n                                <strong class=\"pull-right\" *ngIf=\"!job.completed\">{{job.percentage}}%</strong>\r\n                                <strong class=\"pull-right\" *ngIf=\"job.completed\">{{'Completed' | localize : lc}}</strong>\r\n                            </span>\r\n                            <div class=\"progress progress-sm\">\r\n                                <progressbar *ngIf=\"!job.completed\" [max]=\"100\" [value]=\"job.percentage\" [striped]=\"true\" [animate]=\"true\"></progressbar>\r\n                                <progressbar *ngIf=\"job.completed\" type=\"success\" [max]=\"100\" [value]=\"100\" [striped]=\"false\" [animate]=\"false\"></progressbar>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Other Modules-->\r\n            <div *ngIf=\"!ANONYMOUS_MODE\" class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-cubes module-nav-menu-link dropdown-toggle app-pointer\" (click)=\"goToDashboard()\"></a>\r\n            </div>\r\n\r\n            <!--Quick Actions-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-folder-gear module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"d-flex dropdown-title-bg\">\r\n                        <div class=\"dropdown-title\">Gestisci Cache Utente</div>\r\n                    </li>\r\n                    <li class=\"dropdown-top\"></li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\">\r\n                        <i class=\"far fa-user-times app-margin-right-10\"></i>{{'Ripulisci le Preferenze Utente' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearAll()\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('cache')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('preferences')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci le Preferenze di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-bot\"></li>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Punti di estensione per Calendar, Chatroom e chi pi\u00F9 ne ha pi\u00F9 ne metta...-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" *ngFor=\"let comp of extensionComponents\">\r\n                <ng-template [componentHost]=\"comp\"></ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Ambiente-->\r\n        <div>\r\n            <div class=\"nav-environment app-no-selection\">\r\n                <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Debugging ruoli e permessi-->\r\n        <div [hidden]=\"true\">\r\n            <div>Permissions:</div>\r\n            <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n            <div>Roles:</div>\r\n            <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n        </div>\r\n    </div>\r\n</nav>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div hidden>{{applicationEnvironment}}</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-icon-notification{top:7px;left:-7px;position:absolute;background-color:#0056b3;border-radius:50%;height:8px;width:8px}.nav-jobs-menu{width:350px;height:250px;background:#fff;margin:2px 0 0;padding:5px;border:1px solid #3e4d64}.nav-jobs-menu-header{background-color:#344154;padding:8px;font-size:14px;margin-top:-5px;margin-left:-5px;margin-right:-5px;display:flex}.nav-jobs-menu-header span{color:#fffc}.nav-jobs-menu-list{position:relative;overflow:auto;width:auto;height:203px;padding:5px}.nav-jobs-menu-list-description{font-size:13px;color:#666}.nav-jobs-menu-list-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;text-align:center}.user-menu{font-size:14px}.user-menu .dropdown-toggle:after{display:none}.user-menu .dropdown-menu{right:0;top:auto!important;left:auto!important;margin-top:10px;padding-top:0;overflow:hidden;border-radius:0;font-size:14px;box-shadow:0 6px 12px #0003;transform:none!important}.user-menu .dropdown-menu a{color:#024a88}.user-menu .dropdown-menu a:hover{color:#fff8a9;background-color:red}.user-menu .dropdown-menu a i{margin-right:8px}.navbar-help{font-size:20px!important;color:#ffffff80!important;border:1px solid rgba(255,255,255,.1);margin-left:5px!important;padding:5px 10px 2px 11px!important;border-radius:50%;background-color:#ffffff0d;cursor:pointer;width:31px;height:31px}.navbar-fill{margin-top:-5px;margin-bottom:-5px;margin-left:10px;width:calc(100% - 530px)}.navbar-fillable{width:calc(100% - 231px)}.navbar-floating-label{position:absolute;top:-9px;left:-5px;background:#242d3a;padding-left:5px;padding-right:5px;color:#ffffffe6!important}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:8px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.dropdown-title-bg{background-color:#344154;border:1px solid #3e4d64;border-bottom:0px}.dropdown-title{color:#fff;margin:auto;padding:8px 0;font-size:18px}.dropdown-menu{background-color:#fff;border:none}.dropdown-divider{border-top:1px solid #eeeeee}.dropdown-item{background-color:#fff;color:#0056b3}.dropdown-item:hover{color:#004a9a!important;background-color:#eee}.dropdown-top{background-color:#fff;height:0;margin-bottom:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.dropdown-bot{background-color:#fff;height:0;margin-top:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.enuma-navbar{height:60px;align-items:center;background-color:#2a3544;box-shadow:0 8px 6px -6px #1313130a,0 12px 16px -16px #1313130d;margin-bottom:-1px;border-bottom:1px solid #191E29}.nav-environment{color:#fff;background-color:#3e4d64;text-align:center;padding:5px 10px;margin:2px 10px 0 0}.nav-icon{color:#fff!important;font-size:20px;cursor:pointer}.nav-right-section{position:absolute;right:10px;top:10px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.PreferencesService }, { type: i1$3.CacheService }, { type: i2$2.BaseMessageService }, { type: i2$2.NotificationsService }, { type: i4.MessageService }, { type: i1$2.LocalizationService }, { type: i2$1.HTTPService }, { type: i0.ChangeDetectorRef }, { type: i1.AppState }, { type: i1.TokenService }, { type: i1$1.Router }, { type: i1.CompletedJobRedirectionService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NAVBAR_EXTENSIONS]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOGIN_URL_LEGACY]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [USE_FAKE_ACCESS_TOKEN]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ANONYMOUS_MODE]
-                }] }]; }, propDecorators: { navbar: [{
-                type: ViewChild,
-                args: ["navbar", { static: false }]
+// Angular
+// Chiamate ai Repository
+const GET_Jace_GetActiveJaceModules = "/api/Jace/GetActiveJaceModules";
+const GET_Cache_ClearAllCaches = "/api/Cache/ClearAllCaches";
+const GET_Cache_ClearAllClientsCaches = "/api/Cache/ClearAllClientsCaches";
+const GET_Cache_ClearAllClientsPreferences = "/api/Cache/ClearAllClientsPreferences";
+class Navbar extends ReactiveComponent {
+    constructor(prefsService, cacheService, MessageDef, notifications, msgExts, lc, http, cdr, _state, sr, router, cjrService, extensionComponents, loginUrlLegacy, fakeToken, ANONYMOUS_MODE) {
+        super();
+        this.prefsService = prefsService;
+        this.cacheService = cacheService;
+        this.MessageDef = MessageDef;
+        this.notifications = notifications;
+        this.msgExts = msgExts;
+        this.lc = lc;
+        this.http = http;
+        this.cdr = cdr;
+        this._state = _state;
+        this.sr = sr;
+        this.router = router;
+        this.cjrService = cjrService;
+        this.extensionComponents = extensionComponents;
+        this.loginUrlLegacy = loginUrlLegacy;
+        this.fakeToken = fakeToken;
+        this.ANONYMOUS_MODE = ANONYMOUS_MODE;
+        this.applicationVersion = myconfig.AppData.ComponentVersion;
+        this.applicationEnvironment = myconfig.AppData.ComponentEnvironment;
+        this.isMenuCollapsed = false;
+        this.anomaliesProcessing = false;
+        this.newVersionWarned = false;
+        this._state.subscribe("menu.isCollapsed", (isCollapsed) => { this.isMenuCollapsed = isCollapsed; });
+        this._state.subscribe("app.completedJob", (jobDescription) => {
+            this.msgExts.simpleSuccess(this.lc.loc("Job Completato") + (jobDescription ? (": " + jobDescription) : ''), "toastr");
+            this.cdr.markForCheck();
+        });
+        this._state.subscribe("app.startedJob", (_) => { this.cdr.markForCheck(); });
+        this._state.subscribe("app.progressJob", (_) => { this.cdr.markForCheck(); });
+        this.handleBaseNotifications();
+        this.getActiveJaceModules();
+        // Appena la pagina parte, poi ogni secondo, controllo l'identity per verificare se rimane la stessa
+        interval(1000).pipe(startWith(0), takeUntil(this.destroyed$), takeWhile(_ => !myconfig.redirectInProgress)).subscribe(t => {
+            this.checkIdentity();
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        //Quando viene distrutta la navbar devo distruggere anche il client di signalr perchè vuol dire che ho chiuso la pagina
+        this.notifications.disconnect();
+    }
+    handleBaseNotifications() {
+        this.notifications.send(this.MessageDef.OUT_QueryJobStatus, null);
+        this.notifications.observe(this.MessageDef.IN_SendVersion).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
+            if (message != myconfig.AppData.ComponentVersion && !this.newVersionWarned) {
+                this.msgExts.simpleWarning(this.lc.loc("È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
+                this.newVersionWarned = true;
+            }
+        });
+        this.notifications.observe(this.MessageDef.IN_ClearCache).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
+            this.clearCacheClient(false);
+        });
+        this.notifications.observe(this.MessageDef.IN_ClearPreferecnes).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
+            this.clearUserPreferences(false);
+        });
+    }
+    checkIdentity() {
+        let id = this.sr.getJaceIdentity();
+        let idLast = this.CurrentIdentity;
+        if (!id)
+            return;
+        this.checkSessionTimeout(id);
+        if (this.CurrentIdentity && (id.IdAccount != idLast?.IdAccount || id.IdUser != idLast?.IdUser || id.Idtenant != idLast?.Idtenant)) {
+            this.msgExts.simpleWarning(this.lc.loc("Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
+            this.cdr.markForCheck();
+        }
+        this.CurrentIdentity = id;
+    }
+    getActiveJaceModules() {
+        if (this.fakeToken) {
+            this.Modules = [new ActiveModuleView("Modulo Esempio 1"), new ActiveModuleView("Modulo Esempio 2"), new ActiveModuleView("Modulo Esempio 3")];
+            this._state.Modules = this.Modules;
+            return;
+        }
+        this.http.get(GET_Jace_GetActiveJaceModules).subscribe(res => {
+            this.Modules = res;
+            this._state.Modules = this.Modules;
+        });
+    }
+    checkSessionTimeout(identity) {
+        if (dayjs() >= dayjs(identity.ExpirationTime).subtract(10, 'minutes') && !myconfig.redirectInProgress) {
+            myconfig.redirectInProgress = true;
+            this.msgExts.expiredSessionMessage(this.lc.loc('Expired session'), this.lc.loc("L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login."), () => {
+                myconfig.redirectInProgress = false;
+                console.log("checkSessionTimeout - redirecting to login");
+                this.router.navigate(["login"]);
+            });
+        }
+    }
+    ngAfterViewInit() {
+        this._state.setHeaderHeight(this.navbar.nativeElement.offsetHeight);
+    }
+    goToDashboard() {
+        window.open(myconfig.JaceDashboardUrl, '_blank').focus();
+    }
+    toggleMenu() {
+        this.isMenuCollapsed = !this.isMenuCollapsed;
+        this._state.notifyDataChanged("menu.isCollapsed", this.isMenuCollapsed);
+    }
+    logout() {
+        if (this.loginUrlLegacy)
+            window.location.href = `${myconfig.AuthUrl}/logout?client=${myconfig.Client}`;
+        else
+            window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
+    }
+    changeModule() {
+        window.location.href = myconfig.JaceDashboardUrl;
+    }
+    changeTenant() {
+        if (this.loginUrlLegacy)
+            window.location.href = `${myconfig.AuthUrl}/login/tenant?client=${myconfig.Client}`;
+        else
+            window.location.href = `${myconfig.AuthUrl}/#/login;client=${myconfig.Client}`;
+    }
+    clearUserPreferences(warn = true) {
+        this.prefsService.clear().subscribe();
+        if (warn)
+            this.msgExts.simpleSuccess(this.lc.loc("Preferenze utente ripulite"));
+        else
+            console.info("@esfaenza/core: Forceful preferecnes clear request received");
+    }
+    clearCacheClient(warn = true) {
+        this.cacheService.clear().subscribe();
+        this.http.resetHttpUntimedCacheStorage();
+        this.http.resetHttpTimedCacheStorage();
+        if (warn)
+            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+        else
+            console.info("@esfaenza/core: Forceful cache clear request received");
+    }
+    clearCacheServer() {
+        this.http.get(GET_Cache_ClearAllCaches).subscribe(_ => {
+            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+        });
+    }
+    clearAll() {
+        this.cacheService.clear().subscribe();
+        this.http.resetHttpUntimedCacheStorage();
+        this.http.resetHttpTimedCacheStorage();
+        this.http.get(GET_Cache_ClearAllCaches).subscribe(_ => {
+            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+        });
+    }
+    forceClearConnectedClientAssets(muo) {
+        if (muo == "cache") {
+            this.http.get(GET_Cache_ClearAllClientsCaches).subscribe(_ => {
+                this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+            });
+        }
+        else if (muo == "preferences") {
+            this.http.get(GET_Cache_ClearAllClientsPreferences).subscribe(_ => {
+                this.msgExts.simpleSuccess(this.lc.loc("Preferenze utente ripulite"));
+            });
+        }
+    }
+    clearMessages() {
+        this.msgExts.clearMessages();
+    }
+    completedJobClicked(job) {
+        this.cjrService.redirect(job);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Navbar, deps: [{ token: i1$3.PreferencesService }, { token: i1$3.CacheService }, { token: i2$2.BaseMessageService }, { token: i2$2.NotificationsService }, { token: i4.MessageService }, { token: i1$2.LocalizationService }, { token: i2$1.HTTPService }, { token: i0.ChangeDetectorRef }, { token: i1.AppState }, { token: i1.TokenService }, { token: i1$1.Router }, { token: i1.CompletedJobRedirectionService }, { token: NAVBAR_EXTENSIONS }, { token: LOGIN_URL_LEGACY }, { token: USE_FAKE_ACCESS_TOKEN }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: Navbar, isStandalone: true, selector: "navbar", viewQueries: [{ propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav #navbar class=\"nav enuma-navbar\">\r\n    <div class=\"d-flex\" style=\"width: 100%;\">\r\n        <!-- Collapse men\u00F9 a sinistra -->\r\n        <div><a (click)=\"toggleMenu()\" class=\"far fa-bars nav-icon app-padding-left-15\" style=\"padding-top: 8px;\"></a></div>\r\n\r\n        <!-- Breadcrumb -->\r\n        <div class=\"app-padding-left-15\" style=\"padding-top: 8px;\"><ng-content></ng-content></div>\r\n\r\n        <div style=\"margin-left: auto; display: flex;\">\r\n            <!--Notifications (Jobs)-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <div *ngIf=\"_state.jobsInProgress > 0\" class=\"fa-beat-fade nav-jobs-icon-notification\"></div>\r\n                <a [class.fa-shake]=\"_state.jobsInProgress > 0\" class=\"far fa-bell module-nav-menu-link dropdown-toggle app-pointer\" style=\"--fa-animation-duration: 3s; --fa-animation-iteration-count: 1;\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span style=\"margin-right: auto;\">{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"app-margin-right-5\">{{'Notifiche' | localize : lc}}:</span>\r\n                        <span class=\"m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                    </div>\r\n                    <div class=\"nav-jobs-menu-list\">\r\n                        <div *ngIf=\"_state.allJobs.length == 0\" class=\"nav-jobs-menu-list-empty\">\r\n                            <div>{{\"Al momento non c'\u00E8 nulla in esecuzione\" | localize : lc}}</div>\r\n                        </div>\r\n                        <div *ngFor=\"let job of _state.allJobs; let last = last\" [class.app-margin-bottom-5]=\"!last\">\r\n                            <span class=\"nav-jobs-menu-list-description\">\r\n                                <span *ngIf=\"!job.completed\" title=\"{{job.description}}\">{{job.smalldescription}}</span>\r\n                                <span *ngIf=\"job.completed\" title=\"{{job.description}}\" class=\"app-link app-no-selection app-inline app-pointer\" (click)=\"completedJobClicked(job); $event.stopPropagation();\">{{job.smalldescription}}</span>\r\n                                <strong class=\"pull-right\" *ngIf=\"!job.completed\">{{job.percentage}}%</strong>\r\n                                <strong class=\"pull-right\" *ngIf=\"job.completed\">{{'Completed' | localize : lc}}</strong>\r\n                            </span>\r\n                            <div class=\"progress progress-sm\">\r\n                                <progressbar *ngIf=\"!job.completed\" [max]=\"100\" [value]=\"job.percentage\" [striped]=\"true\" [animate]=\"true\"></progressbar>\r\n                                <progressbar *ngIf=\"job.completed\" type=\"success\" [max]=\"100\" [value]=\"100\" [striped]=\"false\" [animate]=\"false\"></progressbar>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Other Modules-->\r\n            <div *ngIf=\"!ANONYMOUS_MODE\" class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-cubes module-nav-menu-link dropdown-toggle app-pointer\" (click)=\"goToDashboard()\"></a>\r\n            </div>\r\n\r\n            <!--Quick Actions-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-folder-gear module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"d-flex dropdown-title-bg\">\r\n                        <div class=\"dropdown-title\">Gestisci Cache Utente</div>\r\n                    </li>\r\n                    <li class=\"dropdown-top\"></li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\">\r\n                        <i class=\"far fa-user-times app-margin-right-10\"></i>{{'Ripulisci le Preferenze Utente' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearAll()\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('cache')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('preferences')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci le Preferenze di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-bot\"></li>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Punti di estensione per Calendar, Chatroom e chi pi\u00F9 ne ha pi\u00F9 ne metta...-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" *ngFor=\"let comp of extensionComponents\">\r\n                <ng-template [componentHost]=\"comp\"></ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Ambiente-->\r\n        <div>\r\n            <div class=\"nav-environment app-no-selection\">\r\n                <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Debugging ruoli e permessi-->\r\n        <div [hidden]=\"true\">\r\n            <div>Permissions:</div>\r\n            <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n            <div>Roles:</div>\r\n            <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n        </div>\r\n    </div>\r\n</nav>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div hidden>{{applicationEnvironment}}</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-icon-notification{top:7px;left:-7px;position:absolute;background-color:#0056b3;border-radius:50%;height:8px;width:8px}.nav-jobs-menu{width:350px;height:250px;background:#fff;margin:2px 0 0;padding:5px;border:1px solid rgb(61.75,77.1875,99.75)}.nav-jobs-menu-header{background-color:#344154;padding:8px;font-size:14px;margin-top:-5px;margin-left:-5px;margin-right:-5px;display:flex}.nav-jobs-menu-header span{color:#fffc}.nav-jobs-menu-list{position:relative;overflow:auto;width:auto;height:203px;padding:5px}.nav-jobs-menu-list-description{font-size:13px;color:#666}.nav-jobs-menu-list-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;text-align:center}.user-menu{font-size:14px}.user-menu .dropdown-toggle:after{display:none}.user-menu .dropdown-menu{right:0;top:auto!important;left:auto!important;margin-top:10px;padding-top:0;overflow:hidden;border-radius:0;font-size:14px;box-shadow:0 6px 12px #0003;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.user-menu .dropdown-menu a{color:#024a88}.user-menu .dropdown-menu a:hover{color:#fff8a9;background-color:red}.user-menu .dropdown-menu a i{margin-right:8px}.navbar-help{font-size:20px!important;color:#ffffff80!important;border:1px solid rgba(255,255,255,.1);margin-left:5px!important;padding:5px 10px 2px 11px!important;border-radius:50%;background-color:#ffffff0d;cursor:pointer;width:31px;height:31px}.navbar-fill{margin-top:-5px;margin-bottom:-5px;margin-left:10px;width:calc(100% - 530px)}.navbar-fillable{width:calc(100% - 231px)}.navbar-floating-label{position:absolute;top:-9px;left:-5px;background:#242d3a;padding-left:5px;padding-right:5px;color:#ffffffe6!important}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:8px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.dropdown-title-bg{background-color:#344154;border:1px solid rgb(61.75,77.1875,99.75);border-bottom:0px}.dropdown-title{color:#fff;margin:auto;padding:8px 0;font-size:18px}.dropdown-menu{background-color:#fff;border:none}.dropdown-divider{border-top:1px solid #eeeeee}.dropdown-item{background-color:#fff;color:#0056b3}.dropdown-item:hover{color:#004a9a!important;background-color:#eee}.dropdown-top{background-color:#fff;height:0;margin-bottom:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.dropdown-bot{background-color:#fff;height:0;margin-top:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.enuma-navbar{height:60px;align-items:center;background-color:#2a3544;box-shadow:0 8px 6px -6px #1313130a,0 12px 16px -16px #1313130d;margin-bottom:-1px;border-bottom:1px solid #191E29}.nav-environment{color:#fff;background-color:#3e4d64;text-align:center;padding:5px 10px;margin:2px 10px 0 0}.nav-icon{color:#fff!important;font-size:20px;cursor:pointer}.nav-right-section{position:absolute;right:10px;top:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i9.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i9.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i9.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ProgressbarModule }, { kind: "component", type: i11.ProgressbarComponent, selector: "progressbar", inputs: ["max", "animate", "striped", "type", "value"] }, { kind: "directive", type: ComponentHostDirective, selector: "[componentHost]", inputs: ["componentHost", "Inputs"] }, { kind: "ngmodule", type: EsTableModule }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }], viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: Navbar, decorators: [{
+            type: Component,
+            args: [{ selector: "navbar", viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, BsDropdownModule, MatSlideToggleModule, NgIf, NgFor, ProgressbarModule, ComponentHostDirective, EsTableModule, LocalizationModule, AccessControlModule], template: "<nav #navbar class=\"nav enuma-navbar\">\r\n    <div class=\"d-flex\" style=\"width: 100%;\">\r\n        <!-- Collapse men\u00F9 a sinistra -->\r\n        <div><a (click)=\"toggleMenu()\" class=\"far fa-bars nav-icon app-padding-left-15\" style=\"padding-top: 8px;\"></a></div>\r\n\r\n        <!-- Breadcrumb -->\r\n        <div class=\"app-padding-left-15\" style=\"padding-top: 8px;\"><ng-content></ng-content></div>\r\n\r\n        <div style=\"margin-left: auto; display: flex;\">\r\n            <!--Notifications (Jobs)-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <div *ngIf=\"_state.jobsInProgress > 0\" class=\"fa-beat-fade nav-jobs-icon-notification\"></div>\r\n                <a [class.fa-shake]=\"_state.jobsInProgress > 0\" class=\"far fa-bell module-nav-menu-link dropdown-toggle app-pointer\" style=\"--fa-animation-duration: 3s; --fa-animation-iteration-count: 1;\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span style=\"margin-right: auto;\">{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"app-margin-right-5\">{{'Notifiche' | localize : lc}}:</span>\r\n                        <span class=\"m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                    </div>\r\n                    <div class=\"nav-jobs-menu-list\">\r\n                        <div *ngIf=\"_state.allJobs.length == 0\" class=\"nav-jobs-menu-list-empty\">\r\n                            <div>{{\"Al momento non c'\u00E8 nulla in esecuzione\" | localize : lc}}</div>\r\n                        </div>\r\n                        <div *ngFor=\"let job of _state.allJobs; let last = last\" [class.app-margin-bottom-5]=\"!last\">\r\n                            <span class=\"nav-jobs-menu-list-description\">\r\n                                <span *ngIf=\"!job.completed\" title=\"{{job.description}}\">{{job.smalldescription}}</span>\r\n                                <span *ngIf=\"job.completed\" title=\"{{job.description}}\" class=\"app-link app-no-selection app-inline app-pointer\" (click)=\"completedJobClicked(job); $event.stopPropagation();\">{{job.smalldescription}}</span>\r\n                                <strong class=\"pull-right\" *ngIf=\"!job.completed\">{{job.percentage}}%</strong>\r\n                                <strong class=\"pull-right\" *ngIf=\"job.completed\">{{'Completed' | localize : lc}}</strong>\r\n                            </span>\r\n                            <div class=\"progress progress-sm\">\r\n                                <progressbar *ngIf=\"!job.completed\" [max]=\"100\" [value]=\"job.percentage\" [striped]=\"true\" [animate]=\"true\"></progressbar>\r\n                                <progressbar *ngIf=\"job.completed\" type=\"success\" [max]=\"100\" [value]=\"100\" [striped]=\"false\" [animate]=\"false\"></progressbar>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Other Modules-->\r\n            <div *ngIf=\"!ANONYMOUS_MODE\" class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-cubes module-nav-menu-link dropdown-toggle app-pointer\" (click)=\"goToDashboard()\"></a>\r\n            </div>\r\n\r\n            <!--Quick Actions-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"far fa-folder-gear module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"d-flex dropdown-title-bg\">\r\n                        <div class=\"dropdown-title\">Gestisci Cache Utente</div>\r\n                    </li>\r\n                    <li class=\"dropdown-top\"></li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\">\r\n                        <i class=\"far fa-user-times app-margin-right-10\"></i>{{'Ripulisci le Preferenze Utente' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-item app-pointer\" (click)=\"clearAll()\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('cache')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci la Cache di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li *ac=\"'R:Jace Admin'\" class=\"dropdown-item app-pointer\" (click)=\"forceClearConnectedClientAssets('preferences')\">\r\n                        <i class=\"far fa-broom-wide app-margin-right-10\"></i>{{'Ripulisci le Preferenze di tutti' | localize : lc}}\r\n                    </li>\r\n                    <li class=\"dropdown-bot\"></li>\r\n                </ul>\r\n            </div>\r\n        \r\n            <!--Punti di estensione per Calendar, Chatroom e chi pi\u00F9 ne ha pi\u00F9 ne metta...-->\r\n            <div class=\"user-menu app-no-selection app-margin-right-15\" *ngFor=\"let comp of extensionComponents\">\r\n                <ng-template [componentHost]=\"comp\"></ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Ambiente-->\r\n        <div>\r\n            <div class=\"nav-environment app-no-selection\">\r\n                <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n                <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Debugging ruoli e permessi-->\r\n        <div [hidden]=\"true\">\r\n            <div>Permissions:</div>\r\n            <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n            <div>Roles:</div>\r\n            <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n        </div>\r\n    </div>\r\n</nav>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context?.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div hidden>{{applicationEnvironment}}</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"['Dev', 2].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevA', 3].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['DevB', 4].includes(applicationEnvironment)\">{{'Ambiente di Sviluppo B' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Stage', 5].includes(applicationEnvironment)\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['StageA', 6].includes(applicationEnvironment)\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"['Prod', 1].includes(applicationEnvironment)\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity?.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity?.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-icon-notification{top:7px;left:-7px;position:absolute;background-color:#0056b3;border-radius:50%;height:8px;width:8px}.nav-jobs-menu{width:350px;height:250px;background:#fff;margin:2px 0 0;padding:5px;border:1px solid rgb(61.75,77.1875,99.75)}.nav-jobs-menu-header{background-color:#344154;padding:8px;font-size:14px;margin-top:-5px;margin-left:-5px;margin-right:-5px;display:flex}.nav-jobs-menu-header span{color:#fffc}.nav-jobs-menu-list{position:relative;overflow:auto;width:auto;height:203px;padding:5px}.nav-jobs-menu-list-description{font-size:13px;color:#666}.nav-jobs-menu-list-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;text-align:center}.user-menu{font-size:14px}.user-menu .dropdown-toggle:after{display:none}.user-menu .dropdown-menu{right:0;top:auto!important;left:auto!important;margin-top:10px;padding-top:0;overflow:hidden;border-radius:0;font-size:14px;box-shadow:0 6px 12px #0003;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}.user-menu .dropdown-menu a{color:#024a88}.user-menu .dropdown-menu a:hover{color:#fff8a9;background-color:red}.user-menu .dropdown-menu a i{margin-right:8px}.navbar-help{font-size:20px!important;color:#ffffff80!important;border:1px solid rgba(255,255,255,.1);margin-left:5px!important;padding:5px 10px 2px 11px!important;border-radius:50%;background-color:#ffffff0d;cursor:pointer;width:31px;height:31px}.navbar-fill{margin-top:-5px;margin-bottom:-5px;margin-left:10px;width:calc(100% - 530px)}.navbar-fillable{width:calc(100% - 231px)}.navbar-floating-label{position:absolute;top:-9px;left:-5px;background:#242d3a;padding-left:5px;padding-right:5px;color:#ffffffe6!important}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:8px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.dropdown-title-bg{background-color:#344154;border:1px solid rgb(61.75,77.1875,99.75);border-bottom:0px}.dropdown-title{color:#fff;margin:auto;padding:8px 0;font-size:18px}.dropdown-menu{background-color:#fff;border:none}.dropdown-divider{border-top:1px solid #eeeeee}.dropdown-item{background-color:#fff;color:#0056b3}.dropdown-item:hover{color:#004a9a!important;background-color:#eee}.dropdown-top{background-color:#fff;height:0;margin-bottom:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.dropdown-bot{background-color:#fff;height:0;margin-top:.5rem;overflow:hidden;border-top:1px solid #eeeeee}.enuma-navbar{height:60px;align-items:center;background-color:#2a3544;box-shadow:0 8px 6px -6px #1313130a,0 12px 16px -16px #1313130d;margin-bottom:-1px;border-bottom:1px solid #191E29}.nav-environment{color:#fff;background-color:#3e4d64;text-align:center;padding:5px 10px;margin:2px 10px 0 0}.nav-icon{color:#fff!important;font-size:20px;cursor:pointer}.nav-right-section{position:absolute;right:10px;top:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.PreferencesService }, { type: i1$3.CacheService }, { type: i2$2.BaseMessageService }, { type: i2$2.NotificationsService }, { type: i4.MessageService }, { type: i1$2.LocalizationService }, { type: i2$1.HTTPService }, { type: i0.ChangeDetectorRef }, { type: i1.AppState }, { type: i1.TokenService }, { type: i1$1.Router }, { type: i1.CompletedJobRedirectionService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAVBAR_EXTENSIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOGIN_URL_LEGACY]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [USE_FAKE_ACCESS_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ANONYMOUS_MODE]
+                }] }], propDecorators: { navbar: [{
+                type: ViewChild,
+                args: ["navbar", { static: false }]
             }] } });
 
-// Angular
-class PagesComponent {
-    constructor(sanitizer, _state, _location, router) {
-        this.sanitizer = sanitizer;
-        this._state = _state;
-        this._location = _location;
-        this.router = router;
-        this.isMenuCollapsed = false;
-        this.maxHeight = 0;
-        this.dynamicCSSUrl = null;
-        this.loadedModuleCss = "";
-        this._state.subscribe("menu.isCollapsed", (isCollapsed) => {
-            this.isMenuCollapsed = isCollapsed;
-        });
-    }
-    ngOnInit() {
-        this.getCurrentPageName();
-        this.getHeight();
-    }
-    getCurrentPageName() {
-        var url = this._location.path();
-        setTimeout(function () {
-            window.scrollTo(0, 0);
-            jQuery('a[href="#' + url + '"]').closest("li").closest("ul").closest("li").addClass("sidebar-item-expanded");
-        });
-    }
-    hideMenu() {
-        this._state.notifyDataChanged("menu.isCollapsed", true);
-    }
-    getHeight() {
-        var html = document.documentElement;
-        this.maxHeight = html.clientHeight - 60;
-    }
-    onResize(event) {
-        this.getHeight();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagesComponent, deps: [{ token: i3.DomSanitizer }, { token: i1.AppState }, { token: i2.Location }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagesComponent, isStandalone: true, selector: "pages", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"pages-container\">\r\n    <sidebar></sidebar>\r\n    <div style=\"width: 100%;\">\r\n        <navbar>\r\n            <breadcrumb></breadcrumb>\r\n        </navbar>\r\n        <div class=\"main-wrapper\" [style.max-height.px]=\"maxHeight\" [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\">\r\n            <div class=\"az-overlay\" *ngIf=\"!isMenuCollapsed\" (click)=\"hideMenu()\"></div>\r\n            <div class=\"main\">\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{padding:20px 40px;position:relative;width:calc(100vw - 230px);height:100%;overflow:auto}.main{height:100%;min-height:650px}.az-overlay{position:fixed;inset:0;z-index:8;background:#242d3a33;width:100%;height:100%;display:none}.pages-container{height:100vh;width:100vw;display:flex}@media (max-width: 544px){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:0;padding:30px 20px}.az-overlay{display:block}.footer .footer-main,.footer .created{float:none}}@media (min-width: 544px) and (max-width: 768px){.az-overlay{display:block}}\n"], dependencies: [{ kind: "component", type: Navbar, selector: "navbar" }, { kind: "component", type: Sidebar, selector: "sidebar" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Breadcrumb, selector: "breadcrumb" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: BackTop, selector: "back-top", inputs: ["position", "showSpeed", "moveSpeed"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "pages", encapsulation: ViewEncapsulation.None, standalone: true, imports: [Navbar, Sidebar, NgClass, NgIf, Breadcrumb, RouterOutlet, BackTop], template: "<div class=\"pages-container\">\r\n    <sidebar></sidebar>\r\n    <div style=\"width: 100%;\">\r\n        <navbar>\r\n            <breadcrumb></breadcrumb>\r\n        </navbar>\r\n        <div class=\"main-wrapper\" [style.max-height.px]=\"maxHeight\" [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\">\r\n            <div class=\"az-overlay\" *ngIf=\"!isMenuCollapsed\" (click)=\"hideMenu()\"></div>\r\n            <div class=\"main\">\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{padding:20px 40px;position:relative;width:calc(100vw - 230px);height:100%;overflow:auto}.main{height:100%;min-height:650px}.az-overlay{position:fixed;inset:0;z-index:8;background:#242d3a33;width:100%;height:100%;display:none}.pages-container{height:100vh;width:100vw;display:flex}@media (max-width: 544px){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:0;padding:30px 20px}.az-overlay{display:block}.footer .footer-main,.footer .created{float:none}}@media (min-width: 544px) and (max-width: 768px){.az-overlay{display:block}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3.DomSanitizer }, { type: i1.AppState }, { type: i2.Location }, { type: i1$1.Router }]; }, propDecorators: { onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
+// Angular
+class PagesComponent {
+    constructor(sanitizer, _state, _location, router) {
+        this.sanitizer = sanitizer;
+        this._state = _state;
+        this._location = _location;
+        this.router = router;
+        this.isMenuCollapsed = false;
+        this.maxHeight = 0;
+        this.dynamicCSSUrl = null;
+        this.loadedModuleCss = "";
+        this._state.subscribe("menu.isCollapsed", (isCollapsed) => {
+            this.isMenuCollapsed = isCollapsed;
+        });
+    }
+    ngOnInit() {
+        this.getCurrentPageName();
+        this.getHeight();
+    }
+    getCurrentPageName() {
+        var url = this._location.path();
+        setTimeout(function () {
+            window.scrollTo(0, 0);
+            jQuery('a[href="#' + url + '"]').closest("li").closest("ul").closest("li").addClass("sidebar-item-expanded");
+        });
+    }
+    hideMenu() {
+        this._state.notifyDataChanged("menu.isCollapsed", true);
+    }
+    getHeight() {
+        var html = document.documentElement;
+        this.maxHeight = html.clientHeight - 60;
+    }
+    onResize(event) {
+        this.getHeight();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PagesComponent, deps: [{ token: i3.DomSanitizer }, { token: i1.AppState }, { token: i2.Location }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PagesComponent, isStandalone: true, selector: "pages", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"pages-container\">\r\n    <sidebar></sidebar>\r\n    <div style=\"width: 100%;\">\r\n        <navbar>\r\n            <breadcrumb></breadcrumb>\r\n        </navbar>\r\n        <div class=\"main-wrapper\" [style.max-height.px]=\"maxHeight\" [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\">\r\n            <div class=\"az-overlay\" *ngIf=\"!isMenuCollapsed\" (click)=\"hideMenu()\"></div>\r\n            <div class=\"main\">\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{padding:20px 40px;position:relative;width:calc(100vw - 230px);height:100%;overflow:auto}.main{height:100%;min-height:650px}.az-overlay{position:fixed;inset:0;z-index:8;background:#242d3a33;width:100%;height:100%;display:none}.pages-container{height:100vh;width:100vw;display:flex}@media (max-width: 544px){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:0;padding:30px 20px}.az-overlay{display:block}.footer .footer-main,.footer .created{float:none}}@media (min-width: 544px) and (max-width: 768px){.az-overlay{display:block}}\n"], dependencies: [{ kind: "component", type: Navbar, selector: "navbar" }, { kind: "component", type: Sidebar, selector: "sidebar" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Breadcrumb, selector: "breadcrumb" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: BackTop, selector: "back-top", inputs: ["position", "showSpeed", "moveSpeed"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pages", encapsulation: ViewEncapsulation.None, imports: [Navbar, Sidebar, NgClass, NgIf, Breadcrumb, RouterOutlet, BackTop], template: "<div class=\"pages-container\">\r\n    <sidebar></sidebar>\r\n    <div style=\"width: 100%;\">\r\n        <navbar>\r\n            <breadcrumb></breadcrumb>\r\n        </navbar>\r\n        <div class=\"main-wrapper\" [style.max-height.px]=\"maxHeight\" [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\">\r\n            <div class=\"az-overlay\" *ngIf=\"!isMenuCollapsed\" (click)=\"hideMenu()\"></div>\r\n            <div class=\"main\">\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{padding:20px 40px;position:relative;width:calc(100vw - 230px);height:100%;overflow:auto}.main{height:100%;min-height:650px}.az-overlay{position:fixed;inset:0;z-index:8;background:#242d3a33;width:100%;height:100%;display:none}.pages-container{height:100vh;width:100vw;display:flex}@media (max-width: 544px){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:0;padding:30px 20px}.az-overlay{display:block}.footer .footer-main,.footer .created{float:none}}@media (min-width: 544px) and (max-width: 768px){.az-overlay{display:block}}\n"] }]
+        }], ctorParameters: () => [{ type: i3.DomSanitizer }, { type: i1.AppState }, { type: i2.Location }, { type: i1$1.Router }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
 
-// Angular
-class ExternalPagesComponent {
-    constructor(aac, lc, http, _state, route, bts) {
-        this.aac = aac;
-        this.lc = lc;
-        this.http = http;
-        this._state = _state;
-        this.route = route;
-        this.bts = bts;
-        this.Username = "";
-        this.Password = "";
-        this.Tenant = "";
-        this.Username = this.route.snapshot.params["user"];
-        this.Password = this.route.snapshot.params["pswd"];
-        this.Tenant = this.route.snapshot.params["tnt"];
-    }
-    ngOnInit() {
-        console.log("Caricamento pagina nell'IFRAME completato!");
-        console.log("[" + this.Tenant + "]" + this.Username + " - " + this.Password);
-        // Le info di login che ho passato sono le stesse delle info di login salvate nel token --> È un redirect da un sito esterno ma il token c'è già. Esco
-        // Ho un token di login e non ho nessuna info sull'utente da usare --> È un redirect da Jace, quindi sono a posto. Esco
-        let currentIdentity = this.bts.getJaceIdentity();
-        if ((!(this.Tenant + this.Username + this.Password) || currentIdentity.Idtenant == this.Tenant && currentIdentity.DsUser == this.Username)) {
-            this.aac.initializeIdentity(currentIdentity);
-            return;
-        }
-        // Altrimenti devo effettuare il login
-        // Non è utilizzata, porcoddinci
-        let LoginDTO = { tenant: "FX", username: this.Username, password: this.Password, client_id: "jacedev" };
-        this.http.post(`${myconfig.AuthUrl}/api/login/dologin`, LoginDTO).subscribe(t => {
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalPagesComponent, deps: [{ token: i5.AccessControlService }, { token: i1$2.LocalizationService }, { token: i2$1.HTTPService }, { token: i1.AppState }, { token: i1$1.ActivatedRoute }, { token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExternalPagesComponent, isStandalone: true, selector: "external-pages", ngImport: i0, template: "<router-outlet></router-outlet>", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalPagesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "external-pages", standalone: true, imports: [RouterOutlet], template: "<router-outlet></router-outlet>" }]
-        }], ctorParameters: function () { return [{ type: i5.AccessControlService }, { type: i1$2.LocalizationService }, { type: i2$1.HTTPService }, { type: i1.AppState }, { type: i1$1.ActivatedRoute }, { type: i1.TokenService }]; } });
+// Angular
+class ExternalPagesComponent {
+    constructor(aac, lc, http, _state, route, bts) {
+        this.aac = aac;
+        this.lc = lc;
+        this.http = http;
+        this._state = _state;
+        this.route = route;
+        this.bts = bts;
+        this.Username = "";
+        this.Password = "";
+        this.Tenant = "";
+        this.Username = this.route.snapshot.params["user"];
+        this.Password = this.route.snapshot.params["pswd"];
+        this.Tenant = this.route.snapshot.params["tnt"];
+    }
+    ngOnInit() {
+        console.log("Caricamento pagina nell'IFRAME completato!");
+        console.log("[" + this.Tenant + "]" + this.Username + " - " + this.Password);
+        // Le info di login che ho passato sono le stesse delle info di login salvate nel token --> È un redirect da un sito esterno ma il token c'è già. Esco
+        // Ho un token di login e non ho nessuna info sull'utente da usare --> È un redirect da Jace, quindi sono a posto. Esco
+        let currentIdentity = this.bts.getJaceIdentity();
+        if ((!(this.Tenant + this.Username + this.Password) || currentIdentity.Idtenant == this.Tenant && currentIdentity.DsUser == this.Username)) {
+            this.aac.initializeIdentity(currentIdentity);
+            return;
+        }
+        // Altrimenti devo effettuare il login
+        // Non è utilizzata, porcoddinci
+        let LoginDTO = { tenant: "FX", username: this.Username, password: this.Password, client_id: "jacedev" };
+        this.http.post(`${myconfig.AuthUrl}/api/login/dologin`, LoginDTO).subscribe(t => {
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ExternalPagesComponent, deps: [{ token: i5.AccessControlService }, { token: i1$2.LocalizationService }, { token: i2$1.HTTPService }, { token: i1.AppState }, { token: i1$1.ActivatedRoute }, { token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ExternalPagesComponent, isStandalone: true, selector: "external-pages", ngImport: i0, template: "<router-outlet></router-outlet>", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ExternalPagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "external-pages", imports: [RouterOutlet], template: "<router-outlet></router-outlet>" }]
+        }], ctorParameters: () => [{ type: i5.AccessControlService }, { type: i1$2.LocalizationService }, { type: i2$1.HTTPService }, { type: i1.AppState }, { type: i1$1.ActivatedRoute }, { type: i1.TokenService }] });
 
-// Angular
-class JaceLoginComponent {
-    constructor(loginUrlLegacy) {
-        this.loginUrlLegacy = loginUrlLegacy;
-    }
-    ngOnInit() {
-        if (myconfig.AuthUrl) {
-            if (this.loginUrlLegacy)
-                window.location.href = `${myconfig.AuthUrl}/login/form?client=${myconfig.Client}`;
-            else {
-                // logout ripulisce il token e risbatte al login
-                window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
-            }
-        }
-        else
-            console.error("myconfig.AuthUrl is not provided");
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JaceLoginComponent, deps: [{ token: LOGIN_URL_LEGACY }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JaceLoginComponent, isStandalone: true, selector: "login", ngImport: i0, template: "<div class=\"login-container\">\r\n    <div class=\"redirecting-div\">\r\n        <div class=\"redirecting-message\"><h1>Redirecting to login...</h1></div>\r\n        <div class=\"signal\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".redirecting-div{background:#3d3d3d!important;display:flex;align-items:center;justify-content:center;min-height:100vh}.redirecting-div h1{color:#fbc925;font-family:Passion One}.redirecting-message{align-self:center}\n"], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JaceLoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "login", encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"login-container\">\r\n    <div class=\"redirecting-div\">\r\n        <div class=\"redirecting-message\"><h1>Redirecting to login...</h1></div>\r\n        <div class=\"signal\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".redirecting-div{background:#3d3d3d!important;display:flex;align-items:center;justify-content:center;min-height:100vh}.redirecting-div h1{color:#fbc925;font-family:Passion One}.redirecting-message{align-self:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOGIN_URL_LEGACY]
-                }] }]; } });
+// Angular
+class JaceLoginComponent {
+    constructor(loginUrlLegacy) {
+        this.loginUrlLegacy = loginUrlLegacy;
+    }
+    ngOnInit() {
+        if (myconfig.AuthUrl) {
+            if (this.loginUrlLegacy)
+                window.location.href = `${myconfig.AuthUrl}/login/form?client=${myconfig.Client}`;
+            else {
+                // logout ripulisce il token e risbatte al login
+                window.location.href = `${myconfig.AuthUrl}/#/logout;client=${myconfig.Client}`;
+            }
+        }
+        else
+            console.error("myconfig.AuthUrl is not provided");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JaceLoginComponent, deps: [{ token: LOGIN_URL_LEGACY }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: JaceLoginComponent, isStandalone: true, selector: "login", ngImport: i0, template: "<div class=\"login-container\">\r\n    <div class=\"redirecting-div\">\r\n        <div class=\"redirecting-message\"><h1>Redirecting to login...</h1></div>\r\n        <div class=\"signal\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".redirecting-div{background:#3d3d3d!important;display:flex;align-items:center;justify-content:center;min-height:100vh}.redirecting-div h1{color:#fbc925;font-family:Passion One}.redirecting-message{align-self:center}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JaceLoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "login", encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"login-container\">\r\n    <div class=\"redirecting-div\">\r\n        <div class=\"redirecting-message\"><h1>Redirecting to login...</h1></div>\r\n        <div class=\"signal\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".redirecting-div{background:#3d3d3d!important;display:flex;align-items:center;justify-content:center;min-height:100vh}.redirecting-div h1{color:#fbc925;font-family:Passion One}.redirecting-message{align-self:center}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOGIN_URL_LEGACY]
+                }] }] });
 
-// Angular
-class RedirecterComponent {
-    constructor(_state, route, router, redirectMap, emb) {
-        this._state = _state;
-        this.route = route;
-        this.router = router;
-        this.redirectMap = redirectMap;
-        this.emb = emb;
-        this.Error = "";
-        this.wrongTenant = false;
-        this.tenant = route.snapshot.params["tenant"];
-        if (this.tenant && this._state.getJaceIDentity().Idtenant != this.tenant) {
-            console.error("tenant mismatch in redirector");
-            this.router.navigate(["login"]);
-            this.wrongTenant = true;
-        }
-    }
-    ngOnInit() {
-        if (this.wrongTenant)
-            return;
-        let url = this.route.snapshot.params["url"];
-        //§ = 167... non so perché ma scrivendolo esplicitamente non funziona
-        let parts = url.includes(String.fromCharCode(167)) ? url.split(String.fromCharCode(167)).filter(s => !!s) : url.split('+').filter(s => !!s);
-        if (parts.length < 2) {
-            this.Error = "L'url passato è incompleto. Impossibile riconoscerlo";
-            return;
-        }
-        else {
-            var redirectItem = this.redirectMap[parts[0]];
-            if (!redirectItem) {
-                this.Error = "L'url passato fa riferimento a un oggetto non navigabile. Impossibile procedere";
-                return;
-            }
-            if (redirectItem.params.length != parts.length - 1) {
-                this.Error = "Il numero di parametri richiesti per navigare all'entità richiesta è diverso dal numero di parametri passato";
-                return;
-            }
-            let url = (this.emb.Embedded ? "pages_ext/" : "pages/") + redirectItem.url;
-            let parObject = {};
-            redirectItem.params.forEach((t, i) => parObject[t] = parts[i + 1]);
-            console.log(`Navigating to ${url} with the current parameters: ${JSON.stringify(parObject)}`);
-            this.router.navigate([url, parObject]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RedirecterComponent, deps: [{ token: i1.AppState }, { token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: REDIRECT_MAP, optional: true }, { token: i4.AppEmbeddingExtensions }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RedirecterComponent, isStandalone: true, selector: "redirecter", ngImport: i0, template: "<div *ngIf=\"Error\">{{Error}}</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RedirecterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "redirecter", encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf], template: "<div *ngIf=\"Error\">{{Error}}</div>" }]
-        }], ctorParameters: function () { return [{ type: i1.AppState }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [REDIRECT_MAP]
-                }] }, { type: i4.AppEmbeddingExtensions }]; } });
+// Angular
+class RedirecterComponent {
+    constructor(_state, route, router, redirectMap, emb) {
+        this._state = _state;
+        this.route = route;
+        this.router = router;
+        this.redirectMap = redirectMap;
+        this.emb = emb;
+        this.Error = "";
+        this.wrongTenant = false;
+        this.tenant = route.snapshot.params["tenant"];
+        if (this.tenant && this._state.getJaceIDentity().Idtenant != this.tenant) {
+            console.error("tenant mismatch in redirector");
+            this.router.navigate(["login"]);
+            this.wrongTenant = true;
+        }
+    }
+    ngOnInit() {
+        if (this.wrongTenant)
+            return;
+        let url = this.route.snapshot.params["url"];
+        //§ = 167... non so perché ma scrivendolo esplicitamente non funziona
+        let parts = url.includes(String.fromCharCode(167)) ? url.split(String.fromCharCode(167)).filter(s => !!s) : url.split('+').filter(s => !!s);
+        if (parts.length < 2) {
+            this.Error = "L'url passato è incompleto. Impossibile riconoscerlo";
+            return;
+        }
+        else {
+            var redirectItem = this.redirectMap[parts[0]];
+            if (!redirectItem) {
+                this.Error = "L'url passato fa riferimento a un oggetto non navigabile. Impossibile procedere";
+                return;
+            }
+            if (redirectItem.params.length != parts.length - 1) {
+                this.Error = "Il numero di parametri richiesti per navigare all'entità richiesta è diverso dal numero di parametri passato";
+                return;
+            }
+            let url = (this.emb.Embedded ? "pages_ext/" : "pages/") + redirectItem.url;
+            let parObject = {};
+            redirectItem.params.forEach((t, i) => parObject[t] = parts[i + 1]);
+            console.log(`Navigating to ${url} with the current parameters: ${JSON.stringify(parObject)}`);
+            this.router.navigate([url, parObject]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RedirecterComponent, deps: [{ token: i1.AppState }, { token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: REDIRECT_MAP, optional: true }, { token: i4.AppEmbeddingExtensions }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: RedirecterComponent, isStandalone: true, selector: "redirecter", ngImport: i0, template: "<div *ngIf=\"Error\">{{Error}}</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RedirecterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "redirecter", encapsulation: ViewEncapsulation.None, imports: [NgIf], template: "<div *ngIf=\"Error\">{{Error}}</div>" }]
+        }], ctorParameters: () => [{ type: i1.AppState }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [REDIRECT_MAP]
+                }] }, { type: i4.AppEmbeddingExtensions }] });
 
-// Angular
-class BaseComponent extends ReactiveComponent {
-    constructor(injector) {
-        super();
-        this.NavigationParameters = null;
-        this.QueryParameters = null;
-        let _activatedRoute = injector.get(ActivatedRoute);
-        let _state = injector.get(AppState);
-        this._emb = injector.get(AppEmbeddingExtensions);
-        this._location = injector.get(Location);
-        this._router = injector.get(Router);
-        _state.registerNavigationIfMeaningful(_activatedRoute.snapshot);
-        // Parametri in maniera "dinamica"
-        _activatedRoute.params.pipe(takeUntil$1(this.destroyed$)).subscribe(t => { this.NavigationParameters = t; });
-        _activatedRoute.queryParams.pipe(takeUntil$1(this.destroyed$)).subscribe(t => { this.QueryParameters = t; });
-        this.gatherRouteInformations(_activatedRoute);
-        // Per i componenti navigabili non embeddati è inutile mandare il messaggio di navigazione
-        // Così come per quelli per cui non esiste un titolo (cioè compoennti verso cui non si è navigato direttamente)
-        if (!this._emb.Embedded || !this.NavigationTitle)
-            return;
-        this._emb.MainWindow.postMessage({ type: "navigation", url: this.CompletePath, internalNavigation: this.InternalNavigation, title: this.NavigationTitle }, "*");
-    }
-    gatherRouteInformations(_activatedRoute) {
-        // Angular 15 -> 16: non si lavora più coi segmenti. Tiro fuori l'url del router e li rigenero
-        let segs = _activatedRoute.snapshot._routerState.url.split('/').filter((t, i) => i != 0).map(t => { return { path: t }; });
-        this.CompletePath = "/" + segs.map(t => t.path).join('/');
-        this.ComponentPath = "/" + segs.filter((t, i) => i != 0).map(t => t.path).join('/');
-        this.BasePath = "/" + segs[0].path;
-        this.InternalNavigation = _activatedRoute.snapshot.data["internalNavigation"] || false;
-        this.NavigationTitle = _activatedRoute.snapshot.data["title"] || "";
-    }
-    navigate(command, extras) {
-        let commands = command;
-        // Fix della path esattamente come in esRouterLink
-        commands = Array.isArray(commands) ? commands : [commands];
-        let route = commands[0];
-        if (!route.startsWith("/" + EMBEDDED_ROUTE) && !route.startsWith("/" + ROUTE))
-            commands[0] = this.BasePath + commands[0];
-        this._router.navigate(command, extras);
-    }
-    back() {
-        if (this._emb.Embedded) {
-            this._emb.MainWindow.postMessage({ type: "navigate-back" }, "*");
-            setTimeout(() => { this._location.back(); });
-        }
-        else
-            this._location.back();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+// Angular
+class BaseComponent extends ReactiveComponent {
+    constructor(injector) {
+        super();
+        this.NavigationParameters = null;
+        this.QueryParameters = null;
+        let _activatedRoute = injector.get(ActivatedRoute);
+        let _state = injector.get(AppState);
+        this._emb = injector.get(AppEmbeddingExtensions);
+        this._location = injector.get(Location);
+        this._router = injector.get(Router);
+        _state.registerNavigationIfMeaningful(_activatedRoute.snapshot);
+        // Parametri in maniera "dinamica"
+        _activatedRoute.params.pipe(takeUntil$1(this.destroyed$)).subscribe(t => { this.NavigationParameters = t; });
+        _activatedRoute.queryParams.pipe(takeUntil$1(this.destroyed$)).subscribe(t => { this.QueryParameters = t; });
+        this.gatherRouteInformations(_activatedRoute);
+        // Per i componenti navigabili non embeddati è inutile mandare il messaggio di navigazione
+        // Così come per quelli per cui non esiste un titolo (cioè compoennti verso cui non si è navigato direttamente)
+        if (!this._emb.Embedded || !this.NavigationTitle)
+            return;
+        this._emb.MainWindow.postMessage({ type: "navigation", url: this.CompletePath, internalNavigation: this.InternalNavigation, title: this.NavigationTitle }, "*");
+    }
+    gatherRouteInformations(_activatedRoute) {
+        // Angular 15 -> 16: non si lavora più coi segmenti. Tiro fuori l'url del router e li rigenero
+        let segs = _activatedRoute.snapshot._routerState.url.split('/').filter((t, i) => i != 0).map(t => { return { path: t }; });
+        this.CompletePath = "/" + segs.map(t => t.path).join('/');
+        this.ComponentPath = "/" + segs.filter((t, i) => i != 0).map(t => t.path).join('/');
+        this.BasePath = "/" + segs[0].path;
+        this.InternalNavigation = _activatedRoute.snapshot.data["internalNavigation"] || false;
+        this.NavigationTitle = _activatedRoute.snapshot.data["title"] || "";
+    }
+    navigate(command, extras) {
+        let commands = command;
+        // Fix della path esattamente come in esRouterLink
+        commands = Array.isArray(commands) ? commands : [commands];
+        let route = commands[0];
+        if (!route.startsWith("/" + EMBEDDED_ROUTE) && !route.startsWith("/" + ROUTE))
+            commands[0] = this.BasePath + commands[0];
+        this._router.navigate(command, extras);
+    }
+    back() {
+        if (this._emb.Embedded) {
+            this._emb.MainWindow.postMessage({ type: "navigate-back" }, "*");
+            setTimeout(() => { this._location.back(); });
+        }
+        else
+            this._location.back();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BaseComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: BaseComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
 
-// Angular
-class JaceResourceComponent {
-    constructor(cdr, _state, sanitizer) {
-        this.cdr = cdr;
-        this._state = _state;
-        this.sanitizer = sanitizer;
-        this.Module = "";
-        this.ModuleKeyType = 'altid';
-        this.Page = "";
-        this.Height = 0;
-        this.sanitizedSourceResource = null;
-    }
-    ngOnInit() {
-        console.log("Initializing jace resource for " + this.Module);
-        if (this._state.Modules?.length > 0)
-            this.afterModulesRetrieve(this._state.Modules);
-        else {
-            this._state.subscribe("modules.Retrieved", (modules) => {
-                this.afterModulesRetrieve(modules);
-                this.cdr.markForCheck();
-            });
-        }
-    }
-    ngAfterViewInit() {
-        requestAnimationFrame(() => {
-            this.Height = window.innerHeight - 80;
-            this.cdr.markForCheck();
-        });
-    }
-    afterModulesRetrieve(modules) {
-        let module = modules.find(t => (this.ModuleKeyType == 'id' ? t.idmodule : this.ModuleKeyType == 'altid' ? t.altname : "") == this.Module);
-        if (!module) {
-            console.error(`Impossibile trovare il modulo con ${this.ModuleKeyType} uguale a ${this.Module}`);
-            this.sanitizedSourceResource = null;
-        }
-        if (this.Page.startsWith("pages") || this.Page.startsWith("/pages")) {
-            console.error(`L'url della pagina da visitare non deve partire con 'pages', scrivere solo {modulo}/{pagina}`);
-            this.sanitizedSourceResource = null;
-        }
-        let moduleUrl = myconfig.AuthUrl.includes("localhost") ? `http://localhost:${this.Localhost}` : module.uiurl;
-        let parameters = this.Params ? Object.keys(this.Params).map(k => `${k}=${this.Params[k]}`).join(';') : '';
-        let finalUrl = `${moduleUrl}/#/pages_ext/${this.Page}${(parameters ? (';' + parameters) : '')}`;
-        console.log("@esfaenza/core: Jace-resource navigating to " + finalUrl);
-        this.sanitizedSourceResource = this.sanitizer.bypassSecurityTrustResourceUrl(finalUrl);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JaceResourceComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AppState }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JaceResourceComponent, isStandalone: true, selector: "jace-resource", inputs: { Module: "Module", ModuleKeyType: "ModuleKeyType", Page: "Page", Localhost: "Localhost", Params: "Params" }, ngImport: i0, template: "<iframe *ngIf=\"!!sanitizedSourceResource && this.Height > 0\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\"\r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JaceResourceComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "jace-resource", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf], template: "<iframe *ngIf=\"!!sanitizedSourceResource && this.Height > 0\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\"\r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.AppState }, { type: i3.DomSanitizer }]; }, propDecorators: { Module: [{
-                type: Input
-            }], ModuleKeyType: [{
-                type: Input
-            }], Page: [{
-                type: Input
-            }], Localhost: [{
-                type: Input
-            }], Params: [{
-                type: Input
+// Angular
+class JaceResourceComponent {
+    constructor(cdr, _state, sanitizer) {
+        this.cdr = cdr;
+        this._state = _state;
+        this.sanitizer = sanitizer;
+        this.Module = "";
+        this.ModuleKeyType = 'altid';
+        this.Page = "";
+        this.Height = 0;
+        this.sanitizedSourceResource = null;
+    }
+    ngOnInit() {
+        console.log("Initializing jace resource for " + this.Module);
+        if (this._state.Modules?.length > 0)
+            this.afterModulesRetrieve(this._state.Modules);
+        else {
+            this._state.subscribe("modules.Retrieved", (modules) => {
+                this.afterModulesRetrieve(modules);
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    ngAfterViewInit() {
+        requestAnimationFrame(() => {
+            this.Height = window.innerHeight - 80;
+            this.cdr.markForCheck();
+        });
+    }
+    afterModulesRetrieve(modules) {
+        let module = modules.find(t => (this.ModuleKeyType == 'id' ? t.idmodule : this.ModuleKeyType == 'altid' ? t.altname : "") == this.Module);
+        if (!module) {
+            console.error(`Impossibile trovare il modulo con ${this.ModuleKeyType} uguale a ${this.Module}`);
+            this.sanitizedSourceResource = null;
+        }
+        if (this.Page.startsWith("pages") || this.Page.startsWith("/pages")) {
+            console.error(`L'url della pagina da visitare non deve partire con 'pages', scrivere solo {modulo}/{pagina}`);
+            this.sanitizedSourceResource = null;
+        }
+        let moduleUrl = myconfig.AuthUrl.includes("localhost") ? `http://localhost:${this.Localhost}` : module.uiurl;
+        let parameters = this.Params ? Object.keys(this.Params).map(k => `${k}=${this.Params[k]}`).join(';') : '';
+        let finalUrl = `${moduleUrl}/#/pages_ext/${this.Page}${(parameters ? (';' + parameters) : '')}`;
+        console.log("@esfaenza/core: Jace-resource navigating to " + finalUrl);
+        this.sanitizedSourceResource = this.sanitizer.bypassSecurityTrustResourceUrl(finalUrl);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JaceResourceComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AppState }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: JaceResourceComponent, isStandalone: true, selector: "jace-resource", inputs: { Module: "Module", ModuleKeyType: "ModuleKeyType", Page: "Page", Localhost: "Localhost", Params: "Params" }, ngImport: i0, template: "<iframe *ngIf=\"!!sanitizedSourceResource && this.Height > 0\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\"\r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JaceResourceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "jace-resource", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf], template: "<iframe *ngIf=\"!!sanitizedSourceResource && this.Height > 0\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\"\r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AppState }, { type: i3.DomSanitizer }], propDecorators: { Module: [{
+                type: Input
+            }], ModuleKeyType: [{
+                type: Input
+            }], Page: [{
+                type: Input
+            }], Localhost: [{
+                type: Input
+            }], Params: [{
+                type: Input
             }] } });
 
-// Angular
-class EsModalComponent {
-    constructor(_state) {
-        this._state = _state;
-        this.Size = "M";
-        this.IgnoreBackdrop = false;
-        this.Backdrop = true;
-        this.HasOverlap = false;
-        this.onShow = new EventEmitter();
-        this.onHide = new EventEmitter();
-    }
-    show() { this.Modal.show(); }
-    hide() { this.Modal.hide(); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsModalComponent, deps: [{ token: i1.AppState }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EsModalComponent, isStandalone: true, selector: "es-modal", inputs: { Size: "Size", IgnoreBackdrop: "IgnoreBackdrop", Backdrop: "Backdrop", HasOverlap: "HasOverlap" }, outputs: { onShow: "onShow", onHide: "onHide" }, viewQueries: [{ propertyName: "Modal", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<div esModal #modalRef=\"es-modal\"\r\n     class=\"modal fade\"\r\n     role=\"dialog\"\r\n     aria-hidden=\"true\"\r\n     (onShow)=\"onShow.emit()\"\r\n     (onHide)=\"onHide.emit()\"\r\n     [config]=\"{backdrop: Backdrop, ignoreBackdropClick: IgnoreBackdrop}\">\r\n    <div class=\"modal-dialog\"\r\n         [class.modal-sm]=\"Size == 'S'\"\r\n         [class.modal-md]=\"Size == 'M'\"\r\n         [class.modal-lg]=\"Size == 'L'\"\r\n         [class.modal-xl]=\"Size == 'XL'\"\r\n         [class.modal-xxl]=\"Size == 'XXL'\"\r\n         [class.modal-feminist]=\"Size == 'HOLYSHIT'\"\r\n         emaDraggable>\r\n        <div class=\"modal-content\" [class.app-bg-lightgrey]=\"HasOverlap\"\r\n             style=\"cursor: default;\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: EsModalDirective, selector: "[esModal]", exportAs: ["es-modal"] }, { kind: "directive", type: Draggable, selector: "[emaDraggable]", inputs: ["emaDraggable"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "es-modal", standalone: true, imports: [EsModalDirective, Draggable], template: "<div esModal #modalRef=\"es-modal\"\r\n     class=\"modal fade\"\r\n     role=\"dialog\"\r\n     aria-hidden=\"true\"\r\n     (onShow)=\"onShow.emit()\"\r\n     (onHide)=\"onHide.emit()\"\r\n     [config]=\"{backdrop: Backdrop, ignoreBackdropClick: IgnoreBackdrop}\">\r\n    <div class=\"modal-dialog\"\r\n         [class.modal-sm]=\"Size == 'S'\"\r\n         [class.modal-md]=\"Size == 'M'\"\r\n         [class.modal-lg]=\"Size == 'L'\"\r\n         [class.modal-xl]=\"Size == 'XL'\"\r\n         [class.modal-xxl]=\"Size == 'XXL'\"\r\n         [class.modal-feminist]=\"Size == 'HOLYSHIT'\"\r\n         emaDraggable>\r\n        <div class=\"modal-content\" [class.app-bg-lightgrey]=\"HasOverlap\"\r\n             style=\"cursor: default;\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1.AppState }]; }, propDecorators: { Size: [{
-                type: Input
-            }], IgnoreBackdrop: [{
-                type: Input
-            }], Backdrop: [{
-                type: Input
-            }], HasOverlap: [{
-                type: Input
-            }], onShow: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], Modal: [{
-                type: ViewChild,
-                args: ["modalRef"]
+// Angular
+class EsModalComponent {
+    constructor(_state) {
+        this._state = _state;
+        this.Size = "M";
+        this.IgnoreBackdrop = false;
+        this.Backdrop = true;
+        this.HasOverlap = false;
+        this.onShow = new EventEmitter();
+        this.onHide = new EventEmitter();
+    }
+    show() { this.Modal.show(); }
+    hide() { this.Modal.hide(); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsModalComponent, deps: [{ token: i1.AppState }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EsModalComponent, isStandalone: true, selector: "es-modal", inputs: { Size: "Size", IgnoreBackdrop: "IgnoreBackdrop", Backdrop: "Backdrop", HasOverlap: "HasOverlap" }, outputs: { onShow: "onShow", onHide: "onHide" }, viewQueries: [{ propertyName: "Modal", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<div esModal #modalRef=\"es-modal\"\r\n     class=\"modal fade\"\r\n     role=\"dialog\"\r\n     aria-hidden=\"true\"\r\n     (onShow)=\"onShow.emit()\"\r\n     (onHide)=\"onHide.emit()\"\r\n     [config]=\"{backdrop: Backdrop, ignoreBackdropClick: IgnoreBackdrop}\">\r\n    <div class=\"modal-dialog\"\r\n         [class.modal-sm]=\"Size == 'S'\"\r\n         [class.modal-md]=\"Size == 'M'\"\r\n         [class.modal-lg]=\"Size == 'L'\"\r\n         [class.modal-xl]=\"Size == 'XL'\"\r\n         [class.modal-xxl]=\"Size == 'XXL'\"\r\n         [class.modal-feminist]=\"Size == 'HOLYSHIT'\"\r\n         emaDraggable>\r\n        <div class=\"modal-content\" [class.app-bg-lightgrey]=\"HasOverlap\"\r\n             style=\"cursor: default;\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: EsModalDirective, selector: "[esModal]", exportAs: ["es-modal"] }, { kind: "directive", type: Draggable, selector: "[emaDraggable]", inputs: ["emaDraggable"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "es-modal", imports: [EsModalDirective, Draggable], template: "<div esModal #modalRef=\"es-modal\"\r\n     class=\"modal fade\"\r\n     role=\"dialog\"\r\n     aria-hidden=\"true\"\r\n     (onShow)=\"onShow.emit()\"\r\n     (onHide)=\"onHide.emit()\"\r\n     [config]=\"{backdrop: Backdrop, ignoreBackdropClick: IgnoreBackdrop}\">\r\n    <div class=\"modal-dialog\"\r\n         [class.modal-sm]=\"Size == 'S'\"\r\n         [class.modal-md]=\"Size == 'M'\"\r\n         [class.modal-lg]=\"Size == 'L'\"\r\n         [class.modal-xl]=\"Size == 'XL'\"\r\n         [class.modal-xxl]=\"Size == 'XXL'\"\r\n         [class.modal-feminist]=\"Size == 'HOLYSHIT'\"\r\n         emaDraggable>\r\n        <div class=\"modal-content\" [class.app-bg-lightgrey]=\"HasOverlap\"\r\n             style=\"cursor: default;\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.AppState }], propDecorators: { Size: [{
+                type: Input
+            }], IgnoreBackdrop: [{
+                type: Input
+            }], Backdrop: [{
+                type: Input
+            }], HasOverlap: [{
+                type: Input
+            }], onShow: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], Modal: [{
+                type: ViewChild,
+                args: ["modalRef"]
             }] } });
 
-// Angular
-class EsModalHeadComponent {
-    constructor(_state) {
-        this._state = _state;
-        this.Close = new EventEmitter();
-    }
-    CloseFunction() {
-        this.Close.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsModalHeadComponent, deps: [{ token: i1.AppState }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EsModalHeadComponent, isStandalone: true, selector: "es-modal-head", outputs: { Close: "Close" }, ngImport: i0, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsModalHeadComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "es-modal-head", standalone: true, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.AppState }]; }, propDecorators: { Close: [{
-                type: Output
+// Angular
+class EsModalHeadComponent {
+    constructor(_state) {
+        this._state = _state;
+        this.Close = new EventEmitter();
+    }
+    CloseFunction() {
+        this.Close.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsModalHeadComponent, deps: [{ token: i1.AppState }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EsModalHeadComponent, isStandalone: true, selector: "es-modal-head", outputs: { Close: "Close" }, ngImport: i0, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsModalHeadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "es-modal-head", standalone: true, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AppState }], propDecorators: { Close: [{
+                type: Output
             }] } });
 
-class LabeledSpanComponent {
-    constructor() {
-        this.H_MODE = "Horizontal";
-        this.V_MODE = "Vertical";
-        this.First = false;
-        this.Label = "";
-        this.Display = "Horizontal";
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabeledSpanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LabeledSpanComponent, isStandalone: true, selector: "labeled-span", inputs: { First: "First", Label: "Label", Display: "Display" }, ngImport: i0, template: "<div [class.app-margin-top-10]=\"First\" \r\n     [style.display]=\"Display == V_MODE ? 'inline-grid' : 'block'\"\r\n     [style.margin-right.px]=\"Display == V_MODE ? 10 : 0\">\r\n    <strong class=\"text-uppercase\" style=\"font-size: .7rem !important;\">\r\n        {{Label}}<span *ngIf=\"Display == H_MODE\">:&nbsp;&nbsp;</span>\r\n    </strong>\r\n    <span><ng-content></ng-content></span>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabeledSpanComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "labeled-span", standalone: true, imports: [NgIf], template: "<div [class.app-margin-top-10]=\"First\" \r\n     [style.display]=\"Display == V_MODE ? 'inline-grid' : 'block'\"\r\n     [style.margin-right.px]=\"Display == V_MODE ? 10 : 0\">\r\n    <strong class=\"text-uppercase\" style=\"font-size: .7rem !important;\">\r\n        {{Label}}<span *ngIf=\"Display == H_MODE\">:&nbsp;&nbsp;</span>\r\n    </strong>\r\n    <span><ng-content></ng-content></span>\r\n</div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { First: [{
-                type: Input
-            }], Label: [{
-                type: Input
-            }], Display: [{
-                type: Input
+class LabeledSpanComponent {
+    constructor() {
+        this.H_MODE = "Horizontal";
+        this.V_MODE = "Vertical";
+        this.First = false;
+        this.Label = "";
+        this.Display = "Horizontal";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabeledSpanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: LabeledSpanComponent, isStandalone: true, selector: "labeled-span", inputs: { First: "First", Label: "Label", Display: "Display" }, ngImport: i0, template: "<div [class.app-margin-top-10]=\"First\" \r\n     [style.display]=\"Display == V_MODE ? 'inline-grid' : 'block'\"\r\n     [style.margin-right.px]=\"Display == V_MODE ? 10 : 0\">\r\n    <strong class=\"text-uppercase\" style=\"font-size: .7rem !important;\">\r\n        {{Label}}<span *ngIf=\"Display == H_MODE\">:&nbsp;&nbsp;</span>\r\n    </strong>\r\n    <span><ng-content></ng-content></span>\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabeledSpanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "labeled-span", imports: [NgIf], template: "<div [class.app-margin-top-10]=\"First\" \r\n     [style.display]=\"Display == V_MODE ? 'inline-grid' : 'block'\"\r\n     [style.margin-right.px]=\"Display == V_MODE ? 10 : 0\">\r\n    <strong class=\"text-uppercase\" style=\"font-size: .7rem !important;\">\r\n        {{Label}}<span *ngIf=\"Display == H_MODE\">:&nbsp;&nbsp;</span>\r\n    </strong>\r\n    <span><ng-content></ng-content></span>\r\n</div>" }]
+        }], ctorParameters: () => [], propDecorators: { First: [{
+                type: Input
+            }], Label: [{
+                type: Input
+            }], Display: [{
+                type: Input
             }] } });
 
-class EsImageCropperComponent {
-    constructor() {
-        this.canvasRotation = 0;
-        this.scale = 1;
-        this.transform = {};
-    }
-    get OutputImage() {
-        if (this.ProfileImage?.nativefiles)
-            return this._OutputImage;
-        else
-            return null;
-    }
-    onResetImage() {
-        this.ProfileImage = new AppFile();
-        this._OutputImage = null;
-    }
-    onImageCropped(event) {
-        this._OutputImage = event.blob;
-    }
-    onRotateLeft() {
-        this.canvasRotation--;
-        this.doFlipAfterRotate();
-    }
-    onRotateRight() {
-        this.canvasRotation++;
-        this.doFlipAfterRotate();
-    }
-    onFlipHorizontal() {
-        this.transform = {
-            ...this.transform,
-            flipH: !this.transform.flipH,
-        };
-    }
-    onFlipVertical() {
-        this.transform = {
-            ...this.transform,
-            flipV: !this.transform.flipV,
-        };
-    }
-    doFlipAfterRotate() {
-        const flippedH = this.transform.flipH;
-        const flippedV = this.transform.flipV;
-        this.transform = {
-            ...this.transform,
-            flipH: flippedV,
-            flipV: flippedH,
-        };
-    }
-    onZoomOut() {
-        this.scale -= 0.1;
-        this.transform = {
-            ...this.transform,
-            scale: this.scale,
-        };
-    }
-    onZoomIn() {
-        this.scale += 0.1;
-        this.transform = {
-            ...this.transform,
-            scale: this.scale,
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsImageCropperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EsImageCropperComponent, isStandalone: true, selector: "es-image-cropper", inputs: { Height: "Height", Width: "Width" }, ngImport: i0, template: "<div *ngIf=\"ProfileImage?.nativefiles?.length > 0\" [style.width.px]=\"Width\">\r\n    <div class=\"d-flex\">\r\n        <button (click)=\"onRotateLeft()\" class=\"btn btn-primary\"><i class=\"fa fa-undo\"></i></button>\r\n        <button (click)=\"onRotateRight()\" class=\"btn btn-primary\"><i class=\"fa fa-repeat\"></i></button>\r\n        <button (click)=\"onFlipHorizontal()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-h\"></i></button>\r\n        <button (click)=\"onFlipVertical()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-v\"></i></button>\r\n        <button (click)=\"onZoomIn()\" class=\"btn btn-primary\"><i class=\"fa fa-search-plus\"></i></button>\r\n        <button (click)=\"onZoomOut()\" class=\"btn btn-primary\"><i class=\"fa fa-search-minus\"></i></button>\r\n        <button (click)=\"onResetImage()\" class=\"btn btn-danger\" style=\"margin-left: auto; margin-right: 0px;\"><i class=\"fa fa-times\"></i></button>\r\n    </div>\r\n</div>\r\n<div class=\"app-margin-top-10\" [style.max-height.px]=\"Height\" [style.width.px]=\"Width\">\r\n    <form-file *ngIf=\"!(ProfileImage?.nativefiles?.length > 0)\" [LabelInputRatio]=\"'0 12'\" [FancyMode]=\"true\" [(ngModel)]=\"ProfileImage\" name=\"imageToCrop\"></form-file>\r\n    <ng-container *ngIf=\"ProfileImage?.nativefiles?.length > 0\">\r\n        <image-cropper style=\"--cropper-outline-color: rgba(0,0,0)\"\r\n                       [backgroundColor]=\"'#91a3b0'\"\r\n                       [imageFile]=\"ProfileImage.nativefiles[0]\"\r\n                       [aspectRatio]=\"4 / 3\"\r\n                       [maintainAspectRatio]=\"true\"\r\n                       [containWithinAspectRatio]=\"true\"\r\n                       [cropperStaticWidth]=\"320\"\r\n                       [cropperStaticHeight]=\"320\"\r\n                       [onlyScaleDown]=\"true\"\r\n                       [roundCropper]=\"true\"\r\n                       [canvasRotation]=\"canvasRotation\"\r\n                       [allowMoveImage]=\"true\"\r\n                       [(transform)]=\"transform\"\r\n                       (imageCropped)=\"onImageCropped($event)\">\r\n        </image-cropper>\r\n    </ng-container>\r\n</div>", styles: [".btn{width:40px;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i2$3.FormFileComponent, selector: "form-file", inputs: ["Multiple", "AllowDownload", "MaxSize", "FancyMode", "ReadFile"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EsImageCropperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "es-image-cropper", standalone: true, imports: [NgIf, ImageCropperComponent, FormsModule, FormsAndValidationsModule], template: "<div *ngIf=\"ProfileImage?.nativefiles?.length > 0\" [style.width.px]=\"Width\">\r\n    <div class=\"d-flex\">\r\n        <button (click)=\"onRotateLeft()\" class=\"btn btn-primary\"><i class=\"fa fa-undo\"></i></button>\r\n        <button (click)=\"onRotateRight()\" class=\"btn btn-primary\"><i class=\"fa fa-repeat\"></i></button>\r\n        <button (click)=\"onFlipHorizontal()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-h\"></i></button>\r\n        <button (click)=\"onFlipVertical()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-v\"></i></button>\r\n        <button (click)=\"onZoomIn()\" class=\"btn btn-primary\"><i class=\"fa fa-search-plus\"></i></button>\r\n        <button (click)=\"onZoomOut()\" class=\"btn btn-primary\"><i class=\"fa fa-search-minus\"></i></button>\r\n        <button (click)=\"onResetImage()\" class=\"btn btn-danger\" style=\"margin-left: auto; margin-right: 0px;\"><i class=\"fa fa-times\"></i></button>\r\n    </div>\r\n</div>\r\n<div class=\"app-margin-top-10\" [style.max-height.px]=\"Height\" [style.width.px]=\"Width\">\r\n    <form-file *ngIf=\"!(ProfileImage?.nativefiles?.length > 0)\" [LabelInputRatio]=\"'0 12'\" [FancyMode]=\"true\" [(ngModel)]=\"ProfileImage\" name=\"imageToCrop\"></form-file>\r\n    <ng-container *ngIf=\"ProfileImage?.nativefiles?.length > 0\">\r\n        <image-cropper style=\"--cropper-outline-color: rgba(0,0,0)\"\r\n                       [backgroundColor]=\"'#91a3b0'\"\r\n                       [imageFile]=\"ProfileImage.nativefiles[0]\"\r\n                       [aspectRatio]=\"4 / 3\"\r\n                       [maintainAspectRatio]=\"true\"\r\n                       [containWithinAspectRatio]=\"true\"\r\n                       [cropperStaticWidth]=\"320\"\r\n                       [cropperStaticHeight]=\"320\"\r\n                       [onlyScaleDown]=\"true\"\r\n                       [roundCropper]=\"true\"\r\n                       [canvasRotation]=\"canvasRotation\"\r\n                       [allowMoveImage]=\"true\"\r\n                       [(transform)]=\"transform\"\r\n                       (imageCropped)=\"onImageCropped($event)\">\r\n        </image-cropper>\r\n    </ng-container>\r\n</div>", styles: [".btn{width:40px;margin-right:10px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { Height: [{
-                type: Input
-            }], Width: [{
-                type: Input
+class EsImageCropperComponent {
+    constructor() {
+        this.canvasRotation = 0;
+        this.scale = 1;
+        this.transform = {};
+    }
+    get OutputImage() {
+        if (this.ProfileImage?.nativefiles)
+            return this._OutputImage;
+        else
+            return null;
+    }
+    onResetImage() {
+        this.ProfileImage = new AppFile();
+        this._OutputImage = null;
+    }
+    onImageCropped(event) {
+        this._OutputImage = event.blob;
+    }
+    onRotateLeft() {
+        this.canvasRotation--;
+        this.doFlipAfterRotate();
+    }
+    onRotateRight() {
+        this.canvasRotation++;
+        this.doFlipAfterRotate();
+    }
+    onFlipHorizontal() {
+        this.transform = {
+            ...this.transform,
+            flipH: !this.transform.flipH,
+        };
+    }
+    onFlipVertical() {
+        this.transform = {
+            ...this.transform,
+            flipV: !this.transform.flipV,
+        };
+    }
+    doFlipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = {
+            ...this.transform,
+            flipH: flippedV,
+            flipV: flippedH,
+        };
+    }
+    onZoomOut() {
+        this.scale -= 0.1;
+        this.transform = {
+            ...this.transform,
+            scale: this.scale,
+        };
+    }
+    onZoomIn() {
+        this.scale += 0.1;
+        this.transform = {
+            ...this.transform,
+            scale: this.scale,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsImageCropperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EsImageCropperComponent, isStandalone: true, selector: "es-image-cropper", inputs: { Height: "Height", Width: "Width" }, ngImport: i0, template: "<div *ngIf=\"ProfileImage?.nativefiles?.length > 0\" [style.width.px]=\"Width\">\r\n    <div class=\"d-flex\">\r\n        <button (click)=\"onRotateLeft()\" class=\"btn btn-primary\"><i class=\"fa fa-undo\"></i></button>\r\n        <button (click)=\"onRotateRight()\" class=\"btn btn-primary\"><i class=\"fa fa-repeat\"></i></button>\r\n        <button (click)=\"onFlipHorizontal()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-h\"></i></button>\r\n        <button (click)=\"onFlipVertical()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-v\"></i></button>\r\n        <button (click)=\"onZoomIn()\" class=\"btn btn-primary\"><i class=\"fa fa-search-plus\"></i></button>\r\n        <button (click)=\"onZoomOut()\" class=\"btn btn-primary\"><i class=\"fa fa-search-minus\"></i></button>\r\n        <button (click)=\"onResetImage()\" class=\"btn btn-danger\" style=\"margin-left: auto; margin-right: 0px;\"><i class=\"fa fa-times\"></i></button>\r\n    </div>\r\n</div>\r\n<div class=\"app-margin-top-10\" [style.max-height.px]=\"Height\" [style.width.px]=\"Width\">\r\n    <form-file *ngIf=\"!(ProfileImage?.nativefiles?.length > 0)\" [LabelInputRatio]=\"'0 12'\" [FancyMode]=\"true\" [(ngModel)]=\"ProfileImage\" name=\"imageToCrop\"></form-file>\r\n    <ng-container *ngIf=\"ProfileImage?.nativefiles?.length > 0\">\r\n        <image-cropper style=\"--cropper-outline-color: rgba(0,0,0)\"\r\n                       [backgroundColor]=\"'#91a3b0'\"\r\n                       [imageFile]=\"ProfileImage.nativefiles[0]\"\r\n                       [aspectRatio]=\"4 / 3\"\r\n                       [maintainAspectRatio]=\"true\"\r\n                       [containWithinAspectRatio]=\"true\"\r\n                       [cropperStaticWidth]=\"320\"\r\n                       [cropperStaticHeight]=\"320\"\r\n                       [onlyScaleDown]=\"true\"\r\n                       [roundCropper]=\"true\"\r\n                       [canvasRotation]=\"canvasRotation\"\r\n                       [allowMoveImage]=\"true\"\r\n                       [(transform)]=\"transform\"\r\n                       (imageCropped)=\"onImageCropped($event)\">\r\n        </image-cropper>\r\n    </ng-container>\r\n</div>", styles: [".btn{width:40px;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i2$3.EsFormFileComponent, selector: "form-file", inputs: ["Multiple", "AllowDownload", "MaxSize", "FancyMode", "ReadFile"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EsImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "es-image-cropper", imports: [NgIf, ImageCropperComponent, FormsModule, FormsAndValidationsModule], template: "<div *ngIf=\"ProfileImage?.nativefiles?.length > 0\" [style.width.px]=\"Width\">\r\n    <div class=\"d-flex\">\r\n        <button (click)=\"onRotateLeft()\" class=\"btn btn-primary\"><i class=\"fa fa-undo\"></i></button>\r\n        <button (click)=\"onRotateRight()\" class=\"btn btn-primary\"><i class=\"fa fa-repeat\"></i></button>\r\n        <button (click)=\"onFlipHorizontal()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-h\"></i></button>\r\n        <button (click)=\"onFlipVertical()\" class=\"btn btn-primary\"><i class=\"fa fa-arrows-v\"></i></button>\r\n        <button (click)=\"onZoomIn()\" class=\"btn btn-primary\"><i class=\"fa fa-search-plus\"></i></button>\r\n        <button (click)=\"onZoomOut()\" class=\"btn btn-primary\"><i class=\"fa fa-search-minus\"></i></button>\r\n        <button (click)=\"onResetImage()\" class=\"btn btn-danger\" style=\"margin-left: auto; margin-right: 0px;\"><i class=\"fa fa-times\"></i></button>\r\n    </div>\r\n</div>\r\n<div class=\"app-margin-top-10\" [style.max-height.px]=\"Height\" [style.width.px]=\"Width\">\r\n    <form-file *ngIf=\"!(ProfileImage?.nativefiles?.length > 0)\" [LabelInputRatio]=\"'0 12'\" [FancyMode]=\"true\" [(ngModel)]=\"ProfileImage\" name=\"imageToCrop\"></form-file>\r\n    <ng-container *ngIf=\"ProfileImage?.nativefiles?.length > 0\">\r\n        <image-cropper style=\"--cropper-outline-color: rgba(0,0,0)\"\r\n                       [backgroundColor]=\"'#91a3b0'\"\r\n                       [imageFile]=\"ProfileImage.nativefiles[0]\"\r\n                       [aspectRatio]=\"4 / 3\"\r\n                       [maintainAspectRatio]=\"true\"\r\n                       [containWithinAspectRatio]=\"true\"\r\n                       [cropperStaticWidth]=\"320\"\r\n                       [cropperStaticHeight]=\"320\"\r\n                       [onlyScaleDown]=\"true\"\r\n                       [roundCropper]=\"true\"\r\n                       [canvasRotation]=\"canvasRotation\"\r\n                       [allowMoveImage]=\"true\"\r\n                       [(transform)]=\"transform\"\r\n                       (imageCropped)=\"onImageCropped($event)\">\r\n        </image-cropper>\r\n    </ng-container>\r\n</div>", styles: [".btn{width:40px;margin-right:10px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { Height: [{
+                type: Input
+            }], Width: [{
+                type: Input
             }] } });
 
-// Angular
-const COMPONENTS = [
-    BackTop,
-    Breadcrumb,
-    PageNotFoundComponent,
-    ServerErrorComponent,
-    AngularErrorComponent,
-    PagesComponent,
-    ExternalPagesComponent,
-    JaceLoginComponent,
-    Navbar,
-    RedirecterComponent,
-    Sidebar,
-    JaceResourceComponent,
-    EsModalComponent,
-    EsModalHeadComponent,
-    LabeledSpanComponent,
-    EsImageCropperComponent
-];
-class ComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, BackTop,
-            Breadcrumb,
-            PageNotFoundComponent,
-            ServerErrorComponent,
-            AngularErrorComponent,
-            PagesComponent,
-            ExternalPagesComponent,
-            JaceLoginComponent,
-            Navbar,
-            RedirecterComponent,
-            Sidebar,
-            JaceResourceComponent,
-            EsModalComponent,
-            EsModalHeadComponent,
-            LabeledSpanComponent,
-            EsImageCropperComponent], exports: [BackTop,
-            Breadcrumb,
-            PageNotFoundComponent,
-            ServerErrorComponent,
-            AngularErrorComponent,
-            PagesComponent,
-            ExternalPagesComponent,
-            JaceLoginComponent,
-            Navbar,
-            RedirecterComponent,
-            Sidebar,
-            JaceResourceComponent,
-            EsModalComponent,
-            EsModalHeadComponent,
-            LabeledSpanComponent,
-            EsImageCropperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, PagesComponent,
-            Navbar,
-            Sidebar,
-            EsImageCropperComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, ...COMPONENTS],
-                    exports: [...COMPONENTS]
-                }]
+// Angular
+const COMPONENTS = [
+    BackTop,
+    Breadcrumb,
+    PageNotFoundComponent,
+    ServerErrorComponent,
+    AngularErrorComponent,
+    PagesComponent,
+    ExternalPagesComponent,
+    JaceLoginComponent,
+    Navbar,
+    RedirecterComponent,
+    Sidebar,
+    JaceResourceComponent,
+    EsModalComponent,
+    EsModalHeadComponent,
+    LabeledSpanComponent,
+    EsImageCropperComponent
+];
+class ComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, BackTop,
+            Breadcrumb,
+            PageNotFoundComponent,
+            ServerErrorComponent,
+            AngularErrorComponent,
+            PagesComponent,
+            ExternalPagesComponent,
+            JaceLoginComponent,
+            Navbar,
+            RedirecterComponent,
+            Sidebar,
+            JaceResourceComponent,
+            EsModalComponent,
+            EsModalHeadComponent,
+            LabeledSpanComponent,
+            EsImageCropperComponent], exports: [BackTop,
+            Breadcrumb,
+            PageNotFoundComponent,
+            ServerErrorComponent,
+            AngularErrorComponent,
+            PagesComponent,
+            ExternalPagesComponent,
+            JaceLoginComponent,
+            Navbar,
+            RedirecterComponent,
+            Sidebar,
+            JaceResourceComponent,
+            EsModalComponent,
+            EsModalHeadComponent,
+            LabeledSpanComponent,
+            EsImageCropperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, PagesComponent,
+            Navbar,
+            Sidebar,
+            EsImageCropperComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule, ModalModule, ...COMPONENTS],
+                    exports: [...COMPONENTS]
+                }]
         }] });
 
-// Angular
-class EmbeddingComponent extends BaseComponent {
-    constructor(injector, emb, location) {
-        super(injector);
-        this.injector = injector;
-        this.emb = emb;
-        this.location = location;
-        // TODO: Automatizzare
-        this.LocalhostModuleMap = {
-            "crm": "31813",
-            "sii": "21645"
-        };
-        this.EmbeddingSuccesfull = true;
-    }
-    ngOnInit() {
-        debugger;
-        let route = this.injector.get(ActivatedRoute);
-        this.Module = route.snapshot.params["module"];
-        this.Localhost = this.LocalhostModuleMap[this.Module];
-        route.url.subscribe((_) => {
-            this.gatherRouteInformations(route);
-            if (this.Page && this.emb.IsReloadAllowed()) {
-                this.Page = this.Pars = null;
-                requestAnimationFrame(() => { this.assignPageLoadParameters(); });
-            }
-            else
-                this.assignPageLoadParameters();
-        });
-    }
-    assignPageLoadParameters() {
-        // Esempio di Complete path: "/pages/embed/crm/leads/leads_search"
-        // Esempio di slices: ["", "pages", "embed", "crm", "leads", "leads_search"]
-        // Io devo sostanzialmente prendere dal nome del modulo ("crm") in poi. Nome del modulo embeddato eslcuso
-        console.log("Embedding...");
-        this.Page = this.CompletePath.split("/").slice(4).join("/");
-        console.log("Page: " + this.Page);
-        let navParKeys = Object.keys(this.NavigationParameters)?.filter(p => p != "module");
-        this.Pars = (navParKeys?.length || 0) == 0 ? "" : ";" + navParKeys.map(t => `${t}=${this.NavigationParameters[t]}`).join(";");
-        console.log("Pars: " + this.Pars);
-        let queryParKeys = Object.keys(this.QueryParameters);
-        this.QueryPars = (queryParKeys?.length || 0) == 0 ? "" : "?" + queryParKeys.map(t => `${t}=${this.QueryParameters[t]}`).join(";");
-        console.log("QueryPars: " + this.QueryPars);
-        let QueryPAramsWithoutIgnoreStorage = queryParKeys.map(t => t == "ignoreStorage" ? null : `${t}=${this.QueryParameters[t]}`).filter(t => !!t).join(";");
-        // Per rimuovere eventuali ignoreStorage se sto navigando a una ricerca
-        this.location.replaceState(this.CompletePath + this.Pars + (QueryPAramsWithoutIgnoreStorage ? '?' + QueryPAramsWithoutIgnoreStorage : ""));
-        this.EmbeddingSuccesfull = !!this.Page && !!this.Module && !!this.Localhost;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmbeddingComponent, deps: [{ token: i0.Injector }, { token: i4.AppEmbeddingExtensions }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EmbeddingComponent, isStandalone: true, selector: "embedding", usesInheritance: true, ngImport: i0, template: "<jace-resource *ngIf=\"EmbeddingSuccesfull && Page\" [Module]=\"Module\" [Localhost]=\"Localhost\" Page=\"{{Page}}{{Pars}}{{QueryPars}}\"></jace-resource>\r\n<div *ngIf=\"!EmbeddingSuccesfull\">\r\n    Errori nell'embeddare risorsa {{Page}};{{Pars}} del modulo {{Module}} (Localhost {{Localhost}})\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JaceResourceComponent, selector: "jace-resource", inputs: ["Module", "ModuleKeyType", "Page", "Localhost", "Params"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmbeddingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'embedding', standalone: true, imports: [NgIf, JaceResourceComponent], template: "<jace-resource *ngIf=\"EmbeddingSuccesfull && Page\" [Module]=\"Module\" [Localhost]=\"Localhost\" Page=\"{{Page}}{{Pars}}{{QueryPars}}\"></jace-resource>\r\n<div *ngIf=\"!EmbeddingSuccesfull\">\r\n    Errori nell'embeddare risorsa {{Page}};{{Pars}} del modulo {{Module}} (Localhost {{Localhost}})\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i4.AppEmbeddingExtensions }, { type: i2.Location }]; } });
+// Angular
+class EmbeddingComponent extends BaseComponent {
+    constructor(injector, emb, location) {
+        super(injector);
+        this.injector = injector;
+        this.emb = emb;
+        this.location = location;
+        // TODO: Automatizzare
+        this.LocalhostModuleMap = {
+            "crm": "31813",
+            "sii": "21645"
+        };
+        this.EmbeddingSuccesfull = true;
+    }
+    ngOnInit() {
+        let route = this.injector.get(ActivatedRoute);
+        combineLatest([route.url, route.params]).pipe(debounceTime(100)).subscribe((res) => {
+            this.Module = res[1]["module"];
+            this.Localhost = this.LocalhostModuleMap[this.Module];
+            this.gatherRouteInformations(route);
+            console.log(`Recognized a new navigation to the embedding component: ${this.Module} - ${this.CompletePath}`);
+            let reloadAllowed = this.emb.IsReloadAllowed();
+            if (this.Page && reloadAllowed) {
+                this.Page = this.Pars = null;
+                requestAnimationFrame(() => { this.assignPageLoadParameters(); });
+            }
+            else
+                this.assignPageLoadParameters(reloadAllowed);
+        });
+    }
+    assignPageLoadParameters(reloadAllowed = true) {
+        // Esempio di Complete path: "/pages/embed/crm/leads/leads_search"
+        // Esempio di slices: ["", "pages", "embed", "crm", "leads", "leads_search"]
+        // Io devo sostanzialmente prendere dal nome del modulo ("crm") in poi. Nome del modulo embeddato eslcuso
+        console.log("Embedding...");
+        if (reloadAllowed)
+            this.EmbeddingSuccesfull = false;
+        // Per seccare e ricreare il componente che altrimenti non prenderebbe gli input nuovi
+        requestAnimationFrame(() => {
+            this.Page = this.CompletePath.split("/").slice(4).join("/");
+            console.log("Page: " + this.Page);
+            let navParKeys = Object.keys(this.NavigationParameters)?.filter(p => p != "module");
+            this.Pars = (navParKeys?.length || 0) == 0 ? "" : ";" + navParKeys.map(t => `${t}=${this.NavigationParameters[t]}`).join(";");
+            console.log("Pars: " + this.Pars);
+            let queryParKeys = Object.keys(this.QueryParameters);
+            this.QueryPars = (queryParKeys?.length || 0) == 0 ? "" : "?" + queryParKeys.map(t => `${t}=${this.QueryParameters[t]}`).join(";");
+            console.log("QueryPars: " + this.QueryPars);
+            let QueryPAramsWithoutIgnoreStorage = queryParKeys.map(t => t == "ignoreStorage" ? null : `${t}=${this.QueryParameters[t]}`).filter(t => !!t).join(";");
+            // Per rimuovere eventuali ignoreStorage se sto navigando a una ricerca
+            this.location.replaceState(this.CompletePath + this.Pars + (QueryPAramsWithoutIgnoreStorage ? '?' + QueryPAramsWithoutIgnoreStorage : ""));
+            this.EmbeddingSuccesfull = !!this.Page && !!this.Module && !!this.Localhost;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EmbeddingComponent, deps: [{ token: i0.Injector }, { token: i4.AppEmbeddingExtensions }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EmbeddingComponent, isStandalone: true, selector: "embedding", usesInheritance: true, ngImport: i0, template: "<jace-resource *ngIf=\"EmbeddingSuccesfull && Page\" [Module]=\"Module\" [Localhost]=\"Localhost\" Page=\"{{Page}}{{Pars}}{{QueryPars}}\"></jace-resource>\r\n<div *ngIf=\"!EmbeddingSuccesfull\">\r\n    Errori nell'embeddare risorsa {{Page}};{{Pars}} del modulo {{Module}} (Localhost {{Localhost}})\r\n</div>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JaceResourceComponent, selector: "jace-resource", inputs: ["Module", "ModuleKeyType", "Page", "Localhost", "Params"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EmbeddingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'embedding', imports: [NgIf, JaceResourceComponent], template: "<jace-resource *ngIf=\"EmbeddingSuccesfull && Page\" [Module]=\"Module\" [Localhost]=\"Localhost\" Page=\"{{Page}}{{Pars}}{{QueryPars}}\"></jace-resource>\r\n<div *ngIf=\"!EmbeddingSuccesfull\">\r\n    Errori nell'embeddare risorsa {{Page}};{{Pars}} del modulo {{Module}} (Localhost {{Localhost}})\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i4.AppEmbeddingExtensions }, { type: i2.Location }] });
 
-class UserInfoComponentLoc extends LocalizationService {
-    constructor(injector) {
-        super(injector);
-        super.set("en->it", "Name", ["Nome"]);
-        super.set("en->it", "Last Login Date", ["Data ultimo accesso"]);
-        super.set("en->it", "ID Account", ["Codice Account"]);
-        super.set("en->it", "ID User", ["Codice Utente"]);
-        super.set("en->it", "Description", ["Descrizione"]);
-        super.set("en->it", "Tenant Name", ["Nome Tenant"]);
-        super.set("en->it", "Delete", ["Cancella"]);
-        super.set("en->it", "Save", ["Salva"]);
-        super.set("en->it", "Clear User Preferences", ["Ripulisci Preferenze Utente"]);
-        super.set("en->it", "Old Password", ["Vecchia Password"]);
-        super.set("en->it", "New Password", ["Nuova Password"]);
-        super.set("en->it", "Confirm Password", ["Conferma nuova password"]);
-        super.set("en->it", "Phone Number", ["Numero di Cellulare"]);
-        super.set("en->it", "Email", ["Email"]);
-        super.set("en->it", "Change password for all tenants", ["Cambia password per tutti i Tenant"]);
-        super.set("en->it", "Change password for external systems", ["Cambia password per sistemi esterni"]);
-        super.set("en->it", "Change", ["Modifica"]);
-        super.set("en->it", "Recovery Info", ["Informazioni di Recupero"]);
-        super.set("en->it", "Visibility Info", ["Info Visibilita'"]);
-        super.set("en->it", "Roles", ["Ruoli"]);
-        super.set("en->it", "Permissions", ["Permessi"]);
-        super.set("en->it", "Preference", ["Preferenze"]);
-        super.set("en->it", "Reset", ["Reimposta"]);
-        super.set("en->it", "Upload Image", ["Carica Immagine"]);
-        super.set("en->it", "Show Advanced", ["Mostra Avanzate"]);
-        super.set("en->it", "Change Profile Picture", ["Cambia Immagine del Profilo"]);
-        super.set("en->it", "Delete Profile Picture", ["Rimuovi Immagine del Profilo"]);
-        super.set("en->it", "Password", ["Password"]);
-        super.set("en->it", "Error", ["Errore"]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserInfoComponentLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserInfoComponentLoc }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserInfoComponentLoc, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+class UserInfoComponentLoc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("en->it", "Name", ["Nome"]);
+        super.set("en->it", "Last Login Date", ["Data ultimo accesso"]);
+        super.set("en->it", "ID Account", ["Codice Account"]);
+        super.set("en->it", "ID User", ["Codice Utente"]);
+        super.set("en->it", "Description", ["Descrizione"]);
+        super.set("en->it", "Tenant Name", ["Nome Tenant"]);
+        super.set("en->it", "Delete", ["Cancella"]);
+        super.set("en->it", "Save", ["Salva"]);
+        super.set("en->it", "Clear User Preferences", ["Ripulisci Preferenze Utente"]);
+        super.set("en->it", "Old Password", ["Vecchia Password"]);
+        super.set("en->it", "New Password", ["Nuova Password"]);
+        super.set("en->it", "Confirm Password", ["Conferma nuova password"]);
+        super.set("en->it", "Phone Number", ["Numero di Cellulare"]);
+        super.set("en->it", "Email", ["Email"]);
+        super.set("en->it", "Change password for all tenants", ["Cambia password per tutti i Tenant"]);
+        super.set("en->it", "Change password for external systems", ["Cambia password per sistemi esterni"]);
+        super.set("en->it", "Change", ["Modifica"]);
+        super.set("en->it", "Recovery Info", ["Informazioni di Recupero"]);
+        super.set("en->it", "Visibility Info", ["Info Visibilita'"]);
+        super.set("en->it", "Roles", ["Ruoli"]);
+        super.set("en->it", "Permissions", ["Permessi"]);
+        super.set("en->it", "Preference", ["Preferenze"]);
+        super.set("en->it", "Reset", ["Reimposta"]);
+        super.set("en->it", "Upload Image", ["Carica Immagine"]);
+        super.set("en->it", "Show Advanced", ["Mostra Avanzate"]);
+        super.set("en->it", "Change Profile Picture", ["Cambia Immagine del Profilo"]);
+        super.set("en->it", "Delete Profile Picture", ["Rimuovi Immagine del Profilo"]);
+        super.set("en->it", "Password", ["Password"]);
+        super.set("en->it", "Error", ["Errore"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserInfoComponentLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserInfoComponentLoc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserInfoComponentLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
 
-// Angular
-class UserInfosComponent extends BaseComponent {
-    constructor(inj, tks, msgExts, expExts, utiExts, lc, _state, profile) {
-        super(inj);
-        this.inj = inj;
-        this.tks = tks;
-        this.msgExts = msgExts;
-        this.expExts = expExts;
-        this.utiExts = utiExts;
-        this.lc = lc;
-        this._state = _state;
-        this.profile = profile;
-        this.UpdateProfilePictureDTO = null;
-        this.UpdateRecoverySettingsDTO = null;
-        this.UpdatePasswordDTO = null;
-    }
-    ngOnInit() {
-        this.getAccountDetails();
-    }
-    async getAccountDetails() {
-        // Recupero le informazioni Account partendo dalla identity
-        let identity = this.tks.getJaceIdentity();
-        if (identity) {
-            this.AccountRoles = identity.Roles;
-            this.AccountPermissions = identity.Permissions;
-            this.AccountDetails = await this.profile.getAccountProfile();
-        }
-    }
-    onShowAccountRoles() {
-        this.dlgShowAccountRoles.show();
-    }
-    onUpdateProfilePicture() {
-        this.UpdateProfilePictureDTO = null;
-        requestAnimationFrame(() => {
-            this.UpdateProfilePictureDTO = { image: null };
-            this.dlgUpdateProfilePicture.show();
-        });
-    }
-    async doUpdateProfilePicture() {
-        let res = await this.profile.doUpdateProfilePicture(new File([this.imageCropper.OutputImage], "profile.png"));
-        this.msgExts.manageCallResultResponse(res, "Modifica eseguita con Successo", "Errori nella modifica", () => {
-            this.dlgUpdateProfilePicture.hide();
-        });
-    }
-    //#endregion
-    //#region Delete Profile Picture
-    onDeleteProfilePicture() {
-        this.msgExts.simpleWarningWithChoice("Conferma eliminazione", "Si e' certi di voler rimuovere l'immagine profilo?", () => {
-            this.doDeleteProfilePicture();
-        });
-    }
-    async doDeleteProfilePicture() {
-        let res = await this.profile.doDeleteProfilePicture();
-        this.msgExts.manageCallResultResponse(res, "Immagine profilo rimossa con successo", "Errori nella rimozione della immagine profilo", () => {
-            this.dlgUpdateProfilePicture.hide();
-        });
-    }
-    onUpdateRecoverySettings() {
-        this.UpdateRecoverySettingsDTO = null;
-        requestAnimationFrame(() => {
-            this.UpdateRecoverySettingsDTO = { email: this.AccountDetails.recoveryemail };
-            this.dlgUpdateRecoverySettings.show();
-        });
-    }
-    async doUpdateRecoverySettings() {
-        let res = await this.profile.doUpdateRecoverySettings(this.UpdateRecoverySettingsDTO.email);
-        this.msgExts.manageCallResultResponse(res, "Modifica eseguita con Successo", "Errori nella modifica", () => {
-            this.getAccountDetails();
-            this.dlgUpdateRecoverySettings.hide();
-        });
-    }
-    onUpdatePassword() {
-        this.UpdatePasswordDTO = null;
-        requestAnimationFrame(() => {
-            this.CustomError = "";
-            this.UpdatePasswordDTO = new UpdatePasswordDto();
-            this.dlgUpdatePassword.show();
-        });
-    }
-    async doUpdatePassword() {
-        if (this.UpdatePasswordDTO.newpwd != this.UpdatePasswordDTO.confirmpwd)
-            this.CustomError = "Le password inserite non coincidono.";
-        else {
-            let res = await this.profile.doUpdatePassword(this.UpdatePasswordDTO.oldpwd, this.UpdatePasswordDTO.newpwd, this.UpdatePasswordDTO.confirmpwd);
-            this.msgExts.manageCallResultResponse(res, "Password modificata con Successo", "Errori nella modifica della Password", () => { this.dlgUpdatePassword.hide(); });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserInfosComponent, deps: [{ token: i0.Injector }, { token: i1.TokenService }, { token: i4.MessageService }, { token: i4.ExportService }, { token: i4.UtilityService }, { token: i1$2.LocalizationService }, { token: i1.AppState }, { token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserInfosComponent, isStandalone: true, selector: "user-infos", viewQueries: [{ propertyName: "dlgShowAccountRoles", first: true, predicate: ["dlgShowAccountRoles"], descendants: true }, { propertyName: "dlgUpdateProfilePicture", first: true, predicate: ["dlgUpdateProfilePicture"], descendants: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true }, { propertyName: "dlgUpdateRecoverySettings", first: true, predicate: ["dlgUpdateRecoverySettings"], descendants: true }, { propertyName: "dlgUpdatePassword", first: true, predicate: ["dlgUpdatePassword"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" [matTooltip]=\"'Visualizza Ruoli e Permessi'\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-12 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i2$3.FormInputComponent, selector: "form-input", inputs: ["Password"], outputs: ["onSuffixAction", "onPrefixAction"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }, { kind: "component", type: EsImageCropperComponent, selector: "es-image-cropper", inputs: ["Height", "Width"] }, { kind: "component", type: LabeledSpanComponent, selector: "labeled-span", inputs: ["First", "Label", "Display"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserInfosComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "user-infos", viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }], standalone: true, imports: [
-                        FormsModule,
-                        FormsAndValidationsModule,
-                        NgIf,
-                        NgFor,
-                        LocalizationModule,
-                        EsModalComponent,
-                        EsModalHeadComponent,
-                        EsImageCropperComponent,
-                        LabeledSpanComponent,
-                        ExtensionsModule,
-                        AccessControlModule,
-                        MatTooltipModule
-                    ], template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" [matTooltip]=\"'Visualizza Ruoli e Permessi'\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-12 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.TokenService }, { type: i4.MessageService }, { type: i4.ExportService }, { type: i4.UtilityService }, { type: i1$2.LocalizationService }, { type: i1.AppState }, { type: i1.UserPreferencesService }]; }, propDecorators: { dlgShowAccountRoles: [{
-                type: ViewChild,
-                args: ["dlgShowAccountRoles"]
-            }], dlgUpdateProfilePicture: [{
-                type: ViewChild,
-                args: ["dlgUpdateProfilePicture"]
-            }], imageCropper: [{
-                type: ViewChild,
-                args: ['imageCropper']
-            }], dlgUpdateRecoverySettings: [{
-                type: ViewChild,
-                args: ["dlgUpdateRecoverySettings"]
-            }], dlgUpdatePassword: [{
-                type: ViewChild,
-                args: ["dlgUpdatePassword"]
+// Angular
+class UserInfosComponent extends BaseComponent {
+    constructor(inj, tks, msgExts, expExts, utiExts, lc, _state, profile) {
+        super(inj);
+        this.inj = inj;
+        this.tks = tks;
+        this.msgExts = msgExts;
+        this.expExts = expExts;
+        this.utiExts = utiExts;
+        this.lc = lc;
+        this._state = _state;
+        this.profile = profile;
+        this.UpdateProfilePictureDTO = null;
+        this.UpdateRecoverySettingsDTO = null;
+        this.UpdatePasswordDTO = null;
+    }
+    ngOnInit() {
+        this.getAccountDetails();
+    }
+    async getAccountDetails() {
+        // Recupero le informazioni Account partendo dalla identity
+        let identity = this.tks.getJaceIdentity();
+        if (identity) {
+            this.AccountRoles = identity.Roles;
+            this.AccountPermissions = identity.Permissions;
+            this.AccountDetails = await this.profile.getAccountProfile();
+        }
+    }
+    onShowAccountRoles() {
+        this.dlgShowAccountRoles.show();
+    }
+    onUpdateProfilePicture() {
+        this.UpdateProfilePictureDTO = null;
+        requestAnimationFrame(() => {
+            this.UpdateProfilePictureDTO = { image: null };
+            this.dlgUpdateProfilePicture.show();
+        });
+    }
+    async doUpdateProfilePicture() {
+        let res = await this.profile.doUpdateProfilePicture(new File([this.imageCropper.OutputImage], "profile.png"));
+        this.msgExts.manageCallResultResponse(res, "Modifica eseguita con Successo", "Errori nella modifica", () => {
+            this.dlgUpdateProfilePicture.hide();
+        });
+    }
+    //#endregion
+    //#region Delete Profile Picture
+    onDeleteProfilePicture() {
+        this.msgExts.simpleWarningWithChoice("Conferma eliminazione", "Si e' certi di voler rimuovere l'immagine profilo?", () => {
+            this.doDeleteProfilePicture();
+        });
+    }
+    async doDeleteProfilePicture() {
+        let res = await this.profile.doDeleteProfilePicture();
+        this.msgExts.manageCallResultResponse(res, "Immagine profilo rimossa con successo", "Errori nella rimozione della immagine profilo", () => {
+            this.dlgUpdateProfilePicture.hide();
+        });
+    }
+    onUpdateRecoverySettings() {
+        this.UpdateRecoverySettingsDTO = null;
+        requestAnimationFrame(() => {
+            this.UpdateRecoverySettingsDTO = { email: this.AccountDetails.recoveryemail };
+            this.dlgUpdateRecoverySettings.show();
+        });
+    }
+    async doUpdateRecoverySettings() {
+        let res = await this.profile.doUpdateRecoverySettings(this.UpdateRecoverySettingsDTO.email);
+        this.msgExts.manageCallResultResponse(res, "Modifica eseguita con Successo", "Errori nella modifica", () => {
+            this.getAccountDetails();
+            this.dlgUpdateRecoverySettings.hide();
+        });
+    }
+    onUpdatePassword() {
+        this.UpdatePasswordDTO = null;
+        requestAnimationFrame(() => {
+            this.CustomError = "";
+            this.UpdatePasswordDTO = new UpdatePasswordDto();
+            this.dlgUpdatePassword.show();
+        });
+    }
+    async doUpdatePassword() {
+        if (this.UpdatePasswordDTO.newpwd != this.UpdatePasswordDTO.confirmpwd)
+            this.CustomError = "Le password inserite non coincidono.";
+        else {
+            let res = await this.profile.doUpdatePassword(this.UpdatePasswordDTO.oldpwd, this.UpdatePasswordDTO.newpwd, this.UpdatePasswordDTO.confirmpwd);
+            this.msgExts.manageCallResultResponse(res, "Password modificata con Successo", "Errori nella modifica della Password", () => { this.dlgUpdatePassword.hide(); });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserInfosComponent, deps: [{ token: i0.Injector }, { token: i1.TokenService }, { token: i4.MessageService }, { token: i4.ExportService }, { token: i4.UtilityService }, { token: i1$2.LocalizationService }, { token: i1.AppState }, { token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UserInfosComponent, isStandalone: true, selector: "user-infos", viewQueries: [{ propertyName: "dlgShowAccountRoles", first: true, predicate: ["dlgShowAccountRoles"], descendants: true }, { propertyName: "dlgUpdateProfilePicture", first: true, predicate: ["dlgUpdateProfilePicture"], descendants: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true }, { propertyName: "dlgUpdateRecoverySettings", first: true, predicate: ["dlgUpdateRecoverySettings"], descendants: true }, { propertyName: "dlgUpdatePassword", first: true, predicate: ["dlgUpdatePassword"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" [matTooltip]=\"'Visualizza Ruoli e Permessi'\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-12 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i2$3.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password"], outputs: ["onSuffixAction", "onPrefixAction"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$2.LocalizePipe, name: "localize" }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }, { kind: "component", type: EsImageCropperComponent, selector: "es-image-cropper", inputs: ["Height", "Width"] }, { kind: "component", type: LabeledSpanComponent, selector: "labeled-span", inputs: ["First", "Label", "Display"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserInfosComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "user-infos", viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }], imports: [
+                        FormsModule,
+                        FormsAndValidationsModule,
+                        NgIf,
+                        NgFor,
+                        LocalizationModule,
+                        EsModalComponent,
+                        EsModalHeadComponent,
+                        EsImageCropperComponent,
+                        LabeledSpanComponent,
+                        ExtensionsModule,
+                        AccessControlModule,
+                        MatTooltipModule
+                    ], template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" [matTooltip]=\"'Visualizza Ruoli e Permessi'\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-12 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TokenService }, { type: i4.MessageService }, { type: i4.ExportService }, { type: i4.UtilityService }, { type: i1$2.LocalizationService }, { type: i1.AppState }, { type: i1.UserPreferencesService }], propDecorators: { dlgShowAccountRoles: [{
+                type: ViewChild,
+                args: ["dlgShowAccountRoles"]
+            }], dlgUpdateProfilePicture: [{
+                type: ViewChild,
+                args: ["dlgUpdateProfilePicture"]
+            }], imageCropper: [{
+                type: ViewChild,
+                args: ['imageCropper']
+            }], dlgUpdateRecoverySettings: [{
+                type: ViewChild,
+                args: ["dlgUpdateRecoverySettings"]
+            }], dlgUpdatePassword: [{
+                type: ViewChild,
+                args: ["dlgUpdatePassword"]
             }] } });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AngularErrorComponent, BackTop, BaseComponent, Breadcrumb, BreadcrumbItem, ComponentsModule, EmbeddingComponent, EsImageCropperComponent, EsModalComponent, EsModalHeadComponent, ExternalPagesComponent, JaceLoginComponent, JaceResourceComponent, LabeledSpanComponent, Navbar, PageNotFoundComponent, PagesComponent, ReactiveComponent, RedirecterComponent, ServerErrorComponent, Sidebar, UserInfosComponent };