asap-feed-beta 12.6.6 → 12.6.7

package/bundles/asap-feed-beta.umd.js

@@ -72,51 +72,6 @@
         return function (target, key) { decorator(target, key, paramIndex); }
     }
 
-    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-        function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-        var _, done = false;
-        for (var i = decorators.length - 1; i >= 0; i--) {
-            var context = {};
-            for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-            for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-            context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-            if (kind === "accessor") {
-                if (result === void 0) continue;
-                if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-                if (_ = accept(result.get)) descriptor.get = _;
-                if (_ = accept(result.set)) descriptor.set = _;
-                if (_ = accept(result.init)) initializers.push(_);
-            }
-            else if (_ = accept(result)) {
-                if (kind === "field") initializers.push(_);
-                else descriptor[key] = _;
-            }
-        }
-        if (target) Object.defineProperty(target, contextIn.name, descriptor);
-        done = true;
-    };
-
-    function __runInitializers(thisArg, initializers, value) {
-        var useValue = arguments.length > 2;
-        for (var i = 0; i < initializers.length; i++) {
-            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-        }
-        return useValue ? value : void 0;
-    };
-
-    function __propKey(x) {
-        return typeof x === "symbol" ? x : "".concat(x);
-    };
-
-    function __setFunctionName(f, name, prefix) {
-        if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-    };
-
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
@@ -249,7 +204,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
     }
 
     function __asyncValues(o) {
@@ -3602,7 +3557,6 @@
             else {
                 this.replyingResponse[i] = false;
             }
-            console.log("[onReplyResponse] replyingResponse: ", this.replyingResponse);
         };
         /**
          * @param {?} commentIdx
@@ -3757,6 +3711,7 @@
                 this.reply = "";
                 this.onLoadingReply = false;
                 this.replyingComment[i] = false;
+                this.replyingResponse = [];
             }
         };
         /**
@@ -4025,7 +3980,7 @@
         FeedCommentsComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'feed-comments',
-                        template: "<form\n  *ngIf=\"global.loggedUser()\"\n  [ngClass]=\"{ 'form-comment': settings?.template === 'template-1','box-input-feed': settings?.template === 'template-2' }\"\n  matAutocompleteOrigin #origin=\"matAutocompleteOrigin\"\n>\n  <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\n  <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\n    <i class=\"fa fa-user\"></i>\n  </div>\n  <input #inputComment type=\"text\" name=\"comment\" [(ngModel)]=\"comment\" (keyup.enter)=\"sendComment(comment)\"\n    [disabled]=\"onLoadingComment\" autocomplete=\"off\" placeholder=\"{{ 'SendCommentFeed' | translate }}\">\n    <i class=\"bi bi-send-fill\" (click)=\"sendComment(comment)\" *ngIf=\"settings?.template === 'template-2'\"></i>\n  <div class=\"clearfix\"></div>\n</form>\n<asap-auto-complete\n  [input]=\"inputComment\"\n  (userSelected)=\"mentionUser($event)\"\n  class=\"w-100\"\n  fieldName=\"name\"\n></asap-auto-complete>\n\n<div *ngFor=\"let comment of comments | slice:0:limitCommentsTo; let i=index\">\n  <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\"\n    [animation]=\"true\">\n    <div class='minibio'>\n      <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" alt=\"\">\n      <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br />\n      </div>\n    </div>\n  </popover-content>\n  <a *ngIf=\"comment\" [routerLink]=\"['/profile',comment?.user_info?.id]\">\n    <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" class=\"avatar-45\" alt=\"\"\n      [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n    <div *ngIf=\"!comment?.user_info?.picture\" class=\"avatar-45-null\" [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n      <i class=\"fa fa-user\"></i>\n    </div>\n  </a>\n  <div class=\"comments\">\n    <ng-container *ngIf=\"global?.loggedUser() && !comment.onEdit\">\n      <div class=\"feed-comment-option\">\n        <button mat-icon-button [matMenuTriggerFor]=\"appMenu\" *ngIf=\"comment?.user_info?.id == global?.loggedUser().id\">\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #appMenu=\"matMenu\">\n          <button mat-menu-item (click)=\"onEditComment(comment)\">\n            <mat-icon>create</mat-icon>\n            {{ 'Edit' | translate }}\n          </button>\n          <button mat-menu-item (click)=\"deleteComment(comment.id)\">\n            <mat-icon>delete</mat-icon>\n            {{ 'Remove' | translate }}\n          </button>\n        </mat-menu>\n      </div>\n    </ng-container>\n    <p *ngIf=\"!comment.onEdit\"><b>{{ comment?.user_info?.name || 'N\u00E3o Informado' }}</b>\n       <br>\n      <span [innerHTML]=\"linkify(comment.comment)\"></span>\n    </p>\n    <form class=\"form-comment-reply\" *ngIf=\"comment.onEdit\">\n      <input\n        class=\"editing-comment-input\"\n        type=\"text\"\n        [(ngModel)]=\"editedComment\"\n        [disabled]=\"onLoadingReply\"\n        (keyup.enter)=\"updateComment(comment.id, editedComment)\"\n        (keyup.esc)=\"onEditComment(comment)\"\n        name=\"editedComment\"\n        placeholder=\"{{ 'Comment' | translate }}\"\n      >\n      <div class=\"clearfix\"></div>\n    </form>\n\n    <small class=\"text-primary\"><b>{{ comment?.likes?.length ? comment?.likes?.length : '' }}</b>\n      <a [ngClass]=\"{'disabled-action': onLoadingLike || !global?.loggedUser()}\"\n        (click)=\"sendLikeComment(comment.id, comment?.likeForMeID, comment)\">\n        <ng-container *ngIf=\"comment.likeForMe\">\n          Curtiu\n        </ng-container>\n        <ng-container *ngIf=\"!comment.likeForMe\">\n          Curtir\n        </ng-container>\n      </a>\n    </small> -\n\n    <small class=\"reply-comment text-primary m-0\"><b>{{ comment?.replys?.length ? comment?.replys?.length : '' }} </b>\n      <a \n        [ngClass]=\"{'disabled-action': !global?.loggedUser()}\" \n        (click)=\"handleShowAllReplyResponse(i)\"\n      >\n        Respostas\n      </a>\n    </small> -\n    <small class=\"txt-gray m-0\" *ngIf=\"comment?.edited\">editado - </small>\n    <small class=\"txt-gray m-0\">{{ comment.updated_at | amTimeAgo}} </small> -\n    <i\n      class=\"cursor-pointer fa fa-reply\"\n      (click)=\"onReplyComment(i)\"\n    ></i>\n    <!-- Reply Section -->\n    <form class=\"form-comment-reply\" *ngIf=\"replyingComment[i] == true\">\n      <input #replyInputComment type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"reply\" name=\"reply\"\n        (keyup.enter)=\"replyComment(comment.id, reply, comment.user_info, i)\"\n        autocomplete=\"off\" placeholder=\"{{ 'ReplyThisComment' | translate }}\">\n      <div class=\"clearfix\"></div>\n    </form>\n    <asap-auto-complete\n      [input]=\"replyInputComment\"\n      (userSelected)=\"mentionUser($event)\"\n      class=\"w-100\"\n      fieldName=\"name\"\n    ></asap-auto-complete>\n    <ng-container *ngIf=\"comment.replys && comment.replys.length > 0\">\n      <ng-container *ngFor=\"let subItem of comment.replys |  slice:0:comment.limitReplysTo let idx=index\">\n        <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\"\n          [animation]=\"true\">\n          <div class='minibio'>\n            <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" class=\"avatar-45\" alt=\"\">\n            <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br />\n            </div>\n          </div>\n        </popover-content>\n        <div class=\"reply-avatar\">\n          <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" alt=\"\" class=\"avatar-45-null\"\n            [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n          <div *ngIf=\"!subItem.user_info.picture || subItem.user_info.picture == ''\" class=\"avatar-45-null\">\n            <i class=\"fa fa-user\"></i>\n          </div>\n        </div>\n\n        <div class=\"replys\">\n          <ng-container *ngIf=\"global.loggedUser()\">\n            <ng-container *ngIf=\"global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit\">\n              <div class=\"feed-comment-option\">\n                <button mat-icon-button [matMenuTriggerFor]=\"appSubMenu\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #appSubMenu=\"matMenu\">\n                  <button mat-menu-item (click)=\"onEditReply(subItem)\">\n                    <mat-icon>create</mat-icon>\n                    {{ 'Edit' | translate }}\n                  </button>\n                  <button mat-menu-item (click)=\"deleteReply(comment.id, subItem.id)\">\n                    <mat-icon>delete</mat-icon>\n                    {{ 'Remove' | translate }}\n                  </button>\n                </mat-menu>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"!subItem.onEdit\">\n            <p> <b>{{ subItem.user_info.name || 'N\u00E3o Informado' }}</b> {{ subItem.comment }}</p>\n            <small class=\"txt-gray\">{{ subItem.updated_at | amTimeAgo}} </small>\n          </ng-container>\n          <ng-container *ngIf=\"subItem.onEdit\">\n            <form class=\"form-comment-reply form-reply-edited\">\n              <input type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"editedReply\" name=\"editedReply\"\n                (keyup.enter)=\"updateReply(comment.id, subItem, editedReply)\"\n                placeholder=\"{{ 'ReplyThisComment' | translate }}\">\n              <div class=\"clearfix\"></div>\n            </form>\n          </ng-container>\n          <i \n            *ngIf=\"global?.loggedUser()?.id != subItem.user_info.id\"\n            class=\"fa fa-reply cursor-pointer\"\n            [ngClass]=\"{'disabled-action': !global?.loggedUser()}\" \n            (click)=\"onReplyResponse(idx)\"\n          >\n          </i>\n          <form \n            class=\"form-comment-reply form-reply-edited\" \n            *ngIf=\"replyingResponse[idx] == true\"\n          >\n            <input \n              type=\"text\" \n              [disabled]=\"onLoadingReply\" \n              [(ngModel)]=\"reply\" \n              name=\"reply\"\n              (keyup.enter)=\"replyComment(comment.id, reply, comment.user_info, i)\"\n              autocomplete=\"off\" \n              placeholder=\"{{ 'ReplyThisComment' | translate }}\"\n            >\n            <div class=\"clearfix\"></div>\n          </form>\n        </div>\n\n      </ng-container>\n\n      <!-- <ng-container *ngIf=\"comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)\">\n        <div class=\"SeeMore on-reply\">\n          <i class=\"fa fa-reply\"></i>\n          <span (click)=\"loadMoreReplys(comment)\" *ngIf=\"(comments?.length > limitCommentsTo)\">\n            {{ comment.replys.length - comment.limitReplysTo}} {{ 'Replys' | translate }}</span>\n        </div>\n      </ng-container> -->\n    </ng-container>\n\n    <!-- End Reply Section -->\n\n\n  </div>\n</div>\n\n<ng-container *ngIf=\"(comments?.length > 2)\">\n  <div class=\"SeeMore\">\n    <span (click)=\"loadMoreComments()\" *ngIf=\"(comments?.length > limitCommentsTo)\">{{ 'SeeMore' | translate }}\n      {{ comments?.length - limitCommentsTo}} {{ 'Comments' | translate }}</span>\n  </div>\n</ng-container>\n",
+                        template: "<form\n  *ngIf=\"global.loggedUser()\"\n  [ngClass]=\"{ 'form-comment': settings?.template === 'template-1','box-input-feed': settings?.template === 'template-2' }\"\n  matAutocompleteOrigin #origin=\"matAutocompleteOrigin\"\n>\n  <img *ngIf=\"global.loggedUser().picture\" [src]=\"global.loggedUser().picture\" class=\"avatar-45\" alt=\"\">\n  <div *ngIf=\"!global.loggedUser().picture\" class=\"avatar-45-null\">\n    <i class=\"fa fa-user\"></i>\n  </div>\n  <input #inputComment type=\"text\" name=\"comment\" [(ngModel)]=\"comment\" (keyup.enter)=\"sendComment(comment)\"\n    [disabled]=\"onLoadingComment\" autocomplete=\"off\" placeholder=\"{{ 'SendCommentFeed' | translate }}\">\n    <i class=\"bi bi-send-fill\" (click)=\"sendComment(comment)\" *ngIf=\"settings?.template === 'template-2'\"></i>\n  <div class=\"clearfix\"></div>\n</form>\n<asap-auto-complete\n  [input]=\"inputComment\"\n  (userSelected)=\"mentionUser($event)\"\n  class=\"w-100\"\n  fieldName=\"name\"\n></asap-auto-complete>\n\n<div *ngFor=\"let comment of comments | slice:0:limitCommentsTo; let i=index\">\n  <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\"\n    [animation]=\"true\">\n    <div class='minibio'>\n      <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" alt=\"\">\n      <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br />\n      </div>\n    </div>\n  </popover-content>\n  <a *ngIf=\"comment\" [routerLink]=\"['/profile',comment?.user_info?.id]\">\n    <img *ngIf=\"comment?.user_info?.picture\" [src]=\"comment?.user_info?.picture\" class=\"avatar-45\" alt=\"\"\n      [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n    <div *ngIf=\"!comment?.user_info?.picture\" class=\"avatar-45-null\" [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n      <i class=\"fa fa-user\"></i>\n    </div>\n  </a>\n  <div class=\"comments\">\n    <ng-container *ngIf=\"global?.loggedUser() && !comment.onEdit\">\n      <div class=\"feed-comment-option\">\n        <button mat-icon-button [matMenuTriggerFor]=\"appMenu\" *ngIf=\"comment?.user_info?.id == global?.loggedUser().id\">\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #appMenu=\"matMenu\">\n          <button mat-menu-item (click)=\"onEditComment(comment)\">\n            <mat-icon>create</mat-icon>\n            {{ 'Edit' | translate }}\n          </button>\n          <button mat-menu-item (click)=\"deleteComment(comment.id)\">\n            <mat-icon>delete</mat-icon>\n            {{ 'Remove' | translate }}\n          </button>\n        </mat-menu>\n      </div>\n    </ng-container>\n    <p *ngIf=\"!comment.onEdit\"><b>{{ comment?.user_info?.name || 'N\u00E3o Informado' }}</b>\n       <br>\n      <span [innerHTML]=\"linkify(comment.comment)\"></span>\n    </p>\n    <form class=\"form-comment-reply\" *ngIf=\"comment.onEdit\">\n      <input\n        class=\"editing-comment-input\"\n        type=\"text\"\n        [(ngModel)]=\"editedComment\"\n        [disabled]=\"onLoadingReply\"\n        (keyup.enter)=\"updateComment(comment.id, editedComment)\"\n        (keyup.esc)=\"onEditComment(comment)\"\n        name=\"editedComment\"\n        placeholder=\"{{ 'Comment' | translate }}\"\n      >\n      <div class=\"clearfix\"></div>\n    </form>\n\n    <small class=\"text-primary\"><b>{{ comment?.likes?.length ? comment?.likes?.length : '' }}</b>\n      <a [ngClass]=\"{'disabled-action': onLoadingLike || !global?.loggedUser()}\"\n        (click)=\"sendLikeComment(comment.id, comment?.likeForMeID, comment)\">\n        <ng-container *ngIf=\"comment.likeForMe\">\n          Curtiu\n        </ng-container>\n        <ng-container *ngIf=\"!comment.likeForMe\">\n          Curtir\n        </ng-container>\n      </a>\n    </small> -\n\n    <small class=\"reply-comment text-primary m-0\"><b>{{ comment?.replys?.length ? comment?.replys?.length : '' }} </b>\n      <a \n        [ngClass]=\"{'disabled-action': !global?.loggedUser()}\" \n        (click)=\"handleShowAllReplyResponse(i)\"\n      >\n        Respostas\n      </a>\n    </small> -\n    <small class=\"txt-gray m-0\" *ngIf=\"comment?.edited\">editado - </small>\n    <small class=\"txt-gray m-0\">{{ comment.updated_at | amTimeAgo}} </small> -\n    <i\n      class=\"cursor-pointer fa fa-reply\"\n      (click)=\"onReplyComment(i)\"\n    ></i>\n    <!-- Reply Section -->\n    <form class=\"form-comment-reply\" *ngIf=\"replyingComment[i] == true\">\n      <input #replyInputComment type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"reply\" name=\"reply\"\n        (keyup.enter)=\"replyComment(comment.id, reply, comment.user_info, i)\"\n        autocomplete=\"off\" placeholder=\"{{ 'ReplyThisComment' | translate }}\">\n      <div class=\"clearfix\"></div>\n    </form>\n    <asap-auto-complete\n      [input]=\"replyInputComment\"\n      (userSelected)=\"mentionUser($event)\"\n      class=\"w-100\"\n      fieldName=\"name\"\n    ></asap-auto-complete>\n    <ng-container *ngIf=\"comment.replys && comment.replys.length > 0\">\n      <ng-container *ngFor=\"let subItem of comment.replys |  slice:0:comment.limitReplysTo let idx=index\">\n        <popover-content #myPopover placement=\"auto right\" [closeOnClickOutside]=\"true\" [closeOnMouseOutside]=\"false\"\n          [animation]=\"true\">\n          <div class='minibio'>\n            <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" class=\"avatar-45\" alt=\"\">\n            <div class=\"info\"><b>{{ comment?.user_info?.name }}</b><br />\n            </div>\n          </div>\n        </popover-content>\n        <div class=\"reply-avatar\">\n          <img *ngIf=\"subItem.user_info?.picture\" [src]=\"subItem?.user_info?.picture\" alt=\"\" class=\"avatar-45-null\"\n            [popover]=\"myPopover\" [popoverOnHover]=\"true\">\n          <div *ngIf=\"!subItem.user_info.picture || subItem.user_info.picture == ''\" class=\"avatar-45-null\">\n            <i class=\"fa fa-user\"></i>\n          </div>\n        </div>\n\n        <div class=\"replys\">\n          <ng-container *ngIf=\"global.loggedUser()\">\n            <ng-container *ngIf=\"global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit\">\n              <div class=\"feed-comment-option\">\n                <button mat-icon-button [matMenuTriggerFor]=\"appSubMenu\">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #appSubMenu=\"matMenu\">\n                  <button mat-menu-item (click)=\"onEditReply(subItem)\">\n                    <mat-icon>create</mat-icon>\n                    {{ 'Edit' | translate }}\n                  </button>\n                  <button mat-menu-item (click)=\"deleteReply(comment.id, subItem.id)\">\n                    <mat-icon>delete</mat-icon>\n                    {{ 'Remove' | translate }}\n                  </button>\n                </mat-menu>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf=\"!subItem.onEdit\">\n            <p> <b>{{ subItem.user_info.name || 'N\u00E3o Informado' }}</b> {{ subItem.comment }}</p>\n            <small class=\"txt-gray\">{{ subItem.updated_at | amTimeAgo}} </small>\n          </ng-container>\n          <ng-container *ngIf=\"subItem.onEdit\">\n            <form class=\"form-comment-reply form-reply-edited\">\n              <input type=\"text\" [disabled]=\"onLoadingReply\" [(ngModel)]=\"editedReply\" name=\"editedReply\"\n                (keyup.enter)=\"updateReply(comment.id, subItem, editedReply)\"\n                placeholder=\"{{ 'ReplyThisComment' | translate }}\">\n              <div class=\"clearfix\"></div>\n            </form>\n          </ng-container>\n          <i \n            *ngIf=\"global?.loggedUser()?.id != subItem.user_info.id\"\n            class=\"fa fa-reply cursor-pointer\"\n            [ngClass]=\"{'disabled-action': !global?.loggedUser()}\" \n            (click)=\"onReplyResponse(idx)\"\n          >\n          </i>\n          <form \n            class=\"form-comment-reply form-reply-edited\" \n            *ngIf=\"replyingResponse[idx] == true\"\n          >\n            <input\n              #inputReply\n              type=\"text\" \n              [disabled]=\"onLoadingReply\" \n              [(ngModel)]=\"reply\" \n              name=\"reply\"\n              (keyup.enter)=\"replyComment(comment.id, reply, comment.user_info, i)\"\n              autocomplete=\"off\" \n              placeholder=\"{{ 'ReplyThisComment' | translate }}\"\n            >\n            <div class=\"clearfix\"></div>\n          </form>\n          <asap-auto-complete\n            *ngIf=\"replyingResponse[idx] == true\"\n            [input]=\"inputReply\"\n            (userSelected)=\"mentionUser($event)\"\n            class=\"w-100\"\n            fieldName=\"name\"\n          ></asap-auto-complete>\n        </div>\n\n      </ng-container>\n\n      <!-- <ng-container *ngIf=\"comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)\">\n        <div class=\"SeeMore on-reply\">\n          <i class=\"fa fa-reply\"></i>\n          <span (click)=\"loadMoreReplys(comment)\" *ngIf=\"(comments?.length > limitCommentsTo)\">\n            {{ comment.replys.length - comment.limitReplysTo}} {{ 'Replys' | translate }}</span>\n        </div>\n      </ng-container> -->\n    </ng-container>\n\n    <!-- End Reply Section -->\n\n\n  </div>\n</div>\n\n<ng-container *ngIf=\"(comments?.length > 2)\">\n  <div class=\"SeeMore\">\n    <span (click)=\"loadMoreComments()\" *ngIf=\"(comments?.length > limitCommentsTo)\">{{ 'SeeMore' | translate }}\n      {{ comments?.length - limitCommentsTo}} {{ 'Comments' | translate }}</span>\n  </div>\n</ng-container>\n",
                         providers: [UserService],
                         styles: [".SeeMore{margin-bottom:10px;font-size:14px}.on-reply{font-size:13px;margin-top:-9px;margin-bottom:0;text-align:left!important;margin-left:65px}.on-reply span{margin-left:25px}.comments{margin:10px -15px!important}.comments .feed-comment-option{margin-top:0;margin-right:10px}.comments p{margin:11px 7px 10px 60px;font-size:14px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;background-color:#e6e6e6;padding:10px;border-radius:18px}.comments small{margin:5px 3px 5px 65px}.disabled-action{pointer-events:none;opacity:.6}.like-comment{margin:5px 3px 5px 65px}.reply-comment{margin-left:15px}.feed-comment-box{background-color:#f30;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;position:relative;white-space:normal}.reply-avatar{margin-left:56px;margin-top:5px}.replys{margin:5px 3px 5px 70px}.replys p{margin:0 8px 3px 31px!important;white-space:normal;word-wrap:break-word!important;background-color:#f5f3f3;padding:10px;border-radius:18px;width:calc(100% - 39px)!important}.replys .feed-comment-option{margin-top:0;margin-right:5px}.replys small{margin-left:35px}.form-comment-reply{width:100%;margin:0!important;padding:7px 0 10px 78px!important}.form-comment-reply input[type=text]{float:left;width:calc(100% - 15px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:8px 13px;outline:0}.form-comment-reply .editing-comment-input{padding-top:8px;margin-top:-11px;margin-left:-8px}.form-reply-edited{padding:0 0 9px 32px!important}.cursor-pointer{cursor:pointer}", "li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:\"\";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}"]
                     }] }
@@ -4042,6 +3997,7 @@
         FeedCommentsComponent.propDecorators = {
             inputComment: [{ type: core.ViewChild, args: ['inputComment', { static: false },] }],
             replyInputComment: [{ type: core.ViewChild, args: ['replyInputComment', { static: false },] }],
+            inputReply: [{ type: core.ViewChild, args: ['inputReply', { static: false },] }],
             settings: [{ type: core.Input }],
             feed_id: [{ type: core.Input }],
             user: [{ type: core.Input }]
@@ -4054,6 +4010,8 @@
         /** @type {?} */
         FeedCommentsComponent.prototype.replyInputComment;
         /** @type {?} */
+        FeedCommentsComponent.prototype.inputReply;
+        /** @type {?} */
         FeedCommentsComponent.prototype.settings;
         /** @type {?} */
         FeedCommentsComponent.prototype.feed_id;