@esfaenza/core 15.2.0

package/fesm2015/esfaenza-core-components.mjs

@@ -0,0 +1,870 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, ViewChild, HostListener, Injectable, ChangeDetectionStrategy, Inject, Optional, NgModule } from '@angular/core';
+import * as i4 from '@esfaenza/core/services';
+import * as i1 from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
+import * as i3 from '@angular/platform-browser';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@esfaenza/preferences';
+import * as i3$2 from '@esfaenza/httpservice';
+import * as i4$1 from '@esfaenza/localizations';
+import { LocalizationService, LocalizationModule } from '@esfaenza/localizations';
+import * as i2 from '@esfaenza/signalr-notifications';
+import * as i3$3 from '@esfaenza/extensions';
+import * as i9 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i10 from 'ngx-bootstrap/progressbar';
+import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
+import * as i11 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { CategoriesWithModules, MENU, MENU_LOCALIZATION, REDIRECT_MAP } from '@esfaenza/core/domain';
+import * as i2$1 from '@esfaenza/access-control';
+import * as i6 from '@esfaenza/core/directives';
+import { DirectivesModule } from '@esfaenza/core/directives';
+
+// 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);
+    }
+}
+BackTop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BackTop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BackTop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BackTop, 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: "15.2.9", ngImport: i0, type: BackTop, decorators: [{
+            type: Component,
+            args: [{ selector: "back-top", encapsulation: ViewEncapsulation.None, 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, _activatedRoute, _titleService) {
+        this._state = _state;
+        this._activatedRoute = _activatedRoute;
+        this._titleService = _titleService;
+        this.activePageTitle = "";
+        this.subActiveLinks = [];
+        this._state.subscribe("menu.adjustNavigationTo", (activeLink) => {
+            if (activeLink) {
+                this.subActiveLinks = [];
+                this.activePageTitle = activeLink;
+                this._titleService.setTitle(myconfig.AppData.ModuleDescription + " > " + activeLink);
+            }
+        });
+        /*Gestione della navigazione interna:
+          Essenzialmente controllo se la lista di subnavigation gi� contiene l'elemento in cui sono ora,
+          se lo contiene gi� significa che ci sono tornato sopra premendo back(browser o pagina), quindi
+          elimino l'ultimo elemento della lista per ristabilire la situazione, se invece l'elemento non esiste
+          vuol dire che ci ho navigato sopra, quindi lo aggiungo.*/
+        this._state.subscribe("menu.adjustSubNavigationTo", (activeLink) => {
+            if (activeLink) {
+                var index = this.subActiveLinks.indexOf(activeLink);
+                if (index != -1 && (index + 1) != this.subActiveLinks.length)
+                    this.subActiveLinks.pop();
+                if (index == -1 && this.activePageTitle != activeLink)
+                    this.subActiveLinks.push(activeLink);
+                this._titleService.setTitle(myconfig.AppData.ModuleDescription + " > " + activeLink);
+            }
+        });
+        this._state.subscribe("menu.removeLastSubNavigation", () => {
+            this.subActiveLinks.pop();
+        });
+        this._state.subscribe("menu.cleanupSubNavigation", () => {
+            this.subActiveLinks = [];
+        });
+    }
+    ngOnInit() {
+        if (!this.activePageTitle)
+            this.activePageTitle = this._activatedRoute.snapshot.firstChild.data["title"];
+    }
+}
+Breadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Breadcrumb, deps: [{ token: i4.AppState }, { token: i1.ActivatedRoute }, { token: i3.Title }], target: i0.ɵɵFactoryTarget.Component });
+Breadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: Breadcrumb, selector: "breadcrumb", ngImport: i0, template: "<div class=\"clearfix\">\r\n    <ol class=\"breadcrumb\">\r\n        <li class=\"breadcrumb-item fa fa-home m-t-3\"></li>\r\n        <li class=\"breadcrumb-item active text-uppercase\">{{ activePageTitle }}</li>\r\n        <li class=\"breadcrumb-item active text-uppercase e2eLeafPage\" *ngFor=\"let link of subActiveLinks\">{{ link }}</li>\r\n    </ol>\r\n</div>", styles: [".breadcrumb{padding:0;background:transparent;color:#242424;font-size:14px;margin-bottom:15px}.breadcrumb-item+.breadcrumb-item:before{color:#242424;content:\">\"}.breadcrumb-item{float:left}.breadcrumb-item.active{color:#242424;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: "breadcrumb", encapsulation: ViewEncapsulation.None, template: "<div class=\"clearfix\">\r\n    <ol class=\"breadcrumb\">\r\n        <li class=\"breadcrumb-item fa fa-home m-t-3\"></li>\r\n        <li class=\"breadcrumb-item active text-uppercase\">{{ activePageTitle }}</li>\r\n        <li class=\"breadcrumb-item active text-uppercase e2eLeafPage\" *ngFor=\"let link of subActiveLinks\">{{ link }}</li>\r\n    </ol>\r\n</div>", styles: [".breadcrumb{padding:0;background:transparent;color:#242424;font-size:14px;margin-bottom:15px}.breadcrumb-item+.breadcrumb-item:before{color:#242424;content:\">\"}.breadcrumb-item{float:left}.breadcrumb-item.active{color:#242424;font-weight:700}\n"] }]
+        }], ctorParameters: function () { return [{ type: i4.AppState }, { type: i1.ActivatedRoute }, { type: i3.Title }]; } });
+
+// Angular
+class PageNotFoundComponent {
+    constructor(router, _location) {
+        this._location = _location;
+        this.router = router;
+    }
+    searchResult() {
+        this.router.navigate(["pages/search"]);
+    }
+    goPreviousPage() {
+        this._location.back();
+    }
+    goDashboard() {
+        this.router.navigate(["/pages/dashboard"]);
+    }
+}
+PageNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i1.Router }, { token: i3$1.Location }], target: i0.ɵɵFactoryTarget.Component });
+PageNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PageNotFoundComponent, 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>\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>", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pagenotfound", encapsulation: ViewEncapsulation.None, 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>\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.Router }, { type: i3$1.Location }]; } });
+
+// Angular
+class ServerErrorComponent {
+    constructor(router, route, as) {
+        this.router = router;
+        this.route = route;
+        this.as = as;
+        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);
+    }
+    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() {
+        this.router.navigate(["/pages/dashboard"]);
+    }
+}
+ServerErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ServerErrorComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i4.AppState }], target: i0.ɵɵFactoryTarget.Component });
+ServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ServerErrorComponent, 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>\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: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ServerErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "servererror", encapsulation: ViewEncapsulation.None, 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>\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.Router }, { type: i1.ActivatedRoute }, { type: i4.AppState }]; } });
+
+// Angular
+class AngularErrorComponent {
+    constructor(router, route, store, http, bts) {
+        this.router = router;
+        this.route = route;
+        this.store = store;
+        this.http = http;
+        this.bts = bts;
+        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 === null || identity === void 0 ? void 0 : identity.Idtenant) || '??') + "-" + ((identity === null || identity === void 0 ? void 0 : identity.DsUser) || '???????');
+        this.errorMessage = this.b64DecodeUnicode(this.route.snapshot.params["errorMessage"]);
+        console.error(this.errorMessage);
+    }
+    ngOnInit() {
+        var item = this.store.getLocalItem("Reload");
+        if (item) {
+            this.store.removeItem("Reload");
+            this.router.navigate([item]);
+        }
+    }
+    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.store.setLocalItem("Reload", this.previousUrl);
+        location.reload();
+    }
+    goDashboard() {
+        this.router.navigate(["/pages/dashboard"]);
+    }
+}
+AngularErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AngularErrorComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i1$1.CacheService }, { token: i3$2.HTTPService }, { token: i4.TokenService }], target: i0.ɵɵFactoryTarget.Component });
+AngularErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AngularErrorComponent, 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>\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: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AngularErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "angularerror", encapsulation: ViewEncapsulation.None, 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>\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.Router }, { type: i1.ActivatedRoute }, { type: i1$1.CacheService }, { type: i3$2.HTTPService }, { type: i4.TokenService }]; } });
+
+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", "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"]);
+    }
+}
+NavBarLoc.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavBarLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+NavBarLoc.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavBarLoc });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavBarLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+// Angular
+class JaceModulesBoardComponent {
+    constructor(bts) {
+        this.bts = bts;
+        this.Categories = [];
+        this.Tenant = this.bts.getJaceIdentity().Idtenant;
+    }
+    ngOnInit() {
+        if (!this.Modules)
+            return;
+        this.Modules.forEach(m => {
+            var _a;
+            //Fixo href
+            m.href = (_a = m.uiurl) === null || _a === void 0 ? void 0 : _a.replace("{tenant}", this.Tenant);
+            //Aggiungo il modulo alla categoria giusta. In ogni "fila" di moduli non ce ne possono essere pi� di 6
+            var prev = this.Categories.find(c => c.category.toUpperCase() == m.category.toUpperCase());
+            var lastRow = prev === null || prev === void 0 ? void 0 : prev.module_rows[prev.module_rows.length - 1];
+            if (prev && lastRow.length < 6)
+                lastRow.push(m);
+            else if (prev && lastRow.length == 6)
+                prev.module_rows.push([m]);
+            else
+                this.Categories.push(new CategoriesWithModules(m));
+        });
+    }
+}
+JaceModulesBoardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceModulesBoardComponent, deps: [{ token: i4.TokenService }], target: i0.ɵɵFactoryTarget.Component });
+JaceModulesBoardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: JaceModulesBoardComponent, selector: "jace-modules-board", inputs: { Modules: "Modules" }, ngImport: i0, template: "<div *ngIf=\"Categories\">\r\n    <div *ngFor=\"let cat of Categories\">\r\n        <div class=\"row\">\r\n            <div class=\"section-title app-padding-left-0 app-padding-top-0\">\r\n                {{cat.category}}\r\n            </div>\r\n        </div>\r\n        <div *ngFor=\"let modRow of cat.module_rows\" class=\"row app-padding-left-10 app-padding-right-15\">\r\n            <div class=\"module\" [class.module-available]=\"module.href\" [class.module-unavailable]=\"!module.href\" *ngFor=\"let module of modRow\">\r\n                <a [href]=\"module.href\">\r\n                    <div class=\"module-name\"><span>{{module.name}}</span></div>\r\n                    <div class=\"module-footer\">\r\n                        <span class=\"fa-stack\"><i class=\"fa fa-circle-thin fa-stack-2x\"></i><i class=\"fa fa-chevron-right fa-stack-1x\"></i></span>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".module{padding:.4em .4em .4em .7em;height:6em;width:11.5em;background:#3d3d3d;border:1px solid #383737;border-radius:5px;text-align:center;color:#f7ca26;border-top:3px solid transparent;border-bottom:3px solid transparent;margin-left:5px;margin-bottom:5px}.module-name{color:#fcf9cf;font-family:Passion One,cursive;font-size:18px;text-transform:uppercase;text-align:left;height:65%;white-space:pre-line}.module-footer{height:25%;text-align:right;color:#f7ca26}.module-available{cursor:pointer}.module-available:hover{border-top:3px solid #8e9aaf;border-bottom:3px solid #8e9aaf;background-color:#242d3a;box-shadow:3px 3px 2px #151515}.module-available:hover .module-name{color:#fff}.module-available:hover .module-footer{color:#f7ca26}.module-unavailable,.module-unavailable .module-name,.module-unavailable .module-footer{cursor:not-allowed}.module-unavailable .module-name,.module-unavailable .module-footer{color:#7d7d7d!important}.section-title{margin-left:15px;margin-right:15px;text-align:left;color:#f7ca26;padding:.4em .4em .4em .7em;border-radius:5px;font-family:Passion One,cursive;font-size:20px;text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceModulesBoardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "jace-modules-board", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"Categories\">\r\n    <div *ngFor=\"let cat of Categories\">\r\n        <div class=\"row\">\r\n            <div class=\"section-title app-padding-left-0 app-padding-top-0\">\r\n                {{cat.category}}\r\n            </div>\r\n        </div>\r\n        <div *ngFor=\"let modRow of cat.module_rows\" class=\"row app-padding-left-10 app-padding-right-15\">\r\n            <div class=\"module\" [class.module-available]=\"module.href\" [class.module-unavailable]=\"!module.href\" *ngFor=\"let module of modRow\">\r\n                <a [href]=\"module.href\">\r\n                    <div class=\"module-name\"><span>{{module.name}}</span></div>\r\n                    <div class=\"module-footer\">\r\n                        <span class=\"fa-stack\"><i class=\"fa fa-circle-thin fa-stack-2x\"></i><i class=\"fa fa-chevron-right fa-stack-1x\"></i></span>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".module{padding:.4em .4em .4em .7em;height:6em;width:11.5em;background:#3d3d3d;border:1px solid #383737;border-radius:5px;text-align:center;color:#f7ca26;border-top:3px solid transparent;border-bottom:3px solid transparent;margin-left:5px;margin-bottom:5px}.module-name{color:#fcf9cf;font-family:Passion One,cursive;font-size:18px;text-transform:uppercase;text-align:left;height:65%;white-space:pre-line}.module-footer{height:25%;text-align:right;color:#f7ca26}.module-available{cursor:pointer}.module-available:hover{border-top:3px solid #8e9aaf;border-bottom:3px solid #8e9aaf;background-color:#242d3a;box-shadow:3px 3px 2px #151515}.module-available:hover .module-name{color:#fff}.module-available:hover .module-footer{color:#f7ca26}.module-unavailable,.module-unavailable .module-name,.module-unavailable .module-footer{cursor:not-allowed}.module-unavailable .module-name,.module-unavailable .module-footer{color:#7d7d7d!important}.section-title{margin-left:15px;margin-right:15px;text-align:left;color:#f7ca26;padding:.4em .4em .4em .7em;border-radius:5px;font-family:Passion One,cursive;font-size:20px;text-transform:uppercase}\n"] }]
+        }], ctorParameters: function () { return [{ type: i4.TokenService }]; }, propDecorators: { Modules: [{
+                type: Input
+            }] } });
+
+// Angular
+// Chiamate ai Repository
+const GET_Jace_GetActiveJaceModules = "/api/Jace/GetActiveJaceModules";
+const GET_Adm_ClearAllCaches = "/api/Adm/ClearAllCaches";
+class Navbar {
+    constructor(prefsService, cacheService, MessageDef, notifications, msgExts, lc, http, cdr, _state, sr, router) {
+        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.isMenuCollapsed = false;
+        this.applicationVersion = myconfig.AppData.ComponentVersion;
+        this.myconfig = myconfig;
+        this.anomaliesProcessing = false;
+        this.intervals = [];
+        this.user = "";
+        this.tenant = "";
+        this.idtenant = "";
+        this.groupName = "";
+        this.IsJaceAdmin = false;
+        this.newVersionWarned = false;
+        this.notificationsSubs = [];
+        this._state.subscribe("menu.isCollapsed", (isCollapsed) => { this.isMenuCollapsed = isCollapsed; });
+        this.thisLoc = lc.Locale;
+        this.checkIdentity();
+        this.getActiveJaceModules();
+        var i = setInterval(() => {
+            if (!myconfig.redirectInProgress) {
+                this.checkIdentity();
+                this.cdr.markForCheck();
+            }
+        }, 1000);
+        this.intervals.push(i);
+        this.startSignalRListening();
+        this._state.subscribe("app.completedJob", (jobDescription) => {
+            this.msgExts.simpleSuccess(this.lc.loc("Job Completato") + ": " + jobDescription);
+        });
+    }
+    ngOnDestroy() {
+        this.intervals.forEach(i => { clearInterval(i); });
+        this.stopSignalRListening();
+    }
+    startSignalRListening() {
+        this.notificationsSubs.push(this.notifications.observe(this.MessageDef.IN_SendVersion).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;
+            }
+        }));
+    }
+    stopSignalRListening() {
+        //Quando viene distrutta la navbar devo distruggere anche il client di signalr perch� vuol dire che ho chiuso la pagina
+        this.notificationsSubs.forEach(i => { i.unsubscribe(); });
+        this.notifications.disconnect();
+    }
+    checkIdentity() {
+        // Controllo identity
+        var identity = this.sr.getJaceIdentity();
+        if (identity) {
+            this.checkSession(identity);
+            if ((this.user != identity.FullName || this.idtenant != identity.Idtenant) && this.user) {
+                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.user = identity.FullName;
+            this.tenant = identity.TenantName;
+            this.idtenant = identity.Idtenant;
+            this.Permissions = identity.Permissions;
+            this.Roles = identity.Roles;
+            this.IsJaceAdmin = identity.Roles.some(t => t == "Jace Admin") && !identity.Permissions.some(t => t == "alg_custom");
+        }
+    }
+    getActiveJaceModules() {
+        this.http.get(GET_Jace_GetActiveJaceModules).subscribe(res => {
+            this.Modules = res;
+        });
+    }
+    checkSession(identity) {
+        //10 minuti prima
+        if (dayjs() >= dayjs(identity.ExpirationTime).subtract(10, 'minutes') && !myconfig.redirectInProgress) {
+            myconfig.redirectInProgress = true;
+            //popup
+            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;
+                this.router.navigate(["login"]);
+            });
+        }
+    }
+    ngAfterViewInit() {
+        this._state.setHeaderHeight(this.navbar.nativeElement.offsetHeight);
+    }
+    toggleMenu() {
+        this.isMenuCollapsed = !this.isMenuCollapsed;
+        this._state.notifyDataChanged("menu.isCollapsed", this.isMenuCollapsed);
+    }
+    logout() {
+        window.location.href = `${myconfig.AuthUrl}/logout?client=${myconfig.Client}`;
+    }
+    changeModule() {
+        window.location.href = myconfig.JaceDashboardUrl;
+    }
+    changeTenant() {
+        window.location.href = `${myconfig.AuthUrl}/login/tenant?client=${myconfig.Client}`;
+    }
+    clearUserPreferences() {
+        this.prefsService.clear().subscribe();
+        this.msgExts.simpleSuccess(this.lc.loc("Preferenze utente ripulite"));
+    }
+    clearCacheClient() {
+        this.cacheService.clear().subscribe();
+        this.http.resetHttpUntimedCacheStorage();
+        this.http.resetHttpTimedCacheStorage();
+        this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+    }
+    clearCacheServer() {
+        this.http.get(GET_Adm_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_Adm_ClearAllCaches).subscribe(_ => {
+            this.msgExts.simpleSuccess(this.lc.loc("Cache Ripulita"));
+        });
+    }
+    clearMessages() {
+        this.msgExts.clearMessages();
+    }
+    completedJobClicked(job) {
+        if (job.reportid) {
+            localStorage.setItem("JOB_RPT_PARS", JSON.stringify(job.reportpars));
+            this.router.navigate(["pages/rpt/rpt_details", { 'idRpt': job.reportid, 'searchOnOpen': true }]);
+        }
+        else if (job.id) {
+            this.router.navigate(["pages/job/job_details", { 'idJob': job.id }]);
+        }
+        else if (job.fileid) {
+            // Scaricare il file
+        }
+        else if (job.complexreportid) {
+            // Navigare al complex report (?)
+        }
+    }
+}
+Navbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Navbar, deps: [{ token: i1$1.PreferencesService }, { token: i1$1.CacheService }, { token: i2.BaseMessageService }, { token: i2.NotificationsService }, { token: i3$3.MessageService }, { token: i4$1.LocalizationService }, { token: i3$2.HTTPService }, { token: i0.ChangeDetectorRef }, { token: i4.AppState }, { token: i4.TokenService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+Navbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: Navbar, selector: "navbar", viewQueries: [{ propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true }], ngImport: i0, template: "<nav #navbar class=\"nav az-navbar fixed-top\">\r\n    <a class=\"navbar-brand\" routerLink=\"/pages/dashboard\">\r\n        <img src=\"../assets/img/logo/logo.png\" alt=\"\" class=\"d-md-block d-none\"\r\n             style=\"margin-top: 10px; margin-bottom: -10px;\">\r\n        <div class=\"app-fe-v d-md-block d-none\">{{ applicationVersion }}</div>\r\n\r\n        <img src=\"../assets/img/logo/logo_sm.png\" alt=\"\" class=\"d-md-none\"\r\n             style=\"margin-top: 10px; margin-bottom: -10px;\">\r\n        <div class=\"app-fe-sm-v d-md-none\">{{ applicationVersion }}</div>\r\n    </a>\r\n\r\n    <ul class=\"nav navbar-nav navbar-fillable\">\r\n        <li>\r\n            <a (click)=\"toggleMenu()\" class=\"collapse-menu-link fa fa-navicon\"></a>\r\n        </li>\r\n        <li class=\"d-none d-md-block\">\r\n            <form role=\"search\" class=\"app-search\">\r\n                <input type=\"text\" placeholder=\"Search...\" class=\"form-control\">\r\n                <a><i class=\"fa fa-search\" style=\"color: #aaa\"></i></a>\r\n            </form>\r\n        </li>\r\n\r\n        <ul class=\"nav right-section\">\r\n\r\n            <!--Dropdown job in esecuzione-->\r\n            <div class=\"pull-right user-menu app-no-selection app-margin-right-10\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a [class.fa-spin]=\"_state.jobsInProgress > 0\" class=\"fa fa-cog dropdown-toggle app-pointer nav-jobs-icon\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span>{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"pull-right m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                        <span class=\"pull-right app-margin-right-5\">{{'Notifiche' | localize : lc}}:</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            <!--Dropdown moduli-->\r\n            <div class=\"pull-right user-menu app-no-selection app-margin-right-10\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"fa fa-th module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle>\r\n                </a>\r\n                <ul *dropdownMenu class=\"module-board-menu container\" role=\"menu\">\r\n                    <div class=\"app-relative\">\r\n                        <jace-modules-board [Modules]=\"Modules\"></jace-modules-board>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n\r\n            <!-- USER MENU -->\r\n            <div class=\"pull-right user-menu app-no-selection\" dropdown container=\"body\" placement=\"bottom right\" style=\"height:50px;\">\r\n                <a class=\"dropdown-toggle user-link app-pointer\" dropdownToggle>\r\n                    <div class=\"pull-left app-margin-right-10 app-relative\">\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\" *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\" *ngIf=\"_state.halloweenTime\">\r\n                    </div>\r\n                    <div class=\"pull-right d-none d-sm-block\">\r\n                        <div class=\"app-white-text\">\r\n                            {{user}} - ({{tenant}})\r\n                        </div>\r\n                        <div class=\"app-white-text text-sm-center\">\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 2\">\r\n                                {{'Ambiente di Sviluppo' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 5\">\r\n                                {{'Ambiente di Staging' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 6\">\r\n                                {{'Ambiente di Staging A' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 1\">\r\n                                {{'Ambiente di Produzione' | localize : lc}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"clearfix\"></div>\r\n                </a>\r\n\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"user-info\">\r\n                        <div class=\"app-relative\">\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:62px;\" *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:62px;\" *ngIf=\"_state.halloweenTime\">\r\n                        </div>\r\n                        <div class=\"app-white-text app-margin-top-10 app-margin-bottom-10\">\r\n                            <div>\r\n                                {{user}} - {{tenant}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 2\">\r\n                                {{'Ambiente di Sviluppo' | localize : lc}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 5\">\r\n                                {{'Ambiente di Staging' | localize : lc}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 6\">\r\n                                {{'Ambiente di Staging A' | localize : lc}}\r\n                            </div>\r\n                            <div [hidden]=\"true\">\r\n                                <div>Permissions:</div>\r\n                                <div *ngFor=\"let p of Permissions\">{{p}}</div>\r\n                                <div>Roles:</div>\r\n                                <div *ngFor=\"let r of Roles\">{{r}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"thisLoc == 'en-US'\" (click)=\"lc.changeLocale('it-IT')\"><i class=\"fa fa-globe\">&nbsp;</i>Switch to Italian Site</a>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"thisLoc == 'it-IT'\" (click)=\"lc.changeLocale('en-US')\"><i class=\"fa fa-globe\">&nbsp;</i>Passa al Sito in Inglese</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"changeModule()\"><i class=\"fa fa-th\">&nbsp;</i>{{'Cambia Modulo' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"changeTenant()\"><i class=\"fa fa-building\">&nbsp;</i>{{'Cambia Tenant' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\"><i class=\"fa fa-user-times\">&nbsp;</i>{{'Ripulisci le Preferenze Utente' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"clearAll()\"><i class=\"fa fa-recycle \">&nbsp;</i>{{'Ripulisci la Cache' | localize : lc}}</a>\r\n                    <div class=\"dropdown-divider\"></div>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"logout()\"><i class=\"fa fa-power-off\">&nbsp;</i>Log out</a>\r\n                </ul>\r\n            </div>\r\n        </ul>\r\n    </ul>\r\n</nav>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-menu{width:350px;height:250px;background:white;margin:2px 0 0;padding:5px;border:1px solid #ccc}.nav-jobs-menu-header{padding:8px;font-size:14px;background-color:#242d3a;margin-top:-5px;margin-left:-5px;margin-right:-5px}.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}.nav.az-navbar{height:60px;align-items:center;background-color:#242d3a}.nav.az-navbar .navbar-brand{width:205px;padding-top:0;font-size:0;margin-left:10px}.navbar-nav{flex-direction:row}#lines{border-bottom:7px double;border-top:2px solid;border-color:#ffffffe6;content:\"\";height:3px;width:20px;box-sizing:content-box;cursor:pointer}#lines:hover{opacity:.8}.app-search{position:relative;margin-left:20px}.app-search a{position:absolute;top:3px;right:14px;font-size:16px;color:#ffffff4d}.app-search .form-control{border:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.03em;height:30px;color:#fff;padding:7px 40px 7px 20px;background:rgba(255,255,255,.05);box-shadow:none;border-radius:30px;width:190px}.app-search input{border:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.03em;height:30px;color:#fff;padding:7px 40px 7px 20px;background:rgba(255,255,255,.05);box-shadow:none;border-radius:30px;width:240px}.completer-selected-row{background-color:#0275d8!important;color:#fff!important;width:100%!important}.completer-row{width:100%!important;color:#fff!important}.completer-dropdown{margin-top:2px!important;background-color:#344154f7!important;color:#fff;border-color:#111!important;box-shadow:0 6px 12px #0003}.search-results{left:-85px;top:-2px;z-index:1050;color:#fff;background-color:#344154f7}.search-results .btn-sm{padding:.15rem .25rem;font-size:.5rem}.search-results:before{content:\"\";border:0px}.search-results a{color:#242d3a}.search-results a:hover{color:#fff;background-color:#0275d8;cursor:pointer}.search-results a i{margin-right:8px}.right-section{position:absolute;right:10px;top:10px}.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:#242d3a}.user-menu .dropdown-menu a:hover{color:#fff;background-color:#242d3a}.user-menu .dropdown-menu a i{margin-right:8px}.user-link{margin-right:6px}.user-link span{color:#fff;margin-left:7px;letter-spacing:.02em}.user-link img{width:40px;border-radius:50%}.user-link:hover,.user-link:focus{text-decoration:none}.user-info{background-color:#242d3a;padding:8px;text-align:center;width:240px;margin-bottom:5px}.user-info img{width:100px;margin-top:5px;border-radius:50%}.user-info p{color:#ebebeb;margin-top:10px}.user-info small{display:block}@media (max-width: 767px){.nav.az-navbar .navbar-brand{width:auto}}.navbar-search{color:#ffffff80!important}.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 8px!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}.collapse-menu-link{color:#fff!important;font-size:20px;padding-top:5px;cursor:pointer}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:10px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.overlay{height:100%;width:100%;display:none;padding-left:10%;padding-right:10%;position:fixed;z-index:999999;left:0;top:0;background-color:#000;background-color:#000000e6;overflow-x:hidden;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay p{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i10.ProgressbarComponent, selector: "progressbar", inputs: ["max", "animate", "striped", "type", "value"] }, { kind: "component", type: i11.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: JaceModulesBoardComponent, selector: "jace-modules-board", inputs: ["Modules"] }, { kind: "pipe", type: i4$1.LocalizePipe, name: "localize" }], viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Navbar, decorators: [{
+            type: Component,
+            args: [{ selector: "navbar", viewProviders: [{ provide: LocalizationService, useClass: NavBarLoc }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav #navbar class=\"nav az-navbar fixed-top\">\r\n    <a class=\"navbar-brand\" routerLink=\"/pages/dashboard\">\r\n        <img src=\"../assets/img/logo/logo.png\" alt=\"\" class=\"d-md-block d-none\"\r\n             style=\"margin-top: 10px; margin-bottom: -10px;\">\r\n        <div class=\"app-fe-v d-md-block d-none\">{{ applicationVersion }}</div>\r\n\r\n        <img src=\"../assets/img/logo/logo_sm.png\" alt=\"\" class=\"d-md-none\"\r\n             style=\"margin-top: 10px; margin-bottom: -10px;\">\r\n        <div class=\"app-fe-sm-v d-md-none\">{{ applicationVersion }}</div>\r\n    </a>\r\n\r\n    <ul class=\"nav navbar-nav navbar-fillable\">\r\n        <li>\r\n            <a (click)=\"toggleMenu()\" class=\"collapse-menu-link fa fa-navicon\"></a>\r\n        </li>\r\n        <li class=\"d-none d-md-block\">\r\n            <form role=\"search\" class=\"app-search\">\r\n                <input type=\"text\" placeholder=\"Search...\" class=\"form-control\">\r\n                <a><i class=\"fa fa-search\" style=\"color: #aaa\"></i></a>\r\n            </form>\r\n        </li>\r\n\r\n        <ul class=\"nav right-section\">\r\n\r\n            <!--Dropdown job in esecuzione-->\r\n            <div class=\"pull-right user-menu app-no-selection app-margin-right-10\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a [class.fa-spin]=\"_state.jobsInProgress > 0\" class=\"fa fa-cog dropdown-toggle app-pointer nav-jobs-icon\" dropdownToggle></a>\r\n                <ul *dropdownMenu class=\"nav-jobs-menu\" role=\"menu\">\r\n                    <div class=\"nav-jobs-menu-header\">\r\n                        <span>{{'Job Applicativi' | localize : lc}}</span>\r\n                        <span class=\"pull-right m-t-min-2\"><mat-slide-toggle [(ngModel)]=\"_state.notifyOnCompletedJobs\" (click)=\"clearMessages(); $event.stopPropagation();\"></mat-slide-toggle></span>\r\n                        <span class=\"pull-right app-margin-right-5\">{{'Notifiche' | localize : lc}}:</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            <!--Dropdown moduli-->\r\n            <div class=\"pull-right user-menu app-no-selection app-margin-right-10\" dropdown container=\"body\" placement=\"bottom right\">\r\n                <a class=\"fa fa-th module-nav-menu-link dropdown-toggle app-pointer\" dropdownToggle>\r\n                </a>\r\n                <ul *dropdownMenu class=\"module-board-menu container\" role=\"menu\">\r\n                    <div class=\"app-relative\">\r\n                        <jace-modules-board [Modules]=\"Modules\"></jace-modules-board>\r\n                    </div>\r\n                </ul>\r\n            </div>\r\n\r\n            <!-- USER MENU -->\r\n            <div class=\"pull-right user-menu app-no-selection\" dropdown container=\"body\" placement=\"bottom right\" style=\"height:50px;\">\r\n                <a class=\"dropdown-toggle user-link app-pointer\" dropdownToggle>\r\n                    <div class=\"pull-left app-margin-right-10 app-relative\">\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\" *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\" *ngIf=\"_state.halloweenTime\">\r\n                    </div>\r\n                    <div class=\"pull-right d-none d-sm-block\">\r\n                        <div class=\"app-white-text\">\r\n                            {{user}} - ({{tenant}})\r\n                        </div>\r\n                        <div class=\"app-white-text text-sm-center\">\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 2\">\r\n                                {{'Ambiente di Sviluppo' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 5\">\r\n                                {{'Ambiente di Staging' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 6\">\r\n                                {{'Ambiente di Staging A' | localize : lc}}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"myconfig.AppData.ComponentEnvironment == 1\">\r\n                                {{'Ambiente di Produzione' | localize : lc}}\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"clearfix\"></div>\r\n                </a>\r\n\r\n                <ul *dropdownMenu class=\"dropdown-menu dropdown-menu-right-user app-no-padding\" role=\"menu\">\r\n                    <li class=\"user-info\">\r\n                        <div class=\"app-relative\">\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:62px;\" *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:62px;\" *ngIf=\"_state.halloweenTime\">\r\n                        </div>\r\n                        <div class=\"app-white-text app-margin-top-10 app-margin-bottom-10\">\r\n                            <div>\r\n                                {{user}} - {{tenant}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 2\">\r\n                                {{'Ambiente di Sviluppo' | localize : lc}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 5\">\r\n                                {{'Ambiente di Staging' | localize : lc}}\r\n                            </div>\r\n                            <div *ngIf=\"myconfig.AppData.ComponentEnvironment == 6\">\r\n                                {{'Ambiente di Staging A' | localize : lc}}\r\n                            </div>\r\n                            <div [hidden]=\"true\">\r\n                                <div>Permissions:</div>\r\n                                <div *ngFor=\"let p of Permissions\">{{p}}</div>\r\n                                <div>Roles:</div>\r\n                                <div *ngFor=\"let r of Roles\">{{r}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"thisLoc == 'en-US'\" (click)=\"lc.changeLocale('it-IT')\"><i class=\"fa fa-globe\">&nbsp;</i>Switch to Italian Site</a>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"thisLoc == 'it-IT'\" (click)=\"lc.changeLocale('en-US')\"><i class=\"fa fa-globe\">&nbsp;</i>Passa al Sito in Inglese</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"changeModule()\"><i class=\"fa fa-th\">&nbsp;</i>{{'Cambia Modulo' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"changeTenant()\"><i class=\"fa fa-building\">&nbsp;</i>{{'Cambia Tenant' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"clearUserPreferences()\"><i class=\"fa fa-user-times\">&nbsp;</i>{{'Ripulisci le Preferenze Utente' | localize : lc}}</a>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"clearAll()\"><i class=\"fa fa-recycle \">&nbsp;</i>{{'Ripulisci la Cache' | localize : lc}}</a>\r\n                    <div class=\"dropdown-divider\"></div>\r\n                    <a class=\"dropdown-item app-pointer\" (click)=\"logout()\"><i class=\"fa fa-power-off\">&nbsp;</i>Log out</a>\r\n                </ul>\r\n            </div>\r\n        </ul>\r\n    </ul>\r\n</nav>", styles: [".nav-jobs-icon{position:absolute;left:-20px;margin:0;padding:0;top:10px;color:#fff!important;font-size:20px}.nav-jobs-menu{width:350px;height:250px;background:white;margin:2px 0 0;padding:5px;border:1px solid #ccc}.nav-jobs-menu-header{padding:8px;font-size:14px;background-color:#242d3a;margin-top:-5px;margin-left:-5px;margin-right:-5px}.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}.nav.az-navbar{height:60px;align-items:center;background-color:#242d3a}.nav.az-navbar .navbar-brand{width:205px;padding-top:0;font-size:0;margin-left:10px}.navbar-nav{flex-direction:row}#lines{border-bottom:7px double;border-top:2px solid;border-color:#ffffffe6;content:\"\";height:3px;width:20px;box-sizing:content-box;cursor:pointer}#lines:hover{opacity:.8}.app-search{position:relative;margin-left:20px}.app-search a{position:absolute;top:3px;right:14px;font-size:16px;color:#ffffff4d}.app-search .form-control{border:1px solid rgba(255,255,255,.1);font-size:11px;letter-spacing:.03em;height:30px;color:#fff;padding:7px 40px 7px 20px;background:rgba(255,255,255,.05);box-shadow:none;border-radius:30px;width:190px}.app-search input{border:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.03em;height:30px;color:#fff;padding:7px 40px 7px 20px;background:rgba(255,255,255,.05);box-shadow:none;border-radius:30px;width:240px}.completer-selected-row{background-color:#0275d8!important;color:#fff!important;width:100%!important}.completer-row{width:100%!important;color:#fff!important}.completer-dropdown{margin-top:2px!important;background-color:#344154f7!important;color:#fff;border-color:#111!important;box-shadow:0 6px 12px #0003}.search-results{left:-85px;top:-2px;z-index:1050;color:#fff;background-color:#344154f7}.search-results .btn-sm{padding:.15rem .25rem;font-size:.5rem}.search-results:before{content:\"\";border:0px}.search-results a{color:#242d3a}.search-results a:hover{color:#fff;background-color:#0275d8;cursor:pointer}.search-results a i{margin-right:8px}.right-section{position:absolute;right:10px;top:10px}.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:#242d3a}.user-menu .dropdown-menu a:hover{color:#fff;background-color:#242d3a}.user-menu .dropdown-menu a i{margin-right:8px}.user-link{margin-right:6px}.user-link span{color:#fff;margin-left:7px;letter-spacing:.02em}.user-link img{width:40px;border-radius:50%}.user-link:hover,.user-link:focus{text-decoration:none}.user-info{background-color:#242d3a;padding:8px;text-align:center;width:240px;margin-bottom:5px}.user-info img{width:100px;margin-top:5px;border-radius:50%}.user-info p{color:#ebebeb;margin-top:10px}.user-info small{display:block}@media (max-width: 767px){.nav.az-navbar .navbar-brand{width:auto}}.navbar-search{color:#ffffff80!important}.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 8px!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}.collapse-menu-link{color:#fff!important;font-size:20px;padding-top:5px;cursor:pointer}.module-nav-menu-link{color:#fff!important;font-size:20px;padding-top:10px;padding-right:5px;cursor:pointer}.module-board-menu{position:relative;top:1px;background-color:#1f1f1f;padding:15px}.overlay{height:100%;width:100%;display:none;padding-left:10%;padding-right:10%;position:fixed;z-index:999999;left:0;top:0;background-color:#000;background-color:#000000e6;overflow-x:hidden;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay p{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.PreferencesService }, { type: i1$1.CacheService }, { type: i2.BaseMessageService }, { type: i2.NotificationsService }, { type: i3$3.MessageService }, { type: i4$1.LocalizationService }, { type: i3$2.HTTPService }, { type: i0.ChangeDetectorRef }, { type: i4.AppState }, { type: i4.TokenService }, { type: i1.Router }]; }, propDecorators: { navbar: [{
+                type: ViewChild,
+                args: ["navbar", { static: false }]
+            }] } });
+
+// Angular
+class SidebarService {
+    constructor(utiExts, aac, menuItems) {
+        this.utiExts = utiExts;
+        this.aac = aac;
+        this.menuItems = menuItems;
+        this.custom_permissions = [];
+    }
+    getMenuItems() {
+        var items = [];
+        var itemsTMP = this.utiExts.deepClone(this.menuItems);
+        itemsTMP.forEach(t => {
+            if (!t.ac || this.aac.has(t.ac)) {
+                if (!t.subMenu || t.subMenu.length == 0)
+                    items.push(t);
+                else {
+                    var toPush = this.checkSubMenuOverClaims(t);
+                    items.push(toPush);
+                }
+            }
+            // Calcolo qui per non doverlo calcolare lato HTML
+            t.padding_left = t.level > 2 ? (65 + ((t.level - 3) * 15) + 'px !important') : null;
+        });
+        return items;
+    }
+    checkSubMenuOverClaims(menuItem) {
+        var menuTMP = this.utiExts.deepClone(menuItem);
+        menuTMP.subMenu = [];
+        menuItem.subMenu.forEach(t => {
+            if (!t.ac || this.aac.has(t.ac)) {
+                if (!t.subMenu || t.subMenu.length == 0)
+                    menuTMP.subMenu.push(t);
+                else {
+                    var toPush = this.checkSubMenuOverClaims(t);
+                    menuTMP.subMenu.push(toPush);
+                }
+            }
+        });
+        return menuTMP;
+    }
+}
+SidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidebarService, deps: [{ token: i3$3.UtilityService }, { token: i2$1.AccessControlService }, { token: MENU }], target: i0.ɵɵFactoryTarget.Injectable });
+SidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidebarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidebarService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i3$3.UtilityService }, { type: i2$1.AccessControlService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MENU]
+                    }] }];
+    } });
+class MenuItem {
+}
+
+// Angular
+class Sidebar {
+    constructor(lc, lcMenu, cdr, _elementRef, _router, _state, _sidebarService, zone) {
+        this.lc = lc;
+        this.cdr = cdr;
+        this._elementRef = _elementRef;
+        this._router = _router;
+        this._state = _state;
+        this._sidebarService = _sidebarService;
+        this.zone = zone;
+        this.isMenuCollapsed = false;
+        this.isMenuShouldCollapsed = false;
+        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.lc = this.lc.generateFromType(lcMenu);
+    }
+    ngOnInit() {
+        // Ivnentarsi una sorta di refresh
+        this.init();
+    }
+    init() {
+        var mi = this._sidebarService.getMenuItems();
+        ;
+        for (let i = 0; i < mi.length; i++)
+            this.assignLevel(mi[i], 1);
+        this.menuItems = mi;
+        if (this._shouldMenuCollapse())
+            this.menuCollapse();
+        this.updateSidebarHeight();
+        this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
+    }
+    assignLevel(menuItem, level) {
+        menuItem.level = level;
+        if (!menuItem.subMenu)
+            return;
+        for (let i = 0; i < menuItem.subMenu.length; i++)
+            this.assignLevel(menuItem.subMenu[i], level + 1);
+    }
+    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($event) {
+        this.showHoverElem = true;
+        this.hoverElemHeight = $event.currentTarget.clientHeight;
+        this.hoverElemTop = $event.currentTarget.getBoundingClientRect().top - 60;
+        $(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
+        $(".sidebar-hover-elem").css("height", this.hoverElemHeight + "px");
+        $(".sidebar-hover-elem").addClass("show-hover-elem");
+    }
+    sendAwayHoverElement() {
+        this.hoverElemTop = -200;
+        $(".sidebar-hover-elem").css("top", this.hoverElemTop + "px");
+    }
+    updateSidebarHeight() {
+        this.menuHeight = this._elementRef.nativeElement.children[0].clientHeight - 60;
+    }
+    //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($event, 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($event, item); });
+        return false;
+    }
+    outsideAngularClickHandler($event, item) {
+        let levelClass = item.level ? "level-" + (item.level) : "";
+        let levelClassPlusOne = item.level ? "level-" + (item.level + 1) : "";
+        let slidePeriod = 400;
+        var link = jQuery($event.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);
+        }
+    }
+}
+Sidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Sidebar, deps: [{ token: i4$1.LocalizationService }, { token: MENU_LOCALIZATION, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.Router }, { token: i4.AppState }, { token: SidebarService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+Sidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: Sidebar, selector: "sidebar", host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SidebarService], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"app-sidebar\" #sidebar [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" slim-scroll [slimScrollOptions]=\"{height: menuHeight}\" style=\"position:relative; zoom:1\">\r\n\r\n        <li *ngFor=\"let item of menuItems\" class=\"sidebar-list-item level-{{item.level}}\" [ngClass]=\"{'has-sub-menu': item.subMenu, 'sidebar-item-expanded': item.expanded}\" [class.sidebar-item-wip]=\"item.wip\">\r\n            <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: item}\"></ng-container>\r\n        </li>\r\n    </ul>\r\n\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [attr.style.padding_left]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link ? 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 [attr.style.padding_left]=\"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 [attr.style.padding_left]=\"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        <li *ngFor=\"let subitem of item.subMenu\" class=\"sidebar-sublist-item level-{{subitem.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n            <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n        </li>\r\n    </ul>\r\n</ng-template>", styles: [".app-sidebar{background:#344154;height:100%;min-height:100%;position:fixed;width:230px;overflow:hidden;display:block;z-index:9;margin-top:60px}.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 rgba(36,45,58,.5);box-shadow:0 1px #ffffff1a}.sidebar-item-wip{cursor:default}.sidebar-item-wip a{color:#999!important}a.sidebar-list-link{display:block;height:42px;padding-left:18px!important;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;color:#fff;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#242d3a}.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:#242d3a80}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-bottom:1px solid rgba(36,45,58,.7)}.sidebar-sublist li:last-child{border-bottom:none}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;color:#fff;padding-left:40px!important;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:FontAwesome;content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#242d3a}.sidebar-sublist .subitem-submenu-list li{border-top:1px solid rgba(36,45,58,.7)}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#242d3a80}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background:#637CA0;position:absolute;top:-150px;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:#637ca0}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}\n"], dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i6.SlimScroll, selector: "[slim-scroll]", inputs: ["slimScrollOptions"] }, { kind: "pipe", type: i4$1.LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Sidebar, decorators: [{
+            type: Component,
+            args: [{ selector: "sidebar", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [SidebarService], template: "<div class=\"app-sidebar\" #sidebar [ngClass]=\"{'menu-collapsed': isMenuCollapsed}\" (mouseleave.out-zone)=\"sendAwayHoverElement();\">\r\n    <ul class=\"nav nav-sidebar flex-column flex-nowrap\" slim-scroll [slimScrollOptions]=\"{height: menuHeight}\" style=\"position:relative; zoom:1\">\r\n\r\n        <li *ngFor=\"let item of menuItems\" class=\"sidebar-list-item level-{{item.level}}\" [ngClass]=\"{'has-sub-menu': item.subMenu, 'sidebar-item-expanded': item.expanded}\" [class.sidebar-item-wip]=\"item.wip\">\r\n            <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: item}\"></ng-container>\r\n        </li>\r\n    </ul>\r\n\r\n    <div class=\"sidebar-hover-elem\"></div>\r\n</div>\r\n\r\n<ng-template #menuItem let-item>\r\n    <a [attr.style.padding_left]=\"item.padding_left\" *ngIf=\"(!item.routerLink && !item.subMenu) || item.wip\" [href]=\"item.link ? 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 [attr.style.padding_left]=\"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 [attr.style.padding_left]=\"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        <li *ngFor=\"let subitem of item.subMenu\" class=\"sidebar-sublist-item level-{{subitem.level}}\" [class.sidebar-item-wip]=\"subitem.wip\">\r\n            <ng-container *ngTemplateOutlet=\"menuItem; context : {$implicit: subitem}\"></ng-container>\r\n        </li>\r\n    </ul>\r\n</ng-template>", styles: [".app-sidebar{background:#344154;height:100%;min-height:100%;position:fixed;width:230px;overflow:hidden;display:block;z-index:9;margin-top:60px}.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 rgba(36,45,58,.5);box-shadow:0 1px #ffffff1a}.sidebar-item-wip{cursor:default}.sidebar-item-wip a{color:#999!important}a.sidebar-list-link{display:block;height:42px;padding-left:18px!important;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;color:#fff;transition:transform .2s linear}a.sidebar-list-link:hover{background-color:#242d3a}.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:#242d3a80}.sidebar-sublist li{display:block;float:none;padding:0;border-bottom:none;position:relative;border-bottom:1px solid rgba(36,45,58,.7)}.sidebar-sublist li:last-child{border-bottom:none}.sidebar-sublist li a{display:block;text-shadow:none;font-size:13px;text-decoration:none;color:#fff;padding-left:40px!important;height:42px;line-height:42px}.sidebar-sublist li a:before{font-family:FontAwesome;content:\"\\f1db\";margin-right:10px;font-size:10px}.sidebar-sublist li a:hover{background-color:#242d3a}.sidebar-sublist .subitem-submenu-list li{border-top:1px solid rgba(36,45,58,.7)}.sidebar-item-expanded>ul.sidebar-sublist{display:block;background-color:#242d3a80}.subitem-submenu-link .fa{top:14px}.sidebar-hover-elem{width:4px;background:#637CA0;position:absolute;top:-150px;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:#637ca0}@media (max-width: 544px){.sidebar.menu-collapsed{width:0}.sidebar-hover-elem,.sidebar-select-elem{display:none}}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i4$1.LocalizationService }, { type: i0.Type, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MENU_LOCALIZATION]
+                    }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.Router }, { type: i4.AppState }, { type: SidebarService }, { type: i0.NgZone }];
+    }, propDecorators: { sidebar: [{
+                type: ViewChild,
+                args: ["sidebar", { static: true }]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ["window:resize"]
+            }] } });
+
+// 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();
+    }
+}
+PagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PagesComponent, deps: [{ token: i3.DomSanitizer }, { token: i4.AppState }, { token: i3$1.Location }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+PagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PagesComponent, selector: "pages", host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<navbar></navbar>\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <sidebar></sidebar>\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\r\n            <div class=\"main\">\r\n                <breadcrumb></breadcrumb>\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{margin-left:230px;padding:20px 40px;margin-top:60px;position:relative;width:100%;overflow:auto}.main-wrapper.menu-collapsed{margin-left:50px}.main{height:100%;min-height:500px}.footer{padding-top:20px}.footer .footer-main{display:inline-block}.footer .footer-main .copyright{color:#242424;font-size:14px}.footer .footer-main .copyright a{color:#242d3a}.footer .footer-main .share{padding-left:5px;margin:0}.footer .footer-main .share li{list-style:none;float:left;margin-left:10px}.footer .footer-main .share li i{cursor:pointer;transition:all .1s ease;color:#fff;padding:9px 9px 6px;font-size:12px;border-radius:50%;background-color:#242d3a}.footer .footer-main .share li i.socicon-facebook{background-color:#3b5998}.footer .footer-main .share li i.socicon-twitter{background-color:#55acee}.footer .footer-main .share li i.socicon-instagram{background-color:#8a3ab9}.footer .footer-main .share li i.socicon-pinterest{background-color:#c92228}.footer .footer-main .share li i:hover{opacity:.9}.footer .created{color:#242424;font-size:14px}.footer .created i{color:red}.az-overlay{position:fixed;inset:0;z-index:8;background:rgba(36,45,58,.2);width:100%;height:100%;display:none}@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){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:50px}.az-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: BackTop, selector: "back-top", inputs: ["position", "showSpeed", "moveSpeed"] }, { kind: "component", type: Breadcrumb, selector: "breadcrumb" }, { kind: "component", type: Navbar, selector: "navbar" }, { kind: "component", type: Sidebar, selector: "sidebar" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pages", encapsulation: ViewEncapsulation.None, template: "<navbar></navbar>\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <sidebar></sidebar>\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\r\n            <div class=\"main\">\r\n                <breadcrumb></breadcrumb>\r\n                <router-outlet></router-outlet>\r\n            </div>\r\n\r\n            <back-top [position]=\"200\"></back-top>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-wrapper{margin-left:230px;padding:20px 40px;margin-top:60px;position:relative;width:100%;overflow:auto}.main-wrapper.menu-collapsed{margin-left:50px}.main{height:100%;min-height:500px}.footer{padding-top:20px}.footer .footer-main{display:inline-block}.footer .footer-main .copyright{color:#242424;font-size:14px}.footer .footer-main .copyright a{color:#242d3a}.footer .footer-main .share{padding-left:5px;margin:0}.footer .footer-main .share li{list-style:none;float:left;margin-left:10px}.footer .footer-main .share li i{cursor:pointer;transition:all .1s ease;color:#fff;padding:9px 9px 6px;font-size:12px;border-radius:50%;background-color:#242d3a}.footer .footer-main .share li i.socicon-facebook{background-color:#3b5998}.footer .footer-main .share li i.socicon-twitter{background-color:#55acee}.footer .footer-main .share li i.socicon-instagram{background-color:#8a3ab9}.footer .footer-main .share li i.socicon-pinterest{background-color:#c92228}.footer .footer-main .share li i:hover{opacity:.9}.footer .created{color:#242424;font-size:14px}.footer .created i{color:red}.az-overlay{position:fixed;inset:0;z-index:8;background:rgba(36,45,58,.2);width:100%;height:100%;display:none}@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){.main-wrapper,.main-wrapper.menu-collapsed{margin-left:50px}.az-overlay{display:block}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.DomSanitizer }, { type: i4.AppState }, { type: i3$1.Location }, { type: i1.Router }]; }, propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+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._state.registerNavigation(this.route.snapshot);
+        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 (currentIdentity && (!(this.Tenant + this.Username + this.Password) || currentIdentity.Idtenant == this.Tenant && currentIdentity.DsUser == this.Username)) {
+            this.aac.initializeIdentity(currentIdentity);
+            return;
+        }
+        // Altrimenti devo effettuare il login
+        let LoginDTO = { tenant: "FX", username: this.Username, password: this.Password, client_id: "jacedev" };
+        this.http.post(`${myconfig.AuthUrl}/api/login/dologin`, LoginDTO).subscribe(t => {
+        });
+    }
+}
+ExternalPagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ExternalPagesComponent, deps: [{ token: i2$1.AccessControlService }, { token: i4$1.LocalizationService }, { token: i3$2.HTTPService }, { token: i4.AppState }, { token: i1.ActivatedRoute }, { token: i4.TokenService }], target: i0.ɵɵFactoryTarget.Component });
+ExternalPagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ExternalPagesComponent, selector: "external-pages", ngImport: i0, template: "<router-outlet></router-outlet>", dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ExternalPagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "external-pages", template: "<router-outlet></router-outlet>" }]
+        }], ctorParameters: function () { return [{ type: i2$1.AccessControlService }, { type: i4$1.LocalizationService }, { type: i3$2.HTTPService }, { type: i4.AppState }, { type: i1.ActivatedRoute }, { type: i4.TokenService }]; } });
+
+// Angular
+class JaceLoginComponent {
+    constructor() {
+    }
+    ngOnInit() {
+        window.location.href = `${myconfig.AuthUrl}/login/form?client=${myconfig.Client}`;
+    }
+}
+JaceLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+JaceLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: JaceLoginComponent, 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: "15.2.9", ngImport: i0, type: JaceLoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "login", encapsulation: ViewEncapsulation.None, 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 []; } });
+
+// Angular
+// TODO: loc.ts
+class RedirecterComponent {
+    constructor(_state, route, router, redirectMap) {
+        this._state = _state;
+        this.route = route;
+        this.router = router;
+        this.redirectMap = redirectMap;
+        this.Error = "";
+    }
+    ngOnInit() {
+        let url = this.route.snapshot.params["url"];
+        //§ = 167... non so perché ma scrivendolo esplicitamente non funziona
+        let parts = url.split(String.fromCharCode(167)).filter(s => !!s);
+        if (parts.length < 2) {
+            this.Error = "L'url passato è incompleto. Impossibile riconoscerlo";
+            return;
+        }
+        else {
+            var redirect = this.redirectMap[parts[0]];
+            if (!redirect) {
+                this.Error = "L'url passato fa riferimento a un oggetto non navigabile. Impossibile procedere";
+                return;
+            }
+            if (redirect.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 parObject = {};
+            redirect.params.forEach((t, i) => parObject[t] = parts[i + 1]);
+            this.router.navigate(["pages/" + redirect.url, parObject]);
+        }
+    }
+}
+RedirecterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RedirecterComponent, deps: [{ token: i4.AppState }, { token: i1.ActivatedRoute }, { token: i1.Router }, { token: REDIRECT_MAP, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+RedirecterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RedirecterComponent, selector: "redirecter", ngImport: i0, template: "<div *ngIf=\"Error\">{{Error}}</div>", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RedirecterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "redirecter", encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"Error\">{{Error}}</div>" }]
+        }], ctorParameters: function () {
+        return [{ type: i4.AppState }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [REDIRECT_MAP]
+                    }] }];
+    } });
+
+// Angular
+const COMPONENTS = [
+    BackTop,
+    Breadcrumb,
+    PageNotFoundComponent,
+    ServerErrorComponent,
+    AngularErrorComponent,
+    PagesComponent,
+    ExternalPagesComponent,
+    JaceLoginComponent,
+    JaceModulesBoardComponent,
+    Navbar,
+    RedirecterComponent,
+    Sidebar
+];
+class ComponentsModule {
+}
+ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ComponentsModule, declarations: [BackTop,
+        Breadcrumb,
+        PageNotFoundComponent,
+        ServerErrorComponent,
+        AngularErrorComponent,
+        PagesComponent,
+        ExternalPagesComponent,
+        JaceLoginComponent,
+        JaceModulesBoardComponent,
+        Navbar,
+        RedirecterComponent,
+        Sidebar], imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule], exports: [BackTop,
+        Breadcrumb,
+        PageNotFoundComponent,
+        ServerErrorComponent,
+        AngularErrorComponent,
+        PagesComponent,
+        ExternalPagesComponent,
+        JaceLoginComponent,
+        JaceModulesBoardComponent,
+        Navbar,
+        RedirecterComponent,
+        Sidebar] });
+ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule],
+                    declarations: [...COMPONENTS],
+                    exports: [...COMPONENTS]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AngularErrorComponent, BackTop, Breadcrumb, ComponentsModule, ExternalPagesComponent, JaceLoginComponent, JaceModulesBoardComponent, Navbar, PageNotFoundComponent, PagesComponent, RedirecterComponent, ServerErrorComponent, Sidebar };
+//# sourceMappingURL=esfaenza-core-components.mjs.map