asap-feed-beta 12.2.1-dev.3 → 12.2.1-dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/asap-feed-beta.metadata.json +1 -1
- package/bundles/asap-feed-beta.umd.js +2 -2
- package/bundles/asap-feed-beta.umd.js.map +1 -1
- package/bundles/asap-feed-beta.umd.min.js +1 -1
- package/bundles/asap-feed-beta.umd.min.js.map +1 -1
- package/esm2015/lib/asap-feed-beta.module.js +2 -1
- package/esm5/lib/asap-feed-beta.module.js +2 -1
- package/fesm2015/asap-feed-beta.js +1 -0
- package/fesm2015/asap-feed-beta.js.map +1 -1
- package/fesm5/asap-feed-beta.js +1 -0
- package/fesm5/asap-feed-beta.js.map +1 -1
- package/lib/asap-feed-beta.module.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common/http"),require("@angular/fire/firestore"),require("@angular/router"),require("asap-crud"),require("@ngx-translate/core"),require("@angular/common"),require("@angular/platform-browser"),require("class-transformer"),require("@angular/fire/storage"),require("@angular/fire"),require("@angular/material/dialog"),require("swiper"),require("ngx-moment"),require("ngx-infinite-scroll"),require("asap-skeleton"),require("ngx-hm-carousel"),require("@angular/forms"),require("ngx-owl-carousel"),require("ngx-owl-carousel-o"),require("ngx-smart-popover"),require("ngx-skeleton-loader"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/menu"),require("@angular/material/list"),require("@angular/material/card"),require("@angular/material/select"),require("@angular/material/radio"),require("@angular/material/input"),require("@angular/material/tooltip"),require("@angular/material/progress-bar"),require("@angular/material/stepper"),require("ngx-swiper-wrapper")):"function"==typeof define&&define.amd?define("asap-feed-beta",["exports","@angular/core","@angular/common/http","@angular/fire/firestore","@angular/router","asap-crud","@ngx-translate/core","@angular/common","@angular/platform-browser","class-transformer","@angular/fire/storage","@angular/fire","@angular/material/dialog","swiper","ngx-moment","ngx-infinite-scroll","asap-skeleton","ngx-hm-carousel","@angular/forms","ngx-owl-carousel","ngx-owl-carousel-o","ngx-smart-popover","ngx-skeleton-loader","@angular/material/button","@angular/material/icon","@angular/material/menu","@angular/material/list","@angular/material/card","@angular/material/select","@angular/material/radio","@angular/material/input","@angular/material/tooltip","@angular/material/progress-bar","@angular/material/stepper","ngx-swiper-wrapper"],e):e((t=t||self)["asap-feed-beta"]={},t.ng.core,t.ng.common.http,t.ng.fire.firestore,t.ng.router,t.asapCrud,t.core$1,t.ng.common,t.ng.platformBrowser,t.classTransformer,t.ng.fire.storage,t.ng.fire,t.ng.material.dialog,t.SwiperCore,t.ngxMoment,t.ngxInfiniteScroll,t.asapSkeleton,t.ngxHmCarousel,t.ng.forms,t.ngxOwlCarousel,t.ngxOwlCarouselO,t.ngxSmartPopover,t.ngxSkeletonLoader,t.ng.material.button,t.ng.material.icon,t.ng.material.menu,t.ng.material.list,t.ng.material.card,t.ng.material.select,t.ng.material.radio,t.ng.material.input,t.ng.material.tooltip,t.ng.material["progress-bar"],t.ng.material.stepper,t.ngxSwiperWrapper)}(this,(function(t,e,o,r,i,n,a,s,l,p,d,c,m,g,b,u,f,h,x,v,y,w,k,z,I,F,P,_,S,j,M,A,T,C,U){"use strict";var R="default"in g?g.default:g,D=function(t,e){return(D=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};function L(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}D(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function V(t,e,o,r){return new(o||(o=Promise))((function(i,n){function a(t){try{l(r.next(t))}catch(t){n(t)}}function s(t){try{l(r.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(a,s)}l((r=r.apply(t,e||[])).next())}))}function E(t,e){var o,r,i,n,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return n={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function s(s){return function(l){return function(s){if(o)throw new TypeError("Generator is already executing.");for(;n&&(n=0,s[0]&&(a=0)),a;)try{if(o=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!(i=(i=a.trys).length>0&&i[i.length-1])&&(6===s[0]||2===s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t],r=0}finally{o=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}Object.create;function O(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],r=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function B(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var r,i,n=o.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=n.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(o=n.return)&&o.call(n)}finally{if(i)throw i.error}}return a}function N(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(B(arguments[e]));return t}Object.create;var q=function(){function t(){this.announce=!1,this.publication=!0,this.stories=!0,this.query=null,this.options={},console.log("[AsapFeedBetaService] ->",this)}return t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();var H=localStorage.getItem("feed_prefix")?localStorage.getItem("feed_prefix"):"";function G(){return{images:H+"images",feed:H+"feed",likes:H+"likes",shareds:H+"shareds"}}var $=function(){function t(t){this.http=t,this.clientFirebaseServer=localStorage.getItem("firebase_server_id"),this.baseUrlAPI="https://us-central1-"+this.clientFirebaseServer+".cloudfunctions.net/api",this.client_id=localStorage.getItem("client")}return t.prototype.getFeed=function(t,e,o){void 0===e&&(e=null),void 0===o&&(o=null);var r;return o?o&&o.searchBy&&o.searchValue&&(console.log("Query"),r=this.baseUrlAPI+"/mobile/feed/"+t+"?limit=6&searchBy="+o.searchBy+"&searchValue="+o.searchValue+"&feed_path="+G().feed+"&client_id="+this.client_id):(console.log("Not Query"),r=this.baseUrlAPI+"/mobile/feed/"+t+"?limit=6&feed_path="+G().feed+"&client_id="+this.client_id),this.http.post(r,{user:e})},t.prototype.createFeed=function(t){return this.http.post(this.baseUrlAPI+"/feed?feed_path="+G().feed+"&client_id="+this.client_id,t)},t.prototype.getMoreFeed=function(t,e,o,r){var i;return void 0===o&&(o=null),void 0===r&&(r=null),r?r&&r.searchBy&&r.searchValue&&(i=this.baseUrlAPI+"/mobile/feed?limit="+t+"&last_doc="+e+"&searchBy="+r.searchBy+"&searchValue="+r.searchValue+"&feed_path="+G().feed+"&client_id="+this.client_id):i=this.baseUrlAPI+"/mobile/feed?limit="+t+"&last_doc="+e+"&feed_path="+G().feed+"&client_id="+this.client_id,this.http.post(i,{user:o})},t.prototype.sendComment=function(t,e){return this.http.post(this.baseUrlAPI+"/comment/"+t,e)},t.prototype.deleteComment=function(t,e){return this.http.delete(this.baseUrlAPI+"/comment/"+t+"/"+e)},t.prototype.sendReplyComment=function(t,e,o){return this.http.post(this.baseUrlAPI+"/comment/reply/"+t+"/"+e,o)},t.prototype.deleteReplyComment=function(t,e,o){return this.http.delete(this.baseUrlAPI+"/comment/reply/"+t+"/"+e+"/"+o)},t.prototype.likeComment=function(t,e,o){return this.http.post(this.baseUrlAPI+"/comment/like/"+t+"/"+e,o)},t.prototype.likePost=function(t,e){return this.http.post(this.baseUrlAPI+"/like/"+t,e)},t.prototype.deleteLikeComment=function(t,e,o){return this.http.delete(this.baseUrlAPI+"/comment/like/"+t+"/"+e+"/"+o)},t.prototype.sendNotification=function(t,e,o){return console.log("[SendNotification] ->",t,e,o),this.http.post(this.baseUrlAPI+"/notification/"+t+"/"+e,o)},t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:o.HttpClient}]},t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t(e.ɵɵinject(o.HttpClient))},token:t,providedIn:"root"}),t}();var Y=function(){function t(t,e,o,r,i){this.feedService=t,this.db=e,this.route=o,this.controlService=r,this.global=i,this.hasFeed=!0,this.loading=!0,this.ignoreControl=!1,this.hasID=!1,this.stories=!0,this.announce=!1,this.publication=!0,this.query=null,this.topPosToStartShowing=400,this.showToTopButton=!1,this.isSinglePost=!1,this.loading=!0,this.query=null}return t.prototype.ngOnInit=function(){var t=this;this.ignoreControl||(this.announce=this.controlService.announce,this.stories=this.controlService.stories,this.publication=this.controlService.publication,this.query=this.controlService.query),console.log("Query ->",this.query),this.route.params.subscribe((function(e){console.log("Params ->",e),e&&(e.feed_id?(t.feedID=e.feed_id,t.isSinglePost=!0,setTimeout((function(){t.getFeed(t.feedID)}),600)):t.getFeed())})),this.checkFeedChange()},t.prototype.ngOnChanges=function(t){var e=this;console.log("HasChanges ->",t),t.feedID&&(console.log("HasChanges [feedID]->",t.feedID),setTimeout((function(){e.getFeed(e.feedID)}),600)),t.id&&this.id&&(this.hasID=!0,this.controlService.query||(this.controlService.query={}),this.controlService.query.searchBy="user_info.id",this.controlService.query.searchValue=this.id+"&typeValue=number")},t.prototype.getFeed=function(t){var e=this;void 0===t&&(t=""),console.log("[getFeed] Query",this.query),this.feedService.getFeed(t,this.global.loggedUser(),this.query).subscribe((function(t){e.feeds=t.data,console.log("Feeds",e.feeds),e.paginate=t.pagination,e.loading=!1,e.hasFeed=e.feeds.length>0}))},t.prototype.getMore=function(){var t=this;console.log("[getMore]",this.paginate.next_document),this.paginate.next_document&&(this.loading=!0,this.feedService.getMoreFeed(5,this.paginate.next_document,this.global.loggedUser(),this.query).subscribe((function(e){e.data.map((function(e){t.permitted(e)&&t.feeds.push(e)})),t.paginate=e.pagination,t.loading=!1})))},t.prototype.checkFeedChange=function(){},t.prototype.checkScroll=function(){(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0)>=this.topPosToStartShowing?this.showToTopButton=!0:this.showToTopButton=!1},t.prototype.gotoTop=function(){window.scroll({top:0,left:0,behavior:"smooth"})},t.prototype.permitted=function(t){var e,o;if(t.permission&&t.permission.length>0){var r=!1,i=this.global.loggedUser();if(i)if(t.user_info&&t.user_info.id==i.id)r=!0;else if(i.extras){var n=i.extras[0];try{for(var a=O(t.permission),s=a.next();!s.done;s=a.next()){var l=s.value;if("multi-conta"==l.field&&l.value==i.client_id){r=!0;break}if(n[l.field]==l.value){r=!0;break}}}catch(t){e={error:t}}finally{try{s&&!s.done&&(o=a.return)&&o.call(a)}finally{if(e)throw e.error}}}return r}return!0},t.prototype.onNewFeed=function(t){var e=this;console.log("[onNewFeed]",t),this.feedService.getFeed(t).subscribe((function(t){var o,r,i,n,a=e.feeds.length;try{for(var s=O(t.data),l=s.next();!l.done;l=s.next()){l.value.focus=!0}}catch(t){o={error:t}}finally{try{l&&!l.done&&(r=s.return)&&r.call(s)}finally{if(o)throw o.error}}try{for(var p=O(e.feeds),d=p.next();!d.done;d=p.next()){d.value.focus=!1}}catch(t){i={error:t}}finally{try{d&&!d.done&&(n=p.return)&&n.call(p)}finally{if(i)throw i.error}}for(var c=0;c<e.feeds.length;c++)if(console.log("[onNewFeed] Feed",e.feeds[c]),!e.feeds[c].isHighlighted){a=c;break}e.feeds=N(e.feeds.slice(0,a),t.data,e.feeds.slice(a)),setTimeout((function(){document.getElementsByClassName("focus-on-me")[0].scrollIntoView({behavior:"smooth"})}),500)}))},t.prototype.sendVisible=function(t){var e=this;console.log("[sendVisible] marcando como visualizado",t);var o=this.global.loggedUser(),r={post_id:t.id,title:t.title,created_at:t.updated_at},i={post_id:t.id,created_at:Date.now(),updated_at:Date.now(),user_info:{id:o.id,updated_at:Date.now(),name:o.name,picture:o.picture}},n="feed-view/"+t.id;this.db.doc(n).set(r).then((function(r){var n="feed-view/"+t.id+"/views/"+o.id;e.db.doc(n).get().subscribe((function(t){t.exists?console.log("[sendVisible] já foi marcado como visualizado",t):t.ref.set(i).then((function(t){console.log("[sendVisible] marcado como visualizado",t)}))})),e.db.collection(n+"/history").add(i)}))},t.decorators=[{type:e.Component,args:[{selector:"asap-feed-beta",template:'\x3c!-- <code>{{publication}}/{{hasID}}/{{isSinglePost}}</code> --\x3e\r\n<feed-publication [announce]="announce" (feedCreated)="onNewFeed($event)"\r\n *ngIf="publication && !hasID && !isSinglePost"></feed-publication>\r\n<app-stories *ngIf="stories && !hasID && !isSinglePost"></app-stories>\r\n\r\n\x3c!-- Este trecho do código foi removido, pois ele fazia o Feed ficar flicando na tela. --\x3e\r\n<ng-container *ngIf="!feeds">\r\n <div [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\r\n <ng-container *ngFor="let item of [0,1]">\r\n <div class="mt-5">\r\n <mat-card class="feed-card">\r\n <mat-card-header class="feed-header">\r\n <div mat-card-avatar>\r\n <ngx-skeleton-loader animation="progress" appearance="circle" [theme]="{height:\'40px\'}">\r\n </ngx-skeleton-loader>\r\n </div>\r\n <mat-card-title>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'20px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'15px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n </mat-card-title>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'400px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n </ng-container>\r\n\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="feeds">\r\n <ng-container *ngFor="let item of feeds">\r\n <div [class.focus-on-me]="item.focus" [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\r\n <app-feed-item [owner]="this" [item]="item" (isVisible)="sendVisible($event)"></app-feed-item>\r\n </div>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<div infiniteScroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="2000" [infiniteScrollDisabled]="\r\n loading || \r\n paginate.count >= paginate.limit || \r\n isSinglePost || \r\n paginate.last_document === paginate.next_document" (scrolled)="getMore()">\r\n</div>\r\n\r\n<button *ngIf="showToTopButton" (click)="gotoTop()" style="position: fixed;\r\n bottom: 0;\r\n right: 0;\r\n color:#FFFF;\r\n font-size: 20px;\r\n margin-right: 10px;\r\n margin-bottom: 10px;\r\n height: 35px;\r\n width: 35px;\r\n border: none;\r\n text-align: center;\r\n border-radius: 50%;\r\n outline: none;\r\n transition: all 1s ease-in;\r\n background-color: var(--main-color);\r\n z-index: 99999;\r\n ">\r\n <i class="fa fa-angle-up"></i>\r\n</button>\r\n',styles:["./asap-feed.beta.componente.scss"]}]}],t.ctorParameters=function(){return[{type:$},{type:r.AngularFirestore},{type:i.ActivatedRoute},{type:q},{type:n.Global}]},t.propDecorators={id:[{type:e.Input}],ignoreControl:[{type:e.Input}],checkScroll:[{type:e.HostListener,args:["window:scroll"]}]},t}();var Q=function(){function t(t){if(this.http=t,localStorage.getItem("loggedUser")){var e=JSON.parse(localStorage.getItem("loggedUser"));this.streamVideoPath=e.data.link_company?e.data.link_company:e.data.link,console.log("streamVideoPath",this.streamVideoPath)}}return t.prototype.getHeaders=function(){var t={Accept:"application/json"};return localStorage.getItem("token")&&(t.Authorization=localStorage.getItem("token")),t},t.prototype.status=function(t){return this.http.get(this.streamVideoPath+"videos/"+t,{headers:this.getHeaders()})},t.prototype.uploadFile=function(t){var e=new FormData;e.append("file",t);var r=new o.HttpRequest("POST","http://api.tecnologiaasap.com.br/api/cloudinary/upload",e,{reportProgress:!0,responseType:"json",headers:new o.HttpHeaders(this.getHeaders())});return console.log("RESPONSE UPLOAD",r),this.http.request(r)},t.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},t.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:o.HttpClient}]},t}();var W=function(){this.id=null,this.name=null,this.updated_at=null,this.picture=null};var Z=function(){this.cod=null,this.descr=null,this.hashtag=null,this.id=null,this.produto=null,this.parcela=null,this.qtdMinimo=null,this.valorAte=null,this.valorDe=null,this.adaptation=null,this.desconto=null,this.fotos=[]};var J=function(){this.url=null,this.type=null,this.status=1,this.thumb_rendering=!1,this.video_rendering=!1,this.video_low_rendering=!1,this.name=null,this.isCloudinary=!1};var K=function(){this.url=null,this.type=null,this.status=null,this.thumb_rendering=!1,this.video_rendering=!1,this.video_low_rendering=!1,this.name=null,this.new=!0};var X=function(){this.id=null,this.ref=null,this.status=!0,this.product=new Z,this.type="post",this.source="web",this.likes=0,this.shareds=0,this.user_info=new W,this.updated_at=null,this.title=null,this.files=[]};var tt=function(){function t(t,e,o,r,i){this.firebaseStorage=t,this.db=e,this.firebase=o,this.feedService=r,this.global=i}return t.prototype.uploadFile=function(t,e){console.log("TO SUBINDO",t);try{var o=e,r=this.firebaseStorage.ref(t);this.task=r.putString(o,"data_url"),this.percentage=this.task.percentageChanges(),this.snapshot=this.task.snapshotChanges()}catch(t){console.log("ERRO DO SUBINDO",t)}},t.prototype.getFireStorageURL=function(t){return this.firebaseStorage.ref(t).getDownloadURL()},t.prototype.deleteFireStorage=function(t){return V(this,void 0,void 0,(function(){return E(this,(function(e){switch(e.label){case 0:return[4,this.firebaseStorage.ref(t).delete().toPromise()];case 1:return[2,e.sent()]}}))}))},t.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},t.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},t.prototype.isUrl=function(t){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)},t.prototype.sendNotification=function(t,e,o){console.log("Destinatario",e),console.log("Remetente",this.global.loggedUser()),e.id!=this.global.loggedUser().id&&this.feedService.sendNotification(e.id,o,t).subscribe((function(t){console.log("Retorno Notificacao",t)}))},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:d.AngularFireStorage},{type:r.AngularFirestore},{type:c.FirebaseApp},{type:$},{type:n.Global}]},t}();var et=function(){function t(t,e,o,r,i,n,a){this.dialogRef=t,this.item=e,this.global=o,this.streamService=r,this.sanitizer=i,this.utilsService=n,this.db=a,this.showAnnouncePublication=!1}return t.prototype.ngOnInit=function(){this.item&&(this.title=this.item.title,this.type=this.item.type,this.tmpFileArray=this.item.files,console.log("Feed Modal ->",this.item))},t.prototype.close=function(){this.dialogRef.close()},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:e=function(t){var e,r,i,n,a,s,l,d;return E(this,(function(c){switch(c.label){case 0:return(e=new K).type=o.getTypeByMimeType(t.type),e.status=0,e.thumb_rendering=!1,e.video_rendering=!1,e.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),r=!0),r?[3,7]:(console.log("File Sended",t),"image"!==o.getTypeByMimeType(t.type)||t.new?[3,5]:(console.log("File do Upload ->",t),"image/gif"!=t.type?[3,2]:(e.url=o.streamService.uid()+".gif",i=e,[4,o.readGIF(t)])));case 1:return i.name=c.sent(),o.tmpFileArray.push(e),[3,4];case 2:return n=t.name.split("."),a=n[n.length-1],e.url=o.streamService.uid()+"."+a,s=e,[4,o.resizeImages(t,800)];case 3:s.name=c.sent(),o.tmpFileArray.push(e),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(t.type)||t.new?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",e),(l=t)&&(d=URL.createObjectURL(l),e.name=d,o.tmpFileArray.push(e)),o.uploading=!0,[4,o.streamService.uploadFile(t).subscribe((function(t){t.loaded&&(e.status=(100*t.loaded/t.total).toFixed(0),p.progress=e.status,console.log("Response",e)),t.body&&(e.url=t.body.uuidVideo,p.videoSendedID=e.url,p.uploading=!1,p.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",e),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.share=function(){var t=this,e=null;delete(e=this.item).likes,delete e.comments,e.title=this.title,(this.tmpFileArray||this.tmpFileArray.length>0)&&(e.files=this.tmpFileArray,e.files.map((function(o){"video"!==o.type||o.video_rendering||(console.log("Existe um video no Feed",o),o.video_rendering=!1,o.video_low_rendering=!1,o.thumb_rendering=!1,e.ref=o.url,e.status=!1,t.streamService.status(o.url).subscribe((function(t){o.video_rendering=!t.p480,o.video_low_rendering=!t.p480_low,o.thumb_rendering=!t.thumb})))}))),this.publish(e)},t.prototype.publish=function(t){var e,o,r=this,i=0;if("embed"==this.type){var n={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(n)}if(this.tmpFileArray&&this.tmpFileArray.length>0){var a=this.tmpFileArray.filter((function(t){return"image"===r.getTypeByMimeType(t.type)&&t.new})),s=98/a.length;if(a&&a.length>0){console.log("Imagens para Publicar ->",a);var l=function(e){console.log("Imagem ->",e),setTimeout((function(){r.utilsService.uploadFile("images/"+e.url,e.name),r.utilsService.percentage.subscribe((function(t){e.status=t,e.name=e.url})),r.utilsService.task.snapshotChanges().subscribe((function(o){return V(r,void 0,void 0,(function(){var r,n=this;return E(this,(function(l){return o.bytesTransferred===o.totalBytes&&(i++,this.progress+=s,r=t.files.findIndex((function(t){return t.name===e.name})),this.utilsService.getFireStorageURL("images/"+t.files[r].name).subscribe((function(e){console.log("Image File Url ->",e),t.files[r].name=e})),delete t.files[r].url,i==a.length&&(console.log("Imagens Pos Processaento ->",t.files),this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()})))),[2]}))}))}))}))};try{for(var d=O(a),c=d.next();!c.done;c=d.next()){l(c.value)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(e)throw e.error}}}else{this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()}))}}else{this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()}))}},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkPublicationType=function(t){if(console.log("Event ->",event),t.length>35&&this.isValidUrl(t)){console.log("checkPublicationType",t),t.includes("youtube")?(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=t.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):t.includes("spotify")&&(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.embedFile=t.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1);var e={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(e)}},t.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post",this.tmpFileArray=[]},t.prototype.isValidUrl=function(t){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(t)},t.decorators=[{type:e.Component,args:[{selector:"lib-feed-modal-item-edit",template:'<div mat-dialog-content>\r\n <div class="form-feed mt-4">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n\r\n <textarea class="form-control" [(ngModel)]="title" id="" rows="3"\r\n placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\r\n <div class="clearfix"></div>\r\n\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n\r\n <ng-container *ngFor="let file of tmpFileArray">\r\n <div class="col-sm-4 mb-4 tmp-file-wrapper" *ngIf="file.type == \'video\' || file.type == \'image\'">\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <img [src]="file.name" *ngIf="file.name" class="img-responsive tmp-upload"/>\r\n </ng-container>\r\n\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" [autoplay]="true" [muted]="\'muted\'" loop *ngIf="file.type === \'video\'">\r\n \x3c!-- <code>{{ file.name | json }}</code> --\x3e\r\n <ng-container *ngIf="file.new">\r\n <source [src]="file.name"/>\r\n </ng-container>\r\n <ng-container *ngIf="!file.new">\r\n <source [src]="file.url | stream:\'link\'"/>\r\n </ng-container>\r\n \r\n \r\n </video>\r\n </div>\r\n </div>\r\n \r\n <div class="col-sm-12" *ngIf="file.type == \'embed\'">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n<div class="row mt-4">\r\n <div class="col-6 float-left" *ngIf="global?.loggedUser()">\r\n <ng-container *ngIf="type != \'embed\'">\r\n <label>\r\n <a class="btn btn-feed btn-round btn-primary">\r\n <span>{{ \'ImageAndVideo\' | translate }}</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </ng-container>\r\n <ng-container *ngIf="type == \'embed\'">\r\n <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </ng-container>\r\n \r\n <ng-container *ngIf="showAnnouncePublication">\r\n\r\n <ng-container *ngIf="global?.loggedUser()?.lojista">\r\n <ng-container *ngIf="global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'lojista\')"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'vitrine\')"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Publish\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n <div class="col-6 float-right text-right">\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\r\n *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n</div>\r\n \r\n \x3c!-- <button class="btn btn-feed btn-primary btn-custom-social" (click)="close()">\r\n {{ \'Close\' | translate }}\r\n </button>\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\r\n *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button> --\x3e\r\n\r\n',providers:[Q],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}',".form-feed{box-shadow:none!important;-webkit-box-shadow:none!important}.mat-dialog-container{border-radius:24px!important;margin:0!important;padding:0 5px!important}"]}]}],t.ctorParameters=function(){return[{type:m.MatDialogRef},{type:void 0,decorators:[{type:e.Inject,args:[m.MAT_DIALOG_DATA]}]},{type:n.Global},{type:Q},{type:l.DomSanitizer},{type:tt},{type:r.AngularFirestore}]},t}();R.use([g.Navigation,g.Pagination]);var ot=function(){function t(t,o,r,i,n){this.streamService=t,this.db=o,this.global=r,this.dialog=i,this.service=n,this.isVisible=new e.EventEmitter,this.imageLoaded=!1,this.imageDataLoaded=!1,this.blurBackgroundIndex=Math.floor(5*Math.random()+1)}return t.prototype.ngOnInit=function(){var t=this;this.loadVisibilityControls(),this.item.files&&this.item.files.length>0&&this.item.files.map((function(e){if(e.url&&e.url.includes("youtube")){e.isYoutube=!0;var o=t.getYoutubeID(e.url);e.url="https://www.youtube.com/embed/"+o}}))},t.prototype.ngAfterViewInit=function(){this.observer.observe(this.visibleControl.nativeElement)},t.prototype.ngOnDestroy=function(){this.observer.disconnect(),clearInterval(this.visibleTimer)},t.prototype.loadVisibilityControls=function(){var t=this;this.visibleTimer=setInterval((function(){t.shotTimer--,0==t.shotTimer&&(t.isVisible.emit(t.item),clearInterval(t.visibleTimer),t.observer.disconnect())}),1e3);this.observer=new IntersectionObserver((function(e,o){e.forEach((function(e){t.shotTimer=-1,t.item.active=!1,1==e.intersectionRatio&&(t.shotTimer=5)}))}),{rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]})},t.prototype.onloadImage=function(t){this.imageLoaded=!0,this.imageDataLoaded=!0},t.prototype.onErrorImage=function(t){},t.prototype.playVideo=function(t){this.videoplayer&&this.videoplayer.nativeElement.play()},t.prototype.linkify=function(t){var e;if(e=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],e=new RegExp(e.join("|"),"gi"),t)return t.replace(e,(function(t,e,o,r,i){return e?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+e+'">'+e+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":r?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":t}))},t.prototype.checkVideoRender=function(t){console.log("videoRender ->",t),this.streamService.status(t).subscribe((function(t){console.log("checkVideoRender",t)}))},t.prototype.onEditItem=function(){var t;delete(t=this.item).comments,delete t.likes,t.files.map((function(t){t.new=!1})),this.dialog.open(et,{width:"600px",data:t,panelClass:"modal-feed-publication"})},t.prototype.preConvertNumber=function(t){return parseFloat(t)},t.prototype.onRemoveItem=function(t){var e=this;this.global.swal({title:"Você realmente deseja remover este Post?",text:"Você não poderá reverter essa ação depois de confirmado",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(o){return V(e,void 0,void 0,(function(){var e,r,i,n,a,s,l,p;return E(this,(function(d){switch(d.label){case 0:if(!o.value)return[3,11];if(e=this.db.collection(G().feed).doc(t.id),!(t.files&&t.files.length>0))return[3,10];d.label=1;case 1:d.trys.push([1,8,9,10]),r=O(t.files),i=r.next(),d.label=2;case 2:if(i.done)return[3,7];if("image"!==(n=i.value).type)return[3,6];if(!n.name)return[3,6];d.label=3;case 3:return d.trys.push([3,5,,6]),[4,this.service.deleteFireStorage(G().images+"/"+n.name)];case 4:return d.sent(),[3,6];case 5:return a=d.sent(),console.log("Removendo um post com imagem não referenciada",a),[3,6];case 6:return i=r.next(),[3,2];case 7:return[3,10];case 8:return s=d.sent(),l={error:s},[3,10];case 9:try{i&&!i.done&&(p=r.return)&&p.call(r)}finally{if(l)throw l.error}return[7];case 10:e.delete(),t.deleted=!0,this.global.toast("Post removido com Sucesso"),d.label=11;case 11:return[2]}}))}))}))},t.prototype.checkFileOrigin=function(t){},t.prototype.isYoutube=function(t){return console.log("IsYoutube ->",t),!!t.includes("youtube")},t.prototype.getYoutubeID=function(t){var e=t.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return!(!e||11!=e[7].length)&&e[7]},t.decorators=[{type:e.Component,args:[{selector:"app-feed-item",template:'<ng-container *ngIf="item && item.status && !item.deleted">\r\n <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\r\n <mat-card-header class="feed-header ml-2">\r\n <popover-content #myPopover placement="auto right" [closeOnClickOutside]="false"\r\n [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}">\r\n <div class="info"><b>{{ item?.user_info?.name }}</b><br />\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <div mat-card-avatar>\r\n <a [routerLink]="[\'/profile\',item.user_info?.id]"><img\r\n [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n class="feed-avatar mr-1" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}" [popover]="myPopover" [popoverOnHover]="true"></a>\r\n </div>\r\n\r\n <mat-card-title>\r\n <h4 class="ml-2"><b><a [routerLink]="[\'/profile\',item.user_info?.id]">{{ item?.user_info?.name }}</a> <i\r\n *ngIf="item?.channel_id" class="material-icons text-primary"\r\n matTooltip="Este é um post Institucional" matTooltipClass="tooltip-primary">done_all</i></b>\r\n </h4>\r\n <p class="ml-2"> {{ \'SharedPublication\' | translate }} <a [routerLink]="[\'/portal\',item.id]">{{\r\n item?.updated_at | amTimeAgo }}</a></p>\r\n </mat-card-title>\r\n\r\n <ng-container *ngIf="global.loggedUser()">\r\n <div class="feed-buttom-option" *ngIf="item.user_info.id === global.loggedUser().id">\r\n <button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="!item.status">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu="matMenu">\r\n <button mat-menu-item (click)="onEditItem()" [disabled]="!item.status">\r\n <mat-icon>create</mat-icon>\r\n <span>{{ \'Edit\' | translate }}</span>\r\n </button>\r\n <button mat-menu-item (click)="onRemoveItem(item)" [disabled]="!item.status">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ \'Remove\' | translate }}</span>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div *ngIf="item.isHighlighted" matTooltip="Post destacado" class="feed-buttom-option pinned-feed">\r\n <i class="fa fa-thumb-tack fa-lg"></i>\r\n </div>\r\n </ng-container>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container *ngIf="item.type != \'announce\'">\r\n \x3c!-- <code>{{item.additional_data | json}}</code> --\x3e\r\n <ng-container *ngIf="!(item.files && item.files.length > 0)">\r\n <div class="card card-file mt-0 pointer">\r\n \x3c!-- <div class="card-cover"> --\x3e\r\n <ng-container *ngIf="item.additional_data && item.additional_data.image">\r\n <img style="display: none;" [src]="item.additional_data.image" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n\r\n <div class="container-mat-card" *ngIf="imageLoaded">\r\n <img class="bg-mat-card" [src]="item.additional_data.image">\r\n <img mat-card-image [src]="item.additional_data.image">\r\n </div>\r\n\r\n <div class="container-mat-card" *ngIf="!imageLoaded">\r\n <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\r\n </div>\r\n </ng-container>\r\n \x3c!-- </div> --\x3e\r\n <a *ngIf="item.additional_data && item.additional_data.file_id"\r\n [routerLink]="[\'/channel/files/\' + item.channel_id +\'/\'+ item.additional_data.file_id]"\r\n class="circle">\r\n <i class="fa fa-file-text-o"></i>\r\n </a>\r\n <div *ngIf="item.additional_data && item.additional_data.description" class="card-content">\r\n <div class="clearfix"></div>\r\n <p class="description m-3" [innerHTML]="linkify(item.additional_data.description)"></p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf="item.files && item.files.length > 0">\r\n\r\n <ng-container *ngIf="item.files.length === 1">\r\n <ng-container *ngFor="let file of item.files">\r\n <ng-container *ngIf="file.type == \'image\'">\r\n\r\n <img style="display: none;" [src]="file.name || file.url" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n\r\n <div class="container-mat-card" *ngIf="imageLoaded">\r\n <img class="bg-mat-card" [src]="file.name || file.url">\r\n <img mat-card-image [src]="file.name || file.url">\r\n </div>\r\n\r\n <div class="container-mat-card" *ngIf="!imageLoaded">\r\n <img mat-card-image\r\n [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\r\n </div>\r\n\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'video\'">\r\n <div class="carousel custom-carrousel">\r\n <div class="content">\r\n <div class="item">\r\n <div class="video-overlay cloudinary-true" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'"></div>\r\n\r\n <div class="video-overlay youtube-true" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\r\n\r\n <div class="video-overlay not-cloudinary-youtube" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube" (click)="playVideo($event)"\r\n (onloadeddata)="checkVideoRender(file.url)" class="video not-cloudinary-youtube" width="100%"\r\n controls="false" preload="metadata" poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video cloudinary-true" width="100%" controls="false" preload="metadata"\r\n poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube == true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0" frameborder="0"\r\n width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'pdf\' || file.type == \'txt\'">\r\n <div class="container-mat-card px-3">\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id + \'/\' + file.file_id]"\r\n class="w-100">\r\n\r\n <div class="card card-file mt-0 pointer">\r\n <div class="card-cover">\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]">\r\n <ng-container *ngIf="file.image">\r\n <img [src]="file.image" alt="">\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!file.image || file.image == null">\r\n <h4 class="title" [innerHTML]="linkify(file.title)"></h4>\r\n </ng-container>\r\n </a>\r\n </div>\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]"\r\n class="circle">\r\n <i *ngIf="file.type == \'pdf\'" class="fa fa-file-pdf-o"></i>\r\n <i *ngIf="file.type == \'txt\'" class="fa fa-file-text-o"></i>\r\n </a>\r\n <div class="card-content">\r\n <div class="clearfix"></div>\r\n <p class="description mb-3" [innerHTML]="linkify(file.description)"></p>\r\n </div>\r\n </div>\r\n\r\n </a>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'embed\'">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;"\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\r\n </ng-container>\r\n\r\n </ng-container>\r\n </ng-container>\r\n\r\n\r\n <ng-container *ngIf="item.files.length > 1">\r\n\r\n \x3c!-- Carrosel de Imavens e vídeos --\x3e\r\n\r\n <div class="swiper-stage">\r\n <swiper [config]="global.swiperConfig(false)">\r\n <div swiperSlide *ngFor="let file of item.files; let i = index">\r\n <div class="swiper-carousel-custom">\r\n\r\n \x3c!-- Imagem --\x3e\r\n\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <ng-container *ngIf="file.url">\r\n <div class="swiper-container-img">\r\n <div class="swiper-bg-blur"\r\n [style.backgroundImage]="\'url(\'+file.url+\')\'">\r\n </div>\r\n <img class="img" [src]="file.url" alt="" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.name">\r\n <div class="swiper-container-img"\r\n [style.backgroundImage]="\'url(\'+file.name+\')\'">\r\n <div class="swiper-bg-blur"\r\n [style.backgroundImage]="\'url(\'+file.name+\')\'">\r\n </div>\r\n <img class="img" [src]="file.name" alt="" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n \x3c!-- Video --\x3e\r\n\r\n <ng-container *ngIf="file.type === \'video\'">\r\n\r\n <ng-container>\r\n\r\n <div class="video-overlay" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube == true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\r\n frameborder="0" width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\r\n \x3c!-- <ng-container *ngIf=" i === 0">\r\n\r\n <div class="video-overlay" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer\r\n *ngIf="file.isCloudinary === true" (click)="playVideo($event)"\r\n (onloadeddata)="checkVideoRender(file.url)" class="video" width="100%"\r\n controls="false" preload="metadata" poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube === true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\r\n frameborder="0" width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </ng-container> --\x3e\r\n\r\n </ng-container>\r\n\r\n <ng-template #infiniteContainer></ng-template>\r\n </div>\r\n </div>\r\n </swiper>\r\n </div>\r\n\r\n \x3c!-- Fim Carrosel de Imagens e Vídeos --\x3e\r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n <ng-container *ngIf="item.type == \'announce\'">\r\n <div class="ribbon ribbon-top-right"><span>Anúncio</span></div>\r\n\r\n <div class="swiper-stage">\r\n <swiper [config]="global.swiperConfig(false)">\r\n <div swiperSlide *ngFor="let file of item.files; let i = index">\r\n <div class="swiper-carousel-custom">\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <div class="img" [style.backgroundImage]="\'url(\'+file.name+\')\'" *ngIf="file.name">\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type === \'video\'">\r\n\r\n <ng-container>\r\n\r\n <div class="video-overlay"\r\n [style.background-image]="file.url | stream:\'styleThumbUrl\'">\r\n </div>\r\n\r\n <video class="video" width="100%" preload="metadata"\r\n poster="{{ file.url | stream:\'thumb\' }}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\r\n \x3c!-- <ng-container *ngIf=" i === 0">\r\n\r\n <div class="video-overlay"\r\n [style.background-image]="file.url | stream:\'styleThumbUrl\'">\r\n </div>\r\n\r\n <video class="video" width="100%" preload="metadata"\r\n poster="{{ file.url | stream:\'thumb\' }}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n </ng-container> --\x3e\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #infiniteContainer></ng-template>\r\n </swiper>\r\n </div>\r\n\r\n <div class="pull-right mt-3" [routerLink]="[\'/market/product/\', item.product.id]">\r\n <button class="btn btn-primary">\r\n <i class="fa fa-shopping-cart"></i>\r\n {{ preConvertNumber(item.product.valorDe) | currency:\'BRL\':true}} -\r\n {{ preConvertNumber(item.product.valorAte) | currency:\'BRL\':true}}\r\n </button>\r\n </div>\r\n <p *ngIf="item?.product?.data?.descr" [innerHTML]="item.product.descr"></p>\r\n </ng-container>\r\n\r\n <div class="mat-card-content">\r\n <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="linkify(item.title)"></span>\r\n <feed-actions [item]="item"></feed-actions>\r\n <feed-comments [feed_id]="item.id" [user]="item.user_info"></feed-comments>\r\n </div>\r\n\r\n </mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="item && !item.status">\r\n <ng-container *ngIf="global.loggedUser()">\r\n <ng-container *ngIf="item.user_info.id === global.loggedUser().id">\r\n <ng-container *ngIf="item">\r\n <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\r\n <mat-card-header class="feed-header ml-2">\r\n <div mat-card-avatar>\r\n <img [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n class="feed-avatar" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}">\r\n </div>\r\n <mat-card-title>\r\n <h4><b>{{ item?.user_info?.name }}</b></h4>\r\n <p> {{ \'SharedPublication\' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\r\n </mat-card-title>\r\n\r\n <div class="feed-buttom-option" *ngIf="false">\r\n <button mat-icon-button [matMenuTriggerFor]="menu">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu="matMenu">\r\n <button mat-menu-item (click)="false">\r\n <mat-icon>create</mat-icon>\r\n <span>{{ \'Edit\' | translate }}</span>\r\n </button>\r\n <button mat-menu-item (click)="false">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ \'Remove\' | translate }}</span>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container>\r\n <div class="col-sm-12 mx-auto text-center post-processing-section">\r\n <img src="https://image.flaticon.com/icons/svg/2654/2654464.svg" width="30%">\r\n <h4>Estamos processando os dados do seu Post!</h4>\r\n <p>No momento ele está visível apenas para você, mas logo estará disponível para todos!</p>\r\n </div>\r\n </ng-container>\r\n\r\n <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="linkify(item.title)"></span>\r\n <feed-actions prefix="prefix" [item]="item"></feed-actions>\r\n <feed-comments prefix="prefix" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\r\n </mat-card>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n</ng-container>',providers:[Q],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}','@charset "UTF-8";.pinned-feed{background-color:var(--bg-btn);color:var(--text-btn);padding:5px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;margin-top:60px;margin-right:5px;opacity:1}.mat-card-video{-o-object-fit:cover;object-fit:cover;width:calc(100% + 31px);margin:0 0 10px}.mat-card-content{word-break:break-word;padding:0 15px}::ng-deep .tooltip-primary{background:var(--main-color);opacity:.85;font-size:13px}.no-click{pointer-events:none}.modal-feed-publication{border-radius:24px!important}.share-social{max-width:185px}.mat-card-actions{min-height:40px}.post-processing-section{padding:12px;border:3px dotted gray;border-radius:8px;background-color:#f4f4f4}.carousel{color:#fff}.carousel .content{display:flex}.carousel .content .item{width:100%;display:block;transition:opacity 295ms linear .2s}.carousel .content .item.visible{opacity:1}.carousel .content .item .img{width:100%;height:500px;display:block;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center}.carousel .content .item .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.carousel .content .item .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}.carousel .content .wraper-video{background-color:#000}.carousel .ball{width:10px;height:10px;border-radius:50%;background:#000;border:2px solid;opacity:.5}.carousel .ball.visible{opacity:1}.carousel .click-area{width:50px;text-align:center}.carousel .click-area i{font-size:2em;background:rgba(255,255,255,.8);color:#000;border-radius:100%}.custom-carrousel{z-index:1;overflow:hidden}.card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}.card-file .card-cover{display:flex;align-items:center;justify-content:center;text-align:center;padding:0;width:100%;height:250px;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--main-color);color:#fff!important;overflow:hidden}.card-file .card-cover img{position:absolute;z-index:0;top:0;left:0;width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card-file .card-cover .title{position:relative;z-index:3;color:#fff;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}.card-file .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:20;font-size:1.5em;color:#3c4858!important}.card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}.card-file .card-body h5{height:60px}.card-file .card-body .description{color:#888;height:65px;overflow:hidden}::ng-deep owl-carousel-o .owl-theme .owl-next,::ng-deep owl-carousel-o .owl-theme .owl-prev{position:absolute;top:50%;transform:translateY(-50%);display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;margin:20px 0;background:rgba(255,255,255,.8)!important;color:#414141!important;border:none!important;font-size:20px!important;font-weight:600!important}::ng-deep owl-carousel-o .owl-theme .owl-prev{left:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-prev:hover{transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next{right:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next:hover{transition:.3s}::ng-deep owl-carousel-o .owl-carousel .owl-dot,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev{font-family:fontAwesome}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev:before{content:""}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next:after{content:""}.swiper-carousel-custom .swiper-container-img{display:flex;align-items:center;justify-content:center;width:100%;height:500px}.swiper-carousel-custom .swiper-bg-blur{position:absolute;z-index:10;width:100%;height:500px;-webkit-filter:blur(30px) brightness(80%);filter:blur(30px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.swiper-carousel-custom .img{position:relative;z-index:20;max-width:100%;max-height:500px!important;display:block;-o-object-fit:contain;object-fit:contain;background-size:cover;background-position:center}.swiper-carousel-custom .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.swiper-carousel-custom .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}']}]}],t.ctorParameters=function(){return[{type:Q},{type:r.AngularFirestore},{type:n.Global},{type:m.MatDialog},{type:tt}]},t.propDecorators={item:[{type:e.Input}],owner:[{type:e.Input}],isVisible:[{type:e.Output}],videoplayer:[{type:e.ViewChild,args:["videoPlayer",{static:!0}]}],visibleControl:[{type:e.ViewChild,args:["visibleControl",{static:!1,read:e.ElementRef}]}]},t}();var rt=function(){function t(t){if(this.domSanitizer=t,localStorage.getItem("loggedUser")){var e=JSON.parse(localStorage.getItem("loggedUser")).data;this.url=e.link_company?e.link_company:e.link}else{var o=localStorage.getItem("streamURL");this.url=o}}return t.prototype.transform=function(t,e){return"link"===e?this.getVideoUri(t):"thumb"===e?this.getVideoThumb(t):"id"===e?this.getVideoId(t):"fire"===e?this.getFireStorageURL(t):"styleThumbUrl"===e?this.domSanitizer.bypassSecurityTrustStyle("url("+this.getVideoThumb(t)+")"):"backgroundImage"===e?this.domSanitizer.bypassSecurityTrustStyle("url("+t):t},t.prototype.getVideoThumb=function(t){return this.url+"videos/thumb/"+this.getVideoId(t)},t.prototype.getVideoUri=function(t){return this.domSanitizer.bypassSecurityTrustResourceUrl(this.url+"videos/"+this.getVideoId(t)+"/480_low")},t.prototype.getFireStorageURL=function(t){return console.log("URL",t),this.domSanitizer.bypassSecurityTrustUrl(t)},t.prototype.getVideoId=function(t){return this.isUrl(t)?t.split("/")[4]:t},t.prototype.isUrl=function(t){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)},t.decorators=[{type:e.Pipe,args:[{name:"stream"}]}],t.ctorParameters=function(){return[{type:l.DomSanitizer}]},t}();var it=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t,e){if(t)switch(e){case"html":return this.sanitizer.bypassSecurityTrustHtml(t);case"style":return this.sanitizer.bypassSecurityTrustStyle(t);case"script":return this.sanitizer.bypassSecurityTrustScript(t);case"url":return this.sanitizer.bypassSecurityTrustUrl(t);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(t);default:throw new Error("Invalid safe type specified: "+e)}},t.decorators=[{type:e.Pipe,args:[{name:"safe"}]}],t.ctorParameters=function(){return[{type:l.DomSanitizer}]},t}();var nt=/^(\d+)?\.((\d+)(-(\d+))?)?$/,at=function(){function t(t){this._currencyPipe=t}return t.prototype.transform=function(t,e,o,r){return"number"==typeof t||nt.test(t)?this._currencyPipe.transform(t,e,o,r):t},t.decorators=[{type:e.Pipe,args:[{name:"looseCurrency"}]}],t.ctorParameters=function(){return[{type:s.CurrencyPipe}]},t}();var st=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[it,rt,at],imports:[],exports:[it,rt,at],providers:[s.CurrencyPipe]}]}],t}(),lt=function(){function t(t,e,o,r,i){this.global=t,this.db=e,this.feedService=o,this.service=r,this.asapService=i,this.comments=[],this.replyingComment=[],this.limitCommentsTo=3,this.limitReplysTo=1,this.onLoadingLike=!1,this.onLoadingReply=!1,this.onLoadingComment=!1}return t.prototype.ngOnInit=function(){this.getComments(this.feed_id)},t.prototype.getComments=function(t){var e=this;this.db.collection(G().feed).doc(t).collection("comments",(function(t){return t.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(o){e.comments=[],o.map((function(o){var r=o.payload.doc.data();r.id=o.payload.doc.id,r.likeForMe=!1,r.limitReplysTo=1,e.db.collection(G().feed).doc(t).collection("comments").doc(r.id).collection("like").snapshotChanges().subscribe((function(t){r.likes=[],t.map((function(t){var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&o.user_info&&o.user_info.id===e.global.loggedUser().id&&(r.likeForMe=!0,r.likeForMeID=o.id),r.likes.push(o)}))})),e.db.collection(G().feed).doc(t).collection("comments").doc(r.id).collection("reply",(function(t){return t.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(t){r.replys=[],t.map((function(t){var e=t.payload.doc.data();e.id=t.payload.doc.id,r.replys.push(e)}))})),e.comments.push(r)}))}))},t.prototype.onReplyComment=function(t){this.replyingComment[t]?this.replyingComment[t]=!1:this.replyingComment[t]=!0},t.prototype.sendComment=function(t){var e={comment:t,updated_at:Date.now(),created_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}},o=this.db.collection(G().feed).doc(this.feed_id).collection("comments");if(t.length>0){this.onLoadingComment=!0,o.add(e);var r={source:"web",title:"Novo comentário",description:this.global.loggedUser().name+": "+t,user:this.global.loggedUser(),client_id:this.global.loggedUser().client_id,redirect:"/portal/"+this.feed_id};this.service.sendNotification(r,this.user,"feed"),this.comment="",this.onLoadingComment=!1}},t.prototype.replyComment=function(t,e,o,r){var i={comment:e,created_at:Date.now(),updated_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};if(e.length>0){this.onLoadingReply=!0,this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").add(i);var n={source:"web",title:"Nova Resposta",description:this.global.loggedUser().name+" respondeu: "+e,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id};this.service.sendNotification(n,o,"feed"),this.reply="",this.onLoadingReply=!1,this.replyingComment[r]=!1}},t.prototype.deleteReply=function(t,e){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").doc(e).delete()},t.prototype.deleteComment=function(t){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).delete()},t.prototype.sendLikeComment=function(t,e,o){if(void 0===e&&(e=null),this.onLoadingLike=!0,o.likeForMe){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("like").doc(e).delete(),o.likeForMe=!1,this.onLoadingLike=!1}else{var r={created_at:Date.now(),updated_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("like").add(r);var i={source:"web",title:"Nova Curtida",description:this.global.loggedUser().name+" curtiu seu comentário: "+o.comment,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id};this.service.sendNotification(i,o.user_info,"feed"),o.likeForMe=!0,this.onLoadingLike=!1}},t.prototype.loadMoreComments=function(){this.limitCommentsTo=this.limitCommentsTo+3},t.prototype.loadMoreReplys=function(t){t.limitReplysTo=t.limitReplysTo+3},t.prototype.linkify=function(t){var e;if(e=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],e=new RegExp(e.join("|"),"gi"),t)return t.replace(e,(function(t,e,o,r,i){return e?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+e+'">'+e+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":r?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":t}))},t.prototype.onEditReply=function(t){this.editedReply=t.comment,t.onEdit?t.onEdit=!1:t.onEdit=!0},t.prototype.onEditComment=function(t){this.editedComment=t.comment,t.onEdit?t.onEdit=!1:t.onEdit=!0},t.prototype.updateComment=function(t,e){this.onLoadingComment=!0;var o={comment:this.editedComment,edited:!0,updated_at:Date.now()},r=this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t);e.length>0&&(r.update(o),this.editedComment="",this.onLoadingComment=!1)},t.prototype.updateReply=function(t,e,o){this.onLoadingReply=!0;var r={comment:o,updated_at:Date.now()};this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").doc(e.id).update(r),this.editedComment="",this.onLoadingReply=!1,e.onEdit=!1},t.prototype.searchMetionUsers=function(t){},t.prototype.loadUsers=function(){var t=this;this.asapService.entityName="asap-user",this.asapService.getResources().subscribe((function(e){t.mentionsList={items:e.data.map((function(t){return t.name})),triggerChar:"@"}}))},t.decorators=[{type:e.Component,args:[{selector:"feed-comments",template:'<form *ngIf="global.loggedUser()" class="form-comment">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n <ng-container>\r\n <input type="text" name="comment" [(ngModel)]="comment" (keyup.enter)="sendComment(comment)" [disabled]="onLoadingComment" placeholder="{{ \'SendCommentFeed\' | translate }}">\r\n <div class="clearfix"></div>\r\n </ng-container>\r\n</form>\r\n\r\n<div *ngFor="let comment of comments | slice:0:limitCommentsTo; let i=index">\r\n <popover-content #myPopover \r\n placement="auto right"\r\n [closeOnClickOutside]="true" [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" alt="">\r\n <div class="info"><b>{{ comment?.user_info?.name }}</b><br/>\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> <br/> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <a *ngIf="comment" [routerLink]="[\'/profile\',comment?.user_info?.id]">\r\n <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" class="avatar-45" alt="" [popover]="myPopover" [popoverOnHover]="true">\r\n <div *ngIf="!comment?.user_info?.picture" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\r\n <i class="fa fa-user"></i>\r\n </div></a>\r\n <div class="comments">\r\n\r\n <ng-container *ngIf="global?.loggedUser() && !comment.onEdit">\r\n <div class="feed-comment-option">\r\n <button mat-icon-button [matMenuTriggerFor]="appMenu"\r\n *ngIf="comment?.user_info?.id == global?.loggedUser().id">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #appMenu="matMenu">\r\n <button mat-menu-item (click)="onEditComment(comment)">\r\n <mat-icon>create</mat-icon>\r\n {{ \'Edit\' | translate }}\r\n </button>\r\n <button mat-menu-item (click)="deleteComment(comment.id)">\r\n <mat-icon>delete</mat-icon>\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n </ng-container>\r\n <p *ngIf="!comment.onEdit"><b>{{ comment?.user_info?.name || \'Não Informado\' }}</b> <span [innerHTML]="linkify(comment.comment)"></span></p>\r\n <form class="form-comment-reply"*ngIf="comment.onEdit">\r\n <input class="editing-comment-input" type="text" [(ngModel)]="editedComment" name="editedComment" [disabled]="onLoadingReply" (keyup.enter)="updateComment(comment.id, editedComment)" (keyup.esc)="onEditComment(comment)" placeholder="{{ \'Comment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n \r\n\r\n <small class="text-primary"> <b>{{ comment?.likes?.length ? comment?.likes?.length : \'\' }}</b> <a [ngClass]="{\'disabled-action\': onLoadingLike || !global?.loggedUser()}" (click)="sendLikeComment(comment.id, comment?.likeForMeID, comment)"> \r\n <ng-container *ngIf="comment.likeForMe">\r\n Curtiu\r\n </ng-container>\r\n <ng-container *ngIf="!comment.likeForMe">\r\n Curtir\r\n </ng-container>\r\n </a></small> - \r\n <small class="reply-comment text-primary m-0"><b>{{ comment?.replys?.length ? comment?.replys?.length : \'\' }} </b> <a [ngClass]="{\'disabled-action\': !global?.loggedUser()}" (click)="onReplyComment(i)">Responder</a></small> - \r\n <small class="txt-gray m-0" *ngIf="comment?.edited">editado - </small>\r\n <small class="txt-gray m-0">{{ comment.updated_at | amTimeAgo}} </small>\r\n \x3c!-- Reply Section --\x3e\r\n <form class="form-comment-reply"*ngIf="replyingComment[i] == true">\r\n <input type="text" [disabled]="onLoadingReply" [(ngModel)]="reply" name="reply" (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)" placeholder="{{ \'ReplyThisComment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n \x3c!-- <code>{{ limitReplysTo[i] | json }}</code> --\x3e\r\n <ng-container *ngIf="comment.replys && comment.replys.length > 0">\r\n <ng-container *ngFor="let subItem of comment.replys | slice:0:comment.limitReplysTo;">\r\n <popover-content #myPopover \r\n placement="auto right"\r\n [closeOnClickOutside]="true" [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" class="avatar-45" alt="">\r\n <div class="info"><b>{{ comment?.user_info?.name }}</b><br/>\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <div class="reply-avatar">\r\n <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" alt="" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\r\n <div *ngIf="!subItem.user_info.picture || subItem.user_info.picture == \'\'" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n </div>\r\n\r\n <div class="replys">\r\n <ng-container *ngIf="global.loggedUser()">\r\n <ng-container *ngIf="global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit">\r\n <div class="feed-comment-option">\r\n <button mat-icon-button [matMenuTriggerFor]="appSubMenu">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #appSubMenu="matMenu">\r\n <button mat-menu-item (click)="onEditReply(subItem)">\r\n <mat-icon>create</mat-icon>\r\n {{ \'Edit\' | translate }}\r\n </button>\r\n <button mat-menu-item (click)="deleteReply(comment.id, subItem.id)">\r\n <mat-icon>delete</mat-icon>\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n \r\n <ng-container *ngIf="!subItem.onEdit">\r\n <p> <b>{{ subItem.user_info.name || \'Não Informado\' }}</b> {{ subItem.comment }}</p>\r\n <small class="txt-gray">{{ subItem.updated_at | amTimeAgo}} </small> \r\n </ng-container>\r\n <ng-container *ngIf="subItem.onEdit">\r\n <form class="form-comment-reply form-reply-edited">\r\n <input type="text" [disabled]="onLoadingReply" [(ngModel)]="editedReply" name="editedReply" (keyup.enter)="updateReply(comment.id, subItem, editedReply)" placeholder="{{ \'ReplyThisComment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n </ng-container>\r\n\r\n </div>\r\n \r\n </ng-container>\r\n \r\n <ng-container *ngIf="comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)">\r\n <div class="SeeMore on-reply">\r\n <i class="fa fa-reply"></i>\r\n <span (click)="loadMoreReplys(comment)" *ngIf="(comments?.length > limitCommentsTo)"> {{ comment.replys.length - comment.limitReplysTo}} {{ \'Replys\' | translate }}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n \r\n \x3c!-- End Reply Section --\x3e\r\n\r\n\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf="(comments?.length > 2)">\r\n <div class="SeeMore">\r\n <span (click)="loadMoreComments()" *ngIf="(comments?.length > limitCommentsTo)">{{ \'SeeMore\' | translate }} {{ comments?.length - limitCommentsTo}} {{ \'Comments\' | translate }}</span>\r\n </div>\r\n</ng-container>',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;word-break:break-all;white-space:normal;word-break:break-word;word-wrap:break-word;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:#f2f3f5;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;word-wrap:break-word;position:relative;white-space:normal;word-break:break-word}.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-break:break-word!important;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}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:r.AngularFirestore},{type:$},{type:tt},{type:n.AsapService}]},t.propDecorators={feed_id:[{type:e.Input}],user:[{type:e.Input}]},t}();var pt=function(){function t(t,e,o,r,i){this.global=t,this.db=e,this.feedService=o,this.service=r,this.translate=i,this.likes=[],this.comments=[],this.shareds=[],this.likeForMe=!1,this.sharedForMe=!1,this.onSendLike=!1,this.onSendShared=!1,this.deviceInfo=null}return t.prototype.ngOnInit=function(){this.getLikes(),this.getComments(),this.getShareds()},t.prototype.getLikes=function(){var t=this;this.db.collection("likes",(function(e){return e.where("post_id","==",t.item.id)})).snapshotChanges().subscribe((function(e){t.likes=[],e.map((function(e){var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&(o.uid&&o.uid==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id),o.user_info&&o.user_info.id==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id)),t.likes.push(o)}))}))},t.prototype.getComments=function(){var t=this;this.db.collection(G().feed).doc(this.item.id).collection("comments").valueChanges().subscribe((function(e){t.comments=e}))},t.prototype.getShareds=function(){var t=this;this.db.collection("shareds",(function(e){return e.where("post_id","==",t.item.id)})).snapshotChanges().subscribe((function(e){t.shareds=[],e.map((function(e){console.log("Shareds ->",e);var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&(o.uid&&o.uid==t.global.loggedUser().id&&(t.sharedForMe=!0,t.sharedForMeID=o.id),o.user_info&&o.user_info.id==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id)),t.shareds.push(o)}))}))},t.prototype.sendLike=function(){var t=this;this.onSendLike?console.log("[sendLike] bloqueio..."):(this.onSendLike=!0,setTimeout((function(){console.log("[sendLike] enviando like...");var e={post_id:t.item.id,create_at:Date.now(),updated_at:Date.now(),user_info:{id:t.global.loggedUser().id,updated_at:Date.now(),name:t.global.loggedUser().name,picture:t.global.loggedUser().picture}};if(t.likeForMe){t.db.collection("likes").doc(t.likeForMeID).delete(),setTimeout((function(){t.onSendLike=!1}),1e3),t.likeForMe=!1}else{var o={title:"Nova curtida",description:t.global.loggedUser().name+" curtiu seu post",user:t.global.loggedUser(),redirect:"/portal/"+t.item.id,client_id:t.global.loggedUser().client_id};t.service.sendNotification(o,t.item.user_info,"feed");var r=t.db.collection("likes").add(e);console.log(r),setTimeout((function(){t.onSendLike=!1}),1e3)}}),100))},t.prototype.copyToClipBoard=function(t){var e=document.createElement("textarea");e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.opacity="0",e.value=t,document.body.appendChild(e),e.focus(),e.select(),document.execCommand("copy"),document.body.removeChild(e),this.global.notification.success("Pronto!","Link copiado para a área de transferencia")},t.prototype.sharePost=function(t){void 0===t&&(t="link"),this.onSendShared=!1;var e={post_id:this.item.id,create_at:Date.now(),updated_at:Date.now(),uid:this.global.loggedUser().id,user_info:{id:this.global.loggedUser().id,updated_at:Date.now(),name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};if(!this.sharedForMe){var o={title:"Novo Compartilhamento",description:this.global.loggedUser().name+" compartilhou seu post através do "+t,meta_data:this.global.loggedUser(),redirect:"/portal/"+this.item.id,client_id:this.global.loggedUser().client_id};this.service.sendNotification(o,this.item.user_info,"feed"),this.db.collection("shareds").add(e)}this.onSendShared=!1;var r=window.location.origin+"/post/"+this.item.id,i="";"whatsapp"==t?(i=this.translate.instant("LookThisPostThatIFound").split("{{user_name}}").join(this.item.user_info.name)+"\n\n"+r,i="https://wa.me/?text="+encodeURIComponent(i),window.open(i)):"linkedin"==t?(i="https://www.linkedin.com/shareArticle?mini=true&url="+r+"&title="+encodeURIComponent("Gostei deste post do *"+this.item.user_info.name+"* que encontrei no Portal \n\n"+r),window.open(i)):"telegram"==t?(i="https://telegram.me/share/url?url="+r,window.open(i)):"link"==t?this.copyToClipBoard(r):"facebook"==t&&(i="https://www.facebook.com/sharer/sharer.php?u="+r,window.open(i))},t.decorators=[{type:e.Component,args:[{selector:"feed-actions",template:'\x3c!-- <popover-content #popoverShares \r\n placement="placement"\r\n [animation]="true" \r\n [closeOnClickOutside]="true">\r\n <div class="row p-2">\r\n <div class="col-sm-12">\r\n <b>Compartilhe este Post</b>\r\n <p><a (click)="sharePost(\'whatsapp\')"><img src="https://image.flaticon.com/icons/svg/1384/1384055.svg" width="10%" alt="">Whatsapp</a></p>\r\n <p><a (click)="sharePost(\'linkedin\')"><img src="https://image.flaticon.com/icons/svg/179/179330.svg" width="10%" alt="">Linkedin</a></p>\r\n <p><a (click)="sharePost(\'telegram\')"><img src="https://image.flaticon.com/icons/svg/2111/2111646.svg" width="10%" alt="">Telegram</a></p>\r\n </div>\r\n </div>\r\n</popover-content> *ngIf="global.loggedUser()"--\x3e\r\n\r\n<mat-card-actions>\r\n <ng-container *ngIf="global.loggedUser()">\r\n <div class="animated feed-actions">\r\n <ng-container >\r\n\r\n <a class="mr-2" (click)="sendLike()" [ngClass]="{ \'is-liked\': likeForMe, \'disabled-like\': onSendLike }">\r\n <i class="fa fa-thumbs-up"></i>\r\n <span>{{ 0 || likes?.length }}</span>\r\n </a>\r\n <a class="mr-2 ">\r\n <i class="fa fa-comments"></i>\r\n <span>{{ 0 || comments?.length }}</span>\r\n </a>\r\n \r\n \x3c!-- <a class="mr-4 animated clickable" (click)="sharePost(\'whatsapp\')" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }">\r\n <img src="https://res.cloudinary.com/agencia-midia9/image/upload/v1593079306/ASAP/share_ln0xno.svg" width="4%">\r\n <span>{{ 0 || shareds?.length }}</span>\r\n </a> --\x3e\r\n <div class="dropdown minh-4" style="display:inline-block">\r\n <a class="animated" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\r\n <i class="fa fa-share"></i> {{ 0 || shareds?.length }}\r\n </a>\r\n <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">\r\n <a class="dropdown-item" (click)="sharePost(\'whatsapp\')"><i class="fa fa-whatsapp"></i> Whatsapp</a>\r\n \x3c!-- <a class="dropdown-item" (click)="sharePost(\'facebook\')"><i class="fa fa-facebook"></i> Facebook</a>\r\n <a class="dropdown-item" (click)="sharePost(\'linkedin\')"><i class="fa fa-linkedin"></i> Linkedin</a>\r\n <a class="dropdown-item" (click)="sharePost(\'telegram\')"><i class="fa fa-telegram"></i> Telegram</a> --\x3e\r\n <a class="dropdown-item" (click)="sharePost(\'link\')"><i class="fa fa-clipboard"></i> Copiar Link</a>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n</mat-card-actions>',styles:[".popover{padding:7px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:r.AngularFirestore},{type:$},{type:tt},{type:a.TranslateService}]},t.propDecorators={item:[{type:e.Input}],portalName:[{type:e.Input}]},t}();var dt=function(t){function r(e,o,r){var i=t.call(this,e)||this;return i.http=e,i.global=o,i.router=r,i.entityName="",i.basePath="api/v2",i}return L(r,t),r.prototype.product=function(t){return this.getResources({router:"client/produto/"+t})},r.prototype.createProduct=function(t){return this.createResource(t,{router:"loja/produto"})},r.prototype.categories=function(){return this.getResources({router:"client/categoria/"+this.global.clientID()})},r.prototype.subCategories=function(t){return this.getResources({router:"client/subcategoria/"+this.global.clientID()+"/"+t})},r.prototype.subCategoryProducts=function(t,e){void 0===e&&(e=null);var o=null;return e&&(o="page="+e),this.getResources({router:"client/showcasefilter/"+t,query:o})},r.prototype.mainProducts=function(){return this.getResources({router:"client/produto/mais/vendidos/"+this.global.clientID()})},r.prototype.getMyProducts=function(){return this.getResources({router:"client/seller/"+this.global.loggedUser().id})},r.prototype.spotlightProducts=function(t,e){void 0===t&&(t=null),void 0===e&&(e="");var o="";return t&&(o="page="+t),""!=e&&""!=o&&(o+="&busca="+e),this.getResources({router:"client/showcase/"+this.global.clientID(),query:o})},r.prototype.order=function(t,e){return this.createResource(e,{router:"loja/pedido/"+t})},r.prototype.searchCep=function(t){return this.http.get("https://viacep.com.br/ws/"+t+"/json/")},r.prototype.checkUserExists=function(t){return this.getResources({router:"admin/verify/user?search="+t+"&client_id="+this.global.clientID()})},r.decorators=[{type:e.Injectable}],r.ctorParameters=function(){return[{type:o.HttpClient},{type:n.Global},{type:i.Router}]},r}(n.AsapBaseService);var ct=function(){function t(t,o,r,i,n,a,s,l,p,d){this.dialogRef=t,this.global=o,this.asapService=r,this.utilsService=i,this.sanitizer=n,this.streamService=a,this.productService=s,this.route=l,this.db=p,this.feed=d,this.published=new e.EventEmitter(!1),this.error=!1,this.entity={},this.newProduct=!0,this.selectedProduct={}}return t.prototype.ngOnInit=function(){this.tmpFileArray=[],this.progress=0,this.newProduct=!0,this.loadCategory(),this.loadMyProducts()},t.prototype.close=function(){var t=this;this.global.alert({title:"Você quer mesmo fechar anúncio?",text:"Você perderá todas as informações se confirmar...",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(e){return V(t,void 0,void 0,(function(){return E(this,(function(t){return e.value&&this.dialogRef.close(),[2]}))}))}))},t.prototype.defaults=function(){return{fotos:[]}},t.prototype.loadSubCategory=function(t){var e=this;this.productService.subCategories(this.entity.categoria_id).subscribe((function(t){e.subCategory=t}))},t.prototype.addPicture=function(t){this.entity.fotos.push({img:t.path})},t.prototype.delPicture=function(t){},t.prototype.categoryName=function(t){if(this.category){var e=this.category.find((function(e){return e.id==t}));if(e)return e.name}return"NÃO SELECIONADO"},t.prototype.subCategoryName=function(t){if(this.subCategory){var e=this.subCategory.find((function(e){return e.id==t}));if(e)return e.subCategory}return"NÃO SELECIONADO"},t.prototype.onSave=function(){var t=this;if(this.uploading=!0,this.progress=1,this.images=this.tmpFileArray,this.newProduct){if(this.newProduct){this.tempProductData=this.entity,this.entity.fotos=[];for(var e=0;e<this.images.length;e++)this.entity.fotos[e]={img:this.images[e].url};this.productService.createProduct(this.entity).subscribe((function(e){console.log("ResponseFeed"),t.tempProductData.id=e.produto.data.id,t.addPostOnFeed(),t.global.notification.success("Produto, cadastrado e anunciado com Sucesso")}),(function(t){console.error("Erro",t)}))}}else this.addPostOnFeed(),this.global.notification.success("Seu produto foi anunciado com Sucesso!")},t.prototype.loadCategory=function(){var t=this;this.productService.categories().subscribe((function(e){console.log("loadSubCategories",e),t.category=e.data}))},t.prototype.loadSubCategories=function(t){var e=this;console.log("loadSubCategories",t),this.productService.subCategories(t).subscribe((function(t){e.subCategory=t}))},t.prototype.loadMyProducts=function(){var t=this;this.productService.getMyProducts().subscribe((function(e){console.log("MyPrid",e),t.myProducts=e.data.produtos.data}),(function(e){t.global.notification.error("Ocorreu um problema ao processar sua requisição, entre em contato com o Administrador do Sistema")}))},t.prototype.addPostOnFeed=function(){console.log("Owner",this),console.log("Data Feed",this.tempProductData),this.share()},t.prototype.share=function(){var t=this;console.log("New Prodct 1",this.newProduct);var e=new X;if(e.product=this.newProduct?this.tempProductData:this.selectedProduct,e.updated_at=Date.now(),e.type="announce",console.log("Post Data",e),console.log("New Prodct",this.newProduct),this.newProduct){if(e.title="<b>"+e.product.produto+"</b><br><br>"+e.product.descr,e.product=this.tempProductData,this.tmpFileArray||this.tmpFileArray.length>0){console.log(2),e.files=this.tmpFileArray,console.log("FILES ------------\x3e",e.files);var o=e.files.filter((function(e){return"video"===t.getTypeByMimeType(e.type)}));o.length>0&&(console.log(3),e.files[0].video_rendering=!0,e.files[0].video_low_rendering=!0,e.files[0].thumb_rendering=!0,this.streamService.status(o[0].url).subscribe((function(t){e.files[0].video_rendering=!t.p480,e.files[0].video_low_rendering=!t.p480_low,e.files[0].thumb_rendering=!t.thumb})))}}else if(!this.newProduct&&(e.title="<b>"+e.product.produto+"</b><br><br>"+e.product.descr,e.product.fotos.length>0)){for(var r=0;r<e.product.fotos.length;r++)console.log("Fotos ->",e.product.fotos[r]),e.product.fotos[r].url=e.product.fotos[r].img,e.product.fotos[r].type="image",delete e.product.fotos[r].img,e.files[r]=e.product.fotos[r];e.files.length==e.product.fotos.length&&console.log("Fotos",e)}console.log("SHARE",e),this.publish(e),this.feed.owner.published.emit(!0)},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:console.log("uploadFile(event)",t),e=function(e){var r,i,n,a,s,l,d,c,m;return E(this,(function(g){switch(g.label){case 0:return console.log("Target Files",e),r=window.URL.createObjectURL(e),o.sanitizer.bypassSecurityTrustUrl(r),(i=new J).type=o.getTypeByMimeType(e.type),i.status=0,i.thumb_rendering=!1,i.video_rendering=!1,i.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(swal.fire("Ops...","Você só pode enviar 1 vídeo por postagem","error"),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>8&&(swal.fire("Ops...","Você só pode enviar até 9 imagens por postagem","error"),n=!0),n?[3,6]:"image"!==o.getTypeByMimeType(e.type)?[3,5]:"image/gif"!=e.type?[3,2]:(i.name=o.utilsService.uid()+".gif",a=i,[4,o.readGIF(e)]);case 1:return a.url=g.sent(),o.tmpFileArray.push(i),[3,4];case 2:return s=e.name.split("."),l=s[s.length-1],d=i,[4,o.resizeImages(e,800)];case 3:d.url=g.sent(),i.name=o.utilsService.uid()+"."+l,o.tmpFileArray.push(i),g.label=4;case 4:return[3,6];case 5:"video"===o.getTypeByMimeType(e.type)&&(o.uploadingVideo=!0,console.log("Realizar Upload de Video",i),(c=t.target.files[0])&&(m=o.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(c)),i.name=m,o.tmpFileArray.push(i),console.log("Result",m)),o.streamService.uploadFile(e).subscribe((function(t){return V(p,void 0,void 0,(function(){var e;return E(this,(function(o){switch(o.label){case 0:return t.loaded&&(i.status=(100*t.loaded/t.total).toFixed(0)),t.body?(e=i,[4,t.body.uuidVideo]):[3,2];case 1:e.url=o.sent(),this.uploadingVideo=!1,console.log("Pronto!",t),o.label=2;case 2:return[2]}}))}))}))),g.label=6;case 6:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.checkUploading=function(){return this.tmpFileArray.filter((function(t){return""===t.url})).length>0},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkIfHasEmbededVideo=function(t){if(t)return t.includes("vimeo")?{url:"//player.vimeo.com/video/"+t.split("/")[4]}:t.includes("youtube")?{url:"//www.youtube.com/embed/"+t.split("=")[1]}:t},t.prototype.publish=function(t){var e,o,r,i=this;console.log("Publish()",1,t),this.uploading=!0,this.progress=0;var n=0;if(t.user_info={id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture,updated_at:Date.now()},this.tmpFileArray&&this.tmpFileArray.length>0){console.log("this.tmpFileArray",this.getTypeByMimeType(this.tmpFileArray[0].type)),console.log("Publish()",2);var a=this.tmpFileArray.filter((function(t){return"image"===i.getTypeByMimeType(t.type)})),s=98/a.length;if(a.length>0){console.log("Publish()",3,a);var l=function(e){setTimeout((function(){i.utilsService.uploadFile("images/"+e.name,e.url),i.utilsService.percentage.subscribe((function(t){console.log("TO RODANDO EIM",t),e.status=t})),i.utilsService.task.snapshotChanges().subscribe((function(o){return V(i,void 0,void 0,(function(){var i,l=this;return E(this,(function(d){return o.bytesTransferred===o.totalBytes&&(n++,this.progress+=s,console.log("PROGRESS",this.progress),i=t.files.findIndex((function(t){return t.name===e.name})),!r&&t.files[i]&&this.utilsService.getFireStorageURL("images/"+t.files[i].name).subscribe((function(t){r=t})),delete t.files[i].url,n==a.length&&(console.log("Criando Feed"),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(e){l.db.collection(G().feed).doc(e.id).update({id:e.id}),l.title="",l.progress=null,l.uploading=null,l.tmpFileArray=[],console.log("Publish()",4),console.log("Data ->",t)})))),[2]}))}))}),(function(t){console.error("Error",t)}))}))};try{for(var d=O(a),c=d.next();!c.done;c=d.next()){l(c.value)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(e)throw e.error}}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray);var m=this.db.collection(G().feed);console.log("Data ->",t),m.add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),console.log("Data ->",t),(m=this.db.collection(G().feed)).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}console.log("Publish()",0,G().feed),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],this.dialogRef.close(),this.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})},t.decorators=[{type:e.Component,args:[{selector:"modal-announce",template:'<div mat-dialog-content>\r\n <div class="row mt-4" *ngIf="progress">\r\n <div class="col-sm-12">\r\n <mat-progress-bar mode="determinate" [value]="progress">{{ progress }}%</mat-progress-bar>\r\n </div>\r\n </div>\r\n <mat-horizontal-stepper #steper [linear]="true">\r\n <mat-step label="Anúncio" [stepControl]="false">\r\n <form #formAnuncio="ngForm" validate>\r\n <div class="row mt-2">\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnouceQuestionText\' | translate }}</b><br>\r\n </div>\r\n <div class="col-sm-12 mt-3">\r\n \r\n <mat-radio-group required [(ngModel)]="newProduct" name="newProduct">\r\n <mat-radio-button class="mr-3" [value]="true" [checked]="true">Novo Produto </mat-radio-button>\r\n <mat-radio-button [value]="false" [disabled]="!myProducts || myProducts.length <= 0"><i class="fa fa-spin fa-spinner" *ngIf="!myProducts || myProducts.length <= 0"></i>{{ \'ExistsProduct\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </div>\r\n <div class="row mt-4" *ngIf="!newProduct">\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnouceProuctQuestionText\' | translate }}</b>\r\n </div>\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="Selecione o Produto" class="w-100" name="selectedProduct"\r\n [(ngModel)]="selectedProduct">\r\n <mat-option *ngFor="let row of myProducts" [value]="row"> {{ row.produto }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <ng-container *ngIf="selectedProduct">\r\n <div class="row container">\r\n <ng-container *ngIf="selectedProduct.fotos">\r\n <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\r\n <img [src]="item.img" class="img-thumbnail img-responsive"\r\n style="width: 100%;height: 170px;object-fit: cover;">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\r\n name="produto" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\r\n placeholder="De R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\r\n placeholder="Até R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">{{ \'MinQuantity\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="selectedProduct.hashtag" name="hashtag" placeholder="Palavra-chave"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\r\n [(ngModel)]="selectedProduct.descr" placeholder="Descrição" name="descr"\r\n [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">0 / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\r\n <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\r\n <mat-radio-group [(ngModel)]="selectedProduct.adaptation" name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\r\n <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <div class="row mt-4" *ngIf="newProduct">\r\n <div class="col-sm-12">\r\n <div class="alert alert-primary" role="alert">\r\n {{ \'AnnounceProductAddText\' | translate }} \r\n </div>\r\n </div>\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnounceInformationText\' | translate }}</b>\r\n </div>\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="{{ \'ProductName\' | translate }}" [(ngModel)]="entity.produto" name="produto" required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-6">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="{{ \'ProductCategory\' | translate }}" class="w-100" [(ngModel)]="entity.categoria_id"\r\n (ngModelChange)="loadSubCategories(entity.categoria_id)" name="categoria_id">\r\n <mat-option *ngFor="let row of category" [value]="row.id"><i class="{{ row.icon }}"></i>\r\n {{ row.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-6">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="{{ \'ProductSubCategory\' | translate }}" class="w-100" [(ngModel)]="entity.subcategoria_id"\r\n [disabled]="!entity.categoria_id || !subCategory" name="subcategoria_id">\r\n <mat-option *ngFor="let row of subCategory" [value]="row.id">{{ row.subCategory }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="{{ \'ProductValueAt\' | translate }}"\r\n required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="{{ \'ProductValueEnd\' | translate }}"\r\n required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" required>\r\n <mat-hint class="pull-right">{{ \'AnnounceMinimalQuantity\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="entity.hashtag" name="hashtag" placeholder="Palavra-chave" required>\r\n <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" name="descr" maxlength="300"\r\n [(ngModel)]="entity.descr" placeholder="{{ \'AnnounceProuctDescription\' | translate }}" required></textarea>\r\n <mat-hint class="pull-right">0 / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\r\n <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\r\n <mat-radio-group [(ngModel)]="entity.adaptation" required name="adaptation">\r\n <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\r\n <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n\r\n </div>\r\n </form>\r\n </mat-step>\r\n\r\n <mat-step label="Imagens" [stepControl]="false" *ngIf="newProduct">\r\n <ng-container>\r\n <div class="row " *ngIf="tmpFileArray.length <= 0">\r\n <div class="col-sm-12 mx-auto text-center img-box-upload clickable">\r\n <label>\r\n <p>Adicione aqui imagens ou vídeos para destacar o seu produto</p>\r\n <img src="https://image.flaticon.com/icons/svg/1515/1515643.svg">\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </div>\r\n </div>\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\r\n \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\r\n <p class="tmp-file-status-title">Enviando...</p>\r\n <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\r\n </div> --\x3e\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload "\r\n *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'"\r\n loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name" />\r\n </video>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </mat-step>\r\n\r\n <mat-step label="Finalizar" [stepControl]="false">\r\n <div class="row">\r\n <div class="col-sm-12">\r\n <b>Verifique o seu anúncio antes de Confirmar</b>\r\n </div>\r\n </div>\r\n <ng-container *ngIf="newProduct">\r\n <ng-container>\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\r\n \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\r\n <p class="tmp-file-status-title">Enviando...</p>\r\n <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\r\n </div> --\x3e\r\n \x3c!-- <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div> --\x3e\r\n <div class="tmp-file-content outline-bordered">\r\n <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload img-thumbnail"\r\n *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay\r\n [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name" />\r\n </video>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class="row">\r\n <ng-container *ngIf="entity">\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="entity.produto" name="produto"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="De R$"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="Até R$"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">Quantidade minima.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="entity.hashtag" placeholder="Palavra-chave" name="hashtag"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300" [(ngModel)]="entity.descr"\r\n name="descr" placeholder="Descrição" [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">{{entity?.descr?.length}} / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>Aceita adaptações neste produto?</b>\r\n <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\r\n essas\r\n adaptações\r\n ao seu produto para atendê-lo?</p>\r\n <mat-radio-group name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" [checked]="(entity.adaptation == \'sim\')? true : false">Sim\r\n </mat-radio-button>\r\n <mat-radio-button [checked]="(entity.adaptation == \'nao\')? true : false">Não</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <div class="row">\r\n <ng-container *ngIf="selectedProduct?.fotos">\r\n <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\r\n <img [src]="item.img" class="img-thumbnail img-responsive"\r\n style="width: 100%;height: 170px;object-fit: cover;">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class="row">\r\n <ng-container *ngIf="selectedProduct">\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\r\n name="produto" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\r\n placeholder="De R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\r\n placeholder="Até R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">Quantidade minima.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="selectedProduct.hashtag" placeholder="Palavra-chave" name="hashtag"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\r\n [(ngModel)]="selectedProduct.descr" name="descr" placeholder="Descrição"\r\n [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">{{selectedProduct?.descr?.length}} / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>Aceita adaptações neste produto?</b>\r\n <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\r\n essas\r\n adaptações\r\n ao seu produto para atendê-lo?</p>\r\n <mat-radio-group name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" [checked]="(selectedProduct.adaptation == \'sim\')? true : false">\r\n Sim\r\n </mat-radio-button>\r\n <mat-radio-button [checked]="(selectedProduct.adaptation == \'nao\')? true : false">Não\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </mat-step>\r\n </mat-horizontal-stepper>\r\n\r\n</div>\r\n<div mat-dialog-actions>\r\n <div class="w-50">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="close()" [disabled]="uploading">\r\n <span>\r\n <span>Fechar</span>\r\n </span>\r\n </button>\r\n <label *ngIf="steper.selectedIndex == 1 && newProduct">\r\n <a class="btn btn-feed btn-round btn-primary">\r\n <span>Foto/Vídeo</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </div>\r\n <div class="w-50 text-right">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.previous()"\r\n [disabled]="uploading" *ngIf="steper.selectedIndex != 0">\r\n <span>\r\n <span>Anterior</span>\r\n </span>\r\n </button>\r\n\r\n <ng-container *ngIf="newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\r\n [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex != 2">\r\n <span>\r\n <span>Próximo</span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\r\n [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex == 0">\r\n <span>\r\n <span>Próximo</span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\r\n [disabled]="!formAnuncio.valid || tmpFileArray.length <= 0" *ngIf="steper.selectedIndex == 2">\r\n <span *ngIf="!uploading &&!uploadingVideo">\r\n <span>Publicar</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Salvando\r\n </span>\r\n <span *ngIf="uploadingVideo">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Enviando Vídeo\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\r\n [disabled]="!formAnuncio.valid || selectedProduct.fotos <= 0" *ngIf="steper.selectedIndex == 1">\r\n <span *ngIf="!uploading && !uploadingVideo">\r\n <span>Publicar</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Salvando\r\n </span>\r\n <span *ngIf="uploadingVideo">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Enviando Vídeo\r\n </span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</div>',providers:[n.AsapService,n.Global,Q,dt],styles:[".img-box-upload{border:2px dashed #000;border-radius:3px}.img-box-upload img{width:20%}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:m.MatDialogRef},{type:n.Global},{type:n.AsapService},{type:tt},{type:l.DomSanitizer},{type:Q},{type:dt},{type:i.ActivatedRoute},{type:r.AngularFirestore},{type:void 0,decorators:[{type:e.Inject,args:[m.MAT_DIALOG_DATA]}]}]},t.propDecorators={images:[{type:e.Input}],file:[{type:e.ViewChild,args:["file",{static:!1}]}],published:[{type:e.Output}]},t}();var mt=function(){function t(t,o,r,i,n,a,s,l){this.global=t,this.feedService=o,this.sanitizer=r,this.streamService=i,this.utilsService=n,this.db=a,this.http=s,this.dialog=l,this.announce=!1,this.feedCreated=new e.EventEmitter,this.title=null,this.type="post",this.disabled=!1}return t.prototype.ngOnInit=function(){this.tmpFileArray=[],console.log("Prefix Publication ->",G().feed)},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:e=function(t){var e,r,i,n,a,s,l,d;return E(this,(function(c){switch(c.label){case 0:return(e=new J).type=o.getTypeByMimeType(t.type),e.thumb_rendering=!1,e.video_rendering=!1,e.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),r=!0),r?[3,7]:"image"!==o.getTypeByMimeType(t.type)?[3,5]:"image/gif"!=t.type?[3,2]:(e.name=o.streamService.uid()+".gif",i=e,[4,o.readGIF(t)]);case 1:return i.url=c.sent(),o.tmpFileArray.push(e),[3,4];case 2:return n=t.name.split("."),a=n[n.length-1],s=e,[4,o.resizeImages(t,800)];case 3:s.url=c.sent(),e.name=o.streamService.uid()+"."+a,o.tmpFileArray.push(e),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(t.type)?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",e),(l=t)&&(d=URL.createObjectURL(l),e.name=d,o.tmpFileArray.push(e),console.log("[uploadFile] if reader",d)),o.uploading=!0,[4,o.streamService.uploadFile(t).subscribe((function(t){console.log("[uploadFile] Response",e),t.body||(t.total&&(e.status=(100*t.loaded/t.total).toFixed(0)),p.progress=e.status),t.body&&t.body.file&&(console.log("[uploadFile] Response Uploaded",t),e.status=101,e.url=t.body.file.secure_url,p.videoSendedID=e.url,p.uploading=!1,p.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",e),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.share=function(){var t=this,e=new X;e.updated_at=Date.now(),e.title=this.title,e.type=this.type,(this.tmpFileArray||this.tmpFileArray.length>0)&&(e.files=this.tmpFileArray,e.files.map((function(o){"video"===o.type&&(console.log("Existe um video no Feed",o),o.isCloudinary||(o.video_rendering=!1,o.video_low_rendering=!1,o.thumb_rendering=!1,e.ref=o.url,e.status=!1,t.streamService.status(o.url).subscribe((function(t){o.video_rendering=!t.p480,o.video_low_rendering=!t.p480_low,o.thumb_rendering=!t.thumb}))))}))),this.publish(e)},t.prototype.publish=function(t){var e,o,r,i=this;if(console.log("Publish()",1,t),t.title&&""!==t.title){this.uploading=!0,this.progress=0;var n=0;if(t.user_info={id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture,updated_at:Date.now()},"embed"==this.type){var a={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(a)}if("embed"!=this.type)if(this.tmpFileArray&&this.tmpFileArray.length>0){console.log("this.tmpFileArray",this.getTypeByMimeType(this.tmpFileArray[0].type)),console.log("Publish()",2);var s=this.tmpFileArray.filter((function(t){return"image"===i.getTypeByMimeType(t.type)})),l=98/s.length;if(s.length&&""===t.title)return void this.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto junto à sua imagem/vídeo."});if(s.length>0){var d=function(e){setTimeout((function(){i.utilsService.uploadFile("images/"+e.name,e.url),i.utilsService.percentage.subscribe((function(t){e.status=t})),i.utilsService.task.snapshotChanges().subscribe((function(o){return V(i,void 0,void 0,(function(){var i,a=this;return E(this,(function(d){return o.bytesTransferred===o.totalBytes&&(n++,this.progress+=l,console.log("PROGRESS",this.progress),i=t.files.findIndex((function(t){return t.name===e.name})),!r&&t.files[i]&&this.utilsService.getFireStorageURL("images/"+t.files[i].name).subscribe((function(t){r=t})),delete t.files[i].url,n==s.length&&(console.log("Criando Feed"),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){a.db.collection(G().feed).doc(t.id).update({id:t.id}),a.feedCreated.emit(t.id)})),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],console.log("Publish()",4))),[2]}))}))}),(function(t){console.error("Error",t)}))}))};try{for(var c=O(s),m=c.next();!m.done;m=c.next()){d(m.value)}}catch(t){e={error:t}}finally{try{m&&!m.done&&(o=c.return)&&o.call(c)}finally{if(e)throw e.error}}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}else t.files=this.tmpFileArray,console.log("Publish(Embed)",6),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[],i.embedFile=null,i.type="post"}));console.log("Publish()",0,G().feed),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],this.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})}else this.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto à sua imagem/vídeo."})},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkPublicationType=function(t){console.log("Event ->",event),t.length>35&&this.isValidUrl(t)&&(console.log("checkPublicationType",t),t.includes("youtu")||t.includes("youtube")?(this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=t.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):t.includes("spotify")&&(this.uploading=!0,this.type="embed",this.embedFile=t.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1))},t.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post"},t.prototype.isValidUrl=function(t){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(t)},t.prototype.openAnnounceModal=function(){this.dialog.open(ct,{width:"55%",minHeight:"95%",maxHeight:"100%",closeOnNavigation:!1,disableClose:!0,data:{owner:this,tmpFileArray:this.tmpFileArray}})},t.decorators=[{type:e.Component,args:[{selector:"feed-publication",template:'<div *ngIf="global.loggedUser()" class="form-feed mt-4">\r\n <div class="mt-1">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n\r\n <textarea class="form-control" [(ngModel)]="title" id="" rows="3" placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\r\n\r\n <div class="clearfix"></div>\r\n </div>\r\n\r\n\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n\r\n <div class="col-sm-4 mb-4 tmp-file-wrapper" [ngClass]="{\'overlayed\': progress > 0}" *ngFor="let file of tmpFileArray">\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n <ng-container *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <h4 *ngIf="file.status <= 100" class="text-overlay-video">{{ file.status }}<span>%</span></h4>\r\n </ng-container>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n <img (click)="ExpandImg(file.fileSanitized)" [src]="file.url || file.fileSanitized" class="img-responsive tmp-upload " *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name | safe:\'resourceUrl\'" />\r\n </video>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class="row" *ngIf="type == \'embed\'">\r\n <div class="col-sm-12">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="tmpEmbedFile" frameborder="0" allowfullscreen></iframe>\r\n </div>\r\n </div>\r\n <div class="row mt-4">\r\n\r\n <div class="col-8" *ngIf="global?.loggedUser()">\r\n <ng-container *ngIf="type != \'embed\'">\r\n <label>\r\n <a class="btn btn-feed btn-round btn-primary mr-2">\r\n <span>{{ \'ImageAndVideo\' | translate }}</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </ng-container>\r\n <ng-container *ngIf="type == \'embed\'">\r\n <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="announce">\r\n <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()">\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n <div class="col-4 text-right">\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading || disabled" (click)="share()" *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n',providers:[Q],styles:[".text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:$},{type:l.DomSanitizer},{type:Q},{type:tt},{type:r.AngularFirestore},{type:o.HttpClient},{type:m.MatDialog}]},t.propDecorators={announce:[{type:e.Input}],feedCreated:[{type:e.Output}]},t}();var gt=function(t){function r(e,o){var r=t.call(this,e)||this;return r.http=e,r.global=o,r.isSubscriber=!1,r.basePath="api/v2/admin",r.entityName="channel",r.isSubscriber=!1,r}return L(r,t),r.prototype.channelLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"videos",query:"page="+e})},r.prototype.channeGrouplLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"videos",query:"page="+e+"&group"})},r.prototype.fileLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"files",query:"page="+e})},r.prototype.fileGroupLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"files",query:"page="+e+"&group"})},r.prototype.subscribe=function(t,e){var o=this;void 0===e&&(e=null),this.createResource({},{router:"subscribe/"+t}).subscribe((function(){o.global.notification.success("Pronto","Inscrição efetuada com sucesso!"),o.isSubscriber=!0,e&&e()}))},r.prototype.like=function(t,e,o){var r;return void 0===e&&(e=!0),void 0===o&&(o="video"),(r=e?{like:1}:{unlike:1}).type=o,this.createResource(r,{router:"like/"+t})},r.prototype.likev2=function(t,e,o){return void 0===o&&(o="video"),e.type=o,this.createResource(e,{router:"like/"+t})},r.prototype.unsubscribe=function(t,e){var o=this;void 0===e&&(e=null),this.global.alert({type:"warning",text:"Você realmente deseja cancelar sua inscrição?",position:"top-right",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(r){r&&o.createResource({},{router:"subscribe/"+t}).subscribe((function(){o.global.notification.info("Pronto","Você não está mais inscrito no Canal!"),o.isSubscriber=!1,e&&e()}))}),(function(t){}))},r.prototype.getPlaylists=function(t,e){return void 0===t&&(t=null),void 0===e&&(e="home"),this.getResources({router:"playlist/"+t+"?type="+e})},r.prototype.getPlaylist=function(t,e){return this.getResources({router:"playlist/"+t+"/"+e})},r.prototype.createPlaylist=function(t){var e;return e={name:t},this.createResource(e,{router:"playlist"})},r.prototype.deletePlaylist=function(t){return this.deleteResource(t)},r.prototype.addVideoPlaylist=function(t,e){var o;return o={video_id:t},console.log("VideoID ->",o.video_id),console.log("playlist_id ->",e),this.createResource(o,{router:"playlist/"+e})},r.prototype.updateChannel=function(t){return this.updateResource(t)},r.decorators=[{type:e.Injectable}],r.ctorParameters=function(){return[{type:o.HttpClient},{type:n.Global}]},r}(n.AsapBaseService);R.use([g.Pagination]);var bt=function(){function t(t,e,o){this._channelService=t,this.global=e,this.db=o,this.loading=!0,this.storiesOptions={loop:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!1,dots:!1,navSpeed:700,navText:["",""],nav:!0,responsive:{0:{items:2.4},500:{items:3.5}}},this.config={navigation:!0,autoHeight:!1,breakpoints:{640:{slidesPerView:2.4,slidesPerGroup:2.4,spaceBetween:10},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:10},1024:{slidesPerView:3.5,slidesPerGroup:3.5,spaceBetween:10}}}}return t.prototype.ngOnInit=function(){this.getChannels()},t.prototype.getChannels=function(){var t=this;this._channelService.getResources({query:"type=recommended"}).subscribe((function(e){if(console.log("getChannels",e.data),t.channelArray=[],e.data.length)do{t.channelArray=N(t.channelArray,e.data)}while(t.channelArray.length<10);t.channelArray.map((function(e){t.getNotificationForChannels(e)})),t.loading=!1}))},t.prototype.getNotificationForChannels=function(t){var e=this;this.global.loggedUser()&&this.db.collection("notifications",(function(o){return o.orderBy("viewed","asc").orderBy("create_at","desc").where("receiver_id","==",e.global.loggedUser().id).where("channel_id","==",t.id.toString()).where("read","==",!1)})).snapshotChanges().subscribe((function(e){console.log("Notifications for Channels ->",e),t.notifications=[],e.map((function(e){var o=e.payload.doc.data();t.notifications.push(o)}))}))},t.decorators=[{type:e.Component,args:[{selector:"app-stories",template:'<ng-container *ngIf="global?.loggedUser()">\r\n \x3c!-- Mostrar Stories apenas no caso da Smart por enquanto --\x3e\r\n <ng-container *ngIf="channelArray && channelArray.length > 0">\r\n <div style="display: flex; text-align: center; margin: 30px 0;" *ngIf="loading">\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n </div>\r\n <div *ngIf="!loading">\r\n <div class="row">\r\n <div class="col-6 text-left">\r\n <p class="p-channel">{{ \'Channels\' | translate }}</p>\r\n </div>\r\n <div class="col-6 text-right">\r\n <p [routerLink]="[\'/channel-library\']" class="p-channel clickable">{{ \'SeeAll\' | translate }}</p>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf="channelArray?.length > 0">\r\n\r\n <div class="swiper-stage" style="margin-bottom: 25px;">\r\n <swiper [config]="config">\r\n <div swiperSlide *ngFor="let channel of channelArray">\r\n <div [routerLink]="[\'/channel\', channel.id]">\r\n <div class="channel-badge empty" *ngIf="!channel.notifications || channel.notifications.length <= 0">\r\n </div>\r\n <div class="channel-badge" *ngIf="channel.notifications && channel.notifications.length > 0" matTooltip="{{ \'YouHaveA\' | translate }} {{ channel?.notifications?.length }} {{ \'NotificationOnThisChannel\' | translate }}">\r\n {{ channel.notifications.length }}\r\n </div>\r\n \r\n <div class="carousel-stories" *ngIf="channel.thumb" [style.backgroundImage]="\'url(\'+ ((channel.thumb || channel.banner)) +\')\'">\r\n <div *ngIf="channel.view_name == 1" class="stories-body">\r\n <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\r\n </div>\r\n </div>\r\n\r\n <div class="carousel-stories" *ngIf="!channel.thumb">\r\n <div *ngIf="channel.view_name == 1" class="stories-body">\r\n <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </swiper>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </ng-container>\r\n</ng-container>',providers:[gt],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}',".channel-badge{display:inline-block;background-color:#ef3030;border-radius:50%;color:#fff;height:25px;width:25px;line-height:19px;position:relative;margin-top:-30px;top:20px;left:10px;text-align:center;border:4px double red}.channel-badge.empty{opacity:0}.channel-badge.not-empty{opacity:1}@media (max-width:575.98px){::ng-deep .swiper-wrapper{height:125px!important}}"]}]}],t.ctorParameters=function(){return[{type:gt},{type:n.Global},{type:r.AngularFirestore}]},t}();var ut=function(){function t(t){var e=this;this.global=t,console.log("[AsapFeedBetaModule]",new Date),this.global.getOrCreateSessionData("AsapMyPageModule.tabs",[]).push({label:"Meus Posts",component:Y,condition:function(t,o){return e.global.loggedUser()&&e.global.hasPermission("my-posts",o)&&t.hasFeed},loading:function(t){return t.loading}})}return t.decorators=[{type:e.NgModule,args:[{imports:[s.CommonModule,x.FormsModule,i.RouterModule,z.MatButtonModule,I.MatIconModule,F.MatMenuModule,P.MatListModule,_.MatCardModule,m.MatDialogModule,S.MatSelectModule,j.MatRadioModule,M.MatInputModule,A.MatTooltipModule,T.MatProgressBarModule,C.MatStepperModule,b.MomentModule,a.TranslateModule,u.InfiniteScrollModule,f.AsapSkeletonModule,st,h.NgxHmCarouselModule,v.OwlModule,y.CarouselModule,k.NgxSkeletonLoaderModule,w.PopoverModule,U.SwiperModule],declarations:[Y,ot,lt,pt,mt,et,bt,ct],exports:[Y,ot,a.TranslateModule],entryComponents:[Y,et,ct],providers:[tt]}]}],t.ctorParameters=function(){return[{type:n.Global}]},t}();var ft=[{path:"",component:Y},{path:":feed_id",component:Y}];t.AsapFeedBetaComponent=Y,t.AsapFeedBetaModule=ut,t.AsapFeedBetaRoting=ft,t.AsapFeedBetaService=q,t.UtilsService=tt,t.path=G,t.ɵa=$,t.ɵb=st,t.ɵc=it,t.ɵd=rt,t.ɵe=at,t.ɵf=ot,t.ɵg=Q,t.ɵh=lt,t.ɵi=pt,t.ɵj=mt,t.ɵk=et,t.ɵl=bt,t.ɵm=gt,t.ɵn=ct,t.ɵo=dt,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common/http"),require("@angular/fire/firestore"),require("@angular/router"),require("asap-crud"),require("@ngx-translate/core"),require("@angular/common"),require("@angular/platform-browser"),require("class-transformer"),require("@angular/fire/storage"),require("@angular/fire"),require("@angular/material/dialog"),require("swiper"),require("ngx-moment"),require("ngx-infinite-scroll"),require("asap-skeleton"),require("ngx-hm-carousel"),require("@angular/forms"),require("ngx-owl-carousel"),require("ngx-owl-carousel-o"),require("ngx-smart-popover"),require("ngx-skeleton-loader"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/menu"),require("@angular/material/list"),require("@angular/material/card"),require("@angular/material/select"),require("@angular/material/radio"),require("@angular/material/input"),require("@angular/material/tooltip"),require("@angular/material/progress-bar"),require("@angular/material/stepper"),require("ngx-swiper-wrapper"),require("moment/locale/pt-br")):"function"==typeof define&&define.amd?define("asap-feed-beta",["exports","@angular/core","@angular/common/http","@angular/fire/firestore","@angular/router","asap-crud","@ngx-translate/core","@angular/common","@angular/platform-browser","class-transformer","@angular/fire/storage","@angular/fire","@angular/material/dialog","swiper","ngx-moment","ngx-infinite-scroll","asap-skeleton","ngx-hm-carousel","@angular/forms","ngx-owl-carousel","ngx-owl-carousel-o","ngx-smart-popover","ngx-skeleton-loader","@angular/material/button","@angular/material/icon","@angular/material/menu","@angular/material/list","@angular/material/card","@angular/material/select","@angular/material/radio","@angular/material/input","@angular/material/tooltip","@angular/material/progress-bar","@angular/material/stepper","ngx-swiper-wrapper","moment/locale/pt-br"],e):e((t=t||self)["asap-feed-beta"]={},t.ng.core,t.ng.common.http,t.ng.fire.firestore,t.ng.router,t.asapCrud,t.core$1,t.ng.common,t.ng.platformBrowser,t.classTransformer,t.ng.fire.storage,t.ng.fire,t.ng.material.dialog,t.SwiperCore,t.ngxMoment,t.ngxInfiniteScroll,t.asapSkeleton,t.ngxHmCarousel,t.ng.forms,t.ngxOwlCarousel,t.ngxOwlCarouselO,t.ngxSmartPopover,t.ngxSkeletonLoader,t.ng.material.button,t.ng.material.icon,t.ng.material.menu,t.ng.material.list,t.ng.material.card,t.ng.material.select,t.ng.material.radio,t.ng.material.input,t.ng.material.tooltip,t.ng.material["progress-bar"],t.ng.material.stepper,t.ngxSwiperWrapper)}(this,(function(t,e,o,r,i,n,a,s,l,p,d,c,m,g,b,u,f,h,x,v,y,w,k,z,I,F,P,_,S,j,M,A,T,C,U){"use strict";var R="default"in g?g.default:g,D=function(t,e){return(D=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};function L(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}D(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function V(t,e,o,r){return new(o||(o=Promise))((function(i,n){function a(t){try{l(r.next(t))}catch(t){n(t)}}function s(t){try{l(r.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(a,s)}l((r=r.apply(t,e||[])).next())}))}function E(t,e){var o,r,i,n,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return n={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function s(s){return function(l){return function(s){if(o)throw new TypeError("Generator is already executing.");for(;n&&(n=0,s[0]&&(a=0)),a;)try{if(o=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!(i=(i=a.trys).length>0&&i[i.length-1])&&(6===s[0]||2===s[0])){a=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(6===s[0]&&a.label<i[1]){a.label=i[1],i=s;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(s);break}i[2]&&a.ops.pop(),a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t],r=0}finally{o=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}Object.create;function O(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],r=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function B(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var r,i,n=o.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=n.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(o=n.return)&&o.call(n)}finally{if(i)throw i.error}}return a}function N(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(B(arguments[e]));return t}Object.create;var q=function(){function t(){this.announce=!1,this.publication=!0,this.stories=!0,this.query=null,this.options={},console.log("[AsapFeedBetaService] ->",this)}return t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();var H=localStorage.getItem("feed_prefix")?localStorage.getItem("feed_prefix"):"";function G(){return{images:H+"images",feed:H+"feed",likes:H+"likes",shareds:H+"shareds"}}var $=function(){function t(t){this.http=t,this.clientFirebaseServer=localStorage.getItem("firebase_server_id"),this.baseUrlAPI="https://us-central1-"+this.clientFirebaseServer+".cloudfunctions.net/api",this.client_id=localStorage.getItem("client")}return t.prototype.getFeed=function(t,e,o){void 0===e&&(e=null),void 0===o&&(o=null);var r;return o?o&&o.searchBy&&o.searchValue&&(console.log("Query"),r=this.baseUrlAPI+"/mobile/feed/"+t+"?limit=6&searchBy="+o.searchBy+"&searchValue="+o.searchValue+"&feed_path="+G().feed+"&client_id="+this.client_id):(console.log("Not Query"),r=this.baseUrlAPI+"/mobile/feed/"+t+"?limit=6&feed_path="+G().feed+"&client_id="+this.client_id),this.http.post(r,{user:e})},t.prototype.createFeed=function(t){return this.http.post(this.baseUrlAPI+"/feed?feed_path="+G().feed+"&client_id="+this.client_id,t)},t.prototype.getMoreFeed=function(t,e,o,r){var i;return void 0===o&&(o=null),void 0===r&&(r=null),r?r&&r.searchBy&&r.searchValue&&(i=this.baseUrlAPI+"/mobile/feed?limit="+t+"&last_doc="+e+"&searchBy="+r.searchBy+"&searchValue="+r.searchValue+"&feed_path="+G().feed+"&client_id="+this.client_id):i=this.baseUrlAPI+"/mobile/feed?limit="+t+"&last_doc="+e+"&feed_path="+G().feed+"&client_id="+this.client_id,this.http.post(i,{user:o})},t.prototype.sendComment=function(t,e){return this.http.post(this.baseUrlAPI+"/comment/"+t,e)},t.prototype.deleteComment=function(t,e){return this.http.delete(this.baseUrlAPI+"/comment/"+t+"/"+e)},t.prototype.sendReplyComment=function(t,e,o){return this.http.post(this.baseUrlAPI+"/comment/reply/"+t+"/"+e,o)},t.prototype.deleteReplyComment=function(t,e,o){return this.http.delete(this.baseUrlAPI+"/comment/reply/"+t+"/"+e+"/"+o)},t.prototype.likeComment=function(t,e,o){return this.http.post(this.baseUrlAPI+"/comment/like/"+t+"/"+e,o)},t.prototype.likePost=function(t,e){return this.http.post(this.baseUrlAPI+"/like/"+t,e)},t.prototype.deleteLikeComment=function(t,e,o){return this.http.delete(this.baseUrlAPI+"/comment/like/"+t+"/"+e+"/"+o)},t.prototype.sendNotification=function(t,e,o){return console.log("[SendNotification] ->",t,e,o),this.http.post(this.baseUrlAPI+"/notification/"+t+"/"+e,o)},t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:o.HttpClient}]},t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t(e.ɵɵinject(o.HttpClient))},token:t,providedIn:"root"}),t}();var Y=function(){function t(t,e,o,r,i){this.feedService=t,this.db=e,this.route=o,this.controlService=r,this.global=i,this.hasFeed=!0,this.loading=!0,this.ignoreControl=!1,this.hasID=!1,this.stories=!0,this.announce=!1,this.publication=!0,this.query=null,this.topPosToStartShowing=400,this.showToTopButton=!1,this.isSinglePost=!1,this.loading=!0,this.query=null}return t.prototype.ngOnInit=function(){var t=this;this.ignoreControl||(this.announce=this.controlService.announce,this.stories=this.controlService.stories,this.publication=this.controlService.publication,this.query=this.controlService.query),console.log("Query ->",this.query),this.route.params.subscribe((function(e){console.log("Params ->",e),e&&(e.feed_id?(t.feedID=e.feed_id,t.isSinglePost=!0,setTimeout((function(){t.getFeed(t.feedID)}),600)):t.getFeed())})),this.checkFeedChange()},t.prototype.ngOnChanges=function(t){var e=this;console.log("HasChanges ->",t),t.feedID&&(console.log("HasChanges [feedID]->",t.feedID),setTimeout((function(){e.getFeed(e.feedID)}),600)),t.id&&this.id&&(this.hasID=!0,this.controlService.query||(this.controlService.query={}),this.controlService.query.searchBy="user_info.id",this.controlService.query.searchValue=this.id+"&typeValue=number")},t.prototype.getFeed=function(t){var e=this;void 0===t&&(t=""),console.log("[getFeed] Query",this.query),this.feedService.getFeed(t,this.global.loggedUser(),this.query).subscribe((function(t){e.feeds=t.data,console.log("Feeds",e.feeds),e.paginate=t.pagination,e.loading=!1,e.hasFeed=e.feeds.length>0}))},t.prototype.getMore=function(){var t=this;console.log("[getMore]",this.paginate.next_document),this.paginate.next_document&&(this.loading=!0,this.feedService.getMoreFeed(5,this.paginate.next_document,this.global.loggedUser(),this.query).subscribe((function(e){e.data.map((function(e){t.permitted(e)&&t.feeds.push(e)})),t.paginate=e.pagination,t.loading=!1})))},t.prototype.checkFeedChange=function(){},t.prototype.checkScroll=function(){(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0)>=this.topPosToStartShowing?this.showToTopButton=!0:this.showToTopButton=!1},t.prototype.gotoTop=function(){window.scroll({top:0,left:0,behavior:"smooth"})},t.prototype.permitted=function(t){var e,o;if(t.permission&&t.permission.length>0){var r=!1,i=this.global.loggedUser();if(i)if(t.user_info&&t.user_info.id==i.id)r=!0;else if(i.extras){var n=i.extras[0];try{for(var a=O(t.permission),s=a.next();!s.done;s=a.next()){var l=s.value;if("multi-conta"==l.field&&l.value==i.client_id){r=!0;break}if(n[l.field]==l.value){r=!0;break}}}catch(t){e={error:t}}finally{try{s&&!s.done&&(o=a.return)&&o.call(a)}finally{if(e)throw e.error}}}return r}return!0},t.prototype.onNewFeed=function(t){var e=this;console.log("[onNewFeed]",t),this.feedService.getFeed(t).subscribe((function(t){var o,r,i,n,a=e.feeds.length;try{for(var s=O(t.data),l=s.next();!l.done;l=s.next()){l.value.focus=!0}}catch(t){o={error:t}}finally{try{l&&!l.done&&(r=s.return)&&r.call(s)}finally{if(o)throw o.error}}try{for(var p=O(e.feeds),d=p.next();!d.done;d=p.next()){d.value.focus=!1}}catch(t){i={error:t}}finally{try{d&&!d.done&&(n=p.return)&&n.call(p)}finally{if(i)throw i.error}}for(var c=0;c<e.feeds.length;c++)if(console.log("[onNewFeed] Feed",e.feeds[c]),!e.feeds[c].isHighlighted){a=c;break}e.feeds=N(e.feeds.slice(0,a),t.data,e.feeds.slice(a)),setTimeout((function(){document.getElementsByClassName("focus-on-me")[0].scrollIntoView({behavior:"smooth"})}),500)}))},t.prototype.sendVisible=function(t){var e=this;console.log("[sendVisible] marcando como visualizado",t);var o=this.global.loggedUser(),r={post_id:t.id,title:t.title,created_at:t.updated_at},i={post_id:t.id,created_at:Date.now(),updated_at:Date.now(),user_info:{id:o.id,updated_at:Date.now(),name:o.name,picture:o.picture}},n="feed-view/"+t.id;this.db.doc(n).set(r).then((function(r){var n="feed-view/"+t.id+"/views/"+o.id;e.db.doc(n).get().subscribe((function(t){t.exists?console.log("[sendVisible] já foi marcado como visualizado",t):t.ref.set(i).then((function(t){console.log("[sendVisible] marcado como visualizado",t)}))})),e.db.collection(n+"/history").add(i)}))},t.decorators=[{type:e.Component,args:[{selector:"asap-feed-beta",template:'\x3c!-- <code>{{publication}}/{{hasID}}/{{isSinglePost}}</code> --\x3e\r\n<feed-publication [announce]="announce" (feedCreated)="onNewFeed($event)"\r\n *ngIf="publication && !hasID && !isSinglePost"></feed-publication>\r\n<app-stories *ngIf="stories && !hasID && !isSinglePost"></app-stories>\r\n\r\n\x3c!-- Este trecho do código foi removido, pois ele fazia o Feed ficar flicando na tela. --\x3e\r\n<ng-container *ngIf="!feeds">\r\n <div [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\r\n <ng-container *ngFor="let item of [0,1]">\r\n <div class="mt-5">\r\n <mat-card class="feed-card">\r\n <mat-card-header class="feed-header">\r\n <div mat-card-avatar>\r\n <ngx-skeleton-loader animation="progress" appearance="circle" [theme]="{height:\'40px\'}">\r\n </ngx-skeleton-loader>\r\n </div>\r\n <mat-card-title>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'20px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'15px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n </mat-card-title>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container>\r\n <ngx-skeleton-loader animation="progress" [theme]="{height:\'400px\',\'transform\': \'initial\'}">\r\n </ngx-skeleton-loader>\r\n </ng-container>\r\n\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="feeds">\r\n <ng-container *ngFor="let item of feeds">\r\n <div [class.focus-on-me]="item.focus" [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\r\n <app-feed-item [owner]="this" [item]="item" (isVisible)="sendVisible($event)"></app-feed-item>\r\n </div>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<div infiniteScroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="2000" [infiniteScrollDisabled]="\r\n loading || \r\n paginate.count >= paginate.limit || \r\n isSinglePost || \r\n paginate.last_document === paginate.next_document" (scrolled)="getMore()">\r\n</div>\r\n\r\n<button *ngIf="showToTopButton" (click)="gotoTop()" style="position: fixed;\r\n bottom: 0;\r\n right: 0;\r\n color:#FFFF;\r\n font-size: 20px;\r\n margin-right: 10px;\r\n margin-bottom: 10px;\r\n height: 35px;\r\n width: 35px;\r\n border: none;\r\n text-align: center;\r\n border-radius: 50%;\r\n outline: none;\r\n transition: all 1s ease-in;\r\n background-color: var(--main-color);\r\n z-index: 99999;\r\n ">\r\n <i class="fa fa-angle-up"></i>\r\n</button>\r\n',styles:["./asap-feed.beta.componente.scss"]}]}],t.ctorParameters=function(){return[{type:$},{type:r.AngularFirestore},{type:i.ActivatedRoute},{type:q},{type:n.Global}]},t.propDecorators={id:[{type:e.Input}],ignoreControl:[{type:e.Input}],checkScroll:[{type:e.HostListener,args:["window:scroll"]}]},t}();var Q=function(){function t(t){if(this.http=t,localStorage.getItem("loggedUser")){var e=JSON.parse(localStorage.getItem("loggedUser"));this.streamVideoPath=e.data.link_company?e.data.link_company:e.data.link,console.log("streamVideoPath",this.streamVideoPath)}}return t.prototype.getHeaders=function(){var t={Accept:"application/json"};return localStorage.getItem("token")&&(t.Authorization=localStorage.getItem("token")),t},t.prototype.status=function(t){return this.http.get(this.streamVideoPath+"videos/"+t,{headers:this.getHeaders()})},t.prototype.uploadFile=function(t){var e=new FormData;e.append("file",t);var r=new o.HttpRequest("POST","http://api.tecnologiaasap.com.br/api/cloudinary/upload",e,{reportProgress:!0,responseType:"json",headers:new o.HttpHeaders(this.getHeaders())});return console.log("RESPONSE UPLOAD",r),this.http.request(r)},t.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},t.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:o.HttpClient}]},t}();var W=function(){this.id=null,this.name=null,this.updated_at=null,this.picture=null};var Z=function(){this.cod=null,this.descr=null,this.hashtag=null,this.id=null,this.produto=null,this.parcela=null,this.qtdMinimo=null,this.valorAte=null,this.valorDe=null,this.adaptation=null,this.desconto=null,this.fotos=[]};var J=function(){this.url=null,this.type=null,this.status=1,this.thumb_rendering=!1,this.video_rendering=!1,this.video_low_rendering=!1,this.name=null,this.isCloudinary=!1};var K=function(){this.url=null,this.type=null,this.status=null,this.thumb_rendering=!1,this.video_rendering=!1,this.video_low_rendering=!1,this.name=null,this.new=!0};var X=function(){this.id=null,this.ref=null,this.status=!0,this.product=new Z,this.type="post",this.source="web",this.likes=0,this.shareds=0,this.user_info=new W,this.updated_at=null,this.title=null,this.files=[]};var tt=function(){function t(t,e,o,r,i){this.firebaseStorage=t,this.db=e,this.firebase=o,this.feedService=r,this.global=i}return t.prototype.uploadFile=function(t,e){console.log("TO SUBINDO",t);try{var o=e,r=this.firebaseStorage.ref(t);this.task=r.putString(o,"data_url"),this.percentage=this.task.percentageChanges(),this.snapshot=this.task.snapshotChanges()}catch(t){console.log("ERRO DO SUBINDO",t)}},t.prototype.getFireStorageURL=function(t){return this.firebaseStorage.ref(t).getDownloadURL()},t.prototype.deleteFireStorage=function(t){return V(this,void 0,void 0,(function(){return E(this,(function(e){switch(e.label){case 0:return[4,this.firebaseStorage.ref(t).delete().toPromise()];case 1:return[2,e.sent()]}}))}))},t.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},t.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},t.prototype.isUrl=function(t){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)},t.prototype.sendNotification=function(t,e,o){console.log("Destinatario",e),console.log("Remetente",this.global.loggedUser()),e.id!=this.global.loggedUser().id&&this.feedService.sendNotification(e.id,o,t).subscribe((function(t){console.log("Retorno Notificacao",t)}))},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:d.AngularFireStorage},{type:r.AngularFirestore},{type:c.FirebaseApp},{type:$},{type:n.Global}]},t}();var et=function(){function t(t,e,o,r,i,n,a){this.dialogRef=t,this.item=e,this.global=o,this.streamService=r,this.sanitizer=i,this.utilsService=n,this.db=a,this.showAnnouncePublication=!1}return t.prototype.ngOnInit=function(){this.item&&(this.title=this.item.title,this.type=this.item.type,this.tmpFileArray=this.item.files,console.log("Feed Modal ->",this.item))},t.prototype.close=function(){this.dialogRef.close()},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:e=function(t){var e,r,i,n,a,s,l,d;return E(this,(function(c){switch(c.label){case 0:return(e=new K).type=o.getTypeByMimeType(t.type),e.status=0,e.thumb_rendering=!1,e.video_rendering=!1,e.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),r=!0),r?[3,7]:(console.log("File Sended",t),"image"!==o.getTypeByMimeType(t.type)||t.new?[3,5]:(console.log("File do Upload ->",t),"image/gif"!=t.type?[3,2]:(e.url=o.streamService.uid()+".gif",i=e,[4,o.readGIF(t)])));case 1:return i.name=c.sent(),o.tmpFileArray.push(e),[3,4];case 2:return n=t.name.split("."),a=n[n.length-1],e.url=o.streamService.uid()+"."+a,s=e,[4,o.resizeImages(t,800)];case 3:s.name=c.sent(),o.tmpFileArray.push(e),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(t.type)||t.new?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",e),(l=t)&&(d=URL.createObjectURL(l),e.name=d,o.tmpFileArray.push(e)),o.uploading=!0,[4,o.streamService.uploadFile(t).subscribe((function(t){t.loaded&&(e.status=(100*t.loaded/t.total).toFixed(0),p.progress=e.status,console.log("Response",e)),t.body&&(e.url=t.body.uuidVideo,p.videoSendedID=e.url,p.uploading=!1,p.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",e),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.share=function(){var t=this,e=null;delete(e=this.item).likes,delete e.comments,e.title=this.title,(this.tmpFileArray||this.tmpFileArray.length>0)&&(e.files=this.tmpFileArray,e.files.map((function(o){"video"!==o.type||o.video_rendering||(console.log("Existe um video no Feed",o),o.video_rendering=!1,o.video_low_rendering=!1,o.thumb_rendering=!1,e.ref=o.url,e.status=!1,t.streamService.status(o.url).subscribe((function(t){o.video_rendering=!t.p480,o.video_low_rendering=!t.p480_low,o.thumb_rendering=!t.thumb})))}))),this.publish(e)},t.prototype.publish=function(t){var e,o,r=this,i=0;if("embed"==this.type){var n={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(n)}if(this.tmpFileArray&&this.tmpFileArray.length>0){var a=this.tmpFileArray.filter((function(t){return"image"===r.getTypeByMimeType(t.type)&&t.new})),s=98/a.length;if(a&&a.length>0){console.log("Imagens para Publicar ->",a);var l=function(e){console.log("Imagem ->",e),setTimeout((function(){r.utilsService.uploadFile("images/"+e.url,e.name),r.utilsService.percentage.subscribe((function(t){e.status=t,e.name=e.url})),r.utilsService.task.snapshotChanges().subscribe((function(o){return V(r,void 0,void 0,(function(){var r,n=this;return E(this,(function(l){return o.bytesTransferred===o.totalBytes&&(i++,this.progress+=s,r=t.files.findIndex((function(t){return t.name===e.name})),this.utilsService.getFireStorageURL("images/"+t.files[r].name).subscribe((function(e){console.log("Image File Url ->",e),t.files[r].name=e})),delete t.files[r].url,i==a.length&&(console.log("Imagens Pos Processaento ->",t.files),this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()})))),[2]}))}))}))}))};try{for(var d=O(a),c=d.next();!c.done;c=d.next()){l(c.value)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(e)throw e.error}}}else{this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()}))}}else{this.db.collection(G().feed).doc(this.item.id).update(p.classToPlain(t)).then((function(t){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()}))}},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkPublicationType=function(t){if(console.log("Event ->",event),t.length>35&&this.isValidUrl(t)){console.log("checkPublicationType",t),t.includes("youtube")?(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=t.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):t.includes("spotify")&&(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.embedFile=t.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1);var e={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(e)}},t.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post",this.tmpFileArray=[]},t.prototype.isValidUrl=function(t){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(t)},t.decorators=[{type:e.Component,args:[{selector:"lib-feed-modal-item-edit",template:'<div mat-dialog-content>\r\n <div class="form-feed mt-4">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n\r\n <textarea class="form-control" [(ngModel)]="title" id="" rows="3"\r\n placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\r\n <div class="clearfix"></div>\r\n\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n\r\n <ng-container *ngFor="let file of tmpFileArray">\r\n <div class="col-sm-4 mb-4 tmp-file-wrapper" *ngIf="file.type == \'video\' || file.type == \'image\'">\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <img [src]="file.name" *ngIf="file.name" class="img-responsive tmp-upload"/>\r\n </ng-container>\r\n\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" [autoplay]="true" [muted]="\'muted\'" loop *ngIf="file.type === \'video\'">\r\n \x3c!-- <code>{{ file.name | json }}</code> --\x3e\r\n <ng-container *ngIf="file.new">\r\n <source [src]="file.name"/>\r\n </ng-container>\r\n <ng-container *ngIf="!file.new">\r\n <source [src]="file.url | stream:\'link\'"/>\r\n </ng-container>\r\n \r\n \r\n </video>\r\n </div>\r\n </div>\r\n \r\n <div class="col-sm-12" *ngIf="file.type == \'embed\'">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n<div class="row mt-4">\r\n <div class="col-6 float-left" *ngIf="global?.loggedUser()">\r\n <ng-container *ngIf="type != \'embed\'">\r\n <label>\r\n <a class="btn btn-feed btn-round btn-primary">\r\n <span>{{ \'ImageAndVideo\' | translate }}</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </ng-container>\r\n <ng-container *ngIf="type == \'embed\'">\r\n <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </ng-container>\r\n \r\n <ng-container *ngIf="showAnnouncePublication">\r\n\r\n <ng-container *ngIf="global?.loggedUser()?.lojista">\r\n <ng-container *ngIf="global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'lojista\')"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'vitrine\')"\r\n style="margin-left: 5px;">\r\n <i class="fa fa-bullhorn"></i>\r\n <span class="text">{{ \'Publish\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n <div class="col-6 float-right text-right">\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\r\n *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n</div>\r\n \r\n \x3c!-- <button class="btn btn-feed btn-primary btn-custom-social" (click)="close()">\r\n {{ \'Close\' | translate }}\r\n </button>\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\r\n *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button> --\x3e\r\n\r\n',providers:[Q],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}',".form-feed{box-shadow:none!important;-webkit-box-shadow:none!important}.mat-dialog-container{border-radius:24px!important;margin:0!important;padding:0 5px!important}"]}]}],t.ctorParameters=function(){return[{type:m.MatDialogRef},{type:void 0,decorators:[{type:e.Inject,args:[m.MAT_DIALOG_DATA]}]},{type:n.Global},{type:Q},{type:l.DomSanitizer},{type:tt},{type:r.AngularFirestore}]},t}();R.use([g.Navigation,g.Pagination]);var ot=function(){function t(t,o,r,i,n){this.streamService=t,this.db=o,this.global=r,this.dialog=i,this.service=n,this.isVisible=new e.EventEmitter,this.imageLoaded=!1,this.imageDataLoaded=!1,this.blurBackgroundIndex=Math.floor(5*Math.random()+1)}return t.prototype.ngOnInit=function(){var t=this;this.loadVisibilityControls(),this.item.files&&this.item.files.length>0&&this.item.files.map((function(e){if(e.url&&e.url.includes("youtube")){e.isYoutube=!0;var o=t.getYoutubeID(e.url);e.url="https://www.youtube.com/embed/"+o}}))},t.prototype.ngAfterViewInit=function(){this.observer.observe(this.visibleControl.nativeElement)},t.prototype.ngOnDestroy=function(){this.observer.disconnect(),clearInterval(this.visibleTimer)},t.prototype.loadVisibilityControls=function(){var t=this;this.visibleTimer=setInterval((function(){t.shotTimer--,0==t.shotTimer&&(t.isVisible.emit(t.item),clearInterval(t.visibleTimer),t.observer.disconnect())}),1e3);this.observer=new IntersectionObserver((function(e,o){e.forEach((function(e){t.shotTimer=-1,t.item.active=!1,1==e.intersectionRatio&&(t.shotTimer=5)}))}),{rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]})},t.prototype.onloadImage=function(t){this.imageLoaded=!0,this.imageDataLoaded=!0},t.prototype.onErrorImage=function(t){},t.prototype.playVideo=function(t){this.videoplayer&&this.videoplayer.nativeElement.play()},t.prototype.linkify=function(t){var e;if(e=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],e=new RegExp(e.join("|"),"gi"),t)return t.replace(e,(function(t,e,o,r,i){return e?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+e+'">'+e+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":r?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":t}))},t.prototype.checkVideoRender=function(t){console.log("videoRender ->",t),this.streamService.status(t).subscribe((function(t){console.log("checkVideoRender",t)}))},t.prototype.onEditItem=function(){var t;delete(t=this.item).comments,delete t.likes,t.files.map((function(t){t.new=!1})),this.dialog.open(et,{width:"600px",data:t,panelClass:"modal-feed-publication"})},t.prototype.preConvertNumber=function(t){return parseFloat(t)},t.prototype.onRemoveItem=function(t){var e=this;this.global.swal({title:"Você realmente deseja remover este Post?",text:"Você não poderá reverter essa ação depois de confirmado",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(o){return V(e,void 0,void 0,(function(){var e,r,i,n,a,s,l,p;return E(this,(function(d){switch(d.label){case 0:if(!o.value)return[3,11];if(e=this.db.collection(G().feed).doc(t.id),!(t.files&&t.files.length>0))return[3,10];d.label=1;case 1:d.trys.push([1,8,9,10]),r=O(t.files),i=r.next(),d.label=2;case 2:if(i.done)return[3,7];if("image"!==(n=i.value).type)return[3,6];if(!n.name)return[3,6];d.label=3;case 3:return d.trys.push([3,5,,6]),[4,this.service.deleteFireStorage(G().images+"/"+n.name)];case 4:return d.sent(),[3,6];case 5:return a=d.sent(),console.log("Removendo um post com imagem não referenciada",a),[3,6];case 6:return i=r.next(),[3,2];case 7:return[3,10];case 8:return s=d.sent(),l={error:s},[3,10];case 9:try{i&&!i.done&&(p=r.return)&&p.call(r)}finally{if(l)throw l.error}return[7];case 10:e.delete(),t.deleted=!0,this.global.toast("Post removido com Sucesso"),d.label=11;case 11:return[2]}}))}))}))},t.prototype.checkFileOrigin=function(t){},t.prototype.isYoutube=function(t){return console.log("IsYoutube ->",t),!!t.includes("youtube")},t.prototype.getYoutubeID=function(t){var e=t.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return!(!e||11!=e[7].length)&&e[7]},t.decorators=[{type:e.Component,args:[{selector:"app-feed-item",template:'<ng-container *ngIf="item && item.status && !item.deleted">\r\n <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\r\n <mat-card-header class="feed-header ml-2">\r\n <popover-content #myPopover placement="auto right" [closeOnClickOutside]="false"\r\n [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}">\r\n <div class="info"><b>{{ item?.user_info?.name }}</b><br />\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <div mat-card-avatar>\r\n <a [routerLink]="[\'/profile\',item.user_info?.id]"><img\r\n [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n class="feed-avatar mr-1" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}" [popover]="myPopover" [popoverOnHover]="true"></a>\r\n </div>\r\n\r\n <mat-card-title>\r\n <h4 class="ml-2"><b><a [routerLink]="[\'/profile\',item.user_info?.id]">{{ item?.user_info?.name }}</a> <i\r\n *ngIf="item?.channel_id" class="material-icons text-primary"\r\n matTooltip="Este é um post Institucional" matTooltipClass="tooltip-primary">done_all</i></b>\r\n </h4>\r\n <p class="ml-2"> {{ \'SharedPublication\' | translate }} <a [routerLink]="[\'/portal\',item.id]">{{\r\n item?.updated_at | amTimeAgo }}</a></p>\r\n </mat-card-title>\r\n\r\n <ng-container *ngIf="global.loggedUser()">\r\n <div class="feed-buttom-option" *ngIf="item.user_info.id === global.loggedUser().id">\r\n <button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="!item.status">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu="matMenu">\r\n <button mat-menu-item (click)="onEditItem()" [disabled]="!item.status">\r\n <mat-icon>create</mat-icon>\r\n <span>{{ \'Edit\' | translate }}</span>\r\n </button>\r\n <button mat-menu-item (click)="onRemoveItem(item)" [disabled]="!item.status">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ \'Remove\' | translate }}</span>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div *ngIf="item.isHighlighted" matTooltip="Post destacado" class="feed-buttom-option pinned-feed">\r\n <i class="fa fa-thumb-tack fa-lg"></i>\r\n </div>\r\n </ng-container>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container *ngIf="item.type != \'announce\'">\r\n \x3c!-- <code>{{item.additional_data | json}}</code> --\x3e\r\n <ng-container *ngIf="!(item.files && item.files.length > 0)">\r\n <div class="card card-file mt-0 pointer">\r\n \x3c!-- <div class="card-cover"> --\x3e\r\n <ng-container *ngIf="item.additional_data && item.additional_data.image">\r\n <img style="display: none;" [src]="item.additional_data.image" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n\r\n <div class="container-mat-card" *ngIf="imageLoaded">\r\n <img class="bg-mat-card" [src]="item.additional_data.image">\r\n <img mat-card-image [src]="item.additional_data.image">\r\n </div>\r\n\r\n <div class="container-mat-card" *ngIf="!imageLoaded">\r\n <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\r\n </div>\r\n </ng-container>\r\n \x3c!-- </div> --\x3e\r\n <a *ngIf="item.additional_data && item.additional_data.file_id"\r\n [routerLink]="[\'/channel/files/\' + item.channel_id +\'/\'+ item.additional_data.file_id]"\r\n class="circle">\r\n <i class="fa fa-file-text-o"></i>\r\n </a>\r\n <div *ngIf="item.additional_data && item.additional_data.description" class="card-content">\r\n <div class="clearfix"></div>\r\n <p class="description m-3" [innerHTML]="linkify(item.additional_data.description)"></p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf="item.files && item.files.length > 0">\r\n\r\n <ng-container *ngIf="item.files.length === 1">\r\n <ng-container *ngFor="let file of item.files">\r\n <ng-container *ngIf="file.type == \'image\'">\r\n\r\n <img style="display: none;" [src]="file.name || file.url" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n\r\n <div class="container-mat-card" *ngIf="imageLoaded">\r\n <img class="bg-mat-card" [src]="file.name || file.url">\r\n <img mat-card-image [src]="file.name || file.url">\r\n </div>\r\n\r\n <div class="container-mat-card" *ngIf="!imageLoaded">\r\n <img mat-card-image\r\n [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\r\n </div>\r\n\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'video\'">\r\n <div class="carousel custom-carrousel">\r\n <div class="content">\r\n <div class="item">\r\n <div class="video-overlay cloudinary-true" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'"></div>\r\n\r\n <div class="video-overlay youtube-true" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\r\n\r\n <div class="video-overlay not-cloudinary-youtube" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube" (click)="playVideo($event)"\r\n (onloadeddata)="checkVideoRender(file.url)" class="video not-cloudinary-youtube" width="100%"\r\n controls="false" preload="metadata" poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video cloudinary-true" width="100%" controls="false" preload="metadata"\r\n poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube == true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0" frameborder="0"\r\n width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'pdf\' || file.type == \'txt\'">\r\n <div class="container-mat-card px-3">\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id + \'/\' + file.file_id]"\r\n class="w-100">\r\n\r\n <div class="card card-file mt-0 pointer">\r\n <div class="card-cover">\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]">\r\n <ng-container *ngIf="file.image">\r\n <img [src]="file.image" alt="">\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!file.image || file.image == null">\r\n <h4 class="title" [innerHTML]="linkify(file.title)"></h4>\r\n </ng-container>\r\n </a>\r\n </div>\r\n <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]"\r\n class="circle">\r\n <i *ngIf="file.type == \'pdf\'" class="fa fa-file-pdf-o"></i>\r\n <i *ngIf="file.type == \'txt\'" class="fa fa-file-text-o"></i>\r\n </a>\r\n <div class="card-content">\r\n <div class="clearfix"></div>\r\n <p class="description mb-3" [innerHTML]="linkify(file.description)"></p>\r\n </div>\r\n </div>\r\n\r\n </a>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type == \'embed\'">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;"\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\r\n </ng-container>\r\n\r\n </ng-container>\r\n </ng-container>\r\n\r\n\r\n <ng-container *ngIf="item.files.length > 1">\r\n\r\n \x3c!-- Carrosel de Imavens e vídeos --\x3e\r\n\r\n <div class="swiper-stage">\r\n <swiper [config]="global.swiperConfig(false)">\r\n <div swiperSlide *ngFor="let file of item.files; let i = index">\r\n <div class="swiper-carousel-custom">\r\n\r\n \x3c!-- Imagem --\x3e\r\n\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <ng-container *ngIf="file.url">\r\n <div class="swiper-container-img">\r\n <div class="swiper-bg-blur"\r\n [style.backgroundImage]="\'url(\'+file.url+\')\'">\r\n </div>\r\n <img class="img" [src]="file.url" alt="" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.name">\r\n <div class="swiper-container-img"\r\n [style.backgroundImage]="\'url(\'+file.name+\')\'">\r\n <div class="swiper-bg-blur"\r\n [style.backgroundImage]="\'url(\'+file.name+\')\'">\r\n </div>\r\n <img class="img" [src]="file.name" alt="" (load)="onloadImage($event)"\r\n (error)="onErrorImage($event)">\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n \x3c!-- Video --\x3e\r\n\r\n <ng-container *ngIf="file.type === \'video\'">\r\n\r\n <ng-container>\r\n\r\n <div class="video-overlay" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube == true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\r\n frameborder="0" width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\r\n \x3c!-- <ng-container *ngIf=" i === 0">\r\n\r\n <div class="video-overlay" *ngIf="file.isCloudinary == true"\r\n [style.background-image]="file.thumb | stream: \'backgroundImage\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isYoutube == true"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\r\n [style.background-image]="file.url | stream: \'styleThumbUrl\'">\r\n </div>\r\n\r\n <video attr.type=\'stream\' #videoPlayer\r\n *ngIf="!file.isCloudinary && !file.isYoutube"\r\n (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\r\n class="video" width="100%" controls="false" preload="metadata"\r\n poster="{{file.url | stream:\'thumb\'}}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n <video attr.type=\'cloudinary\' #videoPlayer\r\n *ngIf="file.isCloudinary === true" (click)="playVideo($event)"\r\n (onloadeddata)="checkVideoRender(file.url)" class="video" width="100%"\r\n controls="false" preload="metadata" poster="{{file.thumb}}">\r\n <source [src]="file.url" />\r\n </video>\r\n\r\n <ng-container *ngIf="file.isYoutube === true">\r\n <iframe attr.type=\'youtube\' #videoPlayer\r\n [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\r\n frameborder="0" width="100%" class="video"></iframe>\r\n </ng-container>\r\n\r\n </ng-container> --\x3e\r\n\r\n </ng-container>\r\n\r\n <ng-template #infiniteContainer></ng-template>\r\n </div>\r\n </div>\r\n </swiper>\r\n </div>\r\n\r\n \x3c!-- Fim Carrosel de Imagens e Vídeos --\x3e\r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n\r\n <ng-container *ngIf="item.type == \'announce\'">\r\n <div class="ribbon ribbon-top-right"><span>Anúncio</span></div>\r\n\r\n <div class="swiper-stage">\r\n <swiper [config]="global.swiperConfig(false)">\r\n <div swiperSlide *ngFor="let file of item.files; let i = index">\r\n <div class="swiper-carousel-custom">\r\n <ng-container *ngIf="file.type === \'image\'">\r\n <div class="img" [style.backgroundImage]="\'url(\'+file.name+\')\'" *ngIf="file.name">\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="file.type === \'video\'">\r\n\r\n <ng-container>\r\n\r\n <div class="video-overlay"\r\n [style.background-image]="file.url | stream:\'styleThumbUrl\'">\r\n </div>\r\n\r\n <video class="video" width="100%" preload="metadata"\r\n poster="{{ file.url | stream:\'thumb\' }}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n </ng-container>\r\n\r\n \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\r\n \x3c!-- <ng-container *ngIf=" i === 0">\r\n\r\n <div class="video-overlay"\r\n [style.background-image]="file.url | stream:\'styleThumbUrl\'">\r\n </div>\r\n\r\n <video class="video" width="100%" preload="metadata"\r\n poster="{{ file.url | stream:\'thumb\' }}">\r\n <source [src]="file.url | stream:\'link\'" />\r\n </video>\r\n\r\n </ng-container> --\x3e\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #infiniteContainer></ng-template>\r\n </swiper>\r\n </div>\r\n\r\n <div class="pull-right mt-3" [routerLink]="[\'/market/product/\', item.product.id]">\r\n <button class="btn btn-primary">\r\n <i class="fa fa-shopping-cart"></i>\r\n {{ preConvertNumber(item.product.valorDe) | currency:\'BRL\':true}} -\r\n {{ preConvertNumber(item.product.valorAte) | currency:\'BRL\':true}}\r\n </button>\r\n </div>\r\n <p *ngIf="item?.product?.data?.descr" [innerHTML]="item.product.descr"></p>\r\n </ng-container>\r\n\r\n <div class="mat-card-content">\r\n <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="linkify(item.title)"></span>\r\n <feed-actions [item]="item"></feed-actions>\r\n <feed-comments [feed_id]="item.id" [user]="item.user_info"></feed-comments>\r\n </div>\r\n\r\n </mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="item && !item.status">\r\n <ng-container *ngIf="global.loggedUser()">\r\n <ng-container *ngIf="item.user_info.id === global.loggedUser().id">\r\n <ng-container *ngIf="item">\r\n <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\r\n <mat-card-header class="feed-header ml-2">\r\n <div mat-card-avatar>\r\n <img [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\r\n class="feed-avatar" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\r\n alt="{{ item?.user_info?.name }}">\r\n </div>\r\n <mat-card-title>\r\n <h4><b>{{ item?.user_info?.name }}</b></h4>\r\n <p> {{ \'SharedPublication\' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\r\n </mat-card-title>\r\n\r\n <div class="feed-buttom-option" *ngIf="false">\r\n <button mat-icon-button [matMenuTriggerFor]="menu">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu="matMenu">\r\n <button mat-menu-item (click)="false">\r\n <mat-icon>create</mat-icon>\r\n <span>{{ \'Edit\' | translate }}</span>\r\n </button>\r\n <button mat-menu-item (click)="false">\r\n <mat-icon>delete</mat-icon>\r\n <span>{{ \'Remove\' | translate }}</span>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n\r\n </mat-card-header>\r\n\r\n <ng-container>\r\n <div class="col-sm-12 mx-auto text-center post-processing-section">\r\n <img src="https://image.flaticon.com/icons/svg/2654/2654464.svg" width="30%">\r\n <h4>Estamos processando os dados do seu Post!</h4>\r\n <p>No momento ele está visível apenas para você, mas logo estará disponível para todos!</p>\r\n </div>\r\n </ng-container>\r\n\r\n <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="linkify(item.title)"></span>\r\n <feed-actions prefix="prefix" [item]="item"></feed-actions>\r\n <feed-comments prefix="prefix" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\r\n </mat-card>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n</ng-container>',providers:[Q],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}','@charset "UTF-8";.pinned-feed{background-color:var(--bg-btn);color:var(--text-btn);padding:5px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;margin-top:60px;margin-right:5px;opacity:1}.mat-card-video{-o-object-fit:cover;object-fit:cover;width:calc(100% + 31px);margin:0 0 10px}.mat-card-content{word-break:break-word;padding:0 15px}::ng-deep .tooltip-primary{background:var(--main-color);opacity:.85;font-size:13px}.no-click{pointer-events:none}.modal-feed-publication{border-radius:24px!important}.share-social{max-width:185px}.mat-card-actions{min-height:40px}.post-processing-section{padding:12px;border:3px dotted gray;border-radius:8px;background-color:#f4f4f4}.carousel{color:#fff}.carousel .content{display:flex}.carousel .content .item{width:100%;display:block;transition:opacity 295ms linear .2s}.carousel .content .item.visible{opacity:1}.carousel .content .item .img{width:100%;height:500px;display:block;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center}.carousel .content .item .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.carousel .content .item .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}.carousel .content .wraper-video{background-color:#000}.carousel .ball{width:10px;height:10px;border-radius:50%;background:#000;border:2px solid;opacity:.5}.carousel .ball.visible{opacity:1}.carousel .click-area{width:50px;text-align:center}.carousel .click-area i{font-size:2em;background:rgba(255,255,255,.8);color:#000;border-radius:100%}.custom-carrousel{z-index:1;overflow:hidden}.card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}.card-file .card-cover{display:flex;align-items:center;justify-content:center;text-align:center;padding:0;width:100%;height:250px;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--main-color);color:#fff!important;overflow:hidden}.card-file .card-cover img{position:absolute;z-index:0;top:0;left:0;width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card-file .card-cover .title{position:relative;z-index:3;color:#fff;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}.card-file .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:20;font-size:1.5em;color:#3c4858!important}.card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}.card-file .card-body h5{height:60px}.card-file .card-body .description{color:#888;height:65px;overflow:hidden}::ng-deep owl-carousel-o .owl-theme .owl-next,::ng-deep owl-carousel-o .owl-theme .owl-prev{position:absolute;top:50%;transform:translateY(-50%);display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:50%!important;margin:20px 0;background:rgba(255,255,255,.8)!important;color:#414141!important;border:none!important;font-size:20px!important;font-weight:600!important}::ng-deep owl-carousel-o .owl-theme .owl-prev{left:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-prev:hover{transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next{right:5px;transition:.3s!important}::ng-deep owl-carousel-o .owl-theme .owl-next:hover{transition:.3s}::ng-deep owl-carousel-o .owl-carousel .owl-dot,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next,::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev{font-family:fontAwesome}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-prev:before{content:""}::ng-deep owl-carousel-o .owl-carousel .owl-nav .owl-next:after{content:""}.swiper-carousel-custom .swiper-container-img{display:flex;align-items:center;justify-content:center;width:100%;height:500px}.swiper-carousel-custom .swiper-bg-blur{position:absolute;z-index:10;width:100%;height:500px;-webkit-filter:blur(30px) brightness(80%);filter:blur(30px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.swiper-carousel-custom .img{position:relative;z-index:20;max-width:100%;max-height:500px!important;display:block;-o-object-fit:contain;object-fit:contain;background-size:cover;background-position:center}.swiper-carousel-custom .video{width:100%;height:500px!important;display:block;background-size:cover;background-position:center}.swiper-carousel-custom .video-overlay{background:rgba(0,0,0,.5);width:100%;height:500px!important;position:absolute;z-index:-1;transition:opacity .5s ease-out;filter:blur(8px);-webkit-filter:blur(8px)}']}]}],t.ctorParameters=function(){return[{type:Q},{type:r.AngularFirestore},{type:n.Global},{type:m.MatDialog},{type:tt}]},t.propDecorators={item:[{type:e.Input}],owner:[{type:e.Input}],isVisible:[{type:e.Output}],videoplayer:[{type:e.ViewChild,args:["videoPlayer",{static:!0}]}],visibleControl:[{type:e.ViewChild,args:["visibleControl",{static:!1,read:e.ElementRef}]}]},t}();var rt=function(){function t(t){if(this.domSanitizer=t,localStorage.getItem("loggedUser")){var e=JSON.parse(localStorage.getItem("loggedUser")).data;this.url=e.link_company?e.link_company:e.link}else{var o=localStorage.getItem("streamURL");this.url=o}}return t.prototype.transform=function(t,e){return"link"===e?this.getVideoUri(t):"thumb"===e?this.getVideoThumb(t):"id"===e?this.getVideoId(t):"fire"===e?this.getFireStorageURL(t):"styleThumbUrl"===e?this.domSanitizer.bypassSecurityTrustStyle("url("+this.getVideoThumb(t)+")"):"backgroundImage"===e?this.domSanitizer.bypassSecurityTrustStyle("url("+t):t},t.prototype.getVideoThumb=function(t){return this.url+"videos/thumb/"+this.getVideoId(t)},t.prototype.getVideoUri=function(t){return this.domSanitizer.bypassSecurityTrustResourceUrl(this.url+"videos/"+this.getVideoId(t)+"/480_low")},t.prototype.getFireStorageURL=function(t){return console.log("URL",t),this.domSanitizer.bypassSecurityTrustUrl(t)},t.prototype.getVideoId=function(t){return this.isUrl(t)?t.split("/")[4]:t},t.prototype.isUrl=function(t){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)},t.decorators=[{type:e.Pipe,args:[{name:"stream"}]}],t.ctorParameters=function(){return[{type:l.DomSanitizer}]},t}();var it=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t,e){if(t)switch(e){case"html":return this.sanitizer.bypassSecurityTrustHtml(t);case"style":return this.sanitizer.bypassSecurityTrustStyle(t);case"script":return this.sanitizer.bypassSecurityTrustScript(t);case"url":return this.sanitizer.bypassSecurityTrustUrl(t);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(t);default:throw new Error("Invalid safe type specified: "+e)}},t.decorators=[{type:e.Pipe,args:[{name:"safe"}]}],t.ctorParameters=function(){return[{type:l.DomSanitizer}]},t}();var nt=/^(\d+)?\.((\d+)(-(\d+))?)?$/,at=function(){function t(t){this._currencyPipe=t}return t.prototype.transform=function(t,e,o,r){return"number"==typeof t||nt.test(t)?this._currencyPipe.transform(t,e,o,r):t},t.decorators=[{type:e.Pipe,args:[{name:"looseCurrency"}]}],t.ctorParameters=function(){return[{type:s.CurrencyPipe}]},t}();var st=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[it,rt,at],imports:[],exports:[it,rt,at],providers:[s.CurrencyPipe]}]}],t}(),lt=function(){function t(t,e,o,r,i){this.global=t,this.db=e,this.feedService=o,this.service=r,this.asapService=i,this.comments=[],this.replyingComment=[],this.limitCommentsTo=3,this.limitReplysTo=1,this.onLoadingLike=!1,this.onLoadingReply=!1,this.onLoadingComment=!1}return t.prototype.ngOnInit=function(){this.getComments(this.feed_id)},t.prototype.getComments=function(t){var e=this;this.db.collection(G().feed).doc(t).collection("comments",(function(t){return t.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(o){e.comments=[],o.map((function(o){var r=o.payload.doc.data();r.id=o.payload.doc.id,r.likeForMe=!1,r.limitReplysTo=1,e.db.collection(G().feed).doc(t).collection("comments").doc(r.id).collection("like").snapshotChanges().subscribe((function(t){r.likes=[],t.map((function(t){var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&o.user_info&&o.user_info.id===e.global.loggedUser().id&&(r.likeForMe=!0,r.likeForMeID=o.id),r.likes.push(o)}))})),e.db.collection(G().feed).doc(t).collection("comments").doc(r.id).collection("reply",(function(t){return t.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(t){r.replys=[],t.map((function(t){var e=t.payload.doc.data();e.id=t.payload.doc.id,r.replys.push(e)}))})),e.comments.push(r)}))}))},t.prototype.onReplyComment=function(t){this.replyingComment[t]?this.replyingComment[t]=!1:this.replyingComment[t]=!0},t.prototype.sendComment=function(t){var e={comment:t,updated_at:Date.now(),created_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}},o=this.db.collection(G().feed).doc(this.feed_id).collection("comments");if(t.length>0){this.onLoadingComment=!0,o.add(e);var r={source:"web",title:"Novo comentário",description:this.global.loggedUser().name+": "+t,user:this.global.loggedUser(),client_id:this.global.loggedUser().client_id,redirect:"/portal/"+this.feed_id};this.service.sendNotification(r,this.user,"feed"),this.comment="",this.onLoadingComment=!1}},t.prototype.replyComment=function(t,e,o,r){var i={comment:e,created_at:Date.now(),updated_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};if(e.length>0){this.onLoadingReply=!0,this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").add(i);var n={source:"web",title:"Nova Resposta",description:this.global.loggedUser().name+" respondeu: "+e,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id};this.service.sendNotification(n,o,"feed"),this.reply="",this.onLoadingReply=!1,this.replyingComment[r]=!1}},t.prototype.deleteReply=function(t,e){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").doc(e).delete()},t.prototype.deleteComment=function(t){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).delete()},t.prototype.sendLikeComment=function(t,e,o){if(void 0===e&&(e=null),this.onLoadingLike=!0,o.likeForMe){this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("like").doc(e).delete(),o.likeForMe=!1,this.onLoadingLike=!1}else{var r={created_at:Date.now(),updated_at:Date.now(),user_info:{id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("like").add(r);var i={source:"web",title:"Nova Curtida",description:this.global.loggedUser().name+" curtiu seu comentário: "+o.comment,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id};this.service.sendNotification(i,o.user_info,"feed"),o.likeForMe=!0,this.onLoadingLike=!1}},t.prototype.loadMoreComments=function(){this.limitCommentsTo=this.limitCommentsTo+3},t.prototype.loadMoreReplys=function(t){t.limitReplysTo=t.limitReplysTo+3},t.prototype.linkify=function(t){var e;if(e=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],e=new RegExp(e.join("|"),"gi"),t)return t.replace(e,(function(t,e,o,r,i){return e?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+e+'">'+e+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":r?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":t}))},t.prototype.onEditReply=function(t){this.editedReply=t.comment,t.onEdit?t.onEdit=!1:t.onEdit=!0},t.prototype.onEditComment=function(t){this.editedComment=t.comment,t.onEdit?t.onEdit=!1:t.onEdit=!0},t.prototype.updateComment=function(t,e){this.onLoadingComment=!0;var o={comment:this.editedComment,edited:!0,updated_at:Date.now()},r=this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t);e.length>0&&(r.update(o),this.editedComment="",this.onLoadingComment=!1)},t.prototype.updateReply=function(t,e,o){this.onLoadingReply=!0;var r={comment:o,updated_at:Date.now()};this.db.collection(G().feed).doc(this.feed_id).collection("comments").doc(t).collection("reply").doc(e.id).update(r),this.editedComment="",this.onLoadingReply=!1,e.onEdit=!1},t.prototype.searchMetionUsers=function(t){},t.prototype.loadUsers=function(){var t=this;this.asapService.entityName="asap-user",this.asapService.getResources().subscribe((function(e){t.mentionsList={items:e.data.map((function(t){return t.name})),triggerChar:"@"}}))},t.decorators=[{type:e.Component,args:[{selector:"feed-comments",template:'<form *ngIf="global.loggedUser()" class="form-comment">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n <ng-container>\r\n <input type="text" name="comment" [(ngModel)]="comment" (keyup.enter)="sendComment(comment)" [disabled]="onLoadingComment" placeholder="{{ \'SendCommentFeed\' | translate }}">\r\n <div class="clearfix"></div>\r\n </ng-container>\r\n</form>\r\n\r\n<div *ngFor="let comment of comments | slice:0:limitCommentsTo; let i=index">\r\n <popover-content #myPopover \r\n placement="auto right"\r\n [closeOnClickOutside]="true" [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" alt="">\r\n <div class="info"><b>{{ comment?.user_info?.name }}</b><br/>\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> <br/> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <a *ngIf="comment" [routerLink]="[\'/profile\',comment?.user_info?.id]">\r\n <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" class="avatar-45" alt="" [popover]="myPopover" [popoverOnHover]="true">\r\n <div *ngIf="!comment?.user_info?.picture" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\r\n <i class="fa fa-user"></i>\r\n </div></a>\r\n <div class="comments">\r\n\r\n <ng-container *ngIf="global?.loggedUser() && !comment.onEdit">\r\n <div class="feed-comment-option">\r\n <button mat-icon-button [matMenuTriggerFor]="appMenu"\r\n *ngIf="comment?.user_info?.id == global?.loggedUser().id">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #appMenu="matMenu">\r\n <button mat-menu-item (click)="onEditComment(comment)">\r\n <mat-icon>create</mat-icon>\r\n {{ \'Edit\' | translate }}\r\n </button>\r\n <button mat-menu-item (click)="deleteComment(comment.id)">\r\n <mat-icon>delete</mat-icon>\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n </ng-container>\r\n <p *ngIf="!comment.onEdit"><b>{{ comment?.user_info?.name || \'Não Informado\' }}</b> <span [innerHTML]="linkify(comment.comment)"></span></p>\r\n <form class="form-comment-reply"*ngIf="comment.onEdit">\r\n <input class="editing-comment-input" type="text" [(ngModel)]="editedComment" name="editedComment" [disabled]="onLoadingReply" (keyup.enter)="updateComment(comment.id, editedComment)" (keyup.esc)="onEditComment(comment)" placeholder="{{ \'Comment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n \r\n\r\n <small class="text-primary"> <b>{{ comment?.likes?.length ? comment?.likes?.length : \'\' }}</b> <a [ngClass]="{\'disabled-action\': onLoadingLike || !global?.loggedUser()}" (click)="sendLikeComment(comment.id, comment?.likeForMeID, comment)"> \r\n <ng-container *ngIf="comment.likeForMe">\r\n Curtiu\r\n </ng-container>\r\n <ng-container *ngIf="!comment.likeForMe">\r\n Curtir\r\n </ng-container>\r\n </a></small> - \r\n <small class="reply-comment text-primary m-0"><b>{{ comment?.replys?.length ? comment?.replys?.length : \'\' }} </b> <a [ngClass]="{\'disabled-action\': !global?.loggedUser()}" (click)="onReplyComment(i)">Responder</a></small> - \r\n <small class="txt-gray m-0" *ngIf="comment?.edited">editado - </small>\r\n <small class="txt-gray m-0">{{ comment.updated_at | amTimeAgo}} </small>\r\n \x3c!-- Reply Section --\x3e\r\n <form class="form-comment-reply"*ngIf="replyingComment[i] == true">\r\n <input type="text" [disabled]="onLoadingReply" [(ngModel)]="reply" name="reply" (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)" placeholder="{{ \'ReplyThisComment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n \x3c!-- <code>{{ limitReplysTo[i] | json }}</code> --\x3e\r\n <ng-container *ngIf="comment.replys && comment.replys.length > 0">\r\n <ng-container *ngFor="let subItem of comment.replys | slice:0:comment.limitReplysTo;">\r\n <popover-content #myPopover \r\n placement="auto right"\r\n [closeOnClickOutside]="true" [closeOnMouseOutside]="false" [animation]="true">\r\n <div class=\'minibio\'>\r\n <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" class="avatar-45" alt="">\r\n <div class="info"><b>{{ comment?.user_info?.name }}</b><br/>\r\n \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i> Fortaleza/CE</span> --\x3e\r\n </div>\r\n </div>\r\n </popover-content>\r\n <div class="reply-avatar">\r\n <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" alt="" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\r\n <div *ngIf="!subItem.user_info.picture || subItem.user_info.picture == \'\'" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n </div>\r\n\r\n <div class="replys">\r\n <ng-container *ngIf="global.loggedUser()">\r\n <ng-container *ngIf="global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit">\r\n <div class="feed-comment-option">\r\n <button mat-icon-button [matMenuTriggerFor]="appSubMenu">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #appSubMenu="matMenu">\r\n <button mat-menu-item (click)="onEditReply(subItem)">\r\n <mat-icon>create</mat-icon>\r\n {{ \'Edit\' | translate }}\r\n </button>\r\n <button mat-menu-item (click)="deleteReply(comment.id, subItem.id)">\r\n <mat-icon>delete</mat-icon>\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n \r\n <ng-container *ngIf="!subItem.onEdit">\r\n <p> <b>{{ subItem.user_info.name || \'Não Informado\' }}</b> {{ subItem.comment }}</p>\r\n <small class="txt-gray">{{ subItem.updated_at | amTimeAgo}} </small> \r\n </ng-container>\r\n <ng-container *ngIf="subItem.onEdit">\r\n <form class="form-comment-reply form-reply-edited">\r\n <input type="text" [disabled]="onLoadingReply" [(ngModel)]="editedReply" name="editedReply" (keyup.enter)="updateReply(comment.id, subItem, editedReply)" placeholder="{{ \'ReplyThisComment\' | translate }}">\r\n <div class="clearfix"></div>\r\n </form>\r\n </ng-container>\r\n\r\n </div>\r\n \r\n </ng-container>\r\n \r\n <ng-container *ngIf="comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)">\r\n <div class="SeeMore on-reply">\r\n <i class="fa fa-reply"></i>\r\n <span (click)="loadMoreReplys(comment)" *ngIf="(comments?.length > limitCommentsTo)"> {{ comment.replys.length - comment.limitReplysTo}} {{ \'Replys\' | translate }}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n \r\n \x3c!-- End Reply Section --\x3e\r\n\r\n\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf="(comments?.length > 2)">\r\n <div class="SeeMore">\r\n <span (click)="loadMoreComments()" *ngIf="(comments?.length > limitCommentsTo)">{{ \'SeeMore\' | translate }} {{ comments?.length - limitCommentsTo}} {{ \'Comments\' | translate }}</span>\r\n </div>\r\n</ng-container>',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;word-break:break-all;white-space:normal;word-break:break-word;word-wrap:break-word;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:#f2f3f5;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;word-wrap:break-word;position:relative;white-space:normal;word-break:break-word}.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-break:break-word!important;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}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:r.AngularFirestore},{type:$},{type:tt},{type:n.AsapService}]},t.propDecorators={feed_id:[{type:e.Input}],user:[{type:e.Input}]},t}();var pt=function(){function t(t,e,o,r,i){this.global=t,this.db=e,this.feedService=o,this.service=r,this.translate=i,this.likes=[],this.comments=[],this.shareds=[],this.likeForMe=!1,this.sharedForMe=!1,this.onSendLike=!1,this.onSendShared=!1,this.deviceInfo=null}return t.prototype.ngOnInit=function(){this.getLikes(),this.getComments(),this.getShareds()},t.prototype.getLikes=function(){var t=this;this.db.collection("likes",(function(e){return e.where("post_id","==",t.item.id)})).snapshotChanges().subscribe((function(e){t.likes=[],e.map((function(e){var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&(o.uid&&o.uid==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id),o.user_info&&o.user_info.id==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id)),t.likes.push(o)}))}))},t.prototype.getComments=function(){var t=this;this.db.collection(G().feed).doc(this.item.id).collection("comments").valueChanges().subscribe((function(e){t.comments=e}))},t.prototype.getShareds=function(){var t=this;this.db.collection("shareds",(function(e){return e.where("post_id","==",t.item.id)})).snapshotChanges().subscribe((function(e){t.shareds=[],e.map((function(e){console.log("Shareds ->",e);var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&(o.uid&&o.uid==t.global.loggedUser().id&&(t.sharedForMe=!0,t.sharedForMeID=o.id),o.user_info&&o.user_info.id==t.global.loggedUser().id&&(t.likeForMe=!0,t.likeForMeID=o.id)),t.shareds.push(o)}))}))},t.prototype.sendLike=function(){var t=this;this.onSendLike?console.log("[sendLike] bloqueio..."):(this.onSendLike=!0,setTimeout((function(){console.log("[sendLike] enviando like...");var e={post_id:t.item.id,create_at:Date.now(),updated_at:Date.now(),user_info:{id:t.global.loggedUser().id,updated_at:Date.now(),name:t.global.loggedUser().name,picture:t.global.loggedUser().picture}};if(t.likeForMe){t.db.collection("likes").doc(t.likeForMeID).delete(),setTimeout((function(){t.onSendLike=!1}),1e3),t.likeForMe=!1}else{var o={title:"Nova curtida",description:t.global.loggedUser().name+" curtiu seu post",user:t.global.loggedUser(),redirect:"/portal/"+t.item.id,client_id:t.global.loggedUser().client_id};t.service.sendNotification(o,t.item.user_info,"feed");var r=t.db.collection("likes").add(e);console.log(r),setTimeout((function(){t.onSendLike=!1}),1e3)}}),100))},t.prototype.copyToClipBoard=function(t){var e=document.createElement("textarea");e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.opacity="0",e.value=t,document.body.appendChild(e),e.focus(),e.select(),document.execCommand("copy"),document.body.removeChild(e),this.global.notification.success("Pronto!","Link copiado para a área de transferencia")},t.prototype.sharePost=function(t){void 0===t&&(t="link"),this.onSendShared=!1;var e={post_id:this.item.id,create_at:Date.now(),updated_at:Date.now(),uid:this.global.loggedUser().id,user_info:{id:this.global.loggedUser().id,updated_at:Date.now(),name:this.global.loggedUser().name,picture:this.global.loggedUser().picture}};if(!this.sharedForMe){var o={title:"Novo Compartilhamento",description:this.global.loggedUser().name+" compartilhou seu post através do "+t,meta_data:this.global.loggedUser(),redirect:"/portal/"+this.item.id,client_id:this.global.loggedUser().client_id};this.service.sendNotification(o,this.item.user_info,"feed"),this.db.collection("shareds").add(e)}this.onSendShared=!1;var r=window.location.origin+"/post/"+this.item.id,i="";"whatsapp"==t?(i=this.translate.instant("LookThisPostThatIFound").split("{{user_name}}").join(this.item.user_info.name)+"\n\n"+r,i="https://wa.me/?text="+encodeURIComponent(i),window.open(i)):"linkedin"==t?(i="https://www.linkedin.com/shareArticle?mini=true&url="+r+"&title="+encodeURIComponent("Gostei deste post do *"+this.item.user_info.name+"* que encontrei no Portal \n\n"+r),window.open(i)):"telegram"==t?(i="https://telegram.me/share/url?url="+r,window.open(i)):"link"==t?this.copyToClipBoard(r):"facebook"==t&&(i="https://www.facebook.com/sharer/sharer.php?u="+r,window.open(i))},t.decorators=[{type:e.Component,args:[{selector:"feed-actions",template:'\x3c!-- <popover-content #popoverShares \r\n placement="placement"\r\n [animation]="true" \r\n [closeOnClickOutside]="true">\r\n <div class="row p-2">\r\n <div class="col-sm-12">\r\n <b>Compartilhe este Post</b>\r\n <p><a (click)="sharePost(\'whatsapp\')"><img src="https://image.flaticon.com/icons/svg/1384/1384055.svg" width="10%" alt="">Whatsapp</a></p>\r\n <p><a (click)="sharePost(\'linkedin\')"><img src="https://image.flaticon.com/icons/svg/179/179330.svg" width="10%" alt="">Linkedin</a></p>\r\n <p><a (click)="sharePost(\'telegram\')"><img src="https://image.flaticon.com/icons/svg/2111/2111646.svg" width="10%" alt="">Telegram</a></p>\r\n </div>\r\n </div>\r\n</popover-content> *ngIf="global.loggedUser()"--\x3e\r\n\r\n<mat-card-actions>\r\n <ng-container *ngIf="global.loggedUser()">\r\n <div class="animated feed-actions">\r\n <ng-container >\r\n\r\n <a class="mr-2" (click)="sendLike()" [ngClass]="{ \'is-liked\': likeForMe, \'disabled-like\': onSendLike }">\r\n <i class="fa fa-thumbs-up"></i>\r\n <span>{{ 0 || likes?.length }}</span>\r\n </a>\r\n <a class="mr-2 ">\r\n <i class="fa fa-comments"></i>\r\n <span>{{ 0 || comments?.length }}</span>\r\n </a>\r\n \r\n \x3c!-- <a class="mr-4 animated clickable" (click)="sharePost(\'whatsapp\')" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }">\r\n <img src="https://res.cloudinary.com/agencia-midia9/image/upload/v1593079306/ASAP/share_ln0xno.svg" width="4%">\r\n <span>{{ 0 || shareds?.length }}</span>\r\n </a> --\x3e\r\n <div class="dropdown minh-4" style="display:inline-block">\r\n <a class="animated" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\r\n <i class="fa fa-share"></i> {{ 0 || shareds?.length }}\r\n </a>\r\n <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">\r\n <a class="dropdown-item" (click)="sharePost(\'whatsapp\')"><i class="fa fa-whatsapp"></i> Whatsapp</a>\r\n \x3c!-- <a class="dropdown-item" (click)="sharePost(\'facebook\')"><i class="fa fa-facebook"></i> Facebook</a>\r\n <a class="dropdown-item" (click)="sharePost(\'linkedin\')"><i class="fa fa-linkedin"></i> Linkedin</a>\r\n <a class="dropdown-item" (click)="sharePost(\'telegram\')"><i class="fa fa-telegram"></i> Telegram</a> --\x3e\r\n <a class="dropdown-item" (click)="sharePost(\'link\')"><i class="fa fa-clipboard"></i> Copiar Link</a>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n</mat-card-actions>',styles:[".popover{padding:7px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:r.AngularFirestore},{type:$},{type:tt},{type:a.TranslateService}]},t.propDecorators={item:[{type:e.Input}],portalName:[{type:e.Input}]},t}();var dt=function(t){function r(e,o,r){var i=t.call(this,e)||this;return i.http=e,i.global=o,i.router=r,i.entityName="",i.basePath="api/v2",i}return L(r,t),r.prototype.product=function(t){return this.getResources({router:"client/produto/"+t})},r.prototype.createProduct=function(t){return this.createResource(t,{router:"loja/produto"})},r.prototype.categories=function(){return this.getResources({router:"client/categoria/"+this.global.clientID()})},r.prototype.subCategories=function(t){return this.getResources({router:"client/subcategoria/"+this.global.clientID()+"/"+t})},r.prototype.subCategoryProducts=function(t,e){void 0===e&&(e=null);var o=null;return e&&(o="page="+e),this.getResources({router:"client/showcasefilter/"+t,query:o})},r.prototype.mainProducts=function(){return this.getResources({router:"client/produto/mais/vendidos/"+this.global.clientID()})},r.prototype.getMyProducts=function(){return this.getResources({router:"client/seller/"+this.global.loggedUser().id})},r.prototype.spotlightProducts=function(t,e){void 0===t&&(t=null),void 0===e&&(e="");var o="";return t&&(o="page="+t),""!=e&&""!=o&&(o+="&busca="+e),this.getResources({router:"client/showcase/"+this.global.clientID(),query:o})},r.prototype.order=function(t,e){return this.createResource(e,{router:"loja/pedido/"+t})},r.prototype.searchCep=function(t){return this.http.get("https://viacep.com.br/ws/"+t+"/json/")},r.prototype.checkUserExists=function(t){return this.getResources({router:"admin/verify/user?search="+t+"&client_id="+this.global.clientID()})},r.decorators=[{type:e.Injectable}],r.ctorParameters=function(){return[{type:o.HttpClient},{type:n.Global},{type:i.Router}]},r}(n.AsapBaseService);var ct=function(){function t(t,o,r,i,n,a,s,l,p,d){this.dialogRef=t,this.global=o,this.asapService=r,this.utilsService=i,this.sanitizer=n,this.streamService=a,this.productService=s,this.route=l,this.db=p,this.feed=d,this.published=new e.EventEmitter(!1),this.error=!1,this.entity={},this.newProduct=!0,this.selectedProduct={}}return t.prototype.ngOnInit=function(){this.tmpFileArray=[],this.progress=0,this.newProduct=!0,this.loadCategory(),this.loadMyProducts()},t.prototype.close=function(){var t=this;this.global.alert({title:"Você quer mesmo fechar anúncio?",text:"Você perderá todas as informações se confirmar...",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(e){return V(t,void 0,void 0,(function(){return E(this,(function(t){return e.value&&this.dialogRef.close(),[2]}))}))}))},t.prototype.defaults=function(){return{fotos:[]}},t.prototype.loadSubCategory=function(t){var e=this;this.productService.subCategories(this.entity.categoria_id).subscribe((function(t){e.subCategory=t}))},t.prototype.addPicture=function(t){this.entity.fotos.push({img:t.path})},t.prototype.delPicture=function(t){},t.prototype.categoryName=function(t){if(this.category){var e=this.category.find((function(e){return e.id==t}));if(e)return e.name}return"NÃO SELECIONADO"},t.prototype.subCategoryName=function(t){if(this.subCategory){var e=this.subCategory.find((function(e){return e.id==t}));if(e)return e.subCategory}return"NÃO SELECIONADO"},t.prototype.onSave=function(){var t=this;if(this.uploading=!0,this.progress=1,this.images=this.tmpFileArray,this.newProduct){if(this.newProduct){this.tempProductData=this.entity,this.entity.fotos=[];for(var e=0;e<this.images.length;e++)this.entity.fotos[e]={img:this.images[e].url};this.productService.createProduct(this.entity).subscribe((function(e){console.log("ResponseFeed"),t.tempProductData.id=e.produto.data.id,t.addPostOnFeed(),t.global.notification.success("Produto, cadastrado e anunciado com Sucesso")}),(function(t){console.error("Erro",t)}))}}else this.addPostOnFeed(),this.global.notification.success("Seu produto foi anunciado com Sucesso!")},t.prototype.loadCategory=function(){var t=this;this.productService.categories().subscribe((function(e){console.log("loadSubCategories",e),t.category=e.data}))},t.prototype.loadSubCategories=function(t){var e=this;console.log("loadSubCategories",t),this.productService.subCategories(t).subscribe((function(t){e.subCategory=t}))},t.prototype.loadMyProducts=function(){var t=this;this.productService.getMyProducts().subscribe((function(e){console.log("MyPrid",e),t.myProducts=e.data.produtos.data}),(function(e){t.global.notification.error("Ocorreu um problema ao processar sua requisição, entre em contato com o Administrador do Sistema")}))},t.prototype.addPostOnFeed=function(){console.log("Owner",this),console.log("Data Feed",this.tempProductData),this.share()},t.prototype.share=function(){var t=this;console.log("New Prodct 1",this.newProduct);var e=new X;if(e.product=this.newProduct?this.tempProductData:this.selectedProduct,e.updated_at=Date.now(),e.type="announce",console.log("Post Data",e),console.log("New Prodct",this.newProduct),this.newProduct){if(e.title="<b>"+e.product.produto+"</b><br><br>"+e.product.descr,e.product=this.tempProductData,this.tmpFileArray||this.tmpFileArray.length>0){console.log(2),e.files=this.tmpFileArray,console.log("FILES ------------\x3e",e.files);var o=e.files.filter((function(e){return"video"===t.getTypeByMimeType(e.type)}));o.length>0&&(console.log(3),e.files[0].video_rendering=!0,e.files[0].video_low_rendering=!0,e.files[0].thumb_rendering=!0,this.streamService.status(o[0].url).subscribe((function(t){e.files[0].video_rendering=!t.p480,e.files[0].video_low_rendering=!t.p480_low,e.files[0].thumb_rendering=!t.thumb})))}}else if(!this.newProduct&&(e.title="<b>"+e.product.produto+"</b><br><br>"+e.product.descr,e.product.fotos.length>0)){for(var r=0;r<e.product.fotos.length;r++)console.log("Fotos ->",e.product.fotos[r]),e.product.fotos[r].url=e.product.fotos[r].img,e.product.fotos[r].type="image",delete e.product.fotos[r].img,e.files[r]=e.product.fotos[r];e.files.length==e.product.fotos.length&&console.log("Fotos",e)}console.log("SHARE",e),this.publish(e),this.feed.owner.published.emit(!0)},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:console.log("uploadFile(event)",t),e=function(e){var r,i,n,a,s,l,d,c,m;return E(this,(function(g){switch(g.label){case 0:return console.log("Target Files",e),r=window.URL.createObjectURL(e),o.sanitizer.bypassSecurityTrustUrl(r),(i=new J).type=o.getTypeByMimeType(e.type),i.status=0,i.thumb_rendering=!1,i.video_rendering=!1,i.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(swal.fire("Ops...","Você só pode enviar 1 vídeo por postagem","error"),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>8&&(swal.fire("Ops...","Você só pode enviar até 9 imagens por postagem","error"),n=!0),n?[3,6]:"image"!==o.getTypeByMimeType(e.type)?[3,5]:"image/gif"!=e.type?[3,2]:(i.name=o.utilsService.uid()+".gif",a=i,[4,o.readGIF(e)]);case 1:return a.url=g.sent(),o.tmpFileArray.push(i),[3,4];case 2:return s=e.name.split("."),l=s[s.length-1],d=i,[4,o.resizeImages(e,800)];case 3:d.url=g.sent(),i.name=o.utilsService.uid()+"."+l,o.tmpFileArray.push(i),g.label=4;case 4:return[3,6];case 5:"video"===o.getTypeByMimeType(e.type)&&(o.uploadingVideo=!0,console.log("Realizar Upload de Video",i),(c=t.target.files[0])&&(m=o.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(c)),i.name=m,o.tmpFileArray.push(i),console.log("Result",m)),o.streamService.uploadFile(e).subscribe((function(t){return V(p,void 0,void 0,(function(){var e;return E(this,(function(o){switch(o.label){case 0:return t.loaded&&(i.status=(100*t.loaded/t.total).toFixed(0)),t.body?(e=i,[4,t.body.uuidVideo]):[3,2];case 1:e.url=o.sent(),this.uploadingVideo=!1,console.log("Pronto!",t),o.label=2;case 2:return[2]}}))}))}))),g.label=6;case 6:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.checkUploading=function(){return this.tmpFileArray.filter((function(t){return""===t.url})).length>0},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkIfHasEmbededVideo=function(t){if(t)return t.includes("vimeo")?{url:"//player.vimeo.com/video/"+t.split("/")[4]}:t.includes("youtube")?{url:"//www.youtube.com/embed/"+t.split("=")[1]}:t},t.prototype.publish=function(t){var e,o,r,i=this;console.log("Publish()",1,t),this.uploading=!0,this.progress=0;var n=0;if(t.user_info={id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture,updated_at:Date.now()},this.tmpFileArray&&this.tmpFileArray.length>0){console.log("this.tmpFileArray",this.getTypeByMimeType(this.tmpFileArray[0].type)),console.log("Publish()",2);var a=this.tmpFileArray.filter((function(t){return"image"===i.getTypeByMimeType(t.type)})),s=98/a.length;if(a.length>0){console.log("Publish()",3,a);var l=function(e){setTimeout((function(){i.utilsService.uploadFile("images/"+e.name,e.url),i.utilsService.percentage.subscribe((function(t){console.log("TO RODANDO EIM",t),e.status=t})),i.utilsService.task.snapshotChanges().subscribe((function(o){return V(i,void 0,void 0,(function(){var i,l=this;return E(this,(function(d){return o.bytesTransferred===o.totalBytes&&(n++,this.progress+=s,console.log("PROGRESS",this.progress),i=t.files.findIndex((function(t){return t.name===e.name})),!r&&t.files[i]&&this.utilsService.getFireStorageURL("images/"+t.files[i].name).subscribe((function(t){r=t})),delete t.files[i].url,n==a.length&&(console.log("Criando Feed"),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(e){l.db.collection(G().feed).doc(e.id).update({id:e.id}),l.title="",l.progress=null,l.uploading=null,l.tmpFileArray=[],console.log("Publish()",4),console.log("Data ->",t)})))),[2]}))}))}),(function(t){console.error("Error",t)}))}))};try{for(var d=O(a),c=d.next();!c.done;c=d.next()){l(c.value)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(e)throw e.error}}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray);var m=this.db.collection(G().feed);console.log("Data ->",t),m.add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),console.log("Data ->",t),(m=this.db.collection(G().feed)).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}console.log("Publish()",0,G().feed),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],this.dialogRef.close(),this.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})},t.decorators=[{type:e.Component,args:[{selector:"modal-announce",template:'<div mat-dialog-content>\r\n <div class="row mt-4" *ngIf="progress">\r\n <div class="col-sm-12">\r\n <mat-progress-bar mode="determinate" [value]="progress">{{ progress }}%</mat-progress-bar>\r\n </div>\r\n </div>\r\n <mat-horizontal-stepper #steper [linear]="true">\r\n <mat-step label="Anúncio" [stepControl]="false">\r\n <form #formAnuncio="ngForm" validate>\r\n <div class="row mt-2">\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnouceQuestionText\' | translate }}</b><br>\r\n </div>\r\n <div class="col-sm-12 mt-3">\r\n \r\n <mat-radio-group required [(ngModel)]="newProduct" name="newProduct">\r\n <mat-radio-button class="mr-3" [value]="true" [checked]="true">Novo Produto </mat-radio-button>\r\n <mat-radio-button [value]="false" [disabled]="!myProducts || myProducts.length <= 0"><i class="fa fa-spin fa-spinner" *ngIf="!myProducts || myProducts.length <= 0"></i>{{ \'ExistsProduct\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </div>\r\n <div class="row mt-4" *ngIf="!newProduct">\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnouceProuctQuestionText\' | translate }}</b>\r\n </div>\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="Selecione o Produto" class="w-100" name="selectedProduct"\r\n [(ngModel)]="selectedProduct">\r\n <mat-option *ngFor="let row of myProducts" [value]="row"> {{ row.produto }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <ng-container *ngIf="selectedProduct">\r\n <div class="row container">\r\n <ng-container *ngIf="selectedProduct.fotos">\r\n <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\r\n <img [src]="item.img" class="img-thumbnail img-responsive"\r\n style="width: 100%;height: 170px;object-fit: cover;">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\r\n name="produto" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\r\n placeholder="De R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\r\n placeholder="Até R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">{{ \'MinQuantity\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="selectedProduct.hashtag" name="hashtag" placeholder="Palavra-chave"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\r\n [(ngModel)]="selectedProduct.descr" placeholder="Descrição" name="descr"\r\n [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">0 / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\r\n <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\r\n <mat-radio-group [(ngModel)]="selectedProduct.adaptation" name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\r\n <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <div class="row mt-4" *ngIf="newProduct">\r\n <div class="col-sm-12">\r\n <div class="alert alert-primary" role="alert">\r\n {{ \'AnnounceProductAddText\' | translate }} \r\n </div>\r\n </div>\r\n <div class="col-sm-12">\r\n <b>{{ \'AnnounceInformationText\' | translate }}</b>\r\n </div>\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="{{ \'ProductName\' | translate }}" [(ngModel)]="entity.produto" name="produto" required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-6">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="{{ \'ProductCategory\' | translate }}" class="w-100" [(ngModel)]="entity.categoria_id"\r\n (ngModelChange)="loadSubCategories(entity.categoria_id)" name="categoria_id">\r\n <mat-option *ngFor="let row of category" [value]="row.id"><i class="{{ row.icon }}"></i>\r\n {{ row.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-6">\r\n <mat-form-field class="w-100">\r\n <mat-select placeholder="{{ \'ProductSubCategory\' | translate }}" class="w-100" [(ngModel)]="entity.subcategoria_id"\r\n [disabled]="!entity.categoria_id || !subCategory" name="subcategoria_id">\r\n <mat-option *ngFor="let row of subCategory" [value]="row.id">{{ row.subCategory }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="{{ \'ProductValueAt\' | translate }}"\r\n required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="{{ \'ProductValueEnd\' | translate }}"\r\n required>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" required>\r\n <mat-hint class="pull-right">{{ \'AnnounceMinimalQuantity\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="entity.hashtag" name="hashtag" placeholder="Palavra-chave" required>\r\n <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" name="descr" maxlength="300"\r\n [(ngModel)]="entity.descr" placeholder="{{ \'AnnounceProuctDescription\' | translate }}" required></textarea>\r\n <mat-hint class="pull-right">0 / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\r\n <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\r\n <mat-radio-group [(ngModel)]="entity.adaptation" required name="adaptation">\r\n <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\r\n <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n\r\n </div>\r\n </form>\r\n </mat-step>\r\n\r\n <mat-step label="Imagens" [stepControl]="false" *ngIf="newProduct">\r\n <ng-container>\r\n <div class="row " *ngIf="tmpFileArray.length <= 0">\r\n <div class="col-sm-12 mx-auto text-center img-box-upload clickable">\r\n <label>\r\n <p>Adicione aqui imagens ou vídeos para destacar o seu produto</p>\r\n <img src="https://image.flaticon.com/icons/svg/1515/1515643.svg">\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </div>\r\n </div>\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\r\n \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\r\n <p class="tmp-file-status-title">Enviando...</p>\r\n <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\r\n </div> --\x3e\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload "\r\n *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'"\r\n loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name" />\r\n </video>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </mat-step>\r\n\r\n <mat-step label="Finalizar" [stepControl]="false">\r\n <div class="row">\r\n <div class="col-sm-12">\r\n <b>Verifique o seu anúncio antes de Confirmar</b>\r\n </div>\r\n </div>\r\n <ng-container *ngIf="newProduct">\r\n <ng-container>\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\r\n \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\r\n <p class="tmp-file-status-title">Enviando...</p>\r\n <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\r\n </div> --\x3e\r\n \x3c!-- <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n </div> --\x3e\r\n <div class="tmp-file-content outline-bordered">\r\n <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload img-thumbnail"\r\n *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay\r\n [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name" />\r\n </video>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <div class="row">\r\n <ng-container *ngIf="entity">\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="entity.produto" name="produto"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="De R$"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="Até R$"\r\n [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">Quantidade minima.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="entity.hashtag" placeholder="Palavra-chave" name="hashtag"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300" [(ngModel)]="entity.descr"\r\n name="descr" placeholder="Descrição" [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">{{entity?.descr?.length}} / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>Aceita adaptações neste produto?</b>\r\n <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\r\n essas\r\n adaptações\r\n ao seu produto para atendê-lo?</p>\r\n <mat-radio-group name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" [checked]="(entity.adaptation == \'sim\')? true : false">Sim\r\n </mat-radio-button>\r\n <mat-radio-button [checked]="(entity.adaptation == \'nao\')? true : false">Não</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <div class="row">\r\n <ng-container *ngIf="selectedProduct?.fotos">\r\n <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\r\n <img [src]="item.img" class="img-thumbnail img-responsive"\r\n style="width: 100%;height: 170px;object-fit: cover;">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class="row">\r\n <ng-container *ngIf="selectedProduct">\r\n <div class="col-sm-12 mt-2">\r\n <mat-form-field class="w-100">\r\n <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\r\n name="produto" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\r\n placeholder="De R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\r\n placeholder="Até R$" [disabled]="true">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-4">\r\n <mat-form-field class="w-100">\r\n <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\r\n placeholder="Quantidade Mínima" [disabled]="true">\r\n <mat-hint class="pull-right">Quantidade minima.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <input matInput [(ngModel)]="selectedProduct.hashtag" placeholder="Palavra-chave" name="hashtag"\r\n [disabled]="true">\r\n <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12">\r\n <mat-form-field class="w-100">\r\n <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\r\n [(ngModel)]="selectedProduct.descr" name="descr" placeholder="Descrição"\r\n [disabled]="true"></textarea>\r\n <mat-hint class="pull-right">{{selectedProduct?.descr?.length}} / 300</mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class="col-sm-12 mt-1">\r\n <b>Aceita adaptações neste produto?</b>\r\n <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\r\n essas\r\n adaptações\r\n ao seu produto para atendê-lo?</p>\r\n <mat-radio-group name="adaptation" [disabled]="true">\r\n <mat-radio-button class="mr-3" [checked]="(selectedProduct.adaptation == \'sim\')? true : false">\r\n Sim\r\n </mat-radio-button>\r\n <mat-radio-button [checked]="(selectedProduct.adaptation == \'nao\')? true : false">Não\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </mat-step>\r\n </mat-horizontal-stepper>\r\n\r\n</div>\r\n<div mat-dialog-actions>\r\n <div class="w-50">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="close()" [disabled]="uploading">\r\n <span>\r\n <span>Fechar</span>\r\n </span>\r\n </button>\r\n <label *ngIf="steper.selectedIndex == 1 && newProduct">\r\n <a class="btn btn-feed btn-round btn-primary">\r\n <span>Foto/Vídeo</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </div>\r\n <div class="w-50 text-right">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.previous()"\r\n [disabled]="uploading" *ngIf="steper.selectedIndex != 0">\r\n <span>\r\n <span>Anterior</span>\r\n </span>\r\n </button>\r\n\r\n <ng-container *ngIf="newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\r\n [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex != 2">\r\n <span>\r\n <span>Próximo</span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\r\n [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex == 0">\r\n <span>\r\n <span>Próximo</span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\r\n [disabled]="!formAnuncio.valid || tmpFileArray.length <= 0" *ngIf="steper.selectedIndex == 2">\r\n <span *ngIf="!uploading &&!uploadingVideo">\r\n <span>Publicar</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Salvando\r\n </span>\r\n <span *ngIf="uploadingVideo">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Enviando Vídeo\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="!newProduct">\r\n <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\r\n [disabled]="!formAnuncio.valid || selectedProduct.fotos <= 0" *ngIf="steper.selectedIndex == 1">\r\n <span *ngIf="!uploading && !uploadingVideo">\r\n <span>Publicar</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Salvando\r\n </span>\r\n <span *ngIf="uploadingVideo">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n Enviando Vídeo\r\n </span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</div>',providers:[n.AsapService,n.Global,Q,dt],styles:[".img-box-upload{border:2px dashed #000;border-radius:3px}.img-box-upload img{width:20%}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:m.MatDialogRef},{type:n.Global},{type:n.AsapService},{type:tt},{type:l.DomSanitizer},{type:Q},{type:dt},{type:i.ActivatedRoute},{type:r.AngularFirestore},{type:void 0,decorators:[{type:e.Inject,args:[m.MAT_DIALOG_DATA]}]}]},t.propDecorators={images:[{type:e.Input}],file:[{type:e.ViewChild,args:["file",{static:!1}]}],published:[{type:e.Output}]},t}();var mt=function(){function t(t,o,r,i,n,a,s,l){this.global=t,this.feedService=o,this.sanitizer=r,this.streamService=i,this.utilsService=n,this.db=a,this.http=s,this.dialog=l,this.announce=!1,this.feedCreated=new e.EventEmitter,this.title=null,this.type="post",this.disabled=!1}return t.prototype.ngOnInit=function(){this.tmpFileArray=[],console.log("Prefix Publication ->",G().feed)},t.prototype.uploadFile=function(t){return V(this,void 0,void 0,(function(){var e,o,r,i,n,a,s,l,p=this;return E(this,(function(d){switch(d.label){case 0:e=function(t){var e,r,i,n,a,s,l,d;return E(this,(function(c){switch(c.label){case 0:return(e=new J).type=o.getTypeByMimeType(t.type),e.thumb_rendering=!1,e.video_rendering=!1,e.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"video"===p.getTypeByMimeType(t.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(t){return"image"===p.getTypeByMimeType(t.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),r=!0),r?[3,7]:"image"!==o.getTypeByMimeType(t.type)?[3,5]:"image/gif"!=t.type?[3,2]:(e.name=o.streamService.uid()+".gif",i=e,[4,o.readGIF(t)]);case 1:return i.url=c.sent(),o.tmpFileArray.push(e),[3,4];case 2:return n=t.name.split("."),a=n[n.length-1],s=e,[4,o.resizeImages(t,800)];case 3:s.url=c.sent(),e.name=o.streamService.uid()+"."+a,o.tmpFileArray.push(e),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(t.type)?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",e),(l=t)&&(d=URL.createObjectURL(l),e.name=d,o.tmpFileArray.push(e),console.log("[uploadFile] if reader",d)),o.uploading=!0,[4,o.streamService.uploadFile(t).subscribe((function(t){console.log("[uploadFile] Response",e),t.body||(t.total&&(e.status=(100*t.loaded/t.total).toFixed(0)),p.progress=e.status),t.body&&t.body.file&&(console.log("[uploadFile] Response Uploaded",t),e.status=101,e.url=t.body.file.secure_url,p.videoSendedID=e.url,p.uploading=!1,p.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",e),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),r=O(t.target.files),i=r.next(),d.label=2;case 2:return i.done?[3,5]:(n=i.value,[5,e(n)]);case 3:d.sent(),d.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return a=d.sent(),s={error:a},[3,8];case 7:try{i&&!i.done&&(l=r.return)&&l.call(r)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},t.prototype.resizeImages=function(t,e){return new Promise((function(o,r){var i=new Image,n=e,a=new FileReader;a.readAsDataURL(t),a.onload=function(e){i.src=e.target.result,i.onload=function(){var e=n/i.width,r=document.createElement("canvas");r.height=e*i.height,r.width=n;var a=r.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,r.width,r.height);var s=r.toDataURL(t.type,.65);return console.log("CANVAS ->",r.width,r.height),o(s)}},a.onerror=r}))},t.prototype.readGIF=function(t){return new Promise((function(e,o){var r=new FileReader;r.readAsDataURL(t),r.onload=function(t){return e(r.result)},r.onerror=o}))},t.prototype.getTypeByMimeType=function(t){return t.split("/")[0]},t.prototype.share=function(){var t=this,e=new X;e.updated_at=Date.now(),e.title=this.title,e.type=this.type,(this.tmpFileArray||this.tmpFileArray.length>0)&&(e.files=this.tmpFileArray,e.files.map((function(o){"video"===o.type&&(console.log("Existe um video no Feed",o),o.isCloudinary||(o.video_rendering=!1,o.video_low_rendering=!1,o.thumb_rendering=!1,e.ref=o.url,e.status=!1,t.streamService.status(o.url).subscribe((function(t){o.video_rendering=!t.p480,o.video_low_rendering=!t.p480_low,o.thumb_rendering=!t.thumb}))))}))),this.publish(e)},t.prototype.publish=function(t){var e,o,r,i=this;if(console.log("Publish()",1,t),t.title&&""!==t.title){this.uploading=!0,this.progress=0;var n=0;if(t.user_info={id:this.global.loggedUser().id,name:this.global.loggedUser().name,picture:this.global.loggedUser().picture,updated_at:Date.now()},"embed"==this.type){var a={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(a)}if("embed"!=this.type)if(this.tmpFileArray&&this.tmpFileArray.length>0){console.log("this.tmpFileArray",this.getTypeByMimeType(this.tmpFileArray[0].type)),console.log("Publish()",2);var s=this.tmpFileArray.filter((function(t){return"image"===i.getTypeByMimeType(t.type)})),l=98/s.length;if(s.length&&""===t.title)return void this.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto junto à sua imagem/vídeo."});if(s.length>0){var d=function(e){setTimeout((function(){i.utilsService.uploadFile("images/"+e.name,e.url),i.utilsService.percentage.subscribe((function(t){e.status=t})),i.utilsService.task.snapshotChanges().subscribe((function(o){return V(i,void 0,void 0,(function(){var i,a=this;return E(this,(function(d){return o.bytesTransferred===o.totalBytes&&(n++,this.progress+=l,console.log("PROGRESS",this.progress),i=t.files.findIndex((function(t){return t.name===e.name})),!r&&t.files[i]&&this.utilsService.getFireStorageURL("images/"+t.files[i].name).subscribe((function(t){r=t})),delete t.files[i].url,n==s.length&&(console.log("Criando Feed"),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){a.db.collection(G().feed).doc(t.id).update({id:t.id}),a.feedCreated.emit(t.id)})),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],console.log("Publish()",4))),[2]}))}))}),(function(t){console.error("Error",t)}))}))};try{for(var c=O(s),m=c.next();!m.done;m=c.next()){d(m.value)}}catch(t){e={error:t}}finally{try{m&&!m.done&&(o=c.return)&&o.call(c)}finally{if(e)throw e.error}}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}else t.files=this.tmpFileArray,console.log("Publish(Embed)",6),console.log(t,this.tmpFileArray),this.db.collection(G().feed).add(p.classToPlain(t)).then((function(t){i.db.collection(G().feed).doc(t.id).update({id:t.id}),i.feedCreated.emit(t.id),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[],i.embedFile=null,i.type="post"}));console.log("Publish()",0,G().feed),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],this.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})}else this.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto à sua imagem/vídeo."})},t.prototype.removeTmpFile=function(t){var e=this.tmpFileArray.indexOf(t);this.tmpFileArray.splice(e,1)},t.prototype.checkPublicationType=function(t){console.log("Event ->",event),t.length>35&&this.isValidUrl(t)&&(console.log("checkPublicationType",t),t.includes("youtu")||t.includes("youtube")?(this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=t.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):t.includes("spotify")&&(this.uploading=!0,this.type="embed",this.embedFile=t.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1))},t.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post"},t.prototype.isValidUrl=function(t){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(t)},t.prototype.openAnnounceModal=function(){this.dialog.open(ct,{width:"55%",minHeight:"95%",maxHeight:"100%",closeOnNavigation:!1,disableClose:!0,data:{owner:this,tmpFileArray:this.tmpFileArray}})},t.decorators=[{type:e.Component,args:[{selector:"feed-publication",template:'<div *ngIf="global.loggedUser()" class="form-feed mt-4">\r\n <div class="mt-1">\r\n <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\r\n <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\r\n <i class="fa fa-user"></i>\r\n </div>\r\n\r\n <textarea class="form-control" [(ngModel)]="title" id="" rows="3" placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\r\n\r\n <div class="clearfix"></div>\r\n </div>\r\n\r\n\r\n <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\r\n\r\n <div class="col-sm-4 mb-4 tmp-file-wrapper" [ngClass]="{\'overlayed\': progress > 0}" *ngFor="let file of tmpFileArray">\r\n <div class="tmp-file-buttons-overlay">\r\n <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\r\n <span class="fa fa-remove"></span>\r\n </button>\r\n <ng-container *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <h4 *ngIf="file.status <= 100" class="text-overlay-video">{{ file.status }}<span>%</span></h4>\r\n </ng-container>\r\n </div>\r\n <div class="tmp-file-content outline-bordered">\r\n <img (click)="ExpandImg(file.fileSanitized)" [src]="file.url || file.fileSanitized" class="img-responsive tmp-upload " *ngIf="getTypeByMimeType(file.type) === \'image\'" />\r\n <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\r\n <source [src]="file.name | safe:\'resourceUrl\'" />\r\n </video>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class="row" *ngIf="type == \'embed\'">\r\n <div class="col-sm-12">\r\n <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="tmpEmbedFile" frameborder="0" allowfullscreen></iframe>\r\n </div>\r\n </div>\r\n <div class="row mt-4">\r\n\r\n <div class="col-8" *ngIf="global?.loggedUser()">\r\n <ng-container *ngIf="type != \'embed\'">\r\n <label>\r\n <a class="btn btn-feed btn-round btn-primary mr-2">\r\n <span>{{ \'ImageAndVideo\' | translate }}</span>\r\n </a>\r\n <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\r\n </label>\r\n </ng-container>\r\n <ng-container *ngIf="type == \'embed\'">\r\n <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\r\n {{ \'Remove\' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf="announce">\r\n <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\r\n <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()">\r\n <span class="text">{{ \'Announce\' | translate }}</span>\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n <div class="col-4 text-right">\r\n <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading || disabled" (click)="share()" *ngIf="!newProduct">\r\n <span *ngIf="!uploading">\r\n <span>{{ \'Publish\' | translate }}</span>\r\n </span>\r\n <span *ngIf="uploading">\r\n <i class="fa fa-spin fa-spinner"></i>\r\n {{ \'Processing\' | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n',providers:[Q],styles:[".text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}",'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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}']}]}],t.ctorParameters=function(){return[{type:n.Global},{type:$},{type:l.DomSanitizer},{type:Q},{type:tt},{type:r.AngularFirestore},{type:o.HttpClient},{type:m.MatDialog}]},t.propDecorators={announce:[{type:e.Input}],feedCreated:[{type:e.Output}]},t}();var gt=function(t){function r(e,o){var r=t.call(this,e)||this;return r.http=e,r.global=o,r.isSubscriber=!1,r.basePath="api/v2/admin",r.entityName="channel",r.isSubscriber=!1,r}return L(r,t),r.prototype.channelLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"videos",query:"page="+e})},r.prototype.channeGrouplLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"videos",query:"page="+e+"&group"})},r.prototype.fileLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"files",query:"page="+e})},r.prototype.fileGroupLibrary=function(t,e){return null==e&&(e=1),this.createResource({search:t},{router:"files",query:"page="+e+"&group"})},r.prototype.subscribe=function(t,e){var o=this;void 0===e&&(e=null),this.createResource({},{router:"subscribe/"+t}).subscribe((function(){o.global.notification.success("Pronto","Inscrição efetuada com sucesso!"),o.isSubscriber=!0,e&&e()}))},r.prototype.like=function(t,e,o){var r;return void 0===e&&(e=!0),void 0===o&&(o="video"),(r=e?{like:1}:{unlike:1}).type=o,this.createResource(r,{router:"like/"+t})},r.prototype.likev2=function(t,e,o){return void 0===o&&(o="video"),e.type=o,this.createResource(e,{router:"like/"+t})},r.prototype.unsubscribe=function(t,e){var o=this;void 0===e&&(e=null),this.global.alert({type:"warning",text:"Você realmente deseja cancelar sua inscrição?",position:"top-right",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(r){r&&o.createResource({},{router:"subscribe/"+t}).subscribe((function(){o.global.notification.info("Pronto","Você não está mais inscrito no Canal!"),o.isSubscriber=!1,e&&e()}))}),(function(t){}))},r.prototype.getPlaylists=function(t,e){return void 0===t&&(t=null),void 0===e&&(e="home"),this.getResources({router:"playlist/"+t+"?type="+e})},r.prototype.getPlaylist=function(t,e){return this.getResources({router:"playlist/"+t+"/"+e})},r.prototype.createPlaylist=function(t){var e;return e={name:t},this.createResource(e,{router:"playlist"})},r.prototype.deletePlaylist=function(t){return this.deleteResource(t)},r.prototype.addVideoPlaylist=function(t,e){var o;return o={video_id:t},console.log("VideoID ->",o.video_id),console.log("playlist_id ->",e),this.createResource(o,{router:"playlist/"+e})},r.prototype.updateChannel=function(t){return this.updateResource(t)},r.decorators=[{type:e.Injectable}],r.ctorParameters=function(){return[{type:o.HttpClient},{type:n.Global}]},r}(n.AsapBaseService);R.use([g.Pagination]);var bt=function(){function t(t,e,o){this._channelService=t,this.global=e,this.db=o,this.loading=!0,this.storiesOptions={loop:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!1,dots:!1,navSpeed:700,navText:["",""],nav:!0,responsive:{0:{items:2.4},500:{items:3.5}}},this.config={navigation:!0,autoHeight:!1,breakpoints:{640:{slidesPerView:2.4,slidesPerGroup:2.4,spaceBetween:10},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:10},1024:{slidesPerView:3.5,slidesPerGroup:3.5,spaceBetween:10}}}}return t.prototype.ngOnInit=function(){this.getChannels()},t.prototype.getChannels=function(){var t=this;this._channelService.getResources({query:"type=recommended"}).subscribe((function(e){if(console.log("getChannels",e.data),t.channelArray=[],e.data.length)do{t.channelArray=N(t.channelArray,e.data)}while(t.channelArray.length<10);t.channelArray.map((function(e){t.getNotificationForChannels(e)})),t.loading=!1}))},t.prototype.getNotificationForChannels=function(t){var e=this;this.global.loggedUser()&&this.db.collection("notifications",(function(o){return o.orderBy("viewed","asc").orderBy("create_at","desc").where("receiver_id","==",e.global.loggedUser().id).where("channel_id","==",t.id.toString()).where("read","==",!1)})).snapshotChanges().subscribe((function(e){console.log("Notifications for Channels ->",e),t.notifications=[],e.map((function(e){var o=e.payload.doc.data();t.notifications.push(o)}))}))},t.decorators=[{type:e.Component,args:[{selector:"app-stories",template:'<ng-container *ngIf="global?.loggedUser()">\r\n \x3c!-- Mostrar Stories apenas no caso da Smart por enquanto --\x3e\r\n <ng-container *ngIf="channelArray && channelArray.length > 0">\r\n <div style="display: flex; text-align: center; margin: 30px 0;" *ngIf="loading">\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\r\n </div>\r\n <div *ngIf="!loading">\r\n <div class="row">\r\n <div class="col-6 text-left">\r\n <p class="p-channel">{{ \'Channels\' | translate }}</p>\r\n </div>\r\n <div class="col-6 text-right">\r\n <p [routerLink]="[\'/channel-library\']" class="p-channel clickable">{{ \'SeeAll\' | translate }}</p>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf="channelArray?.length > 0">\r\n\r\n <div class="swiper-stage" style="margin-bottom: 25px;">\r\n <swiper [config]="config">\r\n <div swiperSlide *ngFor="let channel of channelArray">\r\n <div [routerLink]="[\'/channel\', channel.id]">\r\n <div class="channel-badge empty" *ngIf="!channel.notifications || channel.notifications.length <= 0">\r\n </div>\r\n <div class="channel-badge" *ngIf="channel.notifications && channel.notifications.length > 0" matTooltip="{{ \'YouHaveA\' | translate }} {{ channel?.notifications?.length }} {{ \'NotificationOnThisChannel\' | translate }}">\r\n {{ channel.notifications.length }}\r\n </div>\r\n \r\n <div class="carousel-stories" *ngIf="channel.thumb" [style.backgroundImage]="\'url(\'+ ((channel.thumb || channel.banner)) +\')\'">\r\n <div *ngIf="channel.view_name == 1" class="stories-body">\r\n <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\r\n </div>\r\n </div>\r\n\r\n <div class="carousel-stories" *ngIf="!channel.thumb">\r\n <div *ngIf="channel.view_name == 1" class="stories-body">\r\n <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </swiper>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </ng-container>\r\n</ng-container>',providers:[gt],styles:['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:var(--bg-card)!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 5px;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:9999999999;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:99999;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-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}',".channel-badge{display:inline-block;background-color:#ef3030;border-radius:50%;color:#fff;height:25px;width:25px;line-height:19px;position:relative;margin-top:-30px;top:20px;left:10px;text-align:center;border:4px double red}.channel-badge.empty{opacity:0}.channel-badge.not-empty{opacity:1}@media (max-width:575.98px){::ng-deep .swiper-wrapper{height:125px!important}}"]}]}],t.ctorParameters=function(){return[{type:gt},{type:n.Global},{type:r.AngularFirestore}]},t}();var ut=function(){function t(t){var e=this;this.global=t,console.log("[AsapFeedBetaModule]",new Date),this.global.getOrCreateSessionData("AsapMyPageModule.tabs",[]).push({label:"Meus Posts",component:Y,condition:function(t,o){return e.global.loggedUser()&&e.global.hasPermission("my-posts",o)&&t.hasFeed},loading:function(t){return t.loading}})}return t.decorators=[{type:e.NgModule,args:[{imports:[s.CommonModule,x.FormsModule,i.RouterModule,z.MatButtonModule,I.MatIconModule,F.MatMenuModule,P.MatListModule,_.MatCardModule,m.MatDialogModule,S.MatSelectModule,j.MatRadioModule,M.MatInputModule,A.MatTooltipModule,T.MatProgressBarModule,C.MatStepperModule,b.MomentModule,a.TranslateModule,u.InfiniteScrollModule,f.AsapSkeletonModule,st,h.NgxHmCarouselModule,v.OwlModule,y.CarouselModule,k.NgxSkeletonLoaderModule,w.PopoverModule,U.SwiperModule],declarations:[Y,ot,lt,pt,mt,et,bt,ct],exports:[Y,ot,a.TranslateModule],entryComponents:[Y,et,ct],providers:[tt]}]}],t.ctorParameters=function(){return[{type:n.Global}]},t}();var ft=[{path:"",component:Y},{path:":feed_id",component:Y}];t.AsapFeedBetaComponent=Y,t.AsapFeedBetaModule=ut,t.AsapFeedBetaRoting=ft,t.AsapFeedBetaService=q,t.UtilsService=tt,t.path=G,t.ɵa=$,t.ɵb=st,t.ɵc=it,t.ɵd=rt,t.ɵe=at,t.ɵf=ot,t.ɵg=Q,t.ɵh=lt,t.ɵi=pt,t.ɵj=mt,t.ɵk=et,t.ɵl=bt,t.ɵm=gt,t.ɵn=ct,t.ɵo=dt,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=asap-feed-beta.umd.min.js.map
|