{"__symbolic":"module","version":4,"metadata":{"CommentsCustomModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":8,"character":4},{"__symbolic":"reference","module":"ngx-avatar","name":"AvatarModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"CommentsCustomComponent"}],"exports":[{"__symbolic":"reference","name":"CommentsCustomComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":18,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":19,"character":4}]}]}],"members":{}},"ChatInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":10,"character":4},{"__symbolic":"reference","module":"ngx-avatar","name":"AvatarModule","line":11,"character":4},{"__symbolic":"reference","module":"ngx-textarea-autosize","name":"TextareaAutosizeModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ChatInputComponent"}],"exports":[{"__symbolic":"reference","name":"ChatInputComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":21,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":22,"character":4}]}]}],"members":{}},"ReactionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ReactionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"ReactionComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":17,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":18,"character":4}]}]}],"members":{}},"ReactionsSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ReactionsSummaryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"ReactionsSummaryComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":15,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":16,"character":4}]}]}],"members":{}},"CommentsSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CommentsSummaryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"CommentsSummaryComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":17,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":18,"character":4}]}]}],"members":{}},"ReactionsSummaryDetailModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ReactionsSummaryDetailComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ReactionsSummaryDetailComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ReactionsSummaryDetailComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":20,"character":4},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":21,"character":4}]}]}],"members":{}},"CommentsCustomComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-comments-custom","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"Emulated"},"template":"<div *ngIf=\"currentComments\">\r\n    <div fxLayout=\"column\" *ngFor=\"let content of currentComments; let i = index; let last = last\" fxLayoutAlign=\"space-around start\" class=\"comments_custom\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <ngx-avatar src=\"{{avaImageUrl}}{{content.domainID}}\"></ngx-avatar>\r\n          <div fxFlexAlign=\"center\" class=\"padd_left_twenty user_name_decoration\">{{content.name}}</div>\r\n          <div fxFlexAlign=\"center\" class=\"padd_left_ten date_deco\">{{content.timeStamp | date:'shortTime' }} {{content.timeStamp | date:'shortDate'}}</div>\r\n        </div>\r\n        <div fxLayout=\"row\" >\r\n            <div fxFlexOffset=\"70px\">{{content.comments}}</div>\r\n        </div>\r\n        <ng-container *ngTemplateOutlet=\"parentCommentsTmpl, context: { $implicit: content, cIndex:i }\"></ng-container>\r\n        <ng-container *ngIf=\"content.nodes?.length > 0 \">\r\n            <ng-container  *ngFor=\"let subcontent of content.nodes; let subi = index; let sublast = last;\">\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n                    <div fxFlexOffset=\"40px\"><ngx-avatar src=\"{{avaImageUrl}}{{subcontent.domainID}}\"></ngx-avatar></div>\r\n                    <div fxFlexAlign=\"center\" class=\"padd_left_twenty user_name_decoration\">{{subcontent.name}}</div>\r\n                    <div fxFlexAlign=\"center\" class=\"padd_left_ten date_deco\">{{subcontent.date | date:'shortTime' }} {{subcontent.date | date:'shortDate' }}</div>\r\n                </div>\r\n                <div fxLayout=\"row\" >\r\n                    <div fxFlexOffset=\"110px\" fxFlexFill>{{subcontent.description}}</div>\r\n                </div>\r\n                <ng-container *ngTemplateOutlet=\"ChildCommentsTmpl, context: { $implicit: subcontent }\"></ng-container>\r\n                <ng-container *ngIf=\"contents[i].nodes.length -1 !== subi\"><div *ngIf=\"sublast\" class=\"load_more_style\" fxFlexAlign=\"end\" (click)=\"getComments($event,content,content.nodes,subi,'child',contents,i)\">Load More Sub Comments</div></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"showMoreBtn\"><div *ngIf=\"last\" fxFlexAlign=\"end\" class=\"load_more_style\" (click)=\"getComments($event,content,contents,i,'parent',null,null)\">Load More Comments</div></ng-container>\r\n    </div>\r\n</div>","styles":[".comments_custom .padd_left_twenty{padding-left:20px}.comments_custom .padd_left_desc{padding-left:4.5%}.comments_custom .padd_right_twenty{padding-right:20px}.comments_custom .padd_left_ten{padding-left:10px}.comments_custom .pad_right_ten{padding-right:10px}.comments_custom .user_name_decoration{color:#0079c2}.comments_custom .date_deco{color:#666}.comments_custom .load_more_style{color:#0079c2;cursor:pointer}"]}]}],"members":{"avaImageQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"avaImageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"showMoreBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"mainCommentdisplayNo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"parentCommentsTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":27,"character":3},"arguments":["parentComments",{"static":false}]}]}],"ChildCommentsTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":28,"character":3},"arguments":["ChildComments",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}]}},"ChatInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-chat-input","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"Emulated"},"template":"<div *ngIf=\"showTextArea\" fxLayout=\"row\" id={{content.dDocName}} class=\"comments_input\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\">\r\n    <ngx-avatar  size=\"35\" src=\"{{avaImageUrl}}{{avaImageQuery}}\" fxFlexAlign=\"start\" ></ngx-avatar>\r\n    <textarea #msgInput fxFlexAlign=\"center\" placeholder=\"Write a comment...\" fxFlex=\"auto\" autosize class=\"input_container\" (keydown.enter)=\"confirmPost(msgInput.value,content);false\"></textarea>\r\n    <!-- <div ><button class=\"btn btn-primary btn-sm\" type=\"button\">Post</button></div> -->\r\n</div>","styles":[".comments_input .input_container{padding:5px;border:2px solid rgba(134,134,134,.7);border-radius:3px}.comments_input .input_container:focus{outline:0}"]}]}],"members":{"showTextArea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"avaImageQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"avaImageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"postMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"msgInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["msgInput",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"confirmPost":[{"__symbolic":"method"}]}},"ReactionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-reaction","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"Emulated"},"template":"<button type=\"button\" class=\"emoji-button\" [class.selected]=\"userReaction === 'HAND'\" (click)=\"onReaction('HAND')\">\r\n    <span class=\"sprite sprite-like\"></span>\r\n  </button>\r\n  <button type=\"button\" class=\"emoji-button\" [class.selected]=\"userReaction === 'YES'\" (click)=\"onReaction('YES')\">\r\n    <span class=\"sprite sprite-thunder\"></span>\r\n  </button>\r\n  <button type=\"button\" class=\"emoji-button\" [class.selected]=\"userReaction === 'HEART'\" (click)=\"onReaction('HEART')\">\r\n    <span class=\"sprite sprite-heart\"></span>\r\n  </button>\r\n  <button type=\"button\" class=\"emoji-button\" [class.selected]=\"userReaction === 'STAR'\" (click)=\"onReaction('STAR')\">\r\n    <span class=\"sprite sprite-star\"></span>\r\n  </button>\r\n  <button type=\"button\" class=\"emoji-button\" [class.selected]=\"userReaction === 'CLAPS'\" (click)=\"onReaction('CLAPS')\">\r\n    <span class=\"sprite sprite-applause\"></span>\r\n  </button>\r\n","styles":[".emojis{background-color:#f7f7f7;margin-left:15px;border-top-left-radius:25px;border-bottom-left-radius:25px}.emoji-button{background-color:#f7f7f7;margin-left:15px}.emoji-button:first-child{margin-left:0}.like{background:url(/dist/DigitalMicrosite/assets/images/like_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:25px}.claps{background:url(/dist/DigitalMicrosite/assets/images/claps_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.flash{background:url(/dist/DigitalMicrosite/assets/images/flash_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.heart{background:url(/dist/DigitalMicrosite/assets/images/heart_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.star{background:url(/dist/DigitalMicrosite/assets/images/star_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.clap{background:url(/dist/DigitalMicrosite/assets/images/claps_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px;margin-right:15px}[type=button],button{-webkit-appearance:none;border:0}"]}]}],"members":{"reactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"userID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"reaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getUserReaction":[{"__symbolic":"method"}],"onReaction":[{"__symbolic":"method"}]}},"ReactionsSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-reactions-summary","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"Emulated"},"template":"<span>{{reactionsCount}}</span>\r\n","styles":[""]}]}],"members":{"reactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"reactionsSummary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getReactionsCount":[{"__symbolic":"method"}],"onReactionsSummary":[{"__symbolic":"method"}]}},"CommentsSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-comments-summary","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"Emulated"},"template":"<ng-container *ngIf=\"comments\"><span (click)=\"onCommentsSummary()\">{{comments.length}} Comments</span></ng-container>\r\n","styles":[""]}]}],"members":{"comments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"commentsSummary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onCommentsSummary":[{"__symbolic":"method"}]}},"ReactionsSummaryDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-reactions-summary-detail","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"Emulated"},"template":"<div class=\"modal-header\">\r\n\r\n</div>\r\n<div class=\"modal-body\">\r\n    <div class=\"center-middle\">\r\n        <div class=\"close\" (click)=\"activeModal.dismiss('Cross click')\">x</div>\r\n        <ngb-tabset>\r\n            <ngb-tab title=\"All {{size}} \" style=\"color:#fff\">\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"scrolling\">\r\n\r\n                        <div *ngFor=\"let reaction of map | keyvalue\">\r\n                            <div *ngFor=\"let emp of reaction.value\">\r\n                                <div class=\"reactions\" [ngClass]=\"{'all-last' : reaction.key == 'YES'}\">\r\n                                    <div class=\"left_img\">\r\n                                        <div class=\"avatar\">\r\n                                            <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                                        </div>\r\n                                        <div class=\"float-img\" *ngIf=\"reaction.key == 'YES'\">\r\n                                            <span class=\"sprite sprite-like\"></span>\r\n                                        </div>\r\n                                        <div class=\"float-img\" *ngIf=\"reaction.key == 'HEART'\">\r\n                                            <span class=\"sprite sprite-heart\"></span>\r\n                                        </div>\r\n                                        <div class=\"float-img\" *ngIf=\"reaction.key == 'STAR'\">\r\n                                            <span class=\"sprite sprite-star\"></span>\r\n                                        </div>\r\n                                        <div class=\"float-img\" *ngIf=\"reaction.key == 'CLAPS'\">\r\n                                            <span class=\"sprite sprite-applause\"></span>\r\n                                        </div>\r\n                                        <div class=\"float-img\" *ngIf=\"reaction.key == 'HAND'\">\r\n                                            <span class=\"sprite sprite-thunder\"></span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"rt_text\">{{emp.name}}</div>\r\n                                    <div class=\"cl\"></div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n            <ngb-tab title=\"\">\r\n                <ng-template ngbTabTitle *ngIf=\"map.YES\">\r\n                    <div class=\"tab-title\">\r\n                        <span class=\"sprite sprite-like\"></span>\r\n                        <span class=\"reactions-count\">{{map.YES.length}}</span>\r\n                    </div>\r\n                </ng-template>\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"reactions separate\" *ngFor=\"let emp of map.YES\">\r\n                        <div class=\"left_img\">\r\n                            <div class=\"avatar\">\r\n                                <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                            </div>\r\n                            <div class=\"float-img\">\r\n                                <span class=\"sprite sprite-like\"></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"rt_text\">{{emp.name}}</div>\r\n                        <div class=\"cl\"></div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n\r\n            <ngb-tab title=\"\">\r\n                <ng-template ngbTabTitle *ngIf=\"map.HEART\">\r\n                    <span class=\"tab-title\">\r\n                        <span class=\"sprite sprite-heart\"></span>{{map.HEART.length}}</span>\r\n                </ng-template>\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"reactions separate\" *ngFor=\"let emp of map.HEART\">\r\n                        <div class=\"left_img\">\r\n                            <div class=\"avatar\">\r\n                                <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                            </div>\r\n                            <div class=\"float-img\">\r\n                                <span class=\"sprite sprite-heart\"></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"rt_text\">{{emp.name}}</div>\r\n                        <div class=\"cl\"></div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n            <ngb-tab title=\"\">\r\n                <ng-template ngbTabTitle *ngIf=\"map.STAR\">\r\n                    <span class=\"tab-title\">\r\n                        <span class=\"sprite sprite-star\"></span>{{map.STAR.length}}</span>\r\n                </ng-template>\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"reactions separate\" *ngFor=\"let emp of map.STAR\">\r\n                        <div class=\"left_img\">\r\n                            <div class=\"avatar\">\r\n                                <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                            </div>\r\n                            <div class=\"float-img\">\r\n                                <span class=\"sprite sprite-star\"></span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"rt_text\">{{emp.name}}</div>\r\n                        <div class=\"cl\"></div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n\r\n\r\n            <ngb-tab title=\"\">\r\n                <ng-template ngbTabTitle *ngIf=\"map.CLAPS\">\r\n                    <span class=\"tab-title\">\r\n                        <span class=\"sprite sprite-applause\"></span> {{map.CLAPS.length}}</span>\r\n                </ng-template>\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"reactions separate\" *ngFor=\"let emp of map.CLAPS\">\r\n                        <div class=\"left_img\">\r\n                            <div class=\"avatar\">\r\n                                <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                            </div>\r\n                            <div class=\"float-img\">\r\n                                <span class=\"sprite sprite-applause\"></span>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div class=\"rt_text\">{{emp.name}}</div>\r\n                        <div class=\"cl\"></div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n            <ngb-tab title=\"\">\r\n                <ng-template ngbTabTitle *ngIf=\"map.HAND\">\r\n                    <span class=\"tab-title\">\r\n                        <span class=\"sprite sprite-thunder\"></span> {{map.HAND.length}}</span>\r\n                </ng-template>\r\n                <ng-template ngbTabContent>\r\n                    <div class=\"reactions separate\" *ngFor=\"let emp of map.HAND\">\r\n                        <div class=\"left_img\">\r\n                            <div class=\"avatar\">\r\n                                <img class=\"profile-pic\" src=\"/ProfilePhoto/resources/pulsePhotoStream/social/{{emp.domainID}}\" />\r\n                            </div>\r\n                            <div class=\"float-img\">\r\n                                <span class=\"sprite sprite-thunder\"></span>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div class=\"rt_text\">{{emp.name}}</div>\r\n                        <div class=\"cl\"></div>\r\n                    </div>\r\n                </ng-template>\r\n            </ngb-tab>\r\n        </ngb-tabset>\r\n\r\n    </div>\r\n</div>\r\n<div class=\"modal-footer\">\r\n\r\n</div>","styles":[".emojis{background-color:#f7f7f7;margin-left:15px;border-top-left-radius:25px;border-bottom-left-radius:25px}.emoji-button{background-color:#f7f7f7;margin-left:15px}.emoji-button:first-child{margin-left:0}.like{background:url(/dist/DigitalMicrosite/assets/images/like_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:25px}.claps{background:url(/dist/DigitalMicrosite/assets/images/claps_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.flash{background:url(/dist/DigitalMicrosite/assets/images/flash_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.heart{background:url(/dist/DigitalMicrosite/assets/images/heart_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.star{background:url(/dist/DigitalMicrosite/assets/images/star_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px}.clap{background:url(/dist/DigitalMicrosite/assets/images/claps_gray.png) 0 0/39px 43px no-repeat;height:47px;width:43px;border:0;margin-left:15px;margin-right:15px}[type=button],button{-webkit-appearance:none;border:0}","*{padding:0;margin:0}.modal-content{width:460px}.left_img{background:#ccc;width:40px;height:40px;border-radius:100px;float:left;position:relative}.center-middle ul.nav{border-bottom:1px solid #ccc!important}.rt_text{font-size:16px;color:#000;float:left;padding:10px 0 0 15px}.reactions{margin:15px;border-bottom:1px solid #ccc;padding-bottom:10px}.all-last:last-child,.reactions.separate:last-child{border-bottom:0}.cl{clear:both}.center-middle{margin:0 auto;border:1px solid #ccc;position:relative}.float-img img{border-radius:50px;position:absolute;right:-5px;bottom:-5px;width:20px}.scrolling{height:300px;overflow-y:scroll}.close{position:absolute;right:10px;top:10px;font-size:14px;cursor:pointer}.avatar img{height:40px;width:40px;border-radius:100px}.center-middle .nav-link.active{border-bottom:2px solid #007bff;border-right:none;border-left:none;padding-bottom:20px}.center-middle .nav-link:hover.active{border-right:none;border-left:none;border-bottom:2px solid #007bff}.center-middle .nav-link:hover{border:none}.profile-pic,img.profile-pic{background-size:100%;margin-right:10px;background-position:0 0;background-repeat:no-repeat;height:48px;width:48px;border-radius:50%;vertical-align:top}.float-img{margin-top:-25px;margin-left:18px;position:absolute}.tab-title{height:24px}.sprite{float:left;margin-right:5px;margin-bottom:7px}.reactions-count{float:left;margin-top:5px;padding:0}"]}]}],"members":{"reactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":15,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"CommentsCustomModule":"./src/app/modules/comments-custom/comments-custom.module","ChatInputModule":"./src/app/modules/chat-input/chat-input.module","ReactionModule":"./src/app/modules/reaction/reaction.module","ReactionsSummaryModule":"./src/app/modules/reactions-summary/reactions-summary.module","CommentsSummaryModule":"./src/app/modules/comments-summary/comments-summary.module","ReactionsSummaryDetailModule":"./src/app/modules/reactions-summary-detail/reactions-summary-detail.module","CommentsCustomComponent":"./src/app/modules/comments-custom/comments-custom.component","ChatInputComponent":"./src/app/modules/chat-input/chat-input.component","ReactionComponent":"./src/app/modules/reaction/reaction.component","ReactionsSummaryComponent":"./src/app/modules/reactions-summary/reactions-summary.component","CommentsSummaryComponent":"./src/app/modules/comments-summary/comments-summary.component","ReactionsSummaryDetailComponent":"./src/app/modules/reactions-summary-detail/reactions-summary-detail.component"},"importAs":"pulse-angular-modules"}