@esfaenza/core 19.2.215 → 19.2.217

package/components/error/errorpage.component.d.ts

@@ -2,6 +2,7 @@ import { ActivatedRoute, Router } from "@angular/router";
 import { HTTPService } from "@esfaenza/httpservice";
 import { TokenService } from "@esfaenza/core/services";
 import { AppEmbeddingExtensions, MessageService } from "@esfaenza/extensions";
+import { EsModalComponent } from "../es-modal/es-modal.component";
 import * as i0 from "@angular/core";
 export declare class ErrorPageComponent {
     private router;
@@ -26,9 +27,11 @@ export declare class ErrorPageComponent {
     b64DecodeUnicode(str: any): string;
     goPreviousPage(): void;
     goDashboard(): void;
-    BugReportText: string;
+    dlgCreateTicket: EsModalComponent;
+    CreateTicketDTO: any;
     canReport: boolean;
-    openTicket(): boolean;
+    onCreateTicket(): void;
+    doCreateTicket(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorPageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ErrorPageComponent, "errorpage", never, {}, {}, never, never, true, never>;
 }

package/components/es-modal/es-modal-head/es-modal-head.component.d.ts

@@ -3,9 +3,10 @@ import { AppState } from "@esfaenza/core/services";
 import * as i0 from "@angular/core";
 export declare class EsModalHeadComponent {
     _state: AppState;
+    AllowClose: boolean;
     Close: EventEmitter<void>;
     constructor(_state: AppState);
     CloseFunction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EsModalHeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EsModalHeadComponent, "es-modal-head", never, {}, { "Close": "Close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EsModalHeadComponent, "es-modal-head", never, { "AllowClose": { "alias": "AllowClose"; "required": false; }; }, { "Close": "Close"; }, never, ["*"], true, never>;
 }

package/fesm2022/esfaenza-core-components.mjs

@@ -195,18 +195,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 class EsModalHeadComponent {
     constructor(_state) {
         this._state = _state;
+        this.AllowClose = true;
         this.Close = new EventEmitter();
     }
     CloseFunction() {
         this.Close.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EsModalHeadComponent, deps: [{ token: i1.AppState }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EsModalHeadComponent, isStandalone: true, selector: "es-modal-head", outputs: { Close: "Close" }, ngImport: i0, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EsModalHeadComponent, isStandalone: true, selector: "es-modal-head", inputs: { AllowClose: "AllowClose" }, outputs: { Close: "Close" }, ngImport: i0, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div *ngIf=\"AllowClose\" class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EsModalHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: "es-modal-head", standalone: true, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.AppState }], propDecorators: { Close: [{
+            args: [{ selector: "es-modal-head", imports: [NgIf], standalone: true, template: "<div class=\"modal-header\">\r\n    <div class=\"modal-title modal-head pull-left\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div *ngIf=\"AllowClose\" class=\"close modal-close-button\"\r\n         (click)=\"CloseFunction();\" \r\n         aria-label=\"Close\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </div>\r\n</div>", styles: [".modal-head{font-size:1.25rem}.modal-close-button{margin:auto;padding:0 10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AppState }], propDecorators: { AllowClose: [{
+                type: Input
+            }], Close: [{
                 type: Output
             }] } });
 
@@ -222,7 +225,6 @@ class ErrorPageComponent {
         this.emb = emb;
         this.ANONYMOUS_MODE = ANONYMOUS_MODE;
         this.debugging = false;
-        this.BugReportText = "";
         this.canReport = true;
         let identity = this.bts.getJaceIdentity();
         this.debugging = identity?.Roles?.some(t => t == "Jace Admin");
@@ -262,35 +264,44 @@ class ErrorPageComponent {
     goDashboard() {
         this.emb.navigate(`/pages/dashboard`);
     }
-    openTicket() {
-        let dto = {
-            errorFrom: this.errorFrom,
-            errorLastCalls: this.errorLastCalls,
-            identityInfos: this.identityInfos,
-            statusCode: this.statusCode,
-            statusText: this.statusText,
-            errorMessage: this.errorMessage,
-            requests: this.errorLastRequests,
-            responses: this.errorLastResponses,
-            userMessage: this.BugReportText
-        };
-        this.http.post(POST_Jace_OpenTicket, dto).subscribe(r => {
-            this.msgService.manageCallResultResponse(r, "Segnalazione registrata correttamente", "Errori nella registrazione della segnalazione", () => {
+    onCreateTicket() {
+        this.CreateTicketDTO = null;
+        requestAnimationFrame(() => {
+            this.CreateTicketDTO = {
+                errorFrom: this.errorFrom,
+                errorLastCalls: this.errorLastCalls,
+                identityInfos: this.identityInfos,
+                statusCode: this.statusCode,
+                statusText: this.statusText,
+                errorMessage: this.errorMessage,
+                requests: this.errorLastRequests,
+                responses: this.errorLastResponses,
+                userMessage: ""
+            };
+            this.dlgCreateTicket.show();
+        });
+    }
+    doCreateTicket() {
+        this.http.post(POST_Jace_OpenTicket, this.CreateTicketDTO).subscribe(r => {
+            this.msgService.manageCallResultResponse(r, "Segnalazione registrata correttamente.", "Errori nella registrazione della segnalazione", () => {
                 this.canReport = false;
             });
         });
-        return true;
+        this.dlgCreateTicket.hide();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ErrorPageComponent, deps: [{ token: i2.Router }, { token: i2.ActivatedRoute }, { token: i2$1.MessageService }, { token: i3$1.HTTPService }, { token: i1.TokenService }, { token: i2$1.AppEmbeddingExtensions }, { token: ANONYMOUS_MODE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ErrorPageComponent, isStandalone: true, selector: "errorpage", 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            <ng-container *ngIf=\"debugging\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-body text-center\">\r\n\r\n                        <h1 class=\"display-4\">Qualcosa \u00E8 andato storto.</h1>\r\n                        <h6>\r\n                            <small>\r\n                                Si \u00E8 verificato un errore interno all'applicazione. Questo non dovrebbe accadere.\r\n                                Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il\r\n                                problema persiste invia una segnalazione allegando una breve descrizione delle\r\n                                operazioni che stavi eseguendo\r\n                            </small>\r\n                        </h6>\r\n                        <div style=\"max-height: 450px; overflow-x: hidden; overflow-y: scroll; margin-bottom: 10px;\">\r\n                            <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>Logged user: {{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>From page: {{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>Last three calls: {{errorLastCalls}}</em></h6>\r\n                        \r\n                            <!-- Errori Angular -->\r\n                            <ng-container *ngIf=\"errorMessage\">\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                            </ng-container>\r\n\r\n                            <!-- Errori HTTP -->\r\n                            <ng-container *ngIf=\"statusCode || statusText\">\r\n                                <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                                <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode == '4041' ? 'Pagina non trovata' : ''}}</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                            </ng-container>\r\n                        </div>\r\n                        <div style=\"display: flex;\" *ngIf=\"!ANONYMOUS_MODE\">\r\n                            <button type=\"button\" class=\"btn btn-secondary\" yle=\"margin-right: auto;\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                            <button [hidden]=\"!canReport\" type=\"button\" class=\"btn btn-warning\" style=\"margin: auto;\" (click)=\"BugReportText = ''; dlgSegnalazione.show()\">Invia segnalazione</button>\r\n                            <button type=\"button\" class=\"btn btn-primary\" style=\"margin-left: auto;\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                            <div class=\"clearfix\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!debugging\">\r\n                <div class=\"error-container\">\r\n                    <div class=\"emoji\">\uD83D\uDE15</div>\r\n                    <h1>Qualcosa \u00E8 andato storto</h1>\r\n                    <p>Si \u00E8 verificato un errore imprevisto. Puoi inviare una segnalazione per aiutarci a risolverlo. </p>\r\n\r\n                    <div class=\"buttons\">\r\n                        <button class=\"report-btn btn-warning\" (click)=\"BugReportText = ''; dlgSegnalazione.show()\">Invia segnalazione</button>\r\n                        <button class=\"home-btn btn-primary\" (click)=\"goDashboard()\">Torna alla Dashboard</button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<es-modal #dlgSegnalazione [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgSegnalazione.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Invio Segnalazione</h5>\r\n    </es-modal-head>\r\n    <form novalidate #formAddEdit=\"ngForm\" (ngSubmit)=\"formAddEdit.valid && openTicket() && dlgSegnalazione.hide()\">\r\n        <div class=\"modal-body\">\r\n            <div class=\"card card-info app-padding-10 app-white-text\">\r\n                Per inviare una segnalazione, si prega di inserire una descrizione dettagliata delle azioni effettuate.\r\n                Non serve allegare nessun tipo di file/screenshot (in teoria...), tutte le informazioni richieste sono state gi\u00E0\r\n                raccolte.\r\n            </div>\r\n            <textarea class=\"bugreport-textarea\" [(ngModel)]=\"BugReportText\" #report=\"ngModel\" name=\"BugReportText\" placeholder=\"Stavo navigando nella pagina e...\" required minlength=\"50\"></textarea>\r\n            <div class=\"validation-message\" *ngIf=\"report.invalid && formAddEdit.submitted\">\r\n                La descrizione delle azioni effettuate \u00E8 obbligatoria e dev'essere almeno lunga una cinquantina di caratteri.\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgSegnalazione.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>", styles: [".bugreport-textarea{width:100%;min-height:350px;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:inherit;line-height:2;resize:none;transition:all .2s ease-in-out;background-color:#f9fafb;box-shadow:inset 0 1px 2px #0000000d;margin-top:5px}.bugreport-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f633}.error-container{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto}.error-container .emoji{font-size:4rem;margin-bottom:1rem}.error-container h1{font-size:1.8rem;margin-bottom:.5rem;color:#333}.error-container p{font-size:1rem;color:#666;margin-bottom:2rem}.error-container .buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-container .buttons button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.error-container .report-btn{background-color:#f39c12;color:#fff}.error-container .report-btn:hover{background-color:#e08e0b}.error-container .home-btn{background-color:#3498db;color:#fff}.error-container .home-btn:hover{background-color:#2980b9}.validation-message{color:#e74c3c;background-color:#fdecea;border:1px solid #f5c6cb;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ErrorPageComponent, isStandalone: true, selector: "errorpage", viewQueries: [{ propertyName: "dlgCreateTicket", first: true, predicate: ["dlgCreateTicket"], descendants: true }], 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            <!--Grafica per Sviluppatore-->\r\n            <ng-container *ngIf=\"debugging\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-body text-center\">\r\n                        <h1 class=\"display-5\">Qualcosa \u00E8 andato storto.</h1>\r\n                        <h6>\r\n                            <small>\r\n                                Si \u00E8 verificato un errore interno all'applicazione. Questo non dovrebbe accadere.\r\n                                Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il\r\n                                problema persiste invia una segnalazione allegando una breve descrizione delle\r\n                                operazioni che stavi eseguendo\r\n                            </small>\r\n                        </h6>\r\n                        <div style=\"margin-bottom: 10px;\">\r\n                            <div class=\"error-info\">\r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Utente</div>\r\n                                    <div class=\"value\">{{identityInfos}}</div>\r\n                                </div>\r\n                        \r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Percorso Pagina</div>\r\n                                    <div class=\"value\">{{errorFrom}}</div>\r\n                                </div>\r\n                        \r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Ultime tre chiamate</div>\r\n                                    <div class=\"value\">{{errorLastCalls}}</div>\r\n                                </div>\r\n                            </div>\r\n                        \r\n                            <!-- Errori Angular -->\r\n                            <div *ngIf=\"errorMessage\" class=\"error-details\">\r\n                                <div class=\"error-title\">Errore completo</div>\r\n                                <pre class=\"error-code\">{{errorMessage}}</pre>\r\n                            </div>\r\n\r\n                            <!-- Errori HTTP -->\r\n                            <ng-container *ngIf=\"statusCode || statusText\">\r\n                                <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                                <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode == '404' ? 'Pagina non trovata' : ''}}</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                            </ng-container>\r\n                        </div>\r\n                        <div style=\"display: flex;\" *ngIf=\"!ANONYMOUS_MODE\">\r\n                            <button [hidden]=\"!canReport\" type=\"button\" class=\"btn btn-warning\" (click)=\"onCreateTicket()\">Invia segnalazione</button>\r\n                            <button type=\"button\" class=\"btn btn-secondary\" style=\"margin-left: auto; margin-right: 10px;\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                            <div class=\"clearfix\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <!--Grafica per Utente-->\r\n            <ng-container *ngIf=\"!debugging\">\r\n                <div class=\"error-container\">\r\n                    <div class=\"emoji\">\uD83D\uDE15</div>\r\n                    <h1>Qualcosa \u00E8 andato storto</h1>\r\n                    <p>Si \u00E8 verificato un errore imprevisto. Puoi inviare una segnalazione per aiutarci a risolverlo. </p>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\" class=\"buttons\">\r\n                        <button [hidden]=\"!canReport\" class=\"report-btn btn-warning\" (click)=\"onCreateTicket()\">Invia segnalazione</button>\r\n                        <button class=\"home-btn btn-primary\" (click)=\"goDashboard()\">Torna alla Dashboard</button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<es-modal #dlgCreateTicket [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgCreateTicket.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Invio Segnalazione</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"CreateTicketDTO\" #formAddEdit=\"ngForm\" (ngSubmit)=\"formAddEdit.valid && doCreateTicket()\">\r\n        <div class=\"modal-body\">\r\n            <div class=\"card card-info app-padding-10 app-white-text\">\r\n                Per inviare una segnalazione, si prega di inserire una descrizione dettagliata delle azioni effettuate.\r\n                Non serve allegare nessun tipo di file/screenshot (in teoria...), tutte le informazioni richieste sono state gi\u00E0\r\n                raccolte.\r\n            </div>\r\n            <textarea class=\"bugreport-textarea\" [(ngModel)]=\"CreateTicketDTO.userMessage\" #report=\"ngModel\" name=\"BugReportText\" placeholder=\"Stavo navigando nella pagina e...\" required minlength=\"50\"></textarea>\r\n            <div class=\"validation-message\" *ngIf=\"report.invalid && formAddEdit.submitted\">\r\n                La descrizione delle azioni effettuate \u00E8 obbligatoria e dev'essere almeno lunga una cinquantina di caratteri.\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgCreateTicket.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>", styles: ["@charset \"UTF-8\";.bugreport-textarea{width:100%;min-height:350px;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:inherit;line-height:2;resize:none;transition:all .2s ease-in-out;background-color:#f9fafb;box-shadow:inset 0 1px 2px #0000000d;margin-top:5px}.bugreport-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f633}.error-container{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto}.error-container .emoji{font-size:4rem;margin-bottom:1rem}.error-container h1{font-size:1.8rem;margin-bottom:.5rem;color:#333}.error-container p{font-size:1rem;color:#666;margin-bottom:2rem}.error-container .buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-container .buttons button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.error-container .report-btn{background-color:#f39c12;color:#fff}.error-container .report-btn:hover{background-color:#e08e0b}.error-container .home-btn{background-color:#3498db;color:#fff}.error-container .home-btn:hover{background-color:#2980b9}.validation-message{color:#e74c3c;background-color:#fdecea;border:1px solid #f5c6cb;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;margin-top:.5rem}.error-info{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;padding:20px 0;background:#f8f9fb}.info-item{display:flex;flex-direction:column}.label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.value{font-size:14px;font-weight:500;color:#222;word-break:break-word;white-space:pre-wrap}.error-details{margin-top:20px;padding:16px;background:#1e1e1e;border-radius:10px;border:1px solid #333}.error-title{font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.error-code{margin-bottom:0;max-height:250px;overflow-y:auto;padding:12px;background:#111;border-radius:6px;color:#e6e6e6;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", inputs: ["AllowClose"], outputs: ["Close"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ErrorPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: "errorpage", encapsulation: ViewEncapsulation.None, imports: [NgIf, EsModalComponent, EsModalHeadComponent, FormsModule], 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            <ng-container *ngIf=\"debugging\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-body text-center\">\r\n\r\n                        <h1 class=\"display-4\">Qualcosa \u00E8 andato storto.</h1>\r\n                        <h6>\r\n                            <small>\r\n                                Si \u00E8 verificato un errore interno all'applicazione. Questo non dovrebbe accadere.\r\n                                Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il\r\n                                problema persiste invia una segnalazione allegando una breve descrizione delle\r\n                                operazioni che stavi eseguendo\r\n                            </small>\r\n                        </h6>\r\n                        <div style=\"max-height: 450px; overflow-x: hidden; overflow-y: scroll; margin-bottom: 10px;\">\r\n                            <h6 class=\"card-title text-danger app-margin-top-10 text-left\" style=\"word-wrap:break-word\" *ngIf=\"identityInfos\"><em>Logged user: {{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>From page: {{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>Last three calls: {{errorLastCalls}}</em></h6>\r\n                        \r\n                            <!-- Errori Angular -->\r\n                            <ng-container *ngIf=\"errorMessage\">\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                            </ng-container>\r\n\r\n                            <!-- Errori HTTP -->\r\n                            <ng-container *ngIf=\"statusCode || statusText\">\r\n                                <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                                <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode == '4041' ? 'Pagina non trovata' : ''}}</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                            </ng-container>\r\n                        </div>\r\n                        <div style=\"display: flex;\" *ngIf=\"!ANONYMOUS_MODE\">\r\n                            <button type=\"button\" class=\"btn btn-secondary\" yle=\"margin-right: auto;\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                            <button [hidden]=\"!canReport\" type=\"button\" class=\"btn btn-warning\" style=\"margin: auto;\" (click)=\"BugReportText = ''; dlgSegnalazione.show()\">Invia segnalazione</button>\r\n                            <button type=\"button\" class=\"btn btn-primary\" style=\"margin-left: auto;\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                            <div class=\"clearfix\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!debugging\">\r\n                <div class=\"error-container\">\r\n                    <div class=\"emoji\">\uD83D\uDE15</div>\r\n                    <h1>Qualcosa \u00E8 andato storto</h1>\r\n                    <p>Si \u00E8 verificato un errore imprevisto. Puoi inviare una segnalazione per aiutarci a risolverlo. </p>\r\n\r\n                    <div class=\"buttons\">\r\n                        <button class=\"report-btn btn-warning\" (click)=\"BugReportText = ''; dlgSegnalazione.show()\">Invia segnalazione</button>\r\n                        <button class=\"home-btn btn-primary\" (click)=\"goDashboard()\">Torna alla Dashboard</button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<es-modal #dlgSegnalazione [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgSegnalazione.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Invio Segnalazione</h5>\r\n    </es-modal-head>\r\n    <form novalidate #formAddEdit=\"ngForm\" (ngSubmit)=\"formAddEdit.valid && openTicket() && dlgSegnalazione.hide()\">\r\n        <div class=\"modal-body\">\r\n            <div class=\"card card-info app-padding-10 app-white-text\">\r\n                Per inviare una segnalazione, si prega di inserire una descrizione dettagliata delle azioni effettuate.\r\n                Non serve allegare nessun tipo di file/screenshot (in teoria...), tutte le informazioni richieste sono state gi\u00E0\r\n                raccolte.\r\n            </div>\r\n            <textarea class=\"bugreport-textarea\" [(ngModel)]=\"BugReportText\" #report=\"ngModel\" name=\"BugReportText\" placeholder=\"Stavo navigando nella pagina e...\" required minlength=\"50\"></textarea>\r\n            <div class=\"validation-message\" *ngIf=\"report.invalid && formAddEdit.submitted\">\r\n                La descrizione delle azioni effettuate \u00E8 obbligatoria e dev'essere almeno lunga una cinquantina di caratteri.\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgSegnalazione.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>", styles: [".bugreport-textarea{width:100%;min-height:350px;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:inherit;line-height:2;resize:none;transition:all .2s ease-in-out;background-color:#f9fafb;box-shadow:inset 0 1px 2px #0000000d;margin-top:5px}.bugreport-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f633}.error-container{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto}.error-container .emoji{font-size:4rem;margin-bottom:1rem}.error-container h1{font-size:1.8rem;margin-bottom:.5rem;color:#333}.error-container p{font-size:1rem;color:#666;margin-bottom:2rem}.error-container .buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-container .buttons button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.error-container .report-btn{background-color:#f39c12;color:#fff}.error-container .report-btn:hover{background-color:#e08e0b}.error-container .home-btn{background-color:#3498db;color:#fff}.error-container .home-btn:hover{background-color:#2980b9}.validation-message{color:#e74c3c;background-color:#fdecea;border:1px solid #f5c6cb;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;margin-top:.5rem}\n"] }]
+            args: [{ selector: "errorpage", encapsulation: ViewEncapsulation.None, imports: [NgIf, EsModalComponent, EsModalHeadComponent, FormsModule], 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            <!--Grafica per Sviluppatore-->\r\n            <ng-container *ngIf=\"debugging\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-body text-center\">\r\n                        <h1 class=\"display-5\">Qualcosa \u00E8 andato storto.</h1>\r\n                        <h6>\r\n                            <small>\r\n                                Si \u00E8 verificato un errore interno all'applicazione. Questo non dovrebbe accadere.\r\n                                Prova a ricaricare la pagina precedente e rieffettuare le stesse operazioni, se il\r\n                                problema persiste invia una segnalazione allegando una breve descrizione delle\r\n                                operazioni che stavi eseguendo\r\n                            </small>\r\n                        </h6>\r\n                        <div style=\"margin-bottom: 10px;\">\r\n                            <div class=\"error-info\">\r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Utente</div>\r\n                                    <div class=\"value\">{{identityInfos}}</div>\r\n                                </div>\r\n                        \r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Percorso Pagina</div>\r\n                                    <div class=\"value\">{{errorFrom}}</div>\r\n                                </div>\r\n                        \r\n                                <div class=\"info-item\">\r\n                                    <div class=\"label\">Ultime tre chiamate</div>\r\n                                    <div class=\"value\">{{errorLastCalls}}</div>\r\n                                </div>\r\n                            </div>\r\n                        \r\n                            <!-- Errori Angular -->\r\n                            <div *ngIf=\"errorMessage\" class=\"error-details\">\r\n                                <div class=\"error-title\">Errore completo</div>\r\n                                <pre class=\"error-code\">{{errorMessage}}</pre>\r\n                            </div>\r\n\r\n                            <!-- Errori HTTP -->\r\n                            <ng-container *ngIf=\"statusCode || statusText\">\r\n                                <h1 class=\"display-1\" *ngIf=\"!statusCode\">&nbsp;&nbsp;&nbsp;</h1>\r\n                                <h1 class=\"display-1\" *ngIf=\"statusCode\">{{statusCode == '404' ? 'Pagina non trovata' : ''}}</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                            </ng-container>\r\n                        </div>\r\n                        <div style=\"display: flex;\" *ngIf=\"!ANONYMOUS_MODE\">\r\n                            <button [hidden]=\"!canReport\" type=\"button\" class=\"btn btn-warning\" (click)=\"onCreateTicket()\">Invia segnalazione</button>\r\n                            <button type=\"button\" class=\"btn btn-secondary\" style=\"margin-left: auto; margin-right: 10px;\" (click)=\"goPreviousPage()\">Torna alla pagina precedente</button>\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"goDashboard()\">Vai alla Dashboard</button>\r\n                            <div class=\"clearfix\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <!--Grafica per Utente-->\r\n            <ng-container *ngIf=\"!debugging\">\r\n                <div class=\"error-container\">\r\n                    <div class=\"emoji\">\uD83D\uDE15</div>\r\n                    <h1>Qualcosa \u00E8 andato storto</h1>\r\n                    <p>Si \u00E8 verificato un errore imprevisto. Puoi inviare una segnalazione per aiutarci a risolverlo. </p>\r\n                    <div *ngIf=\"!ANONYMOUS_MODE\" class=\"buttons\">\r\n                        <button [hidden]=\"!canReport\" class=\"report-btn btn-warning\" (click)=\"onCreateTicket()\">Invia segnalazione</button>\r\n                        <button class=\"home-btn btn-primary\" (click)=\"goDashboard()\">Torna alla Dashboard</button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<es-modal #dlgCreateTicket [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgCreateTicket.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Invio Segnalazione</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"CreateTicketDTO\" #formAddEdit=\"ngForm\" (ngSubmit)=\"formAddEdit.valid && doCreateTicket()\">\r\n        <div class=\"modal-body\">\r\n            <div class=\"card card-info app-padding-10 app-white-text\">\r\n                Per inviare una segnalazione, si prega di inserire una descrizione dettagliata delle azioni effettuate.\r\n                Non serve allegare nessun tipo di file/screenshot (in teoria...), tutte le informazioni richieste sono state gi\u00E0\r\n                raccolte.\r\n            </div>\r\n            <textarea class=\"bugreport-textarea\" [(ngModel)]=\"CreateTicketDTO.userMessage\" #report=\"ngModel\" name=\"BugReportText\" placeholder=\"Stavo navigando nella pagina e...\" required minlength=\"50\"></textarea>\r\n            <div class=\"validation-message\" *ngIf=\"report.invalid && formAddEdit.submitted\">\r\n                La descrizione delle azioni effettuate \u00E8 obbligatoria e dev'essere almeno lunga una cinquantina di caratteri.\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgCreateTicket.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>", styles: ["@charset \"UTF-8\";.bugreport-textarea{width:100%;min-height:350px;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:inherit;line-height:2;resize:none;transition:all .2s ease-in-out;background-color:#f9fafb;box-shadow:inset 0 1px 2px #0000000d;margin-top:5px}.bugreport-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f633}.error-container{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto}.error-container .emoji{font-size:4rem;margin-bottom:1rem}.error-container h1{font-size:1.8rem;margin-bottom:.5rem;color:#333}.error-container p{font-size:1rem;color:#666;margin-bottom:2rem}.error-container .buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-container .buttons button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.error-container .report-btn{background-color:#f39c12;color:#fff}.error-container .report-btn:hover{background-color:#e08e0b}.error-container .home-btn{background-color:#3498db;color:#fff}.error-container .home-btn:hover{background-color:#2980b9}.validation-message{color:#e74c3c;background-color:#fdecea;border:1px solid #f5c6cb;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;margin-top:.5rem}.error-info{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;padding:20px 0;background:#f8f9fb}.info-item{display:flex;flex-direction:column}.label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.value{font-size:14px;font-weight:500;color:#222;word-break:break-word;white-space:pre-wrap}.error-details{margin-top:20px;padding:16px;background:#1e1e1e;border-radius:10px;border:1px solid #333}.error-title{font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.error-code{margin-bottom:0;max-height:250px;overflow-y:auto;padding:12px;background:#111;border-radius:6px;color:#e6e6e6;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}\n"] }]
         }], ctorParameters: () => [{ type: i2.Router }, { type: i2.ActivatedRoute }, { type: i2$1.MessageService }, { type: i3$1.HTTPService }, { type: i1.TokenService }, { type: i2$1.AppEmbeddingExtensions }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ANONYMOUS_MODE]
-                }] }] });
+                }] }], propDecorators: { dlgCreateTicket: [{
+                type: ViewChild,
+                args: ["dlgCreateTicket"]
+            }] } });
 
 class SideBarLoc extends LocalizationService {
     constructor(injector) {
@@ -1254,7 +1265,7 @@ class FormSelectorDialogComponent {
         this.itemSearch.hide();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormSelectorDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormSelectorDialogComponent, isStandalone: true, selector: "form-selector-dialog", inputs: { Subject: "Subject", EsTableTemplate: "EsTableTemplate", TableClasses: "TableClasses", SingleSelection: "SingleSelection", searchView: "searchView" }, outputs: { onClearValue: "onClearValue", onCloseDialog: "onCloseDialog", onConfirmSelection: "onConfirmSelection", onSearchRequest: "onSearchRequest", onDialogVisibilityChange: "onDialogVisibilityChange" }, viewQueries: [{ propertyName: "itemSearch", first: true, predicate: ["itemSearch"], descendants: true }], ngImport: i0, template: "<es-modal #itemSearch [Size]=\"'XL'\" (onShow)=\"onDialogVisibilityChange.emit(true)\" (onHide)=\"onDialogVisibilityChange.emit(false)\">\r\n    <es-modal-head (Close)=\"itemSearch.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Seleziona {{Subject}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\">\r\n        <form>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-11\">\r\n                    <!--Parte specifica dei filtri-->\r\n                    <ng-content select=\"[filters]\"></ng-content>\r\n                    <!----------------------------->\r\n                </div>\r\n                <div class=\"col-md-1\" style=\"display: flex;\">\r\n                    <button class=\"input-group-addon btn app-btn-search\" [disabled]=\"searchView.searchinprogress\" (click)=\"onSearchRequest.emit(true)\" type=\"submit\" style=\"margin-left: auto;\">\r\n                        <i class=\"far\" [class.fa-search]=\"!searchView.searchinprogress\" [class.fa-spinner]=\"searchView.searchinprogress\" [class.fa-spin]=\"searchView.searchinprogress\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </form>\r\n\r\n        <div class=\"app-margin-top-15\">\r\n            <es-table [class]=\"TableClasses\" [(ngModel)]=\"searchView\" [Selection]=\"true\" [SingleSelection]=\"SingleSelection\" (onSearchRequest)=\"onSearchRequest.emit($event);\" [EsThTdProvider]=\"EsTableTemplate\"></es-table>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-danger\" style=\"margin-right: auto;\" (click)=\"onClearValue.emit();\">Rimuovi valore</button>\r\n        <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"onCloseDialog.emit();\">Annulla</button>\r\n        <button type=\"button\" class=\"btn btn-primary\" (click)=\"onConfirmSelection.emit();\">Conferma</button>\r\n    </div>\r\n</es-modal>", dependencies: [{ kind: "ngmodule", type: EsTableModule }, { kind: "component", type: i7.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormSelectorDialogComponent, isStandalone: true, selector: "form-selector-dialog", inputs: { Subject: "Subject", EsTableTemplate: "EsTableTemplate", TableClasses: "TableClasses", SingleSelection: "SingleSelection", searchView: "searchView" }, outputs: { onClearValue: "onClearValue", onCloseDialog: "onCloseDialog", onConfirmSelection: "onConfirmSelection", onSearchRequest: "onSearchRequest", onDialogVisibilityChange: "onDialogVisibilityChange" }, viewQueries: [{ propertyName: "itemSearch", first: true, predicate: ["itemSearch"], descendants: true }], ngImport: i0, template: "<es-modal #itemSearch [Size]=\"'XL'\" (onShow)=\"onDialogVisibilityChange.emit(true)\" (onHide)=\"onDialogVisibilityChange.emit(false)\">\r\n    <es-modal-head (Close)=\"itemSearch.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Seleziona {{Subject}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\">\r\n        <form>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-11\">\r\n                    <!--Parte specifica dei filtri-->\r\n                    <ng-content select=\"[filters]\"></ng-content>\r\n                    <!----------------------------->\r\n                </div>\r\n                <div class=\"col-md-1\" style=\"display: flex;\">\r\n                    <button class=\"input-group-addon btn app-btn-search\" [disabled]=\"searchView.searchinprogress\" (click)=\"onSearchRequest.emit(true)\" type=\"submit\" style=\"margin-left: auto;\">\r\n                        <i class=\"far\" [class.fa-search]=\"!searchView.searchinprogress\" [class.fa-spinner]=\"searchView.searchinprogress\" [class.fa-spin]=\"searchView.searchinprogress\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </form>\r\n\r\n        <div class=\"app-margin-top-15\">\r\n            <es-table [class]=\"TableClasses\" [(ngModel)]=\"searchView\" [Selection]=\"true\" [SingleSelection]=\"SingleSelection\" (onSearchRequest)=\"onSearchRequest.emit($event);\" [EsThTdProvider]=\"EsTableTemplate\"></es-table>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-danger\" style=\"margin-right: auto;\" (click)=\"onClearValue.emit();\">Rimuovi valore</button>\r\n        <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"onCloseDialog.emit();\">Annulla</button>\r\n        <button type=\"button\" class=\"btn btn-primary\" (click)=\"onConfirmSelection.emit();\">Conferma</button>\r\n    </div>\r\n</es-modal>", dependencies: [{ kind: "ngmodule", type: EsTableModule }, { kind: "component", type: i7.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", inputs: ["AllowClose"], outputs: ["Close"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormSelectorDialogComponent, decorators: [{
             type: Component,
@@ -1524,7 +1535,7 @@ class EntityFeedsWidgetComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EntityFeedsWidgetComponent, deps: [{ token: i3$1.HTTPService }, { token: i2$1.UtilityService }, { token: i2$1.MessageService }, { token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EntityFeedsWidgetComponent, isStandalone: true, selector: "entity-feeds-widget", inputs: { EntityType: "EntityType", EntityId: "EntityId", RefreshSubject: "RefreshSubject", GetFeedsAPI: "GetFeedsAPI", CreateFeedAPI: "CreateFeedAPI", UpdateFeedAPI: "UpdateFeedAPI", DeleteFeedAPI: "DeleteFeedAPI", ReactToFeedAPI: "ReactToFeedAPI", GetUserTagsAPI: "GetUserTagsAPI", GetFeedAttachmentAPI: "GetFeedAttachmentAPI", WidgetTitle: "WidgetTitle", MaxHeight: "MaxHeight", Readonly: "Readonly", AllowUserTags: "AllowUserTags", AllowReactions: "AllowReactions", AllowAttachments: "AllowAttachments", AllowComments: "AllowComments", AllowReplies: "AllowReplies", DebugMode: "DebugMode", ModuleConfig: "ModuleConfig" }, viewQueries: [{ propertyName: "dlgCreateUpdateFeed", first: true, predicate: ["dlgCreateUpdateFeed"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "dlgFeedContentDetails", first: true, predicate: ["dlgFeedContent"], descendants: true }], ngImport: i0, template: "<h5 class=\"app-bold\">{{WidgetTitle}}</h5>\r\n<div class=\"es-card\">\r\n    <div class=\"d-flex\" style=\"margin-bottom: 1rem;\">\r\n        <ng-container *ngIf=\"AllowComments\">\r\n            <div *ngIf=\"!Readonly\">\r\n                <div class=\"feed-create-button app-no-selection app-pointer\" (click)=\"onCreateFeed()\">\r\n                    <div style=\"margin: auto;\"><i class=\"fa fa-plus\"></i></div>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <div style=\"width: 100%;\">\r\n            <form-input [Validation]=\"false\" [FormLayout]=\"false\" [(ngModel)]=\"FeedContentFilter\" (keydown.enter)=\"doRefreshFeeds()\" name=\"feedcontentfilter\">\r\n                <ng-template #suffix>\r\n                    <span class=\"fa fa-search\"></span>\r\n                </ng-template>\r\n            </form-input>\r\n        </div>\r\n    </div>\r\n    <!--Feeds-->\r\n    <div style=\"overflow: auto !important;\" [style.max-height]=\"MaxHeight\">\r\n        <ng-container *ngFor=\"let item of Feeds; let first = first;\">\r\n            <ng-container *ngTemplateOutlet=\"FeedsDisplay; context: { $implicit: item, 'childTemplate': FeedsDisplay ,'isChild': false, 'first': first };\"></ng-container>\r\n        </ng-container>\r\n        <div *ngIf=\"Feeds?.length == 0\">\r\n            <em>Nessun feed disponibile...</em>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Grafica di un singolo Feed-->\r\n<ng-template #FeedsDisplay let-item let-childTemplate=\"childTemplate\" let-isChild=\"isChild\" let-first=\"first\">\r\n    <div [class.feed-container]=\"!isChild\" [class.feed-child-container]=\"isChild\" [class.first]=\"first\">\r\n        <!--Colonna Sinistra-->\r\n        <div class=\"feed-left-col\">\r\n            <div class=\"feed-owner-icon\">\r\n                <img *ngIf=\"!item.systemgen\" class=\"feed-owner-icon-image\" alt=\"user-img\" src=\"assets/img/users/user_default.jpg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'INFO'\" class=\"feed-owner-icon-image fill-info\" alt=\"info\" src=\"assets/img/users/user_severity.svg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'WARNING'\" class=\"feed-owner-icon-image fill-warning\" alt=\"warning\" src=\"assets/img/users/user_severity.svg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'ERROR'\" class=\"feed-owner-icon-image fill-danger\" alt=\"error\" src=\"assets/img/users/user_severity.svg\">\r\n            </div>\r\n            <div *ngIf=\"item.childfeeds?.length > 0\" class=\"feed-sideline\"></div>\r\n        </div>\r\n        <!--Colonna Centrale-->\r\n        <div class=\"feed-mid-col\">\r\n            <div class=\"feed-mid-col-content\">\r\n                <!--Content-->\r\n                <div class=\"width-90\">\r\n                    <!--Intestazione-->\r\n                    <div>\r\n                        <span class=\"app-bold\">{{item.systemgen ? 'SISTEMA' : item.user}} </span>\r\n                        <span class=\"feed-gray-text\">{{item.dateins | loc_date: 'DD/MM/YYYY'}} alle {{item.dateins | loc_date: 'HH:mm'}}</span>\r\n                    </div>\r\n                    <!--Allegato-->\r\n                    <div *ngIf=\"item.filename\">\r\n                        <div class=\"app-pointer feed-cta\" (click)=\"onDownloadFeedAttachment(item)\">\r\n                            <span><i class=\"fa fa-file\"></i> {{item.filename}} ({{item.filesize}}KB)</span>\r\n                        </div>\r\n                    </div>\r\n                    <!--Messaggio-->\r\n                    <div *ngIf=\"!item.systemgen\" class=\"app-markdown\" markdown emoji>{{item.content}}</div>\r\n                    <div *ngIf=\"item.systemgen\">\r\n                        <span class=\"app-markdown\" markdown emoji>{{item.user}}: {{item.title}}</span>\r\n                        <span *ngIf=\"item.content\" (click)=\"onShowFeedContent(item.content)\">&nbsp;<i class=\"far fa-up-right-from-square text-info app-pointer\"></i></span>\r\n                    </div>\r\n                    <!--Operazioni-->\r\n                    <div class=\"feed-col-operations\">\r\n                        <ng-container *ngIf=\"AllowReactions\">\r\n                            <div [class.feed-reaction-sel]=\"item.liked\" class=\"app-pointer feed-reaction\" (click)=\"onReactToFeed(item, item.liked ? '' : '0')\"><span><i class=\"fa fa-thumbs-up\"></i> {{item.likes?.length}}</span></div>\r\n                            <div [class.feed-reaction-sel]=\"item.disliked\" class=\"app-pointer feed-reaction\" (click)=\"onReactToFeed(item, item.disliked ? '' : '1')\"><span><i class=\"fa fa-thumbs-down\"></i> {{item.dislikes?.length}}</span></div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"AllowReplies\">\r\n                            <div *ngIf=\"!Readonly && !isChild\" class=\"app-pointer feed-cta\" style=\"padding: 0.2rem;\" (click)=\"onSelectFeed(item) && onCreateFeed(true)\">Rispondi</div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n                <!--Dropdown-->\r\n                <div class=\"feed-operation-col\">\r\n                    <div *ngIf=\"LoggedUser == item.user && !item.systemgen && !Readonly && FeedsOperations?.length > 0\" class=\"app-pointer feed-cta\" (click)=\"onSelectFeed(item) && FeedsOperationsDropdown.Show($event)\">\r\n                        <i class=\"fa fa-ellipsis-h\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!--Feeds figli-->\r\n            <ng-container *ngFor=\"let childItem of item.childfeeds\">\r\n                <ng-container *ngTemplateOutlet=\"childTemplate; context: { $implicit: childItem, 'isChild': true };\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!--Creazione/Aggiornamento Feed-->\r\n<es-modal #dlgCreateUpdateFeed [Size]=\"'M'\">\r\n    <es-modal-head (Close)=\"dlgCreateUpdateFeed.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Aggiungi Feed</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"CreateUpdateFeedDTO\" #formCreateUpdateFeed=\"ngForm\" (ngSubmit)=\"formCreateUpdateFeed.valid && doCreateUpdateFeed()\">\r\n        <div class=\"modal-body\">\r\n            <!--TODO: Usato solo nel CRM, quando verra aggiornato a ng19 reintegrare-->\r\n            <!-- <form-checkbox *ac=\"'!R:actor'\" [Label]=\"'Pubblico'\" [LabelInputRatio]=\"'2 10'\" [(ngModel)]=\"CreateUpdateFeedDTO.ispublic\" name=\"ispublic\"></form-checkbox> -->\r\n            <markdown-editor #editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" name=\"markdownEditor\"></markdown-editor>\r\n            <form-file *ngIf=\"AllowAttachments\" [Label]=\"'Allegato'\" [LabelInputRatio]=\"'2 10'\" [(ngModel)]=\"AllegatoFile\" [Last]=\"true\" name=\"add_file\"></form-file>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgCreateUpdateFeed.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Contenuto Feed-->\r\n<es-modal #dlgFeedContent [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgFeedContent.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Dettaglio Feed di Sistema</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\">\r\n        <div *ngIf=\"FeedContentDetails\" class=\"app-markdown\" markdown emoji>{{FeedContentDetails}}</div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgFeedContent.hide();\">Chiudi</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<simple-dropdown #FeedsOperationsDropdown [Options]=\"FeedsOperations\"></simple-dropdown>", styles: [".feed-cta{color:#0275d8!important}.feed-container{position:relative;margin-top:15px;font-size:.8rem!important;display:flex}.feed-container.first{margin-top:0}.file-icon{background-color:#eee;border-radius:5px;font-size:.8rem;text-align:center}.feed-owner-icon{width:2rem;height:2rem}.feed-owner-icon-image{width:2rem;border-radius:1rem}.feed-sideline{height:calc(100% - 2rem);background-color:#eee;border-radius:1rem;width:.1rem;margin-top:.2rem!important;margin:auto}.feed-reaction{border-radius:5px;padding:.2rem .5rem;margin-right:.5rem;background-color:#eee!important}.feed-reaction-sel{background-color:#5599e5!important;color:#f8f9fa!important}.feed-create-button{border:1px solid #dfdfdf;border-radius:5px;height:39px;width:39px;margin-right:15px;display:flex}.feed-create-button:hover{background-color:#d4d4d4}.app-markdown{display:inline-block}.app-markdown p{margin-bottom:0!important;white-space:break-spaces!important}.app-ck-height-400{padding-bottom:15px!important}.app-ck-height-400 .ck-editor__editable{max-height:400px;min-height:200px}.feed-left-col{width:2rem}.feed-mid-col-content{display:flex;width:100%}.feed-mid-col{width:100%;padding-left:10px}.feed-operation-col{text-align:center;font-size:1rem;margin-left:auto;margin-right:1rem}.width-90{width:90%}.feed-gray-text{color:gray;font-size:.7rem}.feed-col-operations{display:flex;margin-top:.2rem}.feed-child-container{display:flex;margin-top:10px}.fill-info{filter:invert(69%) sepia(75%) saturate(6042%) hue-rotate(163deg) brightness(97%) contrast(103%)}.fill-warning{filter:invert(63%) sepia(87%) saturate(1749%) hue-rotate(351deg) brightness(103%) contrast(94%)}.fill-danger{filter:invert(15%) sepia(85%) saturate(2826%) hue-rotate(341deg) brightness(100%) contrast(103%)}::-webkit-scrollbar{width:4px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}::-webkit-scrollbar-track{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "pipe", type: i2$1.LocDatePipe, name: "loc_date" }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i6.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i6.EsFormFileComponent, selector: "form-file", inputs: ["Multiple", "AllowDownload", "MaxSize", "FancyMode", "ReadFile"] }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }, { kind: "ngmodule", type: UtilityComponentsModule }, { kind: "component", type: i7$1.SimpleDropdownComponent, selector: "simple-dropdown", inputs: ["Options"] }, { kind: "ngmodule", type: AccessControlModule }, { kind: "component", type: MarkdownEditorComponent, selector: "markdown-editor", inputs: ["Readonly", "Required", "Validation", "MentionMarker", "MentionEntities"] }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EntityFeedsWidgetComponent, isStandalone: true, selector: "entity-feeds-widget", inputs: { EntityType: "EntityType", EntityId: "EntityId", RefreshSubject: "RefreshSubject", GetFeedsAPI: "GetFeedsAPI", CreateFeedAPI: "CreateFeedAPI", UpdateFeedAPI: "UpdateFeedAPI", DeleteFeedAPI: "DeleteFeedAPI", ReactToFeedAPI: "ReactToFeedAPI", GetUserTagsAPI: "GetUserTagsAPI", GetFeedAttachmentAPI: "GetFeedAttachmentAPI", WidgetTitle: "WidgetTitle", MaxHeight: "MaxHeight", Readonly: "Readonly", AllowUserTags: "AllowUserTags", AllowReactions: "AllowReactions", AllowAttachments: "AllowAttachments", AllowComments: "AllowComments", AllowReplies: "AllowReplies", DebugMode: "DebugMode", ModuleConfig: "ModuleConfig" }, viewQueries: [{ propertyName: "dlgCreateUpdateFeed", first: true, predicate: ["dlgCreateUpdateFeed"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "dlgFeedContentDetails", first: true, predicate: ["dlgFeedContent"], descendants: true }], ngImport: i0, template: "<h5 class=\"app-bold\">{{WidgetTitle}}</h5>\r\n<div class=\"es-card\">\r\n    <div class=\"d-flex\" style=\"margin-bottom: 1rem;\">\r\n        <ng-container *ngIf=\"AllowComments\">\r\n            <div *ngIf=\"!Readonly\">\r\n                <div class=\"feed-create-button app-no-selection app-pointer\" (click)=\"onCreateFeed()\">\r\n                    <div style=\"margin: auto;\"><i class=\"fa fa-plus\"></i></div>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <div style=\"width: 100%;\">\r\n            <form-input [Validation]=\"false\" [FormLayout]=\"false\" [(ngModel)]=\"FeedContentFilter\" (keydown.enter)=\"doRefreshFeeds()\" name=\"feedcontentfilter\">\r\n                <ng-template #suffix>\r\n                    <span class=\"fa fa-search\"></span>\r\n                </ng-template>\r\n            </form-input>\r\n        </div>\r\n    </div>\r\n    <!--Feeds-->\r\n    <div style=\"overflow: auto !important;\" [style.max-height]=\"MaxHeight\">\r\n        <ng-container *ngFor=\"let item of Feeds; let first = first;\">\r\n            <ng-container *ngTemplateOutlet=\"FeedsDisplay; context: { $implicit: item, 'childTemplate': FeedsDisplay ,'isChild': false, 'first': first };\"></ng-container>\r\n        </ng-container>\r\n        <div *ngIf=\"Feeds?.length == 0\">\r\n            <em>Nessun feed disponibile...</em>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Grafica di un singolo Feed-->\r\n<ng-template #FeedsDisplay let-item let-childTemplate=\"childTemplate\" let-isChild=\"isChild\" let-first=\"first\">\r\n    <div [class.feed-container]=\"!isChild\" [class.feed-child-container]=\"isChild\" [class.first]=\"first\">\r\n        <!--Colonna Sinistra-->\r\n        <div class=\"feed-left-col\">\r\n            <div class=\"feed-owner-icon\">\r\n                <img *ngIf=\"!item.systemgen\" class=\"feed-owner-icon-image\" alt=\"user-img\" src=\"assets/img/users/user_default.jpg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'INFO'\" class=\"feed-owner-icon-image fill-info\" alt=\"info\" src=\"assets/img/users/user_severity.svg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'WARNING'\" class=\"feed-owner-icon-image fill-warning\" alt=\"warning\" src=\"assets/img/users/user_severity.svg\">\r\n                <img *ngIf=\"item.systemgen && item.severityid == 'ERROR'\" class=\"feed-owner-icon-image fill-danger\" alt=\"error\" src=\"assets/img/users/user_severity.svg\">\r\n            </div>\r\n            <div *ngIf=\"item.childfeeds?.length > 0\" class=\"feed-sideline\"></div>\r\n        </div>\r\n        <!--Colonna Centrale-->\r\n        <div class=\"feed-mid-col\">\r\n            <div class=\"feed-mid-col-content\">\r\n                <!--Content-->\r\n                <div class=\"width-90\">\r\n                    <!--Intestazione-->\r\n                    <div>\r\n                        <span class=\"app-bold\">{{item.systemgen ? 'SISTEMA' : item.user}} </span>\r\n                        <span class=\"feed-gray-text\">{{item.dateins | loc_date: 'DD/MM/YYYY'}} alle {{item.dateins | loc_date: 'HH:mm'}}</span>\r\n                    </div>\r\n                    <!--Allegato-->\r\n                    <div *ngIf=\"item.filename\">\r\n                        <div class=\"app-pointer feed-cta\" (click)=\"onDownloadFeedAttachment(item)\">\r\n                            <span><i class=\"fa fa-file\"></i> {{item.filename}} ({{item.filesize}}KB)</span>\r\n                        </div>\r\n                    </div>\r\n                    <!--Messaggio-->\r\n                    <div *ngIf=\"!item.systemgen\" class=\"app-markdown\" markdown emoji>{{item.content}}</div>\r\n                    <div *ngIf=\"item.systemgen\">\r\n                        <span class=\"app-markdown\" markdown emoji>{{item.user}}: {{item.title}}</span>\r\n                        <span *ngIf=\"item.content\" (click)=\"onShowFeedContent(item.content)\">&nbsp;<i class=\"far fa-up-right-from-square text-info app-pointer\"></i></span>\r\n                    </div>\r\n                    <!--Operazioni-->\r\n                    <div class=\"feed-col-operations\">\r\n                        <ng-container *ngIf=\"AllowReactions\">\r\n                            <div [class.feed-reaction-sel]=\"item.liked\" class=\"app-pointer feed-reaction\" (click)=\"onReactToFeed(item, item.liked ? '' : '0')\"><span><i class=\"fa fa-thumbs-up\"></i> {{item.likes?.length}}</span></div>\r\n                            <div [class.feed-reaction-sel]=\"item.disliked\" class=\"app-pointer feed-reaction\" (click)=\"onReactToFeed(item, item.disliked ? '' : '1')\"><span><i class=\"fa fa-thumbs-down\"></i> {{item.dislikes?.length}}</span></div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"AllowReplies\">\r\n                            <div *ngIf=\"!Readonly && !isChild\" class=\"app-pointer feed-cta\" style=\"padding: 0.2rem;\" (click)=\"onSelectFeed(item) && onCreateFeed(true)\">Rispondi</div>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n                <!--Dropdown-->\r\n                <div class=\"feed-operation-col\">\r\n                    <div *ngIf=\"LoggedUser == item.user && !item.systemgen && !Readonly && FeedsOperations?.length > 0\" class=\"app-pointer feed-cta\" (click)=\"onSelectFeed(item) && FeedsOperationsDropdown.Show($event)\">\r\n                        <i class=\"fa fa-ellipsis-h\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!--Feeds figli-->\r\n            <ng-container *ngFor=\"let childItem of item.childfeeds\">\r\n                <ng-container *ngTemplateOutlet=\"childTemplate; context: { $implicit: childItem, 'isChild': true };\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!--Creazione/Aggiornamento Feed-->\r\n<es-modal #dlgCreateUpdateFeed [Size]=\"'M'\">\r\n    <es-modal-head (Close)=\"dlgCreateUpdateFeed.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Aggiungi Feed</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"CreateUpdateFeedDTO\" #formCreateUpdateFeed=\"ngForm\" (ngSubmit)=\"formCreateUpdateFeed.valid && doCreateUpdateFeed()\">\r\n        <div class=\"modal-body\">\r\n            <!--TODO: Usato solo nel CRM, quando verra aggiornato a ng19 reintegrare-->\r\n            <!-- <form-checkbox *ac=\"'!R:actor'\" [Label]=\"'Pubblico'\" [LabelInputRatio]=\"'2 10'\" [(ngModel)]=\"CreateUpdateFeedDTO.ispublic\" name=\"ispublic\"></form-checkbox> -->\r\n            <markdown-editor #editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" name=\"markdownEditor\"></markdown-editor>\r\n            <form-file *ngIf=\"AllowAttachments\" [Label]=\"'Allegato'\" [LabelInputRatio]=\"'2 10'\" [(ngModel)]=\"AllegatoFile\" [Last]=\"true\" name=\"add_file\"></form-file>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgCreateUpdateFeed.hide();\">Annulla</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Contenuto Feed-->\r\n<es-modal #dlgFeedContent [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgFeedContent.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Dettaglio Feed di Sistema</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\">\r\n        <div *ngIf=\"FeedContentDetails\" class=\"app-markdown\" markdown emoji>{{FeedContentDetails}}</div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgFeedContent.hide();\">Chiudi</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<simple-dropdown #FeedsOperationsDropdown [Options]=\"FeedsOperations\"></simple-dropdown>", styles: [".feed-cta{color:#0275d8!important}.feed-container{position:relative;margin-top:15px;font-size:.8rem!important;display:flex}.feed-container.first{margin-top:0}.file-icon{background-color:#eee;border-radius:5px;font-size:.8rem;text-align:center}.feed-owner-icon{width:2rem;height:2rem}.feed-owner-icon-image{width:2rem;border-radius:1rem}.feed-sideline{height:calc(100% - 2rem);background-color:#eee;border-radius:1rem;width:.1rem;margin-top:.2rem!important;margin:auto}.feed-reaction{border-radius:5px;padding:.2rem .5rem;margin-right:.5rem;background-color:#eee!important}.feed-reaction-sel{background-color:#5599e5!important;color:#f8f9fa!important}.feed-create-button{border:1px solid #dfdfdf;border-radius:5px;height:39px;width:39px;margin-right:15px;display:flex}.feed-create-button:hover{background-color:#d4d4d4}.app-markdown{display:inline-block}.app-markdown p{margin-bottom:0!important;white-space:break-spaces!important}.app-ck-height-400{padding-bottom:15px!important}.app-ck-height-400 .ck-editor__editable{max-height:400px;min-height:200px}.feed-left-col{width:2rem}.feed-mid-col-content{display:flex;width:100%}.feed-mid-col{width:100%;padding-left:10px}.feed-operation-col{text-align:center;font-size:1rem;margin-left:auto;margin-right:1rem}.width-90{width:90%}.feed-gray-text{color:gray;font-size:.7rem}.feed-col-operations{display:flex;margin-top:.2rem}.feed-child-container{display:flex;margin-top:10px}.fill-info{filter:invert(69%) sepia(75%) saturate(6042%) hue-rotate(163deg) brightness(97%) contrast(103%)}.fill-warning{filter:invert(63%) sepia(87%) saturate(1749%) hue-rotate(351deg) brightness(103%) contrast(94%)}.fill-danger{filter:invert(15%) sepia(85%) saturate(2826%) hue-rotate(341deg) brightness(100%) contrast(103%)}::-webkit-scrollbar{width:4px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}::-webkit-scrollbar-track{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "pipe", type: i2$1.LocDatePipe, name: "loc_date" }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i6.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i6.EsFormFileComponent, selector: "form-file", inputs: ["Multiple", "AllowDownload", "MaxSize", "FancyMode", "ReadFile"] }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", inputs: ["AllowClose"], outputs: ["Close"] }, { kind: "ngmodule", type: UtilityComponentsModule }, { kind: "component", type: i7$1.SimpleDropdownComponent, selector: "simple-dropdown", inputs: ["Options"] }, { kind: "ngmodule", type: AccessControlModule }, { kind: "component", type: MarkdownEditorComponent, selector: "markdown-editor", inputs: ["Readonly", "Required", "Validation", "MentionMarker", "MentionEntities"] }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EntityFeedsWidgetComponent, decorators: [{
             type: Component,
@@ -1818,7 +1829,7 @@ class UserInfosComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserInfosComponent, deps: [{ token: i0.Injector }, { token: i1.TokenService }, { token: i2$1.MessageService }, { token: i2$1.ExportService }, { token: i2$1.UtilityService }, { token: i1$1.LocalizationService }, { token: i1.AppState }, { token: i1.UserPreferencesService }, { token: i1$2.PreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: UserInfosComponent, isStandalone: true, selector: "user-infos", viewQueries: [{ propertyName: "dlgShowAccountRoles", first: true, predicate: ["dlgShowAccountRoles"], descendants: true }, { propertyName: "dlgUpdateProfilePicture", first: true, predicate: ["dlgUpdateProfilePicture"], descendants: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true }, { propertyName: "dlgUpdateRecoverySettings", first: true, predicate: ["dlgUpdateRecoverySettings"], descendants: true }, { propertyName: "dlgUpdatePassword", first: true, predicate: ["dlgUpdatePassword"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" pTooltip=\"Visualizza Ruoli e Permessi\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-15\"><form-checkbox [LabelInputRatio]=\"'8 4'\" [SliderMode]=\"true\" [Label]=\"'Disattiva effetti grafici' | localize: lc\" [(ngModel)]=\"GraphicEffectsDeactivated\" (inputChange)=\"effectsActiveChanged()\" name=\"gea\"></form-checkbox></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i6.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i6.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$1.LocalizePipe, name: "localize" }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", outputs: ["Close"] }, { kind: "component", type: EsImageCropperComponent, selector: "es-image-cropper", inputs: ["Height", "Width"] }, { kind: "component", type: LabeledSpanComponent, selector: "labeled-span", inputs: ["First", "Label", "Display"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5$1.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: UserInfosComponent, isStandalone: true, selector: "user-infos", viewQueries: [{ propertyName: "dlgShowAccountRoles", first: true, predicate: ["dlgShowAccountRoles"], descendants: true }, { propertyName: "dlgUpdateProfilePicture", first: true, predicate: ["dlgUpdateProfilePicture"], descendants: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true }, { propertyName: "dlgUpdateRecoverySettings", first: true, predicate: ["dlgUpdateRecoverySettings"], descendants: true }, { propertyName: "dlgUpdatePassword", first: true, predicate: ["dlgUpdatePassword"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 100%; width: 100%; display: flex;\">\r\n    <div style=\"margin: auto;\">\r\n        <div class=\"user-img-container\">\r\n            <img [src]=\"profile.ProfilePicture\" alt=\"user-img\" class=\"user-img\" />\r\n            <div class=\"app-pointer user-img-btn\">\r\n                <div class=\"app-opacity user-img-btn-body\" (click)=\"onUpdateProfilePicture();\">\r\n                    <i class=\"far fa-pen\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-15\" style=\"position: relative;\" *ngIf=\"AccountDetails\">\r\n            <div class=\"card card-body app-no-margin app-padding-15\">\r\n                <div class=\"row\">\r\n                    <div *ac=\"'R:Jace Admin'\" class=\"user-roles-btn\" pTooltip=\"Visualizza Ruoli e Permessi\" matTooltipPosition=\"above\" (click)=\"onShowAccountRoles();\">\r\n                        <i class=\"far fa-book-user\"></i>\r\n                    </div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Utente' | localize : lc\" Display=\"Vertical\">{{AccountDetails.username}}</labeled-span></div>\r\n                    <div class=\"col-md-6\"><labeled-span [Label]=\"'Tenant' | localize : lc\" Display=\"Vertical\">{{AccountDetails.tenantid}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Nome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.firstname}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Cognome' | localize : lc\" Display=\"Vertical\">{{AccountDetails.lastname}}</labeled-span> </div>\r\n                    <div class=\"col-md-6 app-margin-top-10\"><labeled-span [Label]=\"'Email' | localize : lc\" Display=\"Vertical\">{{AccountDetails.recoveryemail || 'Non disponibile'}}</labeled-span></div>\r\n                    <div class=\"col-md-6 app-margin-top-15\"><form-checkbox [LabelInputRatio]=\"'8 4'\" [SliderMode]=\"true\" [Label]=\"'Disattiva effetti grafici' | localize: lc\" [(ngModel)]=\"GraphicEffectsDeactivated\" (inputChange)=\"effectsActiveChanged()\" name=\"gea\"></form-checkbox></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"app-margin-top-10 row\">\r\n            <div class=\"col-md-6\" style=\"padding-right: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdatePassword()\">Modifica Password</button>\r\n            </div>\r\n            <div class=\"col-md-6\" style=\"padding-left: 5px;\">\r\n                <button type=\"button\" style=\"width: 100%;\" class=\"btn btn-primary\" (click)=\"onUpdateRecoverySettings()\">Modifica Email</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--Update Password-->\r\n<es-modal #dlgUpdatePassword [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdatePassword.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Modifica Password</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdatePasswordDTO\" #formUpdatePassword=\"ngForm\" (ngSubmit)=\"formUpdatePassword.valid && doUpdatePassword()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [Password]=\"true\" [Label]=\"'Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.oldpwd\" name=\"oldpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Nuova Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.newpwd\" name=\"newpw\" required></form-input>\r\n            <form-input [Password]=\"true\" [Label]=\"'Conferma Password' | localize: lc\" [(ngModel)]=\"UpdatePasswordDTO.confirmpwd\" name=\"confpw\" required></form-input>\r\n            <!--Validazione Custom-->\r\n            <div *ngIf=\"CustomError\" class=\"app-white-text app-margin-top-15 app-margin-bottom-0 card app-padding-10 card-danger\">\r\n                <strong>{{'Error' | localize : lc}}:&nbsp;</strong>{{CustomError}}\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdatePassword.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Update Extra Info-->\r\n<es-modal #dlgUpdateRecoverySettings [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgUpdateRecoverySettings.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Modifica Email' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <form *ngIf=\"UpdateRecoverySettingsDTO\" #formUpdateInfos=\"ngForm\" (ngSubmit)=\"formUpdateInfos.valid && doUpdateRecoverySettings()\">\r\n        <div class=\"modal-body lastfix\">\r\n            <form-input [LabelInputRatio]=\"'3 9'\" [Label]=\"'Email' | localize: lc\" [(ngModel)]=\"UpdateRecoverySettingsDTO.email\" name=\"email\"></form-input>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary app-margin-right-10\" (click)=\"dlgUpdateRecoverySettings.hide();\">{{'Cancel' | localize : lc}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary\">Conferma</button>\r\n        </div>\r\n    </form>\r\n</es-modal>\r\n\r\n<!--Upload Picture-->\r\n<es-modal #dlgUpdateProfilePicture [Size]=\"'XL'\">\r\n    <es-modal-head (Close)=\"dlgUpdateProfilePicture.hide();\">\r\n        <h5 class=\"modal-title pull-left\">Carica immagine</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body d-flex\">\r\n        <div style=\"margin: auto;\">\r\n            <es-image-cropper #imageCropper [Height]=\"600\" [Width]=\"800\"></es-image-cropper>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgUpdateProfilePicture.hide()\">Annulla</button>\r\n        <button type=\"submit\" class=\"btn btn-primary\" (click)=\"doUpdateProfilePicture()\">Conferma</button>\r\n    </div>\r\n</es-modal>\r\n\r\n<!--Ruoli e Permessi-->\r\n<es-modal #dlgShowAccountRoles [Size]=\"'L'\">\r\n    <es-modal-head (Close)=\"dlgShowAccountRoles.hide();\">\r\n        <h5 class=\"modal-title pull-left\">{{'Ruoli e Permessi' | localize : lc}}</h5>\r\n    </es-modal-head>\r\n    <div class=\"modal-body\" style=\"max-height: 600px; overflow-y: auto;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"AccountRoles\">\r\n                <labeled-span [Label]=\"'Ruoli'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let r of AccountRoles;\">{{r}}</div>\r\n                </labeled-span>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"AccountPermissions\">\r\n                <labeled-span [Label]=\"'Permessi'\" Display=\"Vertical\">\r\n                    <div *ngFor=\"let p of AccountPermissions;\">{{p}}</div>\r\n                </labeled-span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"dlgShowAccountRoles.hide();\">{{'Chiudi' | localize : lc}}</button>\r\n    </div>\r\n</es-modal>", styles: [".app-wideplus{width:100%;text-align:center;border:1px solid #ccc;border-radius:5px;padding:5px}.btn-outline-main-modified{color:#242d3a;border-color:#242d3a;background:transparent}.btn-outline-main-modified:hover{color:#fff;background:#242d3a;border-color:#242d3a}.user-img-container{position:relative;width:200px;margin:auto}.user-img{object-fit:cover;max-height:200px;min-height:200px;min-width:200px;max-width:200px;border-radius:50%;box-shadow:0 8px 6px #1313130a,0 12px 16px #1313130d}.user-img-btn{position:absolute;right:0;width:40px;height:40px;margin-top:-50px}.user-img-btn-body{background-color:#0056b3;color:#fff;border-radius:50%;text-align:center;height:100%;font-size:1.2rem;line-height:2.5rem}.user-roles-btn{position:absolute;top:0;right:2px;font-size:1.2rem;padding:5px;z-index:1;color:#0056b3;cursor:pointer;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsAndValidationsModule }, { kind: "component", type: i6.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i6.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$1.LocalizePipe, name: "localize" }, { kind: "component", type: EsModalComponent, selector: "es-modal", inputs: ["Size", "IgnoreBackdrop", "Backdrop", "HasOverlap"], outputs: ["onShow", "onHide"] }, { kind: "component", type: EsModalHeadComponent, selector: "es-modal-head", inputs: ["AllowClose"], outputs: ["Close"] }, { kind: "component", type: EsImageCropperComponent, selector: "es-image-cropper", inputs: ["Height", "Width"] }, { kind: "component", type: LabeledSpanComponent, selector: "labeled-span", inputs: ["First", "Label", "Display"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "ngmodule", type: AccessControlModule }, { kind: "directive", type: i5$1.AccessControlDirective, selector: "[ac]", inputs: ["ac", "acAbsolute"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], viewProviders: [{ provide: LocalizationService, useClass: UserInfoComponentLoc }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserInfosComponent, decorators: [{
             type: Component,