@esfaenza/core 15.2.5 → 15.2.6

package/fesm2015/esfaenza-core-components.mjs

@@ -1,18 +1,21 @@
 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 { Component, ViewEncapsulation, Input, ViewChild, HostListener, Injectable, ChangeDetectionStrategy, Optional, Inject, NgModule } from '@angular/core';
+import * as i2 from '@esfaenza/core/services';
+import { AppState } from '@esfaenza/core/services';
 import * as i1 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
+import { NavigationEnd, ActivatedRoute, 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 * as i5 from '@esfaenza/localizations';
 import { LocalizationService, LocalizationModule } from '@esfaenza/localizations';
-import { Subject, interval, takeUntil } from 'rxjs';
-import * as i2 from '@esfaenza/signalr-notifications';
-import * as i3$3 from '@esfaenza/extensions';
+import { ReplaySubject, interval, startWith, takeUntil, takeWhile, firstValueFrom } from 'rxjs';
+import * as i13 from '@esfaenza/es-table';
+import { EsTableColumnsDefinition, EsTableModule } from '@esfaenza/es-table';
+import * as i3$3 from '@esfaenza/signalr-notifications';
+import * as i4 from '@esfaenza/extensions';
 import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i10 from 'ngx-bootstrap/progressbar';
@@ -21,10 +24,12 @@ import * as i11 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i12 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
-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 { CategoriesWithModules, MENU_LOCALIZATION, MENU, REDIRECT_MAP } from '@esfaenza/core/domain';
+import { __awaiter } from 'tslib';
+import * as i5$1 from '@esfaenza/access-control';
+import * as i7 from '@esfaenza/core/directives';
 import { DirectivesModule } from '@esfaenza/core/directives';
+import { takeUntil as takeUntil$1 } from 'rxjs/operators';
 
 // Angular
 class BackTop {
@@ -75,46 +80,51 @@ class Breadcrumb {
         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._state.subscribe("menu.adjustNavigationTo", (activeLink) => this.adjustNavigationTo(activeLink));
+        this._state.subscribe("menu.adjustSubNavigationTo", (activeLink) => this.adjustSubNavigationTo(activeLink));
+        this._state.subscribe("menu.removeLastSubNavigation", () => this.removeLastSubNavigation());
+        this._state.subscribe("menu.cleanupSubNavigation", () => this.cleanupSubNavigation());
+    }
+    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.*/
+    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);
+        }
+    }
+    removeLastSubNavigation() {
+        this.subActiveLinks.pop();
+    }
+    cleanupSubNavigation() {
+        this.subActiveLinks = [];
     }
     ngOnInit() {
-        if (!this.activePageTitle)
+        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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Breadcrumb, deps: [{ token: i2.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 }]; } });
+        }], ctorParameters: function () { return [{ type: i2.AppState }, { type: i1.ActivatedRoute }, { type: i3.Title }]; } });
 
 // Angular
 class PageNotFoundComponent {
@@ -162,12 +172,12 @@ class ServerErrorComponent {
         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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ServerErrorComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.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 }]; } });
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.AppState }]; } });
 
 // Angular
 class AngularErrorComponent {
@@ -187,30 +197,32 @@ class AngularErrorComponent {
         console.error(this.errorMessage);
     }
     ngOnInit() {
-        var item = this.store.getLocalItem("Reload");
+        var item = localStorage.getItem("Reload");
         if (item) {
-            this.store.removeItem("Reload");
+            localStorage.removeItem("Reload");
             this.router.navigate([item]);
         }
     }
     b64DecodeUnicode(str) {
-        // Going backwards: from bytestream, to percent-encoding, to original string.
+        // Bytestream -> Encoding % -> Stringa originale
         return decodeURIComponent(atob(str).split("").map(c => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join(""));
     }
     goPreviousPage() {
-        this.store.setLocalItem("Reload", this.previousUrl);
+        // Reload per forzare il ricaricamento del javascript (in modo che lo stato dell'applicazione sia a posto)
+        // all'onInit la pagina prenderà la root a cui navigare dal localStorage
+        localStorage.setItem("Reload", this.previousUrl);
         location.reload();
     }
     goDashboard() {
         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.ɵ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: i2.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 }]; } });
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i1$1.CacheService }, { type: i3$2.HTTPService }, { type: i2.TokenService }]; } });
 
 class NavBarLoc extends LocalizationService {
     constructor(injector) {
@@ -245,6 +257,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
+// Angular
+class ReactiveComponent {
+    constructor() {
+        this.Subscriptions = [];
+        this.destroyed$ = new ReplaySubject(1);
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+        this.destroyed$.complete();
+        if (!this.Subscriptions)
+            return;
+        for (let i = 0; i < this.Subscriptions.length; i++)
+            this.Subscriptions[i].unsubscribe();
+    }
+}
+ReactiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ReactiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ReactiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ReactiveComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ReactiveComponent, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
+
 // Angular
 class JaceModulesBoardComponent {
     constructor(bts) {
@@ -271,12 +305,12 @@ class JaceModulesBoardComponent {
         });
     }
 }
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceModulesBoardComponent, deps: [{ token: i2.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: [{
+        }], ctorParameters: function () { return [{ type: i2.TokenService }]; }, propDecorators: { Modules: [{
                 type: Input
             }] } });
 
@@ -284,10 +318,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 // 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) {
+class Navbar extends ReactiveComponent {
+    constructor(prefsService, cacheService, globalSearchService, MessageDef, notifications, msgExts, lc, http, cdr, _state, sr, router, cjrService) {
+        super();
         this.prefsService = prefsService;
         this.cacheService = cacheService;
+        this.globalSearchService = globalSearchService;
         this.MessageDef = MessageDef;
         this.notifications = notifications;
         this.msgExts = msgExts;
@@ -297,67 +333,60 @@ class Navbar {
         this._state = _state;
         this.sr = sr;
         this.router = router;
-        this.destroyed$ = new Subject();
-        this.isMenuCollapsed = false;
+        this.cjrService = cjrService;
         this.applicationVersion = myconfig.AppData.ComponentVersion;
-        this.myconfig = myconfig;
+        this.applicationEnvironment = myconfig.AppData.ComponentEnvironment;
+        this.isMenuCollapsed = false;
         this.anomaliesProcessing = false;
-        this.IsJaceAdmin = false;
         this.newVersionWarned = false;
-        this.notificationsSubs = [];
+        // ***************************************** Gestione Ricerca Globale *****************************************
+        this.SelectedResult = null;
+        this.ShowSingleTable = false;
+        this.searchingTerm = false;
         this._state.subscribe("menu.isCollapsed", (isCollapsed) => { this.isMenuCollapsed = isCollapsed; });
-        this.thisLoc = lc.Locale;
-        this.checkIdentity();
-        this.getActiveJaceModules();
-        interval(1000).pipe(takeUntil(this.destroyed$)).subscribe(t => {
-            if (!myconfig.redirectInProgress)
-                this.checkIdentity();
-        });
-        this.startSignalRListening();
         this._state.subscribe("app.completedJob", (jobDescription) => {
             this.msgExts.simpleSuccess(this.lc.loc("Job Completato") + ": " + jobDescription);
         });
+        this.handleBaseNotifications();
+        this.getActiveJaceModules();
+        // Appena la pagina parte, poi ogni secondo, controllo l'identity per verificare se rimane la stessa
+        interval(1000).pipe(startWith(0), takeUntil(this.destroyed$), takeWhile(_ => !myconfig.redirectInProgress)).subscribe(t => {
+            this.checkIdentity();
+        });
     }
     ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-        this.stopSignalRListening();
+        super.ngOnDestroy();
+        //Quando viene distrutta la navbar devo distruggere anche il client di signalr perchè vuol dire che ho chiuso la pagina
+        this.notifications.disconnect();
     }
-    startSignalRListening() {
-        this.notificationsSubs.push(this.notifications.observe(this.MessageDef.IN_SendVersion).subscribe((message) => {
+    handleBaseNotifications() {
+        this.notifications.send(this.MessageDef.OUT_QueryJobStatus, null);
+        this.notifications.observe(this.MessageDef.IN_SendVersion).pipe(takeUntil(this.destroyed$)).subscribe((message) => {
             if (message != myconfig.AppData.ComponentVersion && !this.newVersionWarned) {
                 this.msgExts.simpleWarning(this.lc.loc("È disponibile una nuova versione per l'applicazione corrente. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
                 this.newVersionWarned = true;
             }
-        }));
-    }
-    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() {
         let id = this.sr.getJaceIdentity();
-        let idLast = this.LastIdentity;
+        let idLast = this.CurrentIdentity;
         if (!id)
             return;
-        this.checkSession(id);
-        if (this.LastIdentity && (id.IdAccount != (idLast === null || idLast === void 0 ? void 0 : idLast.IdAccount) || id.IdUser != (idLast === null || idLast === void 0 ? void 0 : idLast.IdUser) || id.Idtenant != (idLast === null || idLast === void 0 ? void 0 : idLast.Idtenant))) {
+        this.checkSessionTimeout(id);
+        if (this.CurrentIdentity && (id.IdAccount != (idLast === null || idLast === void 0 ? void 0 : idLast.IdAccount) || id.IdUser != (idLast === null || idLast === void 0 ? void 0 : idLast.IdUser) || id.Idtenant != (idLast === null || idLast === void 0 ? void 0 : idLast.Idtenant))) {
             this.msgExts.simpleWarning(this.lc.loc("Le informazioni di Sessione (Tenant/Account) sono cambiate a seguito di un login su modulo diverso utilizzando diverso Tenant/Utente sullo stesso browser. Si suggerisce di ricaricare la pagina (CTRL + F5)"));
             this.cdr.markForCheck();
         }
-        this.LastIdentity = id;
-        this.Permissions = id.Permissions;
-        this.Roles = id.Roles;
-        this.IsJaceAdmin = id.Roles.some(t => t == "Jace Admin") && !id.Permissions.some(t => t == "alg_custom");
+        this.CurrentIdentity = id;
     }
     getActiveJaceModules() {
         this.http.get(GET_Jace_GetActiveJaceModules).subscribe(res => {
             this.Modules = res;
+            this._state.Modules = this.Modules;
         });
     }
-    checkSession(identity) {
-        //10 minuti prima
+    checkSessionTimeout(identity) {
         if (dayjs() >= dayjs(identity.ExpirationTime).subtract(10, 'minutes') && !myconfig.redirectInProgress) {
             myconfig.redirectInProgress = true;
             this.msgExts.expiredSessionMessage(this.lc.loc('Expired session'), this.lc.loc("L'attuale sessione di lavoro non è più valida.<br>Si prega di eseguire nuovamente il login."), () => {
@@ -409,97 +438,69 @@ class Navbar {
         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 (?)
-        }
+        this.cjrService.redirect(job);
+    }
+    searchRequest() {
+        this.searchingTerm = true;
+        this.searchResult = null;
+        if (!this.globalSearchService.Enabled)
+            return;
+        this.globalSearchService.search(this.searchTerm).subscribe(t => {
+            this.searchingTerm = false;
+            this.searchResult = t;
+            this.searchResult.results.forEach(t => {
+                t.est_cols = t.columns.map(c => {
+                    let colLink = this.globalSearchService.generateColumnLink(c);
+                    return new EsTableColumnsDefinition(c.description, c.id, colLink === null || colLink === void 0 ? void 0 : colLink.routePath, colLink === null || colLink === void 0 ? void 0 : colLink.routeProperties);
+                });
+            });
+        });
+    }
+    searchModelChanged() {
+        if (!this.searchingTerm)
+            this.closeSearch();
+    }
+    closeSearch() {
+        this.searchingTerm = false;
+        this.searchResult = null;
+    }
+    FilterSearchResults(item = null) {
+        this.SelectedResult = null;
+        this.ShowSingleTable = true;
+        requestAnimationFrame(() => {
+            var _a, _b;
+            if (item)
+                this.SelectedResult = (_b = (_a = this.searchResult) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.find(f => f.description == item.description);
+            else
+                this.ShowSingleTable = false;
+        });
     }
 }
-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                            {{LastIdentity?.FullName}} - ({{LastIdentity?.TenantName}})\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                                {{LastIdentity?.FullName}} - ({{LastIdentity?.TenantName}})\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: "directive", type: i12.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i12.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i12.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { 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 });
+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.GlobalSearchService }, { token: i3$3.BaseMessageService }, { token: i3$3.NotificationsService }, { token: i4.MessageService }, { token: i5.LocalizationService }, { token: i3$2.HTTPService }, { token: i0.ChangeDetectorRef }, { token: i2.AppState }, { token: i2.TokenService }, { token: i1.Router }, { token: i2.CompletedJobRedirectionService }], 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 }], usesInheritance: true, ngImport: i0, template: "<nav #navbar class=\"nav az-navbar fixed-top\">\r\n    <!-- Logo -->\r\n    <a class=\"navbar-brand\" routerLink=\"/pages/dashboard\">\r\n        <img src=\"../assets/img/logo/logo.png\" class=\"d-md-block d-none\" 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\" class=\"d-md-none\" 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        <!-- Collapse men\u00F9 a sinistra -->\r\n        <li><a (click)=\"toggleMenu()\" class=\"collapse-menu-link fa fa-navicon\"></a></li>\r\n\r\n        <!-- Search -->\r\n        <li class=\"d-none d-md-block app-relative\">\r\n            <form class=\"app-search\" role=\"search\" (ngSubmit)=\"searchRequest()\">\r\n                <input type=\"text\" placeholder=\"Search...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchModelChanged()\" [ngModelOptions]=\"{standalone : true}\" class=\"form-control\" autocomplete=\"off\">\r\n                <a><i class=\"ion-ios-search-strong\"></i></a>\r\n                <button hidden></button>\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></a>\r\n                <ul *dropdownMenu class=\"module-board-menu container\" role=\"menu\">\r\n                    <div class=\"app-relative\"><jace-modules-board [Modules]=\"Modules\"></jace-modules-board></div>\r\n                </ul>\r\n            </div>\r\n\r\n            <!-- Calendar ??? TODO ??? -->\r\n\r\n            <!-- Chatrooms ??? TODO ??? -->\r\n\r\n            <!--Dropdown 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                        <ng-container *ngTemplateOutlet=\"userIcon;\"></ng-container>\r\n                    </div>\r\n                    <div class=\"app-white-text pull-right d-none d-sm-block\">\r\n                        <ng-container *ngTemplateOutlet=\"debugInfos\"></ng-container>\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                            <ng-container *ngTemplateOutlet=\"userIcon; context: { $implicit: {right: 62} }\"></ng-container>\r\n                        </div>\r\n                        <div class=\"app-white-text app-margin-top-10 app-margin-bottom-10\">\r\n                           <ng-container *ngTemplateOutlet=\"debugInfos\"></ng-container>\r\n                        </div>\r\n                    </li>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"lc.Locale == '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=\"lc.Locale == '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>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"applicationEnvironment == 2\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 5\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 6\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 1\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".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: 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: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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: "directive", type: i12.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i12.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i12.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: i13.EsTableComponent, selector: "es-table", inputs: ["EsTableTemplate", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: JaceModulesBoardComponent, selector: "jace-modules-board", inputs: ["Modules"] }, { kind: "pipe", type: i5.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                            {{LastIdentity?.FullName}} - ({{LastIdentity?.TenantName}})\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                                {{LastIdentity?.FullName}} - ({{LastIdentity?.TenantName}})\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: [{
+            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    <!-- Logo -->\r\n    <a class=\"navbar-brand\" routerLink=\"/pages/dashboard\">\r\n        <img src=\"../assets/img/logo/logo.png\" class=\"d-md-block d-none\" 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\" class=\"d-md-none\" 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        <!-- Collapse men\u00F9 a sinistra -->\r\n        <li><a (click)=\"toggleMenu()\" class=\"collapse-menu-link fa fa-navicon\"></a></li>\r\n\r\n        <!-- Search -->\r\n        <li class=\"d-none d-md-block app-relative\">\r\n            <form class=\"app-search\" role=\"search\" (ngSubmit)=\"searchRequest()\">\r\n                <input type=\"text\" placeholder=\"Search...\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchModelChanged()\" [ngModelOptions]=\"{standalone : true}\" class=\"form-control\" autocomplete=\"off\">\r\n                <a><i class=\"ion-ios-search-strong\"></i></a>\r\n                <button hidden></button>\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></a>\r\n                <ul *dropdownMenu class=\"module-board-menu container\" role=\"menu\">\r\n                    <div class=\"app-relative\"><jace-modules-board [Modules]=\"Modules\"></jace-modules-board></div>\r\n                </ul>\r\n            </div>\r\n\r\n            <!-- Calendar ??? TODO ??? -->\r\n\r\n            <!-- Chatrooms ??? TODO ??? -->\r\n\r\n            <!--Dropdown 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                        <ng-container *ngTemplateOutlet=\"userIcon;\"></ng-container>\r\n                    </div>\r\n                    <div class=\"app-white-text pull-right d-none d-sm-block\">\r\n                        <ng-container *ngTemplateOutlet=\"debugInfos\"></ng-container>\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                            <ng-container *ngTemplateOutlet=\"userIcon; context: { $implicit: {right: 62} }\"></ng-container>\r\n                        </div>\r\n                        <div class=\"app-white-text app-margin-top-10 app-margin-bottom-10\">\r\n                           <ng-container *ngTemplateOutlet=\"debugInfos\"></ng-container>\r\n                        </div>\r\n                    </li>\r\n                    <a class=\"dropdown-item app-pointer\" *ngIf=\"lc.Locale == '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=\"lc.Locale == '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>\r\n\r\n<!-- Template per l'icona dell'utente -->\r\n<ng-template #userIcon let-context>\r\n    <img src='../assets/img/users/user.jpg' alt=\"user-img\" class=\"img-circle user-img\">\r\n    <img src='../assets/img/events/christmas.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context.right || undefined\" *ngIf=\"_state.christmasTime\">\r\n    <img src='../assets/img/events/halloween.png' alt=\"user-img\" class=\"img-circle user-img app-absolute app-right-0\" [style.right.px]=\"context.right || undefined\" *ngIf=\"_state.halloweenTime\">\r\n</ng-template>\r\n\r\n<!-- Template per le informaizoni di debug: Ambiente, ruoli, permessi ecc -->\r\n<ng-template #debugInfos>\r\n    <div>{{CurrentIdentity?.FullName}} - ({{CurrentIdentity?.TenantName}})</div>\r\n    <div class=\"text-sm-center\">\r\n        <ng-container *ngIf=\"applicationEnvironment == 2\">{{'Ambiente di Sviluppo' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 5\">{{'Ambiente di Staging' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 6\">{{'Ambiente di Staging A' | localize : lc}}</ng-container>\r\n        <ng-container *ngIf=\"applicationEnvironment == 1\">{{'Ambiente di Produzione' | localize : lc}}</ng-container>\r\n    </div>\r\n    <div [hidden]=\"true\">\r\n        <div>Permissions:</div>\r\n        <div *ngFor=\"let p of CurrentIdentity.Permissions\">{{p}}</div>\r\n        <div>Roles:</div>\r\n        <div *ngFor=\"let r of CurrentIdentity.Roles\">{{r}}</div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Overlay per la ricerca globale -->\r\n<ng-container *ngIf=\"searchingTerm || searchResult\">\r\n    <div class=\"app-absolute app-search-background\">\r\n        <div class=\"app-search-result-box\">\r\n            <ng-container *ngIf=\"searchingTerm\">\r\n                <div class=\"app-search-card\"><i class=\"fa fa-spinner fa-spin\"></i>Sto effettuando la ricerca...</div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"searchResult && !searchingTerm\">\r\n                <div class=\"row\" style=\"height: 100%;\">\r\n                    <!-- Spazio a sinistra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                    <!-- Blocco con le categorie dei risultati -->\r\n                    <div class=\"col-md-3\">\r\n                        <div class=\"app-search-card\">\r\n                            <div class=\"app-relative\"><a class=\"fa fa-times text-danger app-absolute app-right-0 app-fs-20 app-pointer\" (click)=\"closeSearch();\"></a></div>\r\n                            <h4>Categorie di Ricerca</h4>\r\n                            <div class=\"app-pointer app-link\" [class.app-bold]=\"!SelectedResult && !ShowSingleTable\">\r\n                                <span (click)=\"FilterSearchResults()\">{{SelectedResult ? '-' : '>'}} Mostra Tutto</span>\r\n                            </div>\r\n                            <div *ngFor=\"let item of searchResult.results\" class=\"app-pointer app-link\" [class.app-bold]=\"SelectedResult?.description == item.description\">\r\n                                <span (click)=\"FilterSearchResults(item)\">{{SelectedResult?.description == item.description ? '>' : '-'}} Mostra {{item.description}} ({{item.items?.length}})</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- Dettaglio risultati -->\r\n                    <div class=\"col-md-7\" style=\"overflow: auto; height: 100%;\">\r\n                        <ng-container *ngIf=\"!SelectedResult && !ShowSingleTable\">\r\n                            <div *ngFor=\"let res of searchResult.results; let i = index;\" class=\"app-search-card\" [style.margin-bottom.px]=\"i == (searchResult.results?.length - 1) ? 2 : 10\">\r\n                                <h4>{{res.description}}</h4>\r\n                                <es-table [(ngModel)]=\"res.items\" [DynamicRowColumnsDefinition]=\"res.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"SelectedResult && ShowSingleTable\">\r\n                            <div class=\"app-search-card\">\r\n                                <h4>{{SelectedResult.description}}</h4>\r\n                                <es-table [(ngModel)]=\"SelectedResult.items\" [DynamicRowColumnsDefinition]=\"SelectedResult.est_cols\" [ArraymodeItemsPerPage]=\"10\"></es-table>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <!-- Spazio a destra -->\r\n                    <div class=\"col-md-1\"></div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".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.GlobalSearchService }, { type: i3$3.BaseMessageService }, { type: i3$3.NotificationsService }, { type: i4.MessageService }, { type: i5.LocalizationService }, { type: i3$2.HTTPService }, { type: i0.ChangeDetectorRef }, { type: i2.AppState }, { type: i2.TokenService }, { type: i1.Router }, { type: i2.CompletedJobRedirectionService }]; }, 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) {
+    constructor(lc, lcMenu, cdr, _elementRef, _router, _state, zone, utiExts, aac, menuItemsRaw, menuFilteringService) {
         this.lc = lc;
         this.cdr = cdr;
         this._elementRef = _elementRef;
         this._router = _router;
         this._state = _state;
-        this._sidebarService = _sidebarService;
         this.zone = zone;
+        this.utiExts = utiExts;
+        this.aac = aac;
+        this.menuItemsRaw = menuItemsRaw;
+        this.menuFilteringService = menuFilteringService;
         this.isMenuCollapsed = false;
         this.isMenuShouldCollapsed = false;
+        this.lc = this.lc.generateFromType(lcMenu);
         this._state.subscribe("menu.isCollapsed", (isCollapsed) => {
             this.isMenuCollapsed = isCollapsed;
             this.cdr.markForCheck();
@@ -511,35 +512,57 @@ class Sidebar {
         this._router.events.subscribe(event => {
             if (event instanceof NavigationEnd) {
                 let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
-                if (width <= 768) {
+                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);
+        return __awaiter(this, void 0, void 0, function* () {
+            let tmpMenuItems = this.getMenuItems();
+            this.menuItems = yield firstValueFrom(this.menuFilteringService.filter(tmpMenuItems));
+            if (this._shouldMenuCollapse())
+                this.menuCollapse();
+            this.updateSidebarHeight();
+            this._state.setSidebarWidth(this.sidebar.nativeElement.offsetWidth);
+            this.cdr.markForCheck();
+        });
     }
-    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);
+    getMenuItems() {
+        var items = [];
+        for (let i = 0; i < this.menuItemsRaw.length; i++) {
+            let t = this.menuItemsRaw[i];
+            t.level = 1;
+            if (!t.ac || this.aac.has(t.ac)) {
+                if (!t.subMenu || t.subMenu.length == 0)
+                    items.push(t);
+                else {
+                    var toPush = this.checkSubMenuOverClaims(t, 1);
+                    items.push(toPush);
+                }
+            }
+        }
+        return items;
+    }
+    checkSubMenuOverClaims(menuItem, level) {
+        var item = this.utiExts.deepClone(menuItem);
+        item.subMenu = [];
+        for (let i = 0; i < menuItem.subMenu.length; i++) {
+            let t = menuItem.subMenu[i];
+            t.level = level + 1;
+            if (!t.ac || this.aac.has(t.ac)) {
+                if (!t.subMenu || t.subMenu.length == 0)
+                    item.subMenu.push(t);
+                else {
+                    var toPush = this.checkSubMenuOverClaims(t, level + 1);
+                    item.subMenu.push(toPush);
+                }
+            }
+            // Calcolo qui per non doverlo calcolare lato HTML
+            t.padding_left = level > 2 ? (65 + ((level - 3) * 15) + 'px !important') : null;
+        }
+        return item;
     }
     onWindowResize() {
         var isMenuShouldCollapsed = this._shouldMenuCollapse();
@@ -580,7 +603,7 @@ class Sidebar {
         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
+    //generando un po' di irresponsività iniziale... succede solo col click... boh
     collapseMenu($event, item) {
         if (this.isMenuCollapsed)
             this.menuExpand();
@@ -595,15 +618,15 @@ class Sidebar {
         let levelClassPlusOne = item.level ? "level-" + (item.level + 1) : "";
         let slidePeriod = 400;
         var link = jQuery($event.currentTarget);
-        //Se l'elemento non � espanso
+        //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
+            //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
+                    //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");
                 }
@@ -613,7 +636,7 @@ class Sidebar {
                 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
+                    //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");
                 }
@@ -621,15 +644,15 @@ class Sidebar {
             //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
+                //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
+            //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
+                //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");
             }
@@ -637,18 +660,21 @@ class Sidebar {
         }
     }
 }
-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 });
+Sidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Sidebar, deps: [{ token: i5.LocalizationService }, { token: MENU_LOCALIZATION, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.Router }, { token: i2.AppState }, { token: i0.NgZone }, { token: i4.UtilityService }, { token: i5$1.AccessControlService }, { token: MENU }, { token: i2.MenuFilteringService }], 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()" } }, 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: i7.SlimScroll, selector: "[slim-scroll]", inputs: ["slimScrollOptions"] }, { kind: "pipe", type: i5.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"] }]
+            args: [{ selector: "sidebar", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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: [{
+        return [{ type: i5.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 }];
+                    }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.Router }, { type: i2.AppState }, { type: i0.NgZone }, { type: i4.UtilityService }, { type: i5$1.AccessControlService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MENU]
+                    }] }, { type: i2.MenuFilteringService }];
     }, propDecorators: { sidebar: [{
                 type: ViewChild,
                 args: ["sidebar", { static: true }]
@@ -694,12 +720,12 @@ class PagesComponent {
         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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PagesComponent, deps: [{ token: i3.DomSanitizer }, { token: i2.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: [{
+        }], ctorParameters: function () { return [{ type: i3.DomSanitizer }, { type: i2.AppState }, { type: i3$1.Location }, { type: i1.Router }]; }, propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
@@ -715,7 +741,6 @@ class ExternalPagesComponent {
         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"];
@@ -736,12 +761,12 @@ class ExternalPagesComponent {
         });
     }
 }
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ExternalPagesComponent, deps: [{ token: i5$1.AccessControlService }, { token: i5.LocalizationService }, { token: i3$2.HTTPService }, { token: i2.AppState }, { token: i1.ActivatedRoute }, { token: i2.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 }]; } });
+        }], ctorParameters: function () { return [{ type: i5$1.AccessControlService }, { type: i5.LocalizationService }, { type: i3$2.HTTPService }, { type: i2.AppState }, { type: i1.ActivatedRoute }, { type: i2.TokenService }]; } });
 
 // Angular
 class JaceLoginComponent {
@@ -795,13 +820,13 @@ class RedirecterComponent {
         }
     }
 }
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RedirecterComponent, deps: [{ token: i2.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: [{
+        return [{ type: i2.AppState }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -809,6 +834,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }];
     } });
 
+// Angular
+class NavigableComponent extends ReactiveComponent {
+    constructor(injector) {
+        super();
+        this.Parameters = null;
+        let _activatedRoute = injector.get(ActivatedRoute);
+        let _state = injector.get(AppState);
+        _state.registerNavigationIfMeaningful(_activatedRoute.snapshot);
+        // Parametri in maniera "dinamica"
+        _activatedRoute.params.pipe(takeUntil$1(this.destroyed$)).subscribe(t => { this.Parameters = t; });
+        // Tutto il resto in maniera statica tanto non cambia
+        let segs = _activatedRoute.snapshot._urlSegment.segments;
+        this.CompletePath = "/" + segs.map(t => t.path).join('/');
+        this.ComponentPath = "/" + segs.filter((t, i) => i != 0).map(t => t.path).join('/');
+        this.BasePath = "/" + segs[0].path;
+        this.InternalNavigation = _activatedRoute.snapshot.data["internalNavigation"] || false;
+        this.Title = _activatedRoute.snapshot.data["title"] || "";
+        // Per i componenti navigabili non embeddati è inutile mandare il messaggio di navigazione
+        if (!_state.Embedded)
+            return;
+        // Se sono dentro un iframe risalgo a quello di livello più alto in assoluto
+        let tmpWindow = window;
+        // Quando il parent non esiste window. parent è un riferimento a se stesso
+        while (tmpWindow.parent != tmpWindow)
+            tmpWindow = tmpWindow.parent;
+        tmpWindow.postMessage({ type: "navigation", url: this.CompletePath, internalNavigation: this.InternalNavigation, title: this.Title }, "*");
+    }
+}
+NavigableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigableComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+NavigableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigableComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigableComponent, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+// Angular
+class JaceResourceComponent {
+    constructor(cdr, _state, sanitizer) {
+        this.cdr = cdr;
+        this._state = _state;
+        this.sanitizer = sanitizer;
+        this.Module = "";
+        this.ModuleKeyType = 'altid';
+        this.Page = "";
+        this.Height = 0;
+        this.sanitizedSourceResource = null;
+    }
+    ngOnInit() {
+        var _a;
+        console.log("Initializing jace resource for " + this.Module);
+        if (((_a = this._state.Modules) === null || _a === void 0 ? void 0 : _a.length) > 0)
+            this.afterModulesRetrieve(this._state.Modules);
+        else {
+            this._state.subscribe("modules.Retrieved", (modules) => {
+                this.afterModulesRetrieve(modules);
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    ngAfterViewInit() {
+        //let frame = document.getElementById("externalFrame");
+        //let rect = frame.getBoundingClientRect();
+        this.Height = window.innerHeight - 116;
+        console.log("Height: " + this.Height);
+        this.cdr.markForCheck();
+    }
+    afterModulesRetrieve(modules) {
+        let module = modules.find(t => (this.ModuleKeyType == 'id' ? t.idmodule : this.ModuleKeyType == 'altid' ? t.altname : "") == this.Module);
+        if (!module) {
+            console.error(`Impossibile trovare il modulo con ${this.ModuleKeyType} uguale a ${this.Module}`);
+            this.sanitizedSourceResource = null;
+        }
+        if (this.Page.startsWith("pages") || this.Page.startsWith("/pages")) {
+            console.error(`L'url della pagina da visitare non deve partire con 'pages', scrivere solo {modulo}/{pagina}`);
+            this.sanitizedSourceResource = null;
+        }
+        let moduleUrl = myconfig.AuthUrl.includes("localhost") ? `http://localhost:${this.Localhost}` : module.uiurl;
+        let finalUrl = `${moduleUrl}/#/pages_ext/${this.Page}`;
+        this.sanitizedSourceResource = this.sanitizer.bypassSecurityTrustResourceUrl(finalUrl);
+    }
+}
+JaceResourceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceResourceComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.AppState }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+JaceResourceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: JaceResourceComponent, selector: "jace-resource", inputs: { Module: "Module", ModuleKeyType: "ModuleKeyType", Page: "Page", Localhost: "Localhost" }, ngImport: i0, template: "<iframe *ngIf=\"!!sanitizedSourceResource\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\" \r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: JaceResourceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "jace-resource", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<iframe *ngIf=\"!!sanitizedSourceResource\" id=\"externalFrame\" style=\"width: 100%; border: none;\" [style.height.px]=\"Height\" \r\n        [src]=\"sanitizedSourceResource\">\r\n</iframe>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2.AppState }, { type: i3.DomSanitizer }]; }, propDecorators: { Module: [{
+                type: Input
+            }], ModuleKeyType: [{
+                type: Input
+            }], Page: [{
+                type: Input
+            }], Localhost: [{
+                type: Input
+            }] } });
+
 // Angular
 const COMPONENTS = [
     BackTop,
@@ -822,7 +943,8 @@ const COMPONENTS = [
     JaceModulesBoardComponent,
     Navbar,
     RedirecterComponent,
-    Sidebar
+    Sidebar,
+    JaceResourceComponent
 ];
 class ComponentsModule {
 }
@@ -838,7 +960,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         JaceModulesBoardComponent,
         Navbar,
         RedirecterComponent,
-        Sidebar], imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule], exports: [BackTop,
+        Sidebar,
+        JaceResourceComponent], imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule], exports: [BackTop,
         Breadcrumb,
         PageNotFoundComponent,
         ServerErrorComponent,
@@ -849,12 +972,13 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         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, BsDropdownModule] });
+        Sidebar,
+        JaceResourceComponent] });
+ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule] });
 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, BsDropdownModule],
+                    imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, MatSlideToggleModule, BsDropdownModule, EsTableModule],
                     declarations: [...COMPONENTS],
                     exports: [...COMPONENTS]
                 }]
@@ -864,5 +988,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AngularErrorComponent, BackTop, Breadcrumb, ComponentsModule, ExternalPagesComponent, JaceLoginComponent, JaceModulesBoardComponent, Navbar, PageNotFoundComponent, PagesComponent, RedirecterComponent, ServerErrorComponent, Sidebar };
+export { AngularErrorComponent, BackTop, Breadcrumb, ComponentsModule, ExternalPagesComponent, JaceLoginComponent, JaceModulesBoardComponent, JaceResourceComponent, Navbar, NavigableComponent, PageNotFoundComponent, PagesComponent, ReactiveComponent, RedirecterComponent, ServerErrorComponent, Sidebar };
 //# sourceMappingURL=esfaenza-core-components.mjs.map