@esfaenza/core 19.2.249 → 19.2.251

package/components/components.module.d.ts

@@ -25,9 +25,8 @@ import * as i23 from "./es-image-cropper/es-image-cropper.component";
 import * as i24 from "./selector/form-selector/form-selector.component";
 import * as i25 from "./selector/form-selector-dialog/form-selector-dialog.component";
 import * as i26 from "./entity-feeds-widget/entity-feeds-widget.component";
-import * as i27 from "@esfaenza/text-editors";
 export declare class ComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FormsModule, typeof i4.DirectivesModule, typeof i5.LocalizationModule, typeof i6.ProgressbarModule, typeof i7.BsDropdownModule, typeof i8.ModalModule, typeof i9.EsTableModule, typeof i10.BackTop, typeof i11.Breadcrumb, typeof i12.ErrorPageComponent, typeof i13.PagesComponent, typeof i14.ExternalPagesComponent, typeof i15.JaceLoginComponent, typeof i16.Navbar, typeof i17.RedirecterComponent, typeof i18.Sidebar, typeof i19.JaceResourceComponent, typeof i20.EsModalComponent, typeof i21.EsModalHeadComponent, typeof i22.LabeledSpanComponent, typeof i23.EsImageCropperComponent, typeof i24.FormSelectorComponent, typeof i25.FormSelectorDialogComponent, typeof i26.EntityFeedsWidgetComponent, typeof i27.EditorComponent], [typeof i10.BackTop, typeof i11.Breadcrumb, typeof i12.ErrorPageComponent, typeof i13.PagesComponent, typeof i14.ExternalPagesComponent, typeof i15.JaceLoginComponent, typeof i16.Navbar, typeof i17.RedirecterComponent, typeof i18.Sidebar, typeof i19.JaceResourceComponent, typeof i20.EsModalComponent, typeof i21.EsModalHeadComponent, typeof i22.LabeledSpanComponent, typeof i23.EsImageCropperComponent, typeof i24.FormSelectorComponent, typeof i25.FormSelectorDialogComponent, typeof i26.EntityFeedsWidgetComponent, typeof i27.EditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FormsModule, typeof i4.DirectivesModule, typeof i5.LocalizationModule, typeof i6.ProgressbarModule, typeof i7.BsDropdownModule, typeof i8.ModalModule, typeof i9.EsTableModule, typeof i10.BackTop, typeof i11.Breadcrumb, typeof i12.ErrorPageComponent, typeof i13.PagesComponent, typeof i14.ExternalPagesComponent, typeof i15.JaceLoginComponent, typeof i16.Navbar, typeof i17.RedirecterComponent, typeof i18.Sidebar, typeof i19.JaceResourceComponent, typeof i20.EsModalComponent, typeof i21.EsModalHeadComponent, typeof i22.LabeledSpanComponent, typeof i23.EsImageCropperComponent, typeof i24.FormSelectorComponent, typeof i25.FormSelectorDialogComponent, typeof i26.EntityFeedsWidgetComponent], [typeof i10.BackTop, typeof i11.Breadcrumb, typeof i12.ErrorPageComponent, typeof i13.PagesComponent, typeof i14.ExternalPagesComponent, typeof i15.JaceLoginComponent, typeof i16.Navbar, typeof i17.RedirecterComponent, typeof i18.Sidebar, typeof i19.JaceResourceComponent, typeof i20.EsModalComponent, typeof i21.EsModalHeadComponent, typeof i22.LabeledSpanComponent, typeof i23.EsImageCropperComponent, typeof i24.FormSelectorComponent, typeof i25.FormSelectorDialogComponent, typeof i26.EntityFeedsWidgetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
 }

package/fesm2022/esfaenza-core-components.mjs

@@ -32,12 +32,12 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import * as i1$2 from '@esfaenza/preferences';
 import { CacheService } from '@esfaenza/preferences';
 import * as i2$2 from '@esfaenza/signalr-notifications';
-import { EditorComponent } from '@esfaenza/text-editors';
 import { ModalModule } from 'ngx-bootstrap/modal';
 import { ImageCropperComponent } from 'ngx-image-cropper';
 import * as i6 from '@esfaenza/forms-and-validations';
 import { AppFile, FormsAndValidationsModule } from '@esfaenza/forms-and-validations';
 import { HttpParams } from '@angular/common/http';
+import { EditorComponent } from '@esfaenza/text-editors';
 import * as i7$1 from '@esfaenza/utility-components';
 import { UtilityComponentsModule } from '@esfaenza/utility-components';
 import * as i8 from 'ngx-markdown';
@@ -1398,11 +1398,10 @@ class EntityFeedsWidgetComponent {
             .set("idEntityType", this.EntityType)
             .set("idEntity", this.EntityId);
         this.http.get(this.GetFeedsAPI, pars).subscribe(res => {
+            this.FLAG_RefreshingFeeds = false;
             this.Feeds = res.filter(f => {
                 let filter = this.FeedContentFilter?.toLowerCase();
-                this.FLAG_RefreshingFeeds = false;
-                return !filter ? true :
-                    (f.title?.toLowerCase().includes(filter) || f.content?.toLowerCase().includes(filter) || f.user?.toLowerCase().includes(filter));
+                return !filter ? true : (f.title?.toLowerCase().includes(filter) || f.content?.toLowerCase().includes(filter) || f.user?.toLowerCase().includes(filter));
             });
         });
     }
@@ -1529,11 +1528,11 @@ class EntityFeedsWidgetComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", 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: "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            <es-editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" Mode=\"markdown\" name=\"markdownEditor\"></es-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: "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.25", 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: "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            <es-editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" Mode=\"markdown\" name=\"markdownEditor\"></es-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: "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"] }, { kind: "component", type: EditorComponent, selector: "es-editor", inputs: ["EmojiSupport", "BulletListSupport", "TablesSupport", "Mode", "readonly", "disabled", "required", "style", "MentionEntities", "name"], outputs: ["inputChange", "inputFocus", "inputFinalized"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: EntityFeedsWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: "entity-feeds-widget", imports: [CommonModule, NgIf, NgFor, NgTemplateOutlet, FormsModule, ExtensionsModule, FormsAndValidationsModule, EsModalComponent, EsModalHeadComponent, UtilityComponentsModule, AccessControlModule, MarkdownModule], 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            <es-editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" Mode=\"markdown\" name=\"markdownEditor\"></es-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"] }]
+            args: [{ selector: "entity-feeds-widget", imports: [CommonModule, NgIf, NgFor, NgTemplateOutlet, FormsModule, ExtensionsModule, FormsAndValidationsModule, EsModalComponent, EsModalHeadComponent, UtilityComponentsModule, AccessControlModule, MarkdownModule, EditorComponent], 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            <es-editor [(ngModel)]=\"CreateUpdateFeedDTO.content\" Mode=\"markdown\" name=\"markdownEditor\"></es-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"] }]
         }], ctorParameters: () => [{ type: i3$1.HTTPService }, { type: i2$1.UtilityService }, { type: i2$1.MessageService }, { type: i1.TokenService }], propDecorators: { EntityType: [{
                 type: Input
             }], EntityId: [{
@@ -1600,8 +1599,7 @@ const COMPONENTS = [
     EsImageCropperComponent,
     FormSelectorComponent,
     FormSelectorDialogComponent,
-    EntityFeedsWidgetComponent,
-    EditorComponent
+    EntityFeedsWidgetComponent
 ];
 class ComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -1621,8 +1619,7 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent,
-            EditorComponent], exports: [BackTop,
+            EntityFeedsWidgetComponent], exports: [BackTop,
             Breadcrumb,
             ErrorPageComponent,
             PagesComponent,
@@ -1638,8 +1635,7 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent,
-            EditorComponent] }); }
+            EntityFeedsWidgetComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, BsDropdownModule, ModalModule, EsTableModule, ErrorPageComponent,
             PagesComponent,
             Navbar,
@@ -1647,8 +1643,7 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent,
-            EditorComponent] }); }
+            EntityFeedsWidgetComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,