asap-feed-beta 12.8.0 → 12.8.2

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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("sweetalert2"),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"),require("@angular/material/tabs"),require("@angular/material/autocomplete")):"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","sweetalert2","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","@angular/material/tabs","@angular/material/autocomplete"],t):t((e=e||self)["asap-feed-beta"]={},e.ng.core,e.ng.common.http,e.ng.fire.firestore,e.ng.router,e.asapCrud,e.core$1,e.ng.common,e.ng.platformBrowser,e.classTransformer,e.ng.fire.storage,e.ng.fire,e.ng.material.dialog,e.SwiperCore,e.ngxMoment,e.ngxInfiniteScroll,e.asapSkeleton,e.ngxHmCarousel,e.ng.forms,e.Swal,e.ngxOwlCarousel,e.ngxOwlCarouselO,e.ngxSmartPopover,e.ngxSkeletonLoader,e.ng.material.button,e.ng.material.icon,e.ng.material.menu,e.ng.material.list,e.ng.material.card,e.ng.material.select,e.ng.material.radio,e.ng.material.input,e.ng.material.tooltip,e.ng.material["progress-bar"],e.ng.material.stepper,e.ngxSwiperWrapper,null,e.ng.material.tabs,e.ng.material.autocomplete)}(this,(function(e,t,o,n,i,r,a,s,p,l,d,c,m,g,b,u,f,h,x,v,y,w,k,z,I,S,_,F,P,j,M,C,T,A,U,R,L,D,E){"use strict";var O="default"in g?g.default:g;v=v&&v.hasOwnProperty("default")?v.default:v;var B=function(e,t){return(B=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)};function V(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}B(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}var N=function(){return(N=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function q(e,t,o,n){return new(o||(o=Promise))((function(i,r){function a(e){try{p(n.next(e))}catch(e){r(e)}}function s(e){try{p(n.throw(e))}catch(e){r(e)}}function p(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}p((n=n.apply(e,t||[])).next())}))}function H(e,t){var o,n,i,r,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(s){return function(p){return function(s){if(o)throw new TypeError("Generator is already executing.");for(;r&&(r=0,s[0]&&(a=0)),a;)try{if(o=1,n&&(i=2&s[0]?n.return:s[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;switch(n=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++,n=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=t.call(e,a)}catch(e){s=[6,e],n=0}finally{o=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,p])}}}Object.create;function G(e){var t="function"==typeof Symbol&&Symbol.iterator,o=t&&e[t],n=0;if(o)return o.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Y(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,i,r=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=r.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(i)throw i.error}}return a}function W(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(Y(arguments[t]));return e}Object.create;var Q=function(){function e(){this.announce=!1,this.publication=!0,this.stories=!0,this.query=null,this.options={},console.log("[AsapFeedBetaService] ->",this)}return e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}();var Z=localStorage.getItem("feed_prefix")?localStorage.getItem("feed_prefix"):"";function J(){return{images:Z+"images",feed:Z+"feed",likes:Z+"likes",shareds:Z+"shareds"}}var K=function(){function e(e){this.http=e,this.clientFirebaseServer=localStorage.getItem("firebase_server_id"),this.baseUrlAPI="https://us-central1-"+this.clientFirebaseServer+".cloudfunctions.net/api",this.client_id=localStorage.getItem("client")}return e.prototype.getFeed=function(e,t,o,n){void 0===t&&(t=null),void 0===o&&(o=null),void 0===n&&(n=!1);var i,r="";if(n&&(r="filterByMe&"),o)for(var a in i=this.baseUrlAPI+"/mobile/feed/"+e+"?"+r+"limit=6&feed_path="+J().feed+"&client_id="+this.client_id,o)i=i+"&"+a+"="+o[a];else i=this.baseUrlAPI+"/mobile/feed/"+e+"?"+r+"limit=6&feed_path="+J().feed+"&client_id="+this.client_id;return this.http.post(i,{user:t})},e.prototype.createFeed=function(e){return this.http.post(this.baseUrlAPI+"/feed?feed_path="+J().feed+"&client_id="+this.client_id,e)},e.prototype.getMoreFeed=function(e,t,o,n,i){var r;void 0===o&&(o=null),void 0===n&&(n=null),void 0===i&&(i=!1);var a="",s=null;return console.log("[getMoreFeed] Starting...",e,t,o,n,i),i&&(a="&filterByMe"),r=n&&n.searchBy&&n.searchValue?this.baseUrlAPI+"/mobile/feed?"+a+"limit="+e+"&last_doc="+t+"&searchBy="+n.searchBy+"&searchValue="+n.searchValue+"&feed_path="+J().feed+"&client_id="+this.client_id:this.baseUrlAPI+"/mobile/feed?"+a+"limit="+e+"&last_doc="+t+"&feed_path="+J().feed+"&client_id="+this.client_id,o&&(s={user:o}),console.log("[getMoreFeed] HTTP...",r,s),this.http.post(r,s)},e.prototype.sendComment=function(e,t){return this.http.post(this.baseUrlAPI+"/comment/"+e,t)},e.prototype.deleteComment=function(e,t){return this.http.delete(this.baseUrlAPI+"/comment/"+e+"/"+t)},e.prototype.sendReplyComment=function(e,t,o){return this.http.post(this.baseUrlAPI+"/comment/reply/"+e+"/"+t,o)},e.prototype.deleteReplyComment=function(e,t,o){return this.http.delete(this.baseUrlAPI+"/comment/reply/"+e+"/"+t+"/"+o)},e.prototype.likeComment=function(e,t,o){return this.http.post(this.baseUrlAPI+"/comment/like/"+e+"/"+t,o)},e.prototype.likePost=function(e,t){return this.http.post(this.baseUrlAPI+"/like/"+e,t)},e.prototype.deleteLikeComment=function(e,t,o){return this.http.delete(this.baseUrlAPI+"/comment/like/"+e+"/"+t+"/"+o)},e.prototype.sendNotification=function(e,t,o){return console.log("[SendNotification] ->",e,t,o),this.http.post(this.baseUrlAPI+"/notification/"+e+"/"+t,o)},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:o.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(o.HttpClient))},token:e,providedIn:"root"}),e}();var X=function(){function e(e,t,o,n,i){this.feedService=e,this.db=t,this.route=o,this.controlService=n,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.filterByMe=!1,this.loading=!0,this.query=null}return e.prototype.ngOnInit=function(){var e=this;this.ignoreControl||(this.announce=this.controlService.announce,this.stories=this.controlService.stories,this.publication=this.controlService.publication,this.query=this.controlService.query),this.route.params.subscribe((function(t){t&&(t.feed_id?(e.feedID=t.feed_id,e.isSinglePost=!0,setTimeout((function(){e.getFeed(e.feedID)}),600)):e.getFeed())})),this.checkFeedChange()},e.prototype.ngOnChanges=function(e){var t=this;e.feedID&&setTimeout((function(){t.getFeed(t.feedID)}),600),e.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")},e.prototype.getFeed=function(e){var t=this;void 0===e&&(e=""),this.feeds=null,this.loading=!0,this.feedService.getFeed(e,this.global.loggedUser(),this.query,this.filterByMe).subscribe((function(e){t.feeds=e.data,t.paginate=e.pagination,t.loading=!1,t.hasFeed=t.feeds.length>0}))},e.prototype.getMore=function(){var e=this;this.paginate.next_document&&(this.loading=!0,this.feedService.getMoreFeed(5,this.paginate.next_document,this.global.loggedUser(),this.query,this.filterByMe).subscribe((function(t){t.data.map((function(t){e.permitted(t)&&e.feeds.push(t)})),e.paginate=t.pagination,e.loading=!1})))},e.prototype.checkFeedChange=function(){},e.prototype.checkScroll=function(){(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0)>=this.topPosToStartShowing?this.showToTopButton=!0:this.showToTopButton=!1},e.prototype.gotoTop=function(){window.scroll({top:0,left:0,behavior:"smooth"})},e.prototype.permitted=function(e){var t,o;if(e.permission&&e.permission.length>0){var n=!1,i=this.global.loggedUser();if(i)if(e.user_info&&e.user_info.id==i.id)n=!0;else if(i.extras){var r=i.extras[0];try{for(var a=G(e.permission),s=a.next();!s.done;s=a.next()){var p=s.value;if("multi-conta"==p.field&&p.value==i.client_id){n=!0;break}if(r[p.field]==p.value){n=!0;break}}}catch(e){t={error:e}}finally{try{s&&!s.done&&(o=a.return)&&o.call(a)}finally{if(t)throw t.error}}}return n}return!0},e.prototype.onNewFeed=function(e){var t=this;console.log("[onNewFeed]",e),this.feedService.getFeed(e).subscribe((function(e){var o,n,i,r,a=t.feeds.length;try{for(var s=G(e.data),p=s.next();!p.done;p=s.next()){p.value.focus=!0}}catch(e){o={error:e}}finally{try{p&&!p.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}try{for(var l=G(t.feeds),d=l.next();!d.done;d=l.next()){d.value.focus=!1}}catch(e){i={error:e}}finally{try{d&&!d.done&&(r=l.return)&&r.call(l)}finally{if(i)throw i.error}}for(var c=0;c<t.feeds.length;c++)if(console.log("[onNewFeed] Feed",t.feeds[c]),!t.feeds[c].isHighlighted){a=c;break}t.feeds=W(t.feeds.slice(0,a),e.data,t.feeds.slice(a)),setTimeout((function(){document.getElementsByClassName("focus-on-me")[0].scrollIntoView({behavior:"smooth"})}),500)}))},e.prototype.sendVisible=function(e){var t=this;console.log("[sendVisible] marcando como visualizado",e);var o=this.global.loggedUser(),n={post_id:e.id,title:e.title,created_at:e.updated_at},i={post_id:e.id,created_at:Date.now(),updated_at:Date.now(),user_info:{id:o.id,updated_at:Date.now(),name:o.name,picture:o.picture}},r="feed-view/"+e.id;this.db.doc(r).set(n).then((function(n){var r="feed-view/"+e.id+"/views/"+o.id;t.db.doc(r).get().subscribe((function(e){e.exists?console.log("[sendVisible] já foi marcado como visualizado",e):e.ref.set(i).then((function(e){console.log("[sendVisible] marcado como visualizado",e)}))})),t.db.collection(r+"/history").add(i)}))},e.prototype.reload=function(e){this.filterByMe=e,this.getFeed()},Object.defineProperty(e.prototype,"isScrollDisabled",{get:function(){return this.loading||this.paginate.count>=this.paginate.limit||this.isSinglePost||this.paginate.last_document===this.paginate.next_document},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Component,args:[{selector:"asap-feed-beta",template:'<ng-container *ngIf="!settings?.channelsHidden">\n  <app-stories *ngIf="stories && !hasID && !isSinglePost"></app-stories>\n</ng-container>\n\n<feed-publication [settings]="settings" [announce]="announce" (feedCreated)="onNewFeed($event)" (filter)="reload($event)" *ngIf="publication && !hasID && !isSinglePost"></feed-publication>\n\n\x3c!-- Este trecho do código foi removido, pois ele fazia o Feed ficar flicando na tela. --\x3e\n<ng-container *ngIf="!feeds">\n  <div [class.col-sm-8]="hasID" [class.mx-auto]="hasID"> \n    <ng-container *ngFor="let item of [0,1]">\n      <div>\n        <mat-card class="feed-card mb-4">\n          <mat-card-header class="feed-header">\n            <div class="mr-3" mat-card-avatar>\n              <ngx-skeleton-loader animation="progress" appearance="circle" [theme]="{height:\'40px\'}">\n              </ngx-skeleton-loader>\n            </div>\n            <mat-card-title>\n              <ngx-skeleton-loader animation="progress" [theme]="{height:\'25px\',\'transform\': \'initial\', marginBottom: \'0\'}">\n              </ngx-skeleton-loader>\n              <ngx-skeleton-loader animation="progress" [theme]="{height:\'15px\',\'transform\': \'initial\'}">\n              </ngx-skeleton-loader>\n            </mat-card-title>\n\n          </mat-card-header>\n\n          <ng-container>\n            <ngx-skeleton-loader animation="progress" [theme]="{height:\'400px\',\'transform\': \'initial\'}">\n            </ngx-skeleton-loader>\n          </ng-container>\n\n        </mat-card>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf="feeds">\n  <ng-container *ngFor="let item of feeds">\n    <div [class.focus-on-me]="item.focus" [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\n      <app-feed-item [owner]="this" [settings]="settings" [item]="item" (isVisible)="sendVisible($event)"></app-feed-item>\n    </div>\n  </ng-container>\n</ng-container>\n\n<div *ngIf="loading">\n  <ngx-skeleton-loader animation="progress" [theme]="{height:\'40px\', width:\'100%\'}"></ngx-skeleton-loader>\n</div>\n\n<div infiniteScroll \n     [infiniteScrollDistance]="2" \n     [infiniteScrollThrottle]="2000" \n     [infiniteScrollDisabled]="isScrollDisabled" \n     (scrolled)="getMore()">\n</div>\n\n<button \n  *ngIf="showToTopButton" \n  (click)="gotoTop()" \n  style="position: fixed;\n    bottom: 0;\n    right: 0;\n    color:#FFFF;\n    font-size: 20px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n    height: 35px;\n    width: 35px;\n    border: none;\n    text-align: center;\n    border-radius: 50%;\n    outline: none;\n    transition: all 1s ease-in;\n    background-color: var(--main-color);\n    z-index: 99999;"\n    class="d-none d-sm-block">\n  <i class="fa fa-angle-up"></i>\n</button>\n',styles:["./asap-feed.beta.componente.scss"]}]}],e.ctorParameters=function(){return[{type:K},{type:n.AngularFirestore},{type:i.ActivatedRoute},{type:Q},{type:r.Global}]},e.propDecorators={id:[{type:t.Input}],ignoreControl:[{type:t.Input}],settings:[{type:t.Input}],checkScroll:[{type:t.HostListener,args:["window:scroll"]}]},e}();var ee=function(){function e(e,t){this.global=e,this.service=t,this.canShow=-1,console.log("[AsapTabFeedComponent]",this.settings)}return e.prototype.ngOnInit=function(){this.service.publication=!1,this.service.stories=!1},e.prototype.ngOnChanges=function(e){if(e.settings&&this.settings){var t=this.settings.tabs;t.channel_list&&t.channel_list.length?this.feedLoad(t.channel):t.allFeed?this.feedLoad(t.allFeed):t.feed?this.feedLoad(t.feed):t.feed_users&&this.feedLoad(t.feed_users)}},e.prototype.onChangeTab=function(e){this.feedLoad(e.tab.textLabel)},e.prototype.feedLoad=function(e){var t=this;this.canShow=-1,e==this.settings.tabs.channel&&setTimeout((function(){t.service.query={searchBy:"channel_id",searchValue:t.settings.tabs.channel_list.map((function(e){return e.channel_id})).join(",")},t.canShow=0}),100),e==this.settings.tabs.feed&&setTimeout((function(){t.service.query={searchBy:"user_info.id",searchValue:t.global.loggedUser().id,typeValue:"number"},t.canShow=1}),100),e==this.settings.tabs.feed_users&&setTimeout((function(){t.service.query={searchBy:"user_info.id",searchValue:"all"},t.canShow=2}),100),e==this.settings.tabs.allFeed&&setTimeout((function(){t.service.query={},t.canShow=3}),100)},e.prototype.onNewFeed=function(e){console.log("Chegou evento feedCreated com ID:",e),this.feeds&&this.feeds.forEach((function(e){e.getFeed()}))},e.decorators=[{type:t.Component,args:[{selector:"asap-tab-feed",template:'<ng-container *ngIf="!settings?.channelsHidden">\n    <app-stories></app-stories>\n</ng-container>\n\n<feed-publication\n     [settings]="settings"\n     [hideFilterByMe]="true"\n     [announce]="false"\n     (feedCreated)="onNewFeed($event)">\n</feed-publication>\n\n<div *ngIf="settings?.tabs" class="asap-tab-feed">\n    <mat-tab-group (selectedTabChange)="onChangeTab($event)" dynamicHeight>\n  \n      \x3c!-- ✅ SE o cliente tem canal --\x3e\n      <ng-container *ngIf="settings.tabs.channel_list?.length; else semCanal">\n        <mat-tab [label]="settings.tabs.channel">\n          <ng-container *ngIf="canShow == 0">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.allFeed" [label]="settings.tabs.allFeed">\n          <ng-container *ngIf="canShow == 3">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed" [label]="settings.tabs.feed">\n          <ng-container *ngIf="canShow == 1">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed_users" [label]="settings.tabs.feed_users">\n          <ng-container *ngIf="canShow == 2">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n      </ng-container>\n  \n      \x3c!-- 🚫 SE o cliente NÃO tem canal --\x3e\n      <ng-template #semCanal>\n        <mat-tab *ngIf="settings.tabs.allFeed" [label]="settings.tabs.allFeed">\n          <ng-container *ngIf="canShow == 3">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed" [label]="settings.tabs.feed">\n          <ng-container *ngIf="canShow == 1">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed_users" [label]="settings.tabs.feed_users">\n          <ng-container *ngIf="canShow == 2">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n      </ng-template>\n    </mat-tab-group>\n  </div>\n  ',styles:[""]}]}],e.ctorParameters=function(){return[{type:r.Global},{type:Q}]},e.propDecorators={feeds:[{type:t.ViewChildren,args:[X]}],settings:[{type:t.Input}]},e}();var te=function(){function e(e){if(this.http=e,localStorage.getItem("loggedUser")){var t=JSON.parse(localStorage.getItem("loggedUser"));this.streamVideoPath=t.data.link_company?t.data.link_company:t.data.link,console.log("streamVideoPath",this.streamVideoPath)}}return e.prototype.getHeaders=function(){var e={Accept:"application/json"};return localStorage.getItem("token")&&(e.Authorization=localStorage.getItem("token")),e},e.prototype.status=function(e){return this.http.get(this.streamVideoPath+"videos/"+e,{headers:this.getHeaders()})},e.prototype.uploadFile=function(e){var t=new FormData;t.append("file",e);var n=localStorage.getItem("client"),i=new o.HttpRequest("POST","http://api.tecnologiaasap.com.br/api/cloudinary/upload",t,{reportProgress:!0,responseType:"json",headers:new o.HttpHeaders(this.getHeaders()),params:(new o.HttpParams).set("client_id",n)});return console.log("RESPONSE UPLOAD",i),this.http.request(i)},e.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},e.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[{type:o.HttpClient}]},e}();var oe=function(){this.id=null,this.name=null,this.updated_at=null,this.picture=null};var ne=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 ie=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 re=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 ae=function(){this.id=null,this.ref=null,this.status=!0,this.product=new ne,this.type="post",this.source="web",this.likes=0,this.shareds=0,this.user_info=new oe,this.updated_at=null,this.title=null,this.files=[]};var se=function(){function e(e,t,o,n,i){this.firebaseStorage=e,this.db=t,this.firebase=o,this.feedService=n,this.global=i}return e.prototype.uploadFile=function(e,t){console.log("TO SUBINDO",e);try{var o=t,n=this.firebaseStorage.ref(e);this.task=n.putString(o,"data_url"),this.percentage=this.task.percentageChanges(),this.snapshot=this.task.snapshotChanges()}catch(e){console.log("ERRO DO SUBINDO",e)}},e.prototype.getFireStorageURL=function(e){return this.firebaseStorage.ref(e).getDownloadURL()},e.prototype.deleteFireStorage=function(e){return q(this,void 0,void 0,(function(){return H(this,(function(t){switch(t.label){case 0:return[4,this.firebaseStorage.ref(e).delete().toPromise()];case 1:return[2,t.sent()]}}))}))},e.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},e.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},e.prototype.isUrl=function(e){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(e)},e.prototype.sendNotification=function(e,t,o){console.log("Destinatario",t),console.log("Remetente",this.global.loggedUser()),t.id!=this.global.loggedUser().id&&this.feedService.sendNotification(t.id,o,e).subscribe((function(e){console.log("Retorno Notificacao",e)}))},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[{type:d.AngularFireStorage},{type:n.AngularFirestore},{type:c.FirebaseApp},{type:K},{type:r.Global}]},e}();var pe=function(){function e(e,t,o,n,i,r,a){this.dialogRef=e,this.item=t,this.global=o,this.streamService=n,this.sanitizer=i,this.utilsService=r,this.db=a,this.showAnnouncePublication=!1}return e.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))},e.prototype.close=function(){this.dialogRef.close()},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:t=function(e){var t,n,i,r,a,s,p,d;return H(this,(function(c){switch(c.label){case 0:return(t=new re).type=o.getTypeByMimeType(e.type),t.status=0,t.thumb_rendering=!1,t.video_rendering=!1,t.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),n=!0),n?[3,7]:(console.log("File Sended",e),"image"!==o.getTypeByMimeType(e.type)||e.new?[3,5]:(console.log("File do Upload ->",e),"image/gif"!=e.type?[3,2]:(t.url=o.streamService.uid()+".gif",i=t,[4,o.readGIF(e)])));case 1:return i.name=c.sent(),o.tmpFileArray.push(t),[3,4];case 2:return r=e.name.split("."),a=r[r.length-1],t.url=o.streamService.uid()+"."+a,s=t,[4,o.resizeImages(e,800)];case 3:s.name=c.sent(),o.tmpFileArray.push(t),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(e.type)||e.new?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",t),(p=e)&&(d=URL.createObjectURL(p),t.name=d,o.tmpFileArray.push(t)),o.uploading=!0,[4,o.streamService.uploadFile(e).subscribe((function(e){e.loaded&&(t.status=(100*e.loaded/e.total).toFixed(0),l.progress=t.status,console.log("Response",t)),e.body&&(t.url=e.body.uuidVideo,l.videoSendedID=t.url,l.uploading=!1,l.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",t),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.share=function(){var e=this,t=null;delete(t=this.item).likes,delete t.comments,t.title=this.title,(this.tmpFileArray||this.tmpFileArray.length>0)&&(t.files=this.tmpFileArray,t.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,t.ref=o.url,t.status=!1,e.streamService.status(o.url).subscribe((function(e){o.video_rendering=!e.p480,o.video_low_rendering=!e.p480_low,o.thumb_rendering=!e.thumb})))}))),this.publish(t)},e.prototype.publish=function(e){var t,o,n=this,i=0;if("embed"==this.type){var r={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(r)}if(this.tmpFileArray&&this.tmpFileArray.length>0){var a=this.tmpFileArray.filter((function(e){return"image"===n.getTypeByMimeType(e.type)&&e.new})),s=98/a.length;if(a&&a.length>0){console.log("Imagens para Publicar ->",a);var p=function(t){console.log("Imagem ->",t),setTimeout((function(){n.utilsService.uploadFile("images/"+t.url,t.name),n.utilsService.percentage.subscribe((function(e){t.status=e,t.name=t.url})),n.utilsService.task.snapshotChanges().subscribe((function(o){return q(n,void 0,void 0,(function(){var n,r=this;return H(this,(function(p){return o.bytesTransferred===o.totalBytes&&(i++,this.progress+=s,n=e.files.findIndex((function(e){return e.name===t.name})),this.utilsService.getFireStorageURL("images/"+e.files[n].name).subscribe((function(t){console.log("Image File Url ->",t),e.files[n].name=t})),delete e.files[n].url,i==a.length&&(console.log("Imagens Pos Processaento ->",e.files),this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()})))),[2]}))}))}))}))};try{for(var d=G(a),c=d.next();!c.done;c=d.next()){p(c.value)}}catch(e){t={error:e}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(t)throw t.error}}}else{this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()}))}}else{this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()}))}},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkPublicationType=function(e){if(console.log("Event ->",Event),e.length&&e.length>35&&this.isValidUrl(e)){console.log("checkPublicationType",e),e.includes("youtube")?(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=e.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):e.includes("spotify")&&(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.embedFile=e.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1);var t={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(t)}},e.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post",this.tmpFileArray=[]},e.prototype.isValidUrl=function(e){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(e)},e.decorators=[{type:t.Component,args:[{selector:"lib-feed-modal-item-edit",template:'<div mat-dialog-content>\n  <div class="form-feed mt-4">\n    <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n    <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n      <i class="fa fa-user"></i>\n    </div>\n\n    <textarea class="form-control" autocomplete="off" [(ngModel)]="title" id="" rows="3"\n      placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\n    <div class="clearfix"></div>\n\n    <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n\n      <ng-container *ngFor="let file of tmpFileArray">\n        <div class="col-sm-4 mb-4 tmp-file-wrapper" *ngIf="file.type == \'video\' || file.type == \'image\'">\n          <div class="tmp-file-buttons-overlay">\n            <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n              <span class="fa fa-remove"></span>\n            </button>\n          </div>\n          <div class="tmp-file-content outline-bordered">\n\n             <ng-container *ngIf="file.type === \'image\'">\n              <img [src]="file.name" *ngIf="file.name" class="img-responsive tmp-upload"/>\n            </ng-container>\n\n            <video class="tmp-upload tmp-upload-video" height="80" width="100%" [autoplay]="true" [muted]="\'muted\'" loop *ngIf="file.type === \'video\'">\n              \x3c!-- <code>{{ file.name | json }}</code> --\x3e\n              <ng-container *ngIf="file.new">\n                <source [src]="file.name"/>\n              </ng-container>\n              <ng-container *ngIf="!file.new">\n                <source [src]="file.url | stream:\'link\'"/>\n              </ng-container>\n              \n              \n            </video>\n          </div>\n        </div>\n  \n        <div class="col-sm-12" *ngIf="file.type == \'embed\'">\n          <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\n        </div>\n      </ng-container>\n\n    </div>\n\n  </div>\n</div>\n<div class="row mt-4">\n  <div class="col-6 float-left" *ngIf="global?.loggedUser()">\n    <ng-container *ngIf="type != \'embed\'">\n      <label>\n        <a class="btn btn-feed btn-round btn-primary">\n          <span>{{ \'ImageAndVideo\' | translate }}</span>\n        </a>\n        <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n      </label>\n    </ng-container>\n    <ng-container *ngIf="type == \'embed\'">\n      <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\n        {{ \'Remove\' | translate }}\n    </button>\n    </ng-container>\n    \n    <ng-container *ngIf="showAnnouncePublication">\n\n      <ng-container *ngIf="global?.loggedUser()?.lojista">\n        <ng-container *ngIf="global?.loggedUser()?.vitrine">\n          <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()"\n            style="margin-left: 5px;">\n            <i class="fa fa-bullhorn"></i>\n            <span class="text">{{ \'Announce\' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf="!global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\n        <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'lojista\')"\n          style="margin-left: 5px;">\n          <i class="fa fa-bullhorn"></i>\n          <span class="text">{{ \'Announce\' | translate }}</span>\n        </a>\n      </ng-container>\n\n      <ng-container *ngIf="global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\n        <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'vitrine\')"\n          style="margin-left: 5px;">\n          <i class="fa fa-bullhorn"></i>\n          <span class="text">{{ \'Publish\' | translate }}</span>\n        </a>\n      </ng-container>\n\n    </ng-container>\n  </div>\n  <div class="col-6 float-right text-right">\n    <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\n      *ngIf="!newProduct">\n      <span *ngIf="!uploading">\n        <span>{{ \'Publish\' | translate }}</span>\n      </span>\n      <span *ngIf="uploading">\n        <i class="fa fa-spin fa-spinner"></i>\n        {{ \'Processing\' | translate }}\n      </span>\n    </button>\n  </div>\n</div>\n \n  \x3c!-- <button class="btn btn-feed btn-primary btn-custom-social" (click)="close()">\n    {{ \'Close\' | translate }}\n  </button>\n  <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\n    *ngIf="!newProduct">\n    <span *ngIf="!uploading">\n      <span>{{ \'Publish\' | translate }}</span>\n    </span>\n    <span *ngIf="uploading">\n      <i class="fa fa-spin fa-spinner"></i>\n      {{ \'Processing\' | translate }}\n    </span>\n  </button> --\x3e\n\n',providers:[te],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}',".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}"]}]}],e.ctorParameters=function(){return[{type:m.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[m.MAT_DIALOG_DATA]}]},{type:r.Global},{type:te},{type:p.DomSanitizer},{type:se},{type:n.AngularFirestore}]},e}();O.use([g.Navigation,g.Pagination]);var le=function(){function e(e,o,n,i,r,a,s){this.streamService=e,this.db=o,this.global=n,this.dialog=i,this.service=r,this.translate=a,this.sanitizer=s,this.isVisible=new t.EventEmitter,this.imageLoaded=!1,this.imageDataLoaded=!1,this.blurBackgroundIndex=Math.floor(5*Math.random()+1)}return e.prototype.ngOnInit=function(){var e=this;this.loadVisibilityControls(),this.item.linkifiedTitle=this.sanitizedLinkify(this.item.title),this.item.files&&this.item.files.length>0&&this.item.files.map((function(t){if(t.url&&t.url.includes("youtube")){t.isYoutube=!0;var o=e.getYoutubeID(t.url);t.url="https://www.youtube.com/embed/"+o}})),console.log("ITEM ->",this.item)},e.prototype.ngAfterViewInit=function(){this.observer.observe(this.visibleControl.nativeElement)},e.prototype.ngOnDestroy=function(){this.observer.disconnect(),clearInterval(this.visibleTimer)},e.prototype.loadVisibilityControls=function(){var e=this;this.visibleTimer=setInterval((function(){e.shotTimer--,0==e.shotTimer&&(e.isVisible.emit(e.item),clearInterval(e.visibleTimer),e.observer.disconnect())}),1e3);this.observer=new IntersectionObserver((function(t,o){t.forEach((function(t){e.shotTimer=-1,e.item.active=!1,1==t.intersectionRatio&&(e.shotTimer=5)}))}),{rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]})},e.prototype.onloadImage=function(e){this.imageLoaded=!0,this.imageDataLoaded=!0},e.prototype.onErrorImage=function(e){},e.prototype.playVideo=function(e){this.videoplayer&&this.videoplayer.nativeElement.play()},e.prototype.sanitizedLinkify=function(e){return this.sanitizer.bypassSecurityTrustHtml(this.linkify(e))},e.prototype.linkify=function(e){var t;if(t=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],t=new RegExp(t.join("|"),"gi"),e)return e.replace(t,(function(e,t,o,n,i){return t?"<a class='text-primary' target='_blank' href=\""+t+'">'+t+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":n?"<a class='text-primary' href=\"mailto://"+n+'">'+n+"</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":e}))},e.prototype.checkVideoRender=function(e){console.log("videoRender ->",e),this.streamService.status(e).subscribe((function(e){console.log("checkVideoRender",e)}))},e.prototype.onEditItem=function(){if(console.log("[onEditItem]",this.item),this.item.channel_id)this.global.swal({type:"warning",text:this.translate.instant("ThisFeedCanOnlyBeEditedOnChannel")});else{var e=void 0;delete(e=this.item).comments,delete e.likes,e.files.map((function(e){e.new=!1})),this.dialog.open(pe,{width:"600px",data:e,panelClass:"modal-feed-publication"})}},e.prototype.preConvertNumber=function(e){return parseFloat(e)},e.prototype.onRemoveItem=function(e){var t=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 q(t,void 0,void 0,(function(){var t,n,i,r,a,s,p,l;return H(this,(function(d){switch(d.label){case 0:if(!o.value)return[3,11];if(t=this.db.collection(J().feed).doc(e.id),!(e.files&&e.files.length>0))return[3,10];d.label=1;case 1:d.trys.push([1,8,9,10]),n=G(e.files),i=n.next(),d.label=2;case 2:if(i.done)return[3,7];if("image"!==(r=i.value).type)return[3,6];if(!r.name)return[3,6];d.label=3;case 3:return d.trys.push([3,5,,6]),[4,this.service.deleteFireStorage(J().images+"/"+r.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=n.next(),[3,2];case 7:return[3,10];case 8:return s=d.sent(),p={error:s},[3,10];case 9:try{i&&!i.done&&(l=n.return)&&l.call(n)}finally{if(p)throw p.error}return[7];case 10:t.delete(),e.deleted=!0,this.global.toast("Post removido com Sucesso"),d.label=11;case 11:return[2]}}))}))}))},e.prototype.checkFileOrigin=function(e){},e.prototype.isYoutube=function(e){return console.log("IsYoutube ->",e),!!e.includes("youtube")},e.prototype.getYoutubeID=function(e){var t=e.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return!(!t||11!=t[7].length)&&t[7]},e.decorators=[{type:t.Component,args:[{selector:"app-feed-item",template:'<ng-container *ngIf="item && item.status && !item.deleted">\n  <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\n    <mat-card-header class="feed-header ml-2">\n      <popover-content #myPopover placement="auto right" [closeOnClickOutside]="false" [closeOnMouseOutside]="false"\n        [animation]="true">\n        <div class=\'minibio\'>\n          <img\n            [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n            (error)="item.user_info.picture = \'assets/img/default-avatar.png\'" alt="{{ item?.user_info?.name }}">\n          <div class="info"><b>{{ item?.user_info?.name }}</b><br />\n            \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i>&nbsp;Fortaleza/CE</span> --\x3e\n          </div>\n        </div>\n      </popover-content>\n      <div mat-card-avatar>\n        <a [routerLink]="[\'/profile\',item.user_info?.id]"><img\n            [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n            class="feed-avatar mr-1" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\n            alt="{{ item?.user_info?.name }}" [popover]="myPopover" [popoverOnHover]="true"></a>\n      </div>\n\n      <mat-card-title>\n        <h4 class="ml-2"><b><a [routerLink]="[\'/profile\',item.user_info?.id]">{{ item?.user_info?.name }}</a> <i\n              *ngIf="item?.channel_id" class="material-icons text-primary" matTooltip="Este é um post Institucional"\n              matTooltipClass="tooltip-primary">done_all</i></b>\n        </h4>\n        <p class="ml-2"> {{ \'SharedPublication\' | translate }} <a [routerLink]="[\'/start\',item.id]">{{\n                        item?.updated_at | amTimeAgo }}</a></p>\n      </mat-card-title>\n\n      <ng-container *ngIf="global.loggedUser()">\n        <div class="feed-buttom-option" *ngIf="item.user_info.id === global.loggedUser().id">\n          <button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="!item.status">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menu="matMenu">\n            <button mat-menu-item (click)="onEditItem()" [disabled]="!item.status">\n              <mat-icon>create</mat-icon>\n              <span>{{ \'Edit\' | translate }}</span>\n            </button>\n            <button mat-menu-item (click)="onRemoveItem(item)" [disabled]="!item.status">\n              <mat-icon>delete</mat-icon>\n              <span>{{ \'Remove\' | translate }}</span>\n            </button>\n          </mat-menu>\n        </div>\n        <div *ngIf="item.isHighlighted" matTooltip="Post destacado" class="feed-buttom-option pinned-feed">\n          <i class="fa fa-thumb-tack fa-lg"></i>\n        </div>\n      </ng-container>\n\n    </mat-card-header>\n\n    <ng-container *ngIf="item.type != \'announce\'">\n      <ng-container *ngIf="!(item.files && item.files.length > 0)">\n        <div class="card card-file mt-0 pointer">\n          \x3c!-- <div class="card-cover"> --\x3e\n          <ng-container *ngIf="item.additional_data && item.additional_data.image">\n            <img style="display: none;" [src]="item.additional_data.image" (load)="onloadImage($event)"\n              (error)="onErrorImage($event)">\n\n            <div class="container-mat-card" *ngIf="imageLoaded">\n              <img class="bg-mat-card" [src]="item.additional_data.image">\n              <img mat-card-image [src]="item.additional_data.image">\n            </div>\n\n            <div class="container-mat-card" *ngIf="!imageLoaded">\n              <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\n            </div>\n          </ng-container>\n          \x3c!-- </div> --\x3e\n          <a *ngIf="item.additional_data && item.additional_data.file_id"\n            [routerLink]="[\'/channel/files/\' + item.channel_id +\'/\'+ item.additional_data.file_id]" class="circle">\n            <i class="fa fa-file-text-o"></i>\n          </a>\n          <div *ngIf="item.additional_data && item.additional_data.description" class="card-content">\n            <div class="clearfix"></div>\n            <p class="description m-3" [innerHTML]="linkify(item.additional_data.description)"></p>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="item.files && item.files.length > 0">\n\n        <ng-container *ngIf="item.files.length === 1">\n          <ng-container *ngFor="let file of item.files">\n            <ng-container *ngIf="file.type == \'image\'">\n\n              <img style="display: none;" [src]="file.name || file.url" (load)="onloadImage($event)"\n                (error)="onErrorImage($event)">\n\n              <div class="container-mat-card" *ngIf="imageLoaded">\n                <img class="bg-mat-card" [src]="file.name || file.url">\n                <img mat-card-image [src]="file.name || file.url">\n              </div>\n\n              <div class="container-mat-card" *ngIf="!imageLoaded">\n                <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\n              </div>\n\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'video\'">\n              <div class="carousel custom-carrousel">\n                <div class="content">\n                  <div class="item">\n                    <div class="video-overlay cloudinary-true" *ngIf="file.isCloudinary == true"\n                      [style.background-image]="file.thumb | stream: \'backgroundImage\'"></div>\n\n                    <div class="video-overlay youtube-true" *ngIf="!file.isYoutube == true"\n                      [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\n\n                    <div class="video-overlay not-cloudinary-youtube" *ngIf="!file.isCloudinary && !file.isYoutube"\n                      [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\n\n                    <video attr.type=\'stream\' #videoPlayer *ngIf="!file.isCloudinary && !file.isYoutube"\n                      (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                      class="video not-cloudinary-youtube" width="100%" controls="false" preload="metadata"\n                      poster="{{file?.url | stream:\'thumb\'}}">\n                      <source [src]="file.url | stream:\'link\'" />\n                    </video>\n\n                    <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\n                      (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                      class="video cloudinary-true" width="100%" controls="false" preload="metadata"\n                      poster="{{file?.thumb}}">\n                      <source [src]="file.url" />\n                    </video>\n\n                    <ng-container *ngIf="file.isYoutube == true">\n                      <iframe attr.type=\'youtube\' #videoPlayer [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                        frameborder="0" width="100%" class="video"></iframe>\n                    </ng-container>\n\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'pdf\' || file.type == \'txt\'">\n              <div class="container-mat-card px-3">\n                <a [routerLink]="[\'/channel/files/\' + file.channel_id + \'/\' + file.file_id]" class="w-100">\n\n                  <div class="card card-file mt-0 pointer">\n                    <div class="card-cover">\n                      <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]">\n                        <ng-container *ngIf="file.image">\n                          <img [src]="file.image" alt="">\n                        </ng-container>\n\n                        <ng-container *ngIf="!file.image || file.image == null">\n                          <h4 class="title" [innerHTML]="linkify(file.title)"></h4>\n                        </ng-container>\n                      </a>\n                    </div>\n                    <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]" class="circle">\n                      <i *ngIf="file.type == \'pdf\'" class="fa fa-file-pdf-o"></i>\n                      <i *ngIf="file.type == \'txt\'" class="fa fa-file-text-o"></i>\n                    </a>\n                    <div class="card-content">\n                      <div class="clearfix"></div>\n                      <p class="title mb-1" style="color: #414141 !important; text-shadow: none !important; font-weight: 500 !important;" [innerHTML]="linkify(file.title)"></p>\n                      <p class="description mb-3" [innerHTML]="linkify(file.description)"></p>\n                    </div>\n                  </div>\n\n                </a>\n              </div>\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'embed\'">\n              <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;"\n                [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\n            </ng-container>\n\n          </ng-container>\n        </ng-container>\n\n\n        <ng-container *ngIf="item.files.length > 1">\n\n          \x3c!-- Carrosel de Imavens e vídeos --\x3e\n\n          <div class="swiper-stage">\n            <swiper [config]="global.swiperConfig(false)">\n              <div swiperSlide *ngFor="let file of item.files; let i = index">\n                <div class="swiper-carousel-custom">\n\n                  \x3c!-- Imagem --\x3e\n\n                  <ng-container *ngIf="file.type === \'image\'">\n                    <ng-container *ngIf="file.url">\n                      <div class="swiper-container-img">\n                        <div class="swiper-bg-blur" [style.backgroundImage]="\'url(\'+file.url+\')\'">\n                        </div>\n                        <img class="img" [src]="file.url" alt="" (load)="onloadImage($event)"\n                          (error)="onErrorImage($event)">\n                      </div>\n                    </ng-container>\n\n                    <ng-container *ngIf="file.name">\n                      <div class="swiper-container-img" [style.backgroundImage]="\'url(\'+file.name+\')\'">\n                        <div class="swiper-bg-blur" [style.backgroundImage]="\'url(\'+file.name+\')\'">\n                        </div>\n                        <img class="img" [src]="file.name" alt="" (load)="onloadImage($event)"\n                          (error)="onErrorImage($event)">\n                      </div>\n                    </ng-container>\n                  </ng-container>\n\n                  \x3c!-- Video --\x3e\n\n                  <ng-container *ngIf="file.type === \'video\'">\n\n                    <ng-container>\n\n                      <div class="video-overlay" *ngIf="file.isCloudinary == true"\n                        [style.background-image]="file.thumb | stream: \'backgroundImage\'">\n                      </div>\n\n                      <div class="video-overlay" *ngIf="!file.isYoutube == true"\n                        [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                      </div>\n\n                      <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\n                        [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                      </div>\n\n                      <video attr.type=\'stream\' #videoPlayer *ngIf="!file.isCloudinary && !file.isYoutube"\n                        (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)" class="video"\n                        width="100%" controls="false" preload="metadata" poster="{{file?.url | stream:\'thumb\'}}">\n                        <source [src]="file.url | stream:\'link\'" />\n                      </video>\n\n                      <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\n                        (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)" class="video"\n                        width="100%" controls="false" preload="metadata" poster="{{file?.thumb}}">\n                        <source [src]="file.url" />\n                      </video>\n\n                      <ng-container *ngIf="file.isYoutube == true">\n                        <iframe attr.type=\'youtube\' #videoPlayer [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                          frameborder="0" width="100%" class="video"></iframe>\n                      </ng-container>\n\n                    </ng-container>\n\n                    \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\n                    \x3c!-- <ng-container *ngIf=" i === 0">\n\n                                            <div class="video-overlay" *ngIf="file.isCloudinary == true"\n                                                [style.background-image]="file.thumb | stream: \'backgroundImage\'">\n                                            </div>\n\n                                            <div class="video-overlay" *ngIf="!file.isYoutube == true"\n                                                [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                                            </div>\n\n                                            <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\n                                                [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                                            </div>\n\n                                            <video attr.type=\'stream\' #videoPlayer\n                                                *ngIf="!file.isCloudinary && !file.isYoutube"\n                                                (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                                                class="video" width="100%" controls="false" preload="metadata"\n                                                poster="{{file.url | stream:\'thumb\'}}">\n                                                <source [src]="file.url | stream:\'link\'" />\n                                            </video>\n\n                                            <video attr.type=\'cloudinary\' #videoPlayer\n                                                *ngIf="file.isCloudinary === true" (click)="playVideo($event)"\n                                                (onloadeddata)="checkVideoRender(file.url)" class="video" width="100%"\n                                                controls="false" preload="metadata" poster="{{file.thumb}}">\n                                                <source [src]="file.url" />\n                                            </video>\n\n                                            <ng-container *ngIf="file.isYoutube === true">\n                                                <iframe attr.type=\'youtube\' #videoPlayer\n                                                    [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                                                    frameborder="0" width="100%" class="video"></iframe>\n                                            </ng-container>\n\n                                        </ng-container> --\x3e\n\n                  </ng-container>\n\n                  <ng-template #infiniteContainer></ng-template>\n                </div>\n              </div>\n            </swiper>\n          </div>\n\n          \x3c!-- Fim Carrosel de Imagens e Vídeos --\x3e\n\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n    <ng-container *ngIf="item.type == \'announce\'">\n      <div class="ribbon ribbon-top-right"><span>Anúncio</span></div>\n\n      <div class="swiper-stage">\n        <swiper [config]="global.swiperConfig(false)">\n          <div swiperSlide *ngFor="let file of item.files; let i = index">\n            <div class="swiper-carousel-custom">\n              <ng-container *ngIf="file.type === \'image\'">\n                <div class="img" [style.backgroundImage]="\'url(\'+file.name+\')\'" *ngIf="file.name">\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf="file.type === \'video\'">\n\n                <ng-container>\n\n                  <div class="video-overlay" [style.background-image]="file.url | stream:\'styleThumbUrl\'">\n                  </div>\n\n                  <video class="video" width="100%" preload="metadata" poster="{{ file?.url | stream:\'thumb\' }}">\n                    <source [src]="file?.url | stream:\'link\'" />\n                  </video>\n\n                </ng-container>\n\n              </ng-container>\n            </div>\n          </div>\n          <ng-template #infiniteContainer></ng-template>\n        </swiper>\n      </div>\n\n      <div class="pull-right mt-3" [routerLink]="[\'/market/product/\', item.product.id]">\n        <button class="btn btn-primary">\n          <i class="fa fa-shopping-cart"></i>\n          {{ preConvertNumber(item?.product?.valorDe) | currency:\'BRL\':true}} -\n          {{ preConvertNumber(item?.product?.valorAte) | currency:\'BRL\':true}}\n        </button>\n      </div>\n      <p *ngIf="item?.product?.data?.descr" [innerHTML]="item.product.descr"></p>\n    </ng-container>\n\n    <div class="mat-card-content">\n      <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="item.linkifiedTitle"></span>\n      <span class="ws-pre-wrap post-text mt-1 mb-4" *ngIf="item.additional_data?.type != \'video\'" [innerHTML]="linkify(item.additional_data?.description)"></span>\n      \n      <feed-actions [settings]="settings" [item]="item"></feed-actions>\n      <feed-comments [settings]="settings" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\n    </div>\n\n  </mat-card>\n</ng-container>\n\n<ng-container *ngIf="item && !item.status">\n  <ng-container *ngIf="global.loggedUser()">\n    <ng-container *ngIf="item.user_info.id === global.loggedUser().id">\n      <ng-container *ngIf="item">\n        <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\n          <mat-card-header class="feed-header ml-2">\n            <div mat-card-avatar>\n              <img\n                [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n                class="feed-avatar" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\n                alt="{{ item?.user_info?.name }}">\n            </div>\n            <mat-card-title>\n              <h4><b>{{ item?.user_info?.name }}</b></h4>\n              <p> {{ \'SharedPublication\' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\n            </mat-card-title>\n\n            <div class="feed-buttom-option" *ngIf="false">\n              <button mat-icon-button [matMenuTriggerFor]="menu">\n                <mat-icon>more_vert</mat-icon>\n              </button>\n              <mat-menu #menu="matMenu">\n                <button mat-menu-item (click)="false">\n                  <mat-icon>create</mat-icon>\n                  <span>{{ \'Edit\' | translate }}</span>\n                </button>\n                <button mat-menu-item (click)="false">\n                  <mat-icon>delete</mat-icon>\n                  <span>{{ \'Remove\' | translate }}</span>\n                </button>\n              </mat-menu>\n            </div>\n\n          </mat-card-header>\n\n          <ng-container>\n            <div class="col-sm-12 mx-auto text-center post-processing-section">\n              <img src="https://image.flaticon.com/icons/svg/2654/2654464.svg" width="30%">\n              <h4>Estamos processando os dados do seu Post!</h4>\n              <p>No momento ele está visível apenas para você, mas logo estará disponível para todos!</p>\n            </div>\n          </ng-container>\n          \n          <div class="mat-card-content">\n            <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="item.linkifiedTitle"></span>\n            <feed-actions [settings]="settings" prefix="prefix" [item]="item"></feed-actions>\n            <feed-comments [settings]="settings" prefix="prefix" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\n          </div>\n        </mat-card>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n',providers:[te],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}','@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}::ng-deep .card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}::ng-deep .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}::ng-deep .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}::ng-deep .card-file .card-cover .title{position:relative;z-index:3;text-shadow:none!important;color:#414141;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}::ng-deep .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}::ng-deep .card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}::ng-deep .card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}::ng-deep .card-file .card-body h5{height:60px}::ng-deep .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)}']}]}],e.ctorParameters=function(){return[{type:te},{type:n.AngularFirestore},{type:r.Global},{type:m.MatDialog},{type:se},{type:a.TranslateService},{type:p.DomSanitizer}]},e.propDecorators={item:[{type:t.Input}],settings:[{type:t.Input}],owner:[{type:t.Input}],isVisible:[{type:t.Output}],videoplayer:[{type:t.ViewChild,args:["videoPlayer",{static:!0}]}],visibleControl:[{type:t.ViewChild,args:["visibleControl",{static:!1,read:t.ElementRef}]}]},e}();var de=function(){function e(e){if(this.domSanitizer=e,localStorage.getItem("loggedUser")){var t=JSON.parse(localStorage.getItem("loggedUser")).data;this.url=t.link_company?t.link_company:t.link}else{var o=localStorage.getItem("streamURL");this.url=o}}return e.prototype.transform=function(e,t){return"link"===t?this.getVideoUri(e):"thumb"===t?this.getVideoThumb(e):"id"===t?this.getVideoId(e):"fire"===t?this.getFireStorageURL(e):"styleThumbUrl"===t?this.domSanitizer.bypassSecurityTrustStyle("url("+this.getVideoThumb(e)+")"):"backgroundImage"===t?this.domSanitizer.bypassSecurityTrustStyle("url("+e):e},e.prototype.getVideoThumb=function(e){return this.url+"videos/thumb/"+this.getVideoId(e)},e.prototype.getVideoUri=function(e){return this.domSanitizer.bypassSecurityTrustResourceUrl(this.url+"videos/"+this.getVideoId(e)+"/480_low")},e.prototype.getFireStorageURL=function(e){return console.log("URL",e),this.domSanitizer.bypassSecurityTrustUrl(e)},e.prototype.getVideoId=function(e){return this.isUrl(e)?e.split("/")[4]:e},e.prototype.isUrl=function(e){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(e)},e.decorators=[{type:t.Pipe,args:[{name:"stream"}]}],e.ctorParameters=function(){return[{type:p.DomSanitizer}]},e}();var ce=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e,t){if(e)switch(t){case"html":return this.sanitizer.bypassSecurityTrustHtml(e);case"style":return this.sanitizer.bypassSecurityTrustStyle(e);case"script":return this.sanitizer.bypassSecurityTrustScript(e);case"url":return this.sanitizer.bypassSecurityTrustUrl(e);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(e);default:throw new Error("Invalid safe type specified: "+t)}},e.decorators=[{type:t.Pipe,args:[{name:"safe"}]}],e.ctorParameters=function(){return[{type:p.DomSanitizer}]},e}();var me=/^(\d+)?\.((\d+)(-(\d+))?)?$/,ge=function(){function e(e){this._currencyPipe=e}return e.prototype.transform=function(e,t,o,n){return"number"==typeof e||me.test(e)?this._currencyPipe.transform(e,t,o,n):e},e.decorators=[{type:t.Pipe,args:[{name:"looseCurrency"}]}],e.ctorParameters=function(){return[{type:s.CurrencyPipe}]},e}();var be=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[ce,de,ge],imports:[],exports:[ce,de,ge],providers:[s.CurrencyPipe]}]}],e}(),ue=function(e){function n(t){var o=e.call(this,t)||this;return o.http=t,o}return V(n,e),n.prototype.usersChecked=function(e,t){return this.http.post(this.baseUrl+"/api/v2/client/onesignal/user",e,{headers:this.headers(!1),params:t})},n.prototype.getForms=function(){return this.http.get(this.baseUrl+"/api/v2/admin/user/form",{headers:this.headers(!1)})},n.prototype.getAllUsers=function(e){void 0===e&&(e="");var t="all";return e&&(t="search="+e),this.http.get(this.baseUrl+"/api/v2/admin/asap-user?"+t,{headers:this.headers(!1)})},n.prototype.getUserData=function(e){return void 0===e&&(e=null),null!==e?this.http.get(this.baseUrl+"/api/v2/admin/asap-user/"+e,{headers:this.headers(!1)}):this.http.get(this.baseUrl+"/api/v2/admin/asap-user",{headers:this.headers(!1)})},n.prototype.getUserForm=function(){return this.http.get(this.baseUrl+"/api/v2/admin/user/form",{headers:this.headers(!1)})},n.prototype.getAdressByCep=function(e){return this.http.get("http://viacep.com.br/ws/"+e+"/json/",{headers:new o.HttpHeaders({"Content-Type":"application/x-www-form-urlencoded"})})},n.prototype.remove=function(e){var t=this.baseUrl+"/api/v2/admin/user/delete/"+e;return this.http.delete(t,{headers:this.headers(!1)})},n.prototype.saveData=function(e,t){void 0===t&&(t=null);var n={Authorization:localStorage.getItem("token"),Accept:"application/json"};return null===t?this.http.post(this.baseUrl+"/api/v2/admin/asap-user/store",e,{headers:new o.HttpHeaders(n)}):this.http.put(this.baseUrl+"/api/v2/admin/asap-user/"+t+"/update",e,{headers:new o.HttpHeaders(n)})},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient}]},n}(r.BaseService);var fe=function(){function e(e,t,o,n,i,r){this.global=e,this.db=t,this.feedService=o,this.service=n,this.asapService=i,this.userService=r,this.comments=[],this.replyingComment=[],this.replyingResponse=[],this.limitCommentsTo=3,this.limitReplysTo=1,this.onLoadingLike=!1,this.onLoadingReply=!1,this.onLoadingComment=!1,this.isMarking=!1,this.loading=!1}return e.prototype.ngOnInit=function(){this.getComments(this.feed_id)},e.prototype.getComments=function(e){var t=this;this.db.collection(J().feed).doc(e).collection("comments",(function(e){return e.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(o){t.comments=[],o.map((function(o){var n=o.payload.doc.data();n.id=o.payload.doc.id,n.likeForMe=!1,n.limitReplysTo=0,t.db.collection(J().feed).doc(e).collection("comments").doc(n.id).collection("like").snapshotChanges().subscribe((function(e){n.likes=[],e.map((function(e){var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&o.user_info&&o.user_info.id===t.global.loggedUser().id&&(n.likeForMe=!0,n.likeForMeID=o.id),n.likes.push(o)}))})),t.db.collection(J().feed).doc(e).collection("comments").doc(n.id).collection("reply",(function(e){return e.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(e){n.replys=[],e.map((function(e){var t=e.payload.doc.data();t.id=e.payload.doc.id,n.replys.push(t)}))})),t.comments.push(n)}))}))},e.prototype.onReplyComment=function(e){this.replyingComment[e]?this.replyingComment[e]=!1:this.replyingComment[e]=!0},e.prototype.onReplyResponse=function(e){this.replyingResponse[e]?this.replyingResponse[e]=!1:this.replyingResponse[e]=!0},e.prototype.handleShowAllReplyResponse=function(e){0===this.comments[e].limitReplysTo?this.comments[e].limitReplysTo=this.comments[e].replys.length:this.comments[e].limitReplysTo=0},e.prototype.unmentionRemovedUsers=function(e){var t,o,n=[];if(this.mentionsList&&e)try{for(var i=G(this.mentionsList),r=i.next();!r.done;r=i.next()){var a=r.value;e.includes(a.name)&&n.push(a)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(o=i.return)&&o.call(i)}finally{if(t)throw t.error}}this.mentionsList=n},e.prototype.sendComment=function(e){this.unmentionRemovedUsers(e);var t={comment:e,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(J().feed).doc(this.feed_id).collection("comments");if(e.length>0){var n=this.mentionsList.map((function(e){return e.id}));this.userService.usersChecked({post_id:this.feed_id,user_id:n,comment:e,type:"comment"},{comments:!0}).subscribe(),this.onLoadingComment=!0,o.add(t);var i={source:"web",title:"Novo comentário",description:this.global.loggedUser().name+": "+e,user:this.global.loggedUser(),client_id:this.global.loggedUser().client_id,redirect:"/portal/"+this.feed_id};this.service.sendNotification(i,this.user,"feed"),this.comment="",this.mentionsList=[],this.onLoadingComment=!1}},e.prototype.replyComment=function(e,t,o,n){this.unmentionRemovedUsers(t);var i={comment:t,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(t.length>0){this.onLoadingReply=!0,this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").add(i);var r={source:"web",title:"Nova Resposta",description:this.global.loggedUser().name+" respondeu: "+t,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id},a=this.mentionsList.map((function(e){return e.id}));this.userService.usersChecked({post_id:this.feed_id,user_id:a},{comments:!0}).subscribe(),this.service.sendNotification(r,o,"feed"),this.reply="",this.onLoadingReply=!1,this.replyingComment[n]=!1,this.replyingResponse=[]}},e.prototype.deleteReply=function(e,t){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").doc(t).delete()},e.prototype.deleteComment=function(e){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).delete()},e.prototype.sendLikeComment=function(e,t,o){if(void 0===t&&(t=null),this.onLoadingLike=!0,o.likeForMe){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("like").doc(t).delete(),o.likeForMe=!1,this.onLoadingLike=!1}else{var n={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(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("like").add(n);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}},e.prototype.loadMoreComments=function(){this.limitCommentsTo=this.limitCommentsTo+3},e.prototype.loadMoreReplys=function(e){e.limitReplysTo=e.limitReplysTo+3},e.prototype.linkify=function(e){var t;if(t=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],t=new RegExp(t.join("|"),"gi"),e)return e.replace(t,(function(e,t,o,n,i){return t?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+t+'">'+t+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":n?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":e}))},e.prototype.onEditReply=function(e){this.editedReply=e.comment,e.onEdit?e.onEdit=!1:e.onEdit=!0},e.prototype.onEditComment=function(e){this.editedComment=e.comment,e.onEdit?e.onEdit=!1:e.onEdit=!0},e.prototype.updateComment=function(e,t){this.onLoadingComment=!0;var o={comment:this.editedComment,edited:!0,updated_at:Date.now()},n=this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e);t.length>0&&(n.update(o),this.editedComment="",this.onLoadingComment=!1)},e.prototype.updateReply=function(e,t,o){this.onLoadingReply=!0;var n={comment:o,updated_at:Date.now()};this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").doc(t.id).update(n),this.editedComment="",this.onLoadingReply=!1,t.onEdit=!1},e.prototype.mentionUser=function(e){this.mentionsList=this.mentionsList||[],this.mentionsList.push(e)},e.decorators=[{type:t.Component,args:[{selector:"feed-comments",template:'<form\n  *ngIf="global.loggedUser()"\n  [ngClass]="{ \'form-comment\': settings?.template === \'template-1\',\'box-input-feed\': settings?.template === \'template-2\' }"\n  matAutocompleteOrigin #origin="matAutocompleteOrigin"\n>\n  <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n  <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n    <i class="fa fa-user"></i>\n  </div>\n  <input #inputComment type="text" name="comment" [(ngModel)]="comment" (keyup.enter)="sendComment(comment)"\n    [disabled]="onLoadingComment" autocomplete="off" placeholder="{{ \'SendCommentFeed\' | translate }}">\n    <i class="bi bi-send-fill" (click)="sendComment(comment)" *ngIf="settings?.template === \'template-2\'"></i>\n  <div class="clearfix"></div>\n</form>\n<asap-auto-complete\n  [input]="inputComment"\n  (userSelected)="mentionUser($event)"\n  class="w-100"\n  fieldName="name"\n></asap-auto-complete>\n\n<div *ngFor="let comment of comments | slice:0:limitCommentsTo; let i=index">\n  <popover-content #myPopover placement="auto right" [closeOnClickOutside]="true" [closeOnMouseOutside]="false"\n    [animation]="true">\n    <div class=\'minibio\'>\n      <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" alt="">\n      <div class="info"><b>{{ comment?.user_info?.name }}</b><br />\n      </div>\n    </div>\n  </popover-content>\n  <a *ngIf="comment" [routerLink]="[\'/profile\',comment?.user_info?.id]">\n    <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" class="avatar-45" alt=""\n      [popover]="myPopover" [popoverOnHover]="true">\n    <div *ngIf="!comment?.user_info?.picture" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\n      <i class="fa fa-user"></i>\n    </div>\n  </a>\n  <div class="comments">\n    <ng-container *ngIf="global?.loggedUser() && !comment.onEdit">\n      <div class="feed-comment-option">\n        <button mat-icon-button [matMenuTriggerFor]="appMenu" *ngIf="comment?.user_info?.id == global?.loggedUser().id">\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #appMenu="matMenu">\n          <button mat-menu-item (click)="onEditComment(comment)">\n            <mat-icon>create</mat-icon>\n            {{ \'Edit\' | translate }}\n          </button>\n          <button mat-menu-item (click)="deleteComment(comment.id)">\n            <mat-icon>delete</mat-icon>\n            {{ \'Remove\' | translate }}\n          </button>\n        </mat-menu>\n      </div>\n    </ng-container>\n    <p *ngIf="!comment.onEdit"><b>{{ comment?.user_info?.name || \'Não Informado\' }}</b>\n       <br>\n      <span [innerHTML]="linkify(comment.comment)"></span>\n    </p>\n    <form class="form-comment-reply" *ngIf="comment.onEdit">\n      <input\n        class="editing-comment-input"\n        type="text"\n        [(ngModel)]="editedComment"\n        [disabled]="onLoadingReply"\n        (keyup.enter)="updateComment(comment.id, editedComment)"\n        (keyup.esc)="onEditComment(comment)"\n        name="editedComment"\n        placeholder="{{ \'Comment\' | translate }}"\n      >\n      <div class="clearfix"></div>\n    </form>\n\n    <small class="text-primary"><b>{{ comment?.likes?.length ? comment?.likes?.length : \'\' }}</b>\n      <a [ngClass]="{\'disabled-action\': onLoadingLike || !global?.loggedUser()}"\n        (click)="sendLikeComment(comment.id, comment?.likeForMeID, comment)">\n        <ng-container *ngIf="comment.likeForMe">\n          Curtiu\n        </ng-container>\n        <ng-container *ngIf="!comment.likeForMe">\n          Curtir\n        </ng-container>\n      </a>\n    </small> -\n\n    <small class="reply-comment text-primary m-0"><b>{{ comment?.replys?.length ? comment?.replys?.length : \'\' }} </b>\n      <a \n        [ngClass]="{\'disabled-action\': !global?.loggedUser()}" \n        (click)="handleShowAllReplyResponse(i)"\n      >\n        Respostas\n      </a>\n    </small> -\n    <small class="txt-gray m-0" *ngIf="comment?.edited">editado - </small>\n    <small class="txt-gray m-0">{{ comment.updated_at | amTimeAgo}} </small> -\n    <i\n      class="cursor-pointer fa fa-reply"\n      (click)="onReplyComment(i)"\n    ></i>\n    \x3c!-- Reply Section --\x3e\n    <form class="form-comment-reply" *ngIf="replyingComment[i] == true">\n      <input #replyInputComment type="text" [disabled]="onLoadingReply" [(ngModel)]="reply" name="reply"\n        (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)"\n        autocomplete="off" placeholder="{{ \'ReplyThisComment\' | translate }}">\n      <div class="clearfix"></div>\n    </form>\n    <asap-auto-complete\n      [input]="replyInputComment"\n      (userSelected)="mentionUser($event)"\n      class="w-100"\n      fieldName="name"\n    ></asap-auto-complete>\n    <ng-container *ngIf="comment.replys && comment.replys.length > 0">\n      <ng-container *ngFor="let subItem of comment.replys |  slice:0:comment.limitReplysTo let idx=index">\n        <popover-content #myPopover placement="auto right" [closeOnClickOutside]="true" [closeOnMouseOutside]="false"\n          [animation]="true">\n          <div class=\'minibio\'>\n            <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" class="avatar-45" alt="">\n            <div class="info"><b>{{ comment?.user_info?.name }}</b><br />\n            </div>\n          </div>\n        </popover-content>\n        <div class="reply-avatar">\n          <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" alt="" class="avatar-45-null"\n            [popover]="myPopover" [popoverOnHover]="true">\n          <div *ngIf="!subItem.user_info.picture || subItem.user_info.picture == \'\'" class="avatar-45-null">\n            <i class="fa fa-user"></i>\n          </div>\n        </div>\n\n        <div class="replys">\n          <ng-container *ngIf="global.loggedUser()">\n            <ng-container *ngIf="global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit">\n              <div class="feed-comment-option">\n                <button mat-icon-button [matMenuTriggerFor]="appSubMenu">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #appSubMenu="matMenu">\n                  <button mat-menu-item (click)="onEditReply(subItem)">\n                    <mat-icon>create</mat-icon>\n                    {{ \'Edit\' | translate }}\n                  </button>\n                  <button mat-menu-item (click)="deleteReply(comment.id, subItem.id)">\n                    <mat-icon>delete</mat-icon>\n                    {{ \'Remove\' | translate }}\n                  </button>\n                </mat-menu>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf="!subItem.onEdit">\n            <p> <b>{{ subItem.user_info.name || \'Não Informado\' }}</b> {{ subItem.comment }}</p>\n            <small class="txt-gray">{{ subItem.updated_at | amTimeAgo}} </small>\n          </ng-container>\n          <ng-container *ngIf="subItem.onEdit">\n            <form class="form-comment-reply form-reply-edited">\n              <input type="text" [disabled]="onLoadingReply" [(ngModel)]="editedReply" name="editedReply"\n                (keyup.enter)="updateReply(comment.id, subItem, editedReply)"\n                placeholder="{{ \'ReplyThisComment\' | translate }}">\n              <div class="clearfix"></div>\n            </form>\n          </ng-container>\n          <i \n            *ngIf="global?.loggedUser()?.id != subItem.user_info.id"\n            class="fa fa-reply cursor-pointer"\n            [ngClass]="{\'disabled-action\': !global?.loggedUser()}" \n            (click)="onReplyResponse(idx)"\n          >\n          </i>\n          <form \n            class="form-comment-reply form-reply-edited" \n            *ngIf="replyingResponse[idx] == true"\n          >\n            <input\n              #inputReply\n              type="text" \n              [disabled]="onLoadingReply" \n              [(ngModel)]="reply" \n              name="reply"\n              (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)"\n              autocomplete="off" \n              placeholder="{{ \'ReplyThisComment\' | translate }}"\n            >\n            <div class="clearfix"></div>\n          </form>\n          <asap-auto-complete\n            *ngIf="replyingResponse[idx] == true"\n            [input]="inputReply"\n            (userSelected)="mentionUser($event)"\n            class="w-100"\n            fieldName="name"\n          ></asap-auto-complete>\n        </div>\n\n      </ng-container>\n\n      \x3c!-- <ng-container *ngIf="comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)">\n        <div class="SeeMore on-reply">\n          <i class="fa fa-reply"></i>\n          <span (click)="loadMoreReplys(comment)" *ngIf="(comments?.length > limitCommentsTo)">\n            {{ comment.replys.length - comment.limitReplysTo}} {{ \'Replys\' | translate }}</span>\n        </div>\n      </ng-container> --\x3e\n    </ng-container>\n\n    \x3c!-- End Reply Section --\x3e\n\n\n  </div>\n</div>\n\n<ng-container *ngIf="(comments?.length > 2)">\n  <div class="SeeMore">\n    <span (click)="loadMoreComments()" *ngIf="(comments?.length > limitCommentsTo)">{{ \'SeeMore\' | translate }}\n      {{ comments?.length - limitCommentsTo}} {{ \'Comments\' | translate }}</span>\n  </div>\n</ng-container>\n',providers:[ue],styles:[".SeeMore{margin-bottom:10px;font-size:14px}.on-reply{font-size:13px;margin-top:-9px;margin-bottom:0;text-align:left!important;margin-left:65px}.on-reply span{margin-left:25px}.comments{margin:10px -15px!important}.comments .feed-comment-option{margin-top:0;margin-right:10px}.comments p{margin:11px 7px 10px 60px;font-size:14px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;background-color:#e6e6e6;padding:10px;border-radius:18px}.comments small{margin:5px 3px 5px 65px}.disabled-action{pointer-events:none;opacity:.6}.like-comment{margin:5px 3px 5px 65px}.reply-comment{margin-left:15px}.feed-comment-box{background-color:#f30;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;position:relative;white-space:normal}.reply-avatar{margin-left:56px;margin-top:5px}.replys{margin:5px 3px 5px 70px}.replys p{margin:0 8px 3px 31px!important;white-space:normal;word-wrap:break-word!important;background-color:#f5f3f3;padding:10px;border-radius:18px;width:calc(100% - 39px)!important}.replys .feed-comment-option{margin-top:0;margin-right:5px}.replys small{margin-left:35px}.form-comment-reply{width:100%;margin:0!important;padding:7px 0 10px 78px!important}.form-comment-reply input[type=text]{float:left;width:calc(100% - 15px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:8px 13px;outline:0}.form-comment-reply .editing-comment-input{padding-top:8px;margin-top:-11px;margin-left:-8px}.form-reply-edited{padding:0 0 9px 32px!important}.cursor-pointer{cursor:pointer}",'li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:n.AngularFirestore},{type:K},{type:se},{type:r.AsapService},{type:ue}]},e.propDecorators={inputComment:[{type:t.ViewChild,args:["inputComment",{static:!1}]}],replyInputComment:[{type:t.ViewChild,args:["replyInputComment",{static:!1}]}],inputReply:[{type:t.ViewChild,args:["inputReply",{static:!1}]}],settings:[{type:t.Input}],feed_id:[{type:t.Input}],user:[{type:t.Input}]},e}();var he=function(){function e(e,t,o,n,i){this.global=e,this.db=t,this.feedService=o,this.service=n,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 e.prototype.ngOnInit=function(){this.getLikes(),this.getComments(),this.getShareds()},e.prototype.getLikes=function(){var e=this;this.db.collection("likes",(function(t){return t.where("post_id","==",e.item.id)})).snapshotChanges().subscribe((function(t){e.likes=[],t.map((function(t){var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&(o.uid&&o.uid==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id),o.user_info&&o.user_info.id==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id)),e.likes.push(o)}))}))},e.prototype.getComments=function(){var e=this;this.db.collection(J().feed).doc(this.item.id).collection("comments").valueChanges().subscribe((function(t){e.comments=t}))},e.prototype.getShareds=function(){var e=this;this.db.collection("shareds",(function(t){return t.where("post_id","==",e.item.id)})).snapshotChanges().subscribe((function(t){e.shareds=[],t.map((function(t){console.log("Shareds ->",t);var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&(o.uid&&o.uid==e.global.loggedUser().id&&(e.sharedForMe=!0,e.sharedForMeID=o.id),o.user_info&&o.user_info.id==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id)),e.shareds.push(o)}))}))},e.prototype.sendLike=function(){var e=this;this.onSendLike?console.log("[sendLike] bloqueio..."):(this.onSendLike=!0,setTimeout((function(){console.log("[sendLike] enviando like...");var t={post_id:e.item.id,create_at:Date.now(),updated_at:Date.now(),user_info:{id:e.global.loggedUser().id,updated_at:Date.now(),name:e.global.loggedUser().name,picture:e.global.loggedUser().picture}};if(e.likeForMe){e.db.collection("likes").doc(e.likeForMeID).delete(),setTimeout((function(){e.onSendLike=!1}),1e3),e.likeForMe=!1}else{var o={title:"Nova curtida",description:e.global.loggedUser().name+" curtiu seu post",user:e.global.loggedUser(),redirect:"/portal/"+e.item.id,client_id:e.global.loggedUser().client_id};e.service.sendNotification(o,e.item.user_info,"feed");var n=e.db.collection("likes").add(t);console.log(n),setTimeout((function(){e.onSendLike=!1}),1e3)}}),100))},e.prototype.copyToClipBoard=function(e){var t=document.createElement("textarea");t.style.position="fixed",t.style.left="0",t.style.top="0",t.style.opacity="0",t.value=e,document.body.appendChild(t),t.focus(),t.select(),document.execCommand("copy"),document.body.removeChild(t),this.global.notification.success("Pronto!","Link copiado para a área de transferencia")},e.prototype.sharePost=function(e){void 0===e&&(e="link"),this.onSendShared=!1;var t={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 "+e,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(t)}this.onSendShared=!1;var n=window.location.origin+"/post/"+this.item.id,i="";"whatsapp"==e?(i=this.translate.instant("LookThisPostThatIFound").split("{{user_name}}").join(this.item.user_info.name)+"\n\n"+n,i="https://wa.me/?text="+encodeURIComponent(i),window.open(i)):"linkedin"==e?(i="https://www.linkedin.com/shareArticle?mini=true&url="+n+"&title="+encodeURIComponent("Gostei deste post do *"+this.item.user_info.name+"* que encontrei no Portal \n\n"+n),window.open(i)):"telegram"==e?(i="https://telegram.me/share/url?url="+n,window.open(i)):"link"==e?this.copyToClipBoard(n):"facebook"==e&&(i="https://www.facebook.com/sharer/sharer.php?u="+n,window.open(i))},e.decorators=[{type:t.Component,args:[{selector:"feed-actions",template:'\x3c!-- <popover-content #popoverShares \n                placement="placement"\n                [animation]="true" \n                [closeOnClickOutside]="true">\n        <div class="row p-2">\n            <div class="col-sm-12">\n                <b>Compartilhe este Post</b>\n                <p><a (click)="sharePost(\'whatsapp\')"><img src="https://image.flaticon.com/icons/svg/1384/1384055.svg" width="10%" alt="">Whatsapp</a></p>\n                <p><a (click)="sharePost(\'linkedin\')"><img src="https://image.flaticon.com/icons/svg/179/179330.svg" width="10%" alt="">Linkedin</a></p>\n                <p><a (click)="sharePost(\'telegram\')"><img src="https://image.flaticon.com/icons/svg/2111/2111646.svg" width="10%" alt="">Telegram</a></p>\n            </div>\n        </div>\n</popover-content>  *ngIf="global.loggedUser()"--\x3e\n\n<mat-card-actions>\n\n  <ng-container *ngIf="global.loggedUser()">\n    <div class="animated feed-actions">\n\n      <a class="icons" (click)="sendLike()" [ngClass]="{ \'is-liked\': likeForMe, \'disabled-like\': onSendLike }">\n        <i [ngClass]="{ \'fa fa-thumbs-up\': settings?.template === \'template-1\', \n        \'ph ph-heart\': settings?.template === \'template-2\' }"></i>\n        <div class="number">{{ 0 || likes?.length }}</div>\n      </a>\n\n      <a class="icons">\n        <i [ngClass]="{ \'fa fa-comments\': settings?.template === \'template-1\', \n        \'ph ph-chat-circle\': settings?.template === \'template-2\' }"></i>\n        <div class="number">{{ 0 || comments?.length }}</div>\n      </a>\n\n      <div class="dropdown minh-4" style="display:inline-block">\n        <a class="icons" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }"\n          id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n          <i [ngClass]="{ \'fa fa-share\': settings?.template === \'template-1\', \n          \'ph ph-share-fat\': settings?.template === \'template-2\' }"></i> \n          <div class="number">{{ 0 || shareds?.length }}</div>\n        </a>\n        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">\n          <a class="dropdown-item" (click)="sharePost(\'whatsapp\')"><i class="fa fa-whatsapp"></i> Whatsapp</a>\n          <a class="dropdown-item" (click)="sharePost(\'link\')"><i class="fa fa-clipboard"></i> Copiar Link</a>\n        </div>\n      </div>\n\n    </div>\n  </ng-container>\n</mat-card-actions>\n',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)}.icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}",'li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:n.AngularFirestore},{type:K},{type:se},{type:a.TranslateService}]},e.propDecorators={item:[{type:t.Input}],settings:[{type:t.Input}],portalName:[{type:t.Input}]},e}();var xe=function(e){function n(t,o,n){var i=e.call(this,t)||this;return i.http=t,i.global=o,i.router=n,i.entityName="",i.basePath="api/v2",i}return V(n,e),n.prototype.product=function(e){return this.getResources({router:"client/produto/"+e})},n.prototype.createProduct=function(e){return this.createResource(e,{router:"loja/produto"})},n.prototype.categories=function(){return this.getResources({router:"client/categoria/"+this.global.clientID()})},n.prototype.subCategories=function(e){return this.getResources({router:"client/subcategoria/"+this.global.clientID()+"/"+e})},n.prototype.subCategoryProducts=function(e,t){void 0===t&&(t=null);var o=null;return t&&(o="page="+t),this.getResources({router:"client/showcasefilter/"+e,query:o})},n.prototype.mainProducts=function(){return this.getResources({router:"client/produto/mais/vendidos/"+this.global.clientID()})},n.prototype.getMyProducts=function(){return this.getResources({router:"client/seller/"+this.global.loggedUser().id})},n.prototype.spotlightProducts=function(e,t){void 0===e&&(e=null),void 0===t&&(t="");var o="";return e&&(o="page="+e),""!=t&&""!=o&&(o+="&busca="+t),this.getResources({router:"client/showcase/"+this.global.clientID(),query:o})},n.prototype.order=function(e,t){return this.createResource(t,{router:"loja/pedido/"+e})},n.prototype.searchCep=function(e){return this.http.get("https://viacep.com.br/ws/"+e+"/json/")},n.prototype.checkUserExists=function(e){return this.getResources({router:"admin/verify/user?search="+e+"&client_id="+this.global.clientID()})},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient},{type:r.Global},{type:i.Router}]},n}(r.AsapBaseService);var ve=function(){function e(e,o,n,i,r,a,s,p,l,d){this.dialogRef=e,this.global=o,this.asapService=n,this.utilsService=i,this.sanitizer=r,this.streamService=a,this.productService=s,this.route=p,this.db=l,this.feed=d,this.published=new t.EventEmitter(!1),this.error=!1,this.entity={},this.newProduct=!0,this.selectedProduct={}}return e.prototype.ngOnInit=function(){this.tmpFileArray=[],this.progress=0,this.newProduct=!0,this.loadCategory(),this.loadMyProducts()},e.prototype.close=function(){var e=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(t){return q(e,void 0,void 0,(function(){return H(this,(function(e){return t.value&&this.dialogRef.close(),[2]}))}))}))},e.prototype.defaults=function(){return{fotos:[]}},e.prototype.loadSubCategory=function(e){var t=this;this.productService.subCategories(this.entity.categoria_id).subscribe((function(e){t.subCategory=e}))},e.prototype.addPicture=function(e){this.entity.fotos.push({img:e.path})},e.prototype.delPicture=function(e){},e.prototype.categoryName=function(e){if(this.category){var t=this.category.find((function(t){return t.id==e}));if(t)return t.name}return"NÃO SELECIONADO"},e.prototype.subCategoryName=function(e){if(this.subCategory){var t=this.subCategory.find((function(t){return t.id==e}));if(t)return t.subCategory}return"NÃO SELECIONADO"},e.prototype.onSave=function(){var e=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 t=0;t<this.images.length;t++)this.entity.fotos[t]={img:this.images[t].url};this.productService.createProduct(this.entity).subscribe((function(t){console.log("ResponseFeed"),e.tempProductData.id=t.produto.data.id,e.addPostOnFeed(),e.global.notification.success("Produto, cadastrado e anunciado com Sucesso")}),(function(e){console.error("Erro",e)}))}}else this.addPostOnFeed(),this.global.notification.success("Seu produto foi anunciado com Sucesso!")},e.prototype.loadCategory=function(){var e=this;this.productService.categories().subscribe((function(t){console.log("loadSubCategories",t),e.category=t.data}))},e.prototype.loadSubCategories=function(e){var t=this;console.log("loadSubCategories",e),this.productService.subCategories(e).subscribe((function(e){t.subCategory=e}))},e.prototype.loadMyProducts=function(){var e=this;this.productService.getMyProducts().subscribe((function(t){console.log("MyPrid",t),e.myProducts=t.data.produtos.data}),(function(t){e.global.notification.error("Ocorreu um problema ao processar sua requisição, entre em contato com o Administrador do Sistema")}))},e.prototype.addPostOnFeed=function(){console.log("Owner",this),console.log("Data Feed",this.tempProductData),this.share()},e.prototype.share=function(){var e=this;console.log("New Prodct 1",this.newProduct);var t=new ae;if(t.product=this.newProduct?this.tempProductData:this.selectedProduct,t.updated_at=Date.now(),t.type="announce",console.log("Post Data",t),console.log("New Prodct",this.newProduct),this.newProduct){if(t.title="<b>"+t.product.produto+"</b><br><br>"+t.product.descr,t.product=this.tempProductData,this.tmpFileArray||this.tmpFileArray.length>0){console.log(2),t.files=this.tmpFileArray,console.log("FILES ------------\x3e",t.files);var o=t.files.filter((function(t){return"video"===e.getTypeByMimeType(t.type)}));o.length>0&&(console.log(3),t.files[0].video_rendering=!0,t.files[0].video_low_rendering=!0,t.files[0].thumb_rendering=!0,this.streamService.status(o[0].url).subscribe((function(e){t.files[0].video_rendering=!e.p480,t.files[0].video_low_rendering=!e.p480_low,t.files[0].thumb_rendering=!e.thumb})))}}else if(!this.newProduct&&(t.title="<b>"+t.product.produto+"</b><br><br>"+t.product.descr,t.product.fotos.length>0)){for(var n=0;n<t.product.fotos.length;n++)console.log("Fotos ->",t.product.fotos[n]),t.product.fotos[n].url=t.product.fotos[n].img,t.product.fotos[n].type="image",delete t.product.fotos[n].img,t.files[n]=t.product.fotos[n];t.files.length==t.product.fotos.length&&console.log("Fotos",t)}console.log("SHARE",t),this.publish(t),this.feed.owner.published.emit(!0)},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:console.log("uploadFile(event)",e),t=function(t){var n,i,r,a,s,p,d,c,m;return H(this,(function(g){switch(g.label){case 0:return console.log("Target Files",t),n=window.URL.createObjectURL(t),o.sanitizer.bypassSecurityTrustUrl(n),(i=new ie).type=o.getTypeByMimeType(t.type),i.status=0,i.thumb_rendering=!1,i.video_rendering=!1,i.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(swal.fire("Ops...","Você só pode enviar 1 vídeo por postagem","error"),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>8&&(swal.fire("Ops...","Você só pode enviar até 9 imagens por postagem","error"),r=!0),r?[3,6]:"image"!==o.getTypeByMimeType(t.type)?[3,5]:"image/gif"!=t.type?[3,2]:(i.name=o.utilsService.uid()+".gif",a=i,[4,o.readGIF(t)]);case 1:return a.url=g.sent(),o.tmpFileArray.push(i),[3,4];case 2:return s=t.name.split("."),p=s[s.length-1],d=i,[4,o.resizeImages(t,800)];case 3:d.url=g.sent(),i.name=o.utilsService.uid()+"."+p,o.tmpFileArray.push(i),g.label=4;case 4:return[3,6];case 5:"video"===o.getTypeByMimeType(t.type)&&(o.uploadingVideo=!0,console.log("Realizar Upload de Video",i),(c=e.target.files[0])&&(m=o.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(c)),i.name=m,o.tmpFileArray.push(i),console.log("Result",m)),o.streamService.uploadFile(t).subscribe((function(e){return q(l,void 0,void 0,(function(){var t;return H(this,(function(o){switch(o.label){case 0:return e.loaded&&(i.status=(100*e.loaded/e.total).toFixed(0)),e.body?(t=i,[4,e.body.uuidVideo]):[3,2];case 1:t.url=o.sent(),this.uploadingVideo=!1,console.log("Pronto!",e),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]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.checkUploading=function(){return this.tmpFileArray.filter((function(e){return""===e.url})).length>0},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkIfHasEmbededVideo=function(e){if(e)return e.includes("vimeo")?{url:"//player.vimeo.com/video/"+e.split("/")[4]}:e.includes("youtube")?{url:"//www.youtube.com/embed/"+e.split("=")[1]}:e},e.prototype.publish=function(e){var t,o,n,i=this;console.log("Publish()",1,e),this.uploading=!0,this.progress=0;var r=0;if(e.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(e){return"image"===i.getTypeByMimeType(e.type)})),s=98/a.length;if(a.length>0){console.log("Publish()",3,a);var p=function(t){setTimeout((function(){i.utilsService.uploadFile("images/"+t.name,t.url),i.utilsService.percentage.subscribe((function(e){console.log("TO RODANDO EIM",e),t.status=e})),i.utilsService.task.snapshotChanges().subscribe((function(o){return q(i,void 0,void 0,(function(){var i,p=this;return H(this,(function(d){return o.bytesTransferred===o.totalBytes&&(r++,this.progress+=s,console.log("PROGRESS",this.progress),i=e.files.findIndex((function(e){return e.name===t.name})),!n&&e.files[i]&&this.utilsService.getFireStorageURL("images/"+e.files[i].name).subscribe((function(e){n=e})),delete e.files[i].url,r==a.length&&(console.log("Criando Feed"),this.db.collection(J().feed).add(l.classToPlain(e)).then((function(t){p.db.collection(J().feed).doc(t.id).update({id:t.id}),p.title="",p.progress=null,p.uploading=null,p.tmpFileArray=[],console.log("Publish()",4),console.log("Data ->",e)})))),[2]}))}))}),(function(e){console.error("Error",e)}))}))};try{for(var d=G(a),c=d.next();!c.done;c=d.next()){p(c.value)}}catch(e){t={error:e}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(t)throw t.error}}}else{console.log("Publish()",5),console.log(e,this.tmpFileArray);var m=this.db.collection(J().feed);console.log("Data ->",e),m.add(l.classToPlain(e)).then((function(e){i.db.collection(J().feed).doc(e.id).update({id:e.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(e,this.tmpFileArray),console.log("Data ->",e),(m=this.db.collection(J().feed)).add(l.classToPlain(e)).then((function(e){i.db.collection(J().feed).doc(e.id).update({id:e.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}console.log("Publish()",0,J().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})},e.decorators=[{type:t.Component,args:[{selector:"modal-announce",template:'<div mat-dialog-content>\n   <div class="row mt-4" *ngIf="progress">\n      <div class="col-sm-12">\n         <mat-progress-bar mode="determinate" [value]="progress">{{ progress }}%</mat-progress-bar>\n      </div>\n   </div>\n   <mat-horizontal-stepper #steper [linear]="true">\n      <mat-step label="Anúncio" [stepControl]="false">\n         <form #formAnuncio="ngForm" validate>\n            <div class="row mt-2">\n               <div class="col-sm-12">\n                  <b>{{ \'AnnouceQuestionText\' | translate }}</b><br>\n               </div>\n               <div class="col-sm-12 mt-3">\n                  \n                  <mat-radio-group required [(ngModel)]="newProduct" name="newProduct">\n                     <mat-radio-button class="mr-3" [value]="true" [checked]="true">Novo Produto </mat-radio-button>\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>\n                  </mat-radio-group>\n               </div>\n            </div>\n            <div class="row mt-4" *ngIf="!newProduct">\n               <div class="col-sm-12">\n                  <b>{{ \'AnnouceProuctQuestionText\' | translate }}</b>\n               </div>\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="Selecione o Produto" class="w-100" name="selectedProduct"\n                        [(ngModel)]="selectedProduct">\n                        <mat-option *ngFor="let row of myProducts" [value]="row"> {{ row.produto }}</mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <ng-container *ngIf="selectedProduct">\n                  <div class="row container">\n                     <ng-container *ngIf="selectedProduct.fotos">\n                        <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\n                           <img [src]="item.img" class="img-thumbnail img-responsive"\n                              style="width: 100%;height: 170px;object-fit: cover;">\n                        </div>\n                     </ng-container>\n                  </div>\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\n                           name="produto" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\n                           placeholder="De R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\n                           placeholder="Até R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">{{  \'MinQuantity\' | translate }}</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="selectedProduct.hashtag" name="hashtag" placeholder="Palavra-chave"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\n                           [(ngModel)]="selectedProduct.descr" placeholder="Descrição" name="descr"\n                           [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">0 / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\n                     <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\n                     <mat-radio-group [(ngModel)]="selectedProduct.adaptation" name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\n                        <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n\n            <div class="row mt-4" *ngIf="newProduct">\n               <div class="col-sm-12">\n                  <div class="alert alert-primary" role="alert">\n                       {{ \'AnnounceProductAddText\' | translate }} \n                  </div>\n               </div>\n               <div class="col-sm-12">\n                  <b>{{ \'AnnounceInformationText\' | translate }}</b>\n               </div>\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <input matInput placeholder="{{ \'ProductName\' | translate }}" [(ngModel)]="entity.produto" name="produto" required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-6">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="{{ \'ProductCategory\' | translate }}" class="w-100" [(ngModel)]="entity.categoria_id"\n                        (ngModelChange)="loadSubCategories(entity.categoria_id)" name="categoria_id">\n                        <mat-option *ngFor="let row of category" [value]="row.id"><i class="{{ row.icon }}"></i>\n                           {{ row.name }}\n                        </mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-6">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="{{ \'ProductSubCategory\' | translate }}" class="w-100" [(ngModel)]="entity.subcategoria_id"\n                        [disabled]="!entity.categoria_id || !subCategory" name="subcategoria_id">\n                        <mat-option *ngFor="let row of subCategory" [value]="row.id">{{ row.subCategory }}\n                        </mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="{{ \'ProductValueAt\' | translate }}"\n                        required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="{{ \'ProductValueEnd\' | translate }}"\n                        required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\n                        placeholder="Quantidade Mínima" required>\n                     <mat-hint class="pull-right">{{ \'AnnounceMinimalQuantity\' | translate }}</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <input matInput [(ngModel)]="entity.hashtag" name="hashtag" placeholder="Palavra-chave" required>\n                     <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <textarea rows="5" matInput #descr maxlength="300" name="descr" maxlength="300"\n                        [(ngModel)]="entity.descr" placeholder="{{ \'AnnounceProuctDescription\' | translate }}" required></textarea>\n                     <mat-hint class="pull-right">0 / 300</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12 mt-1">\n                  <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\n                  <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\n                  <mat-radio-group [(ngModel)]="entity.adaptation" required name="adaptation">\n                     <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\n                     <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\n                  </mat-radio-group>\n               </div>\n\n            </div>\n         </form>\n      </mat-step>\n\n      <mat-step label="Imagens" [stepControl]="false" *ngIf="newProduct">\n         <ng-container>\n            <div class="row " *ngIf="tmpFileArray.length <= 0">\n               <div class="col-sm-12 mx-auto text-center img-box-upload clickable">\n                  <label>\n                     <p>Adicione aqui imagens ou vídeos para destacar o seu produto</p>\n                     <img src="https://image.flaticon.com/icons/svg/1515/1515643.svg">\n                     <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n                  </label>\n               </div>\n            </div>\n            <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n               <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                  <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\n                     \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\n                              <p class="tmp-file-status-title">Enviando...</p>\n                              <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\n                              </div> --\x3e\n                     <div class="tmp-file-buttons-overlay">\n                        <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n                           <span class="fa fa-remove"></span>\n                        </button>\n                     </div>\n                     <div class="tmp-file-content outline-bordered">\n                        <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload "\n                           *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n                        <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'"\n                           loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\n                           <source [src]="file.name" />\n                        </video>\n                     </div>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n      </mat-step>\n\n      <mat-step label="Finalizar" [stepControl]="false">\n         <div class="row">\n            <div class="col-sm-12">\n               <b>Verifique o seu anúncio antes de Confirmar</b>\n            </div>\n         </div>\n         <ng-container *ngIf="newProduct">\n            <ng-container>\n               <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                  <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                     <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\n                        \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\n                                             <p class="tmp-file-status-title">Enviando...</p>\n                                             <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\n                                             </div> --\x3e\n                        \x3c!-- <div class="tmp-file-buttons-overlay">\n                                 <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n                                    <span class="fa fa-remove"></span>\n                                 </button>\n                              </div> --\x3e\n                        <div class="tmp-file-content outline-bordered">\n                           <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload img-thumbnail"\n                              *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n                           <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay\n                              [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\n                              <source [src]="file.name" />\n                           </video>\n                        </div>\n                     </div>\n                  </ng-container>\n               </div>\n            </ng-container>\n            <div class="row">\n               <ng-container *ngIf="entity">\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="entity.produto" name="produto"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="De R$"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="Até R$"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">Quantidade minima.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="entity.hashtag" placeholder="Palavra-chave" name="hashtag"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300" [(ngModel)]="entity.descr"\n                           name="descr" placeholder="Descrição" [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">{{entity?.descr?.length}} / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>Aceita adaptações neste produto?</b>\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\n                        essas\n                        adaptações\n                        ao seu produto para atendê-lo?</p>\n                     <mat-radio-group name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" [checked]="(entity.adaptation == \'sim\')? true : false">Sim\n                        </mat-radio-button>\n                        <mat-radio-button [checked]="(entity.adaptation == \'nao\')? true : false">Não</mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n\n         <ng-container *ngIf="!newProduct">\n            <div class="row">\n               <ng-container *ngIf="selectedProduct?.fotos">\n                  <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\n                     <img [src]="item.img" class="img-thumbnail img-responsive"\n                        style="width: 100%;height: 170px;object-fit: cover;">\n                  </div>\n               </ng-container>\n            </div>\n            <div class="row">\n               <ng-container *ngIf="selectedProduct">\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\n                           name="produto" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\n                           placeholder="De R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\n                           placeholder="Até R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">Quantidade minima.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="selectedProduct.hashtag" placeholder="Palavra-chave" name="hashtag"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\n                           [(ngModel)]="selectedProduct.descr" name="descr" placeholder="Descrição"\n                           [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">{{selectedProduct?.descr?.length}} / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>Aceita adaptações neste produto?</b>\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\n                        essas\n                        adaptações\n                        ao seu produto para atendê-lo?</p>\n                     <mat-radio-group name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" [checked]="(selectedProduct.adaptation == \'sim\')? true : false">\n                           Sim\n                        </mat-radio-button>\n                        <mat-radio-button [checked]="(selectedProduct.adaptation == \'nao\')? true : false">Não\n                        </mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n      </mat-step>\n   </mat-horizontal-stepper>\n\n</div>\n<div mat-dialog-actions>\n   <div class="w-50">\n      <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="close()" [disabled]="uploading">\n         <span>\n            <span>Fechar</span>\n         </span>\n      </button>\n      <label *ngIf="steper.selectedIndex == 1 && newProduct">\n         <a class="btn btn-feed btn-round btn-primary">\n            <span>Foto/Vídeo</span>\n         </a>\n         <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n      </label>\n   </div>\n   <div class="w-50 text-right">\n      <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.previous()"\n         [disabled]="uploading" *ngIf="steper.selectedIndex != 0">\n         <span>\n            <span>Anterior</span>\n         </span>\n      </button>\n\n      <ng-container *ngIf="newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\n            [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex != 2">\n            <span>\n               <span>Próximo</span>\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="!newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\n            [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex == 0">\n            <span>\n               <span>Próximo</span>\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\n            [disabled]="!formAnuncio.valid || tmpFileArray.length <= 0" *ngIf="steper.selectedIndex == 2">\n            <span *ngIf="!uploading &&!uploadingVideo">\n               <span>Publicar</span>\n            </span>\n            <span *ngIf="uploading">\n               <i class="fa fa-spin fa-spinner"></i>\n               Salvando\n            </span>\n            <span *ngIf="uploadingVideo">\n               <i class="fa fa-spin fa-spinner"></i>\n               Enviando Vídeo\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="!newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\n            [disabled]="!formAnuncio.valid || selectedProduct.fotos <= 0" *ngIf="steper.selectedIndex == 1">\n            <span *ngIf="!uploading && !uploadingVideo">\n               <span>Publicar</span>\n            </span>\n            <span *ngIf="uploading">\n               <i class="fa fa-spin fa-spinner"></i>\n               Salvando\n            </span>\n            <span *ngIf="uploadingVideo">\n               <i class="fa fa-spin fa-spinner"></i>\n               Enviando Vídeo\n            </span>\n         </button>\n      </ng-container>\n   </div>\n</div>',providers:[r.AsapService,r.Global,te,xe],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:m.MatDialogRef},{type:r.Global},{type:r.AsapService},{type:se},{type:p.DomSanitizer},{type:te},{type:xe},{type:i.ActivatedRoute},{type:n.AngularFirestore},{type:void 0,decorators:[{type:t.Inject,args:[m.MAT_DIALOG_DATA]}]}]},e.propDecorators={images:[{type:t.Input}],file:[{type:t.ViewChild,args:["file",{static:!1}]}],published:[{type:t.Output}]},e}();var ye=function(){function e(e,o,n,i,r,a,s,p,l,d){this.global=e,this.feedService=o,this.asapService=n,this.userService=i,this.sanitizer=r,this.streamService=a,this.utilsService=s,this.db=p,this.http=l,this.dialog=d,this.announce=!1,this.hideFilterByMe=!1,this.feedCreated=new t.EventEmitter,this.filter=new t.EventEmitter,this.users=[],this.title=null,this.type="post",this.disabled=!1,this.message="Digite acima o nome da pessoa que deseja marcar, em seguida pressione [ENTER]",this.selectedUsers={},this.listType="search",this.filterByMe=!1}return e.prototype.ngOnInit=function(){this.tmpFileArray=[],console.log("Prefix Publication ->",J().feed),this.getNewFeed()},e.prototype.loadUsers=function(e){var t=this,o=e;this.users=null,this.listType="search",""!=o&&(this.message="Nenhum usuário encontrado!",this.userService.getAllUsers(o).subscribe((function(e){t.users=e.data.map((function(e){return{id:e.user_info.user_id,name:e.user_info.user_name,email:e.email,picture:e.picture}}))})))},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:t=function(e){var t,n,i,r,a,s,p,d;return H(this,(function(c){switch(c.label){case 0:return(t=new ie).type=o.getTypeByMimeType(e.type),t.thumb_rendering=!1,t.video_rendering=!1,t.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),n=!0),n?[3,7]:"image"!==o.getTypeByMimeType(e.type)?[3,5]:"image/gif"!=e.type?[3,2]:(t.name=o.streamService.uid()+".gif",i=t,[4,o.readGIF(e)]);case 1:return i.url=c.sent(),o.tmpFileArray.push(t),[3,4];case 2:return r=e.name.split("."),a=r[r.length-1],s=t,[4,o.resizeImages(e,800)];case 3:s.url=c.sent(),t.name=o.streamService.uid()+"."+a,o.tmpFileArray.push(t),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(e.type)?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",t),(p=e)&&(d=URL.createObjectURL(p),t.name=d,o.tmpFileArray.push(t),console.log("[uploadFile] if reader",d)),o.uploading=!0,[4,o.streamService.uploadFile(e).subscribe((function(e){console.log("[uploadFile] Response",t),e.body||(e.total&&(t.status=(100*e.loaded/e.total).toFixed(0)),l.progress=t.status),e.body&&e.body.file&&(console.log("[uploadFile] Response Uploaded",e),t.status=101,t.url=e.body.file.secure_url,l.videoSendedID=t.url,l.uploading=!1,l.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",t),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.share=function(){var e=this,t=new ae;for(var o in t.updated_at=Date.now(),t.title=this.title,t.type=this.type,t.selected_users=[],t.selected_users_data=[],this.selectedUsers)this.selectedUsers[o]&&(t.selected_users.push(o),t.selected_users_data.push({id:o,name:this.selectedUsers[o].name,picture:this.selectedUsers[o].picture,email:this.selectedUsers[o].email}));(this.tmpFileArray||this.tmpFileArray.length>0)&&(t.files=this.tmpFileArray,t.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,t.ref=o.url,t.status=!1,e.streamService.status(o.url).subscribe((function(e){o.video_rendering=!e.p480,o.video_low_rendering=!e.p480_low,o.thumb_rendering=!e.thumb}))))}))),console.log("share",t),this.publish(t).then((function(o){e.userService.usersChecked({post_id:o,user_id:t.selected_users,comment:t.title,type:"post"},{comments:!0}).subscribe()})),this.selectedUsers=[]},e.prototype.confirmShare=function(){var e=this;v.fire({title:"Podemos compartilhar seu post?",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(t){t.value&&e.share()}))},e.prototype.publish=function(e){var t=this;return new Promise((function(o){var n,i,r;if(console.log("Publish()",1,e),e.title&&""!==e.title){t.uploading=!0,t.progress=0;var a=0;if(e.user_info={id:t.global.loggedUser().id,name:t.global.loggedUser().name,picture:t.global.loggedUser().picture,updated_at:Date.now()},"embed"==t.type){var s={name:t.embedFile,url:t.embedFile,type:"embed"};t.tmpFileArray.push(s)}if("embed"!=t.type)if(t.tmpFileArray&&t.tmpFileArray.length>0){console.log("this.tmpFileArray",t.getTypeByMimeType(t.tmpFileArray[0].type)),console.log("Publish()",2);var p=t.tmpFileArray.filter((function(e){return"image"===t.getTypeByMimeType(e.type)})),d=98/p.length;if(p.length&&""===e.title)return void t.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto junto à sua imagem/vídeo."});if(p.length>0){var c=function(n){setTimeout((function(){t.utilsService.uploadFile("images/"+n.name,n.url),t.utilsService.percentage.subscribe((function(e){n.status=e})),t.utilsService.task.snapshotChanges().subscribe((function(i){return q(t,void 0,void 0,(function(){var t,s=this;return H(this,(function(c){return i.bytesTransferred===i.totalBytes&&(a++,this.progress+=d,console.log("PROGRESS",this.progress),t=e.files.findIndex((function(e){return e.name===n.name})),!r&&e.files[t]&&this.utilsService.getFireStorageURL("images/"+e.files[t].name).subscribe((function(e){r=e})),delete e.files[t].url,a==p.length&&(console.log("Criando Feed"),this.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){s.db.collection(J().feed).doc(e.id).update({id:e.id}),s.feedCreated.emit(e.id),o(e.id)})),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],console.log("Publish()",4))),[2]}))}))}),(function(e){console.error("Error",e)}))}))};try{for(var m=G(p),g=m.next();!g.done;g=m.next()){c(g.value)}}catch(e){n={error:e}}finally{try{g&&!g.done&&(i=m.return)&&i.call(m)}finally{if(n)throw n.error}}}else{console.log("Publish()",5),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],o(e.id)}))}}else{console.log("Publish()",5),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],o(e.id)}))}else e.files=t.tmpFileArray,console.log("Publish(Embed)",6),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],t.embedFile=null,t.type="post",o(e.id)}));console.log("Publish()",0,J().feed),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],t.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})}else v.fire({title:"Podemos compartilhar seu post??",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"})}))},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkPublicationType=function(e){console.log("Event ->",event),e.length&&e.length>35&&this.isValidUrl(e)&&(console.log("checkPublicationType",e),e.includes("youtu")||e.includes("youtube")?(this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=e.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):e.includes("spotify")&&(this.uploading=!0,this.type="embed",this.embedFile=e.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1))},e.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post"},e.prototype.isValidUrl=function(e){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(e)},e.prototype.openAnnounceModal=function(){this.dialog.open(ve,{width:"55%",minHeight:"95%",maxHeight:"100%",closeOnNavigation:!1,disableClose:!0,data:{owner:this,tmpFileArray:this.tmpFileArray}})},e.prototype.reload=function(){this.filter.emit(this.filterByMe)},e.prototype.selectUser=function(e,t){e.target.checked?this.selectedUsers[t.id]=t:delete this.selectedUsers[t.id]},e.prototype.showSelected=function(){for(var e in this.listType="checked",this.users=[],this.selectedUsers)this.users.push(this.selectedUsers[e])},e.prototype.openModal=function(){this.newfeed?$("#publicationModal").modal():this.confirmShare()},e.prototype.getNewFeed=function(){var e=this;this.selectedUsers=[],this.asapService.basePath="api/v2/admin",this.asapService.entityName="color",this.asapService.getResource(this.global.loggedUser().client_id).subscribe((function(t){e.newfeed=t.data.newfeed}))},e.decorators=[{type:t.Component,args:[{selector:"feed-publication",template:'<div *ngIf="global.loggedUser()" class="form-feed mt-4">\n  <div class="box-publication">\n    <div class="box-input-feed">\n      <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n      <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n        <i class="fa fa-user"></i>\n      </div>\n      <ng-container *ngIf="settings?.template === \'template-1\'">\n        <textarea name="compartilhe-experiencias" class="form-control" autocomplete="compartilhe-experiencias" [(ngModel)]="title" id="" rows="3"\n          placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\n        <div class="clearfix"></div>\n      </ng-container>\n      <ng-container *ngIf="settings?.template === \'template-2\'">\n        <input name="compartilhe-experiencias" type="text" autocomplete="compartilhe-experiencias" [(ngModel)]="title" placeholder="{{ \'SharedPlaceholderText\' | translate }}"\n          (input)="checkPublicationType(title)" />\n        <i class="bi bi-send-fill" (click)="openModal()"></i>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf="settings?.template === \'template-2\'">\n      <div class="send" *ngIf="global?.loggedUser()">\n        <div *ngIf="global?.loggedUser()">\n          <ng-container *ngIf="type != \'embed\'">\n            <label>\n              <a>\n                <i class="bi bi-image"></i>\n                <p>{{ \'ImageAndVideo\' | translate }}</p>\n              </a>\n              <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n            </label>\n          </ng-container>\n          <ng-container *ngIf="type == \'embed\'">\n            <a (click)="removeEmbedFiles()">\n              <i class="bi bi-x-circle"></i>\n              {{ \'Remove\' | translate }}\n            </a>\n          </ng-container>\n          <ng-container *ngIf="announce">\n            <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\n              <a (click)="openAnnounceModal()">\n                <span class="text">\n                  {{ \'Announce\' | translate }}\n                </span>\n              </a>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n\n  <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n\n    <div class="col-sm-4 mb-4 tmp-file-wrapper" [ngClass]="{\'overlayed\': progress > 0}"\n      *ngFor="let file of tmpFileArray">\n      <div class="tmp-file-buttons-overlay">\n        <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n          <span class="fa fa-remove"></span>\n        </button>\n        <ng-container *ngIf="getTypeByMimeType(file.type) === \'video\'">\n          <h4 *ngIf="file.status <= 100" class="text-overlay-video">{{ file.status }}<span>%</span></h4>\n        </ng-container>\n      </div>\n      <div class="tmp-file-content outline-bordered">\n        <img (click)="ExpandImg(file.fileSanitized)" [src]="file.url || file.fileSanitized"\n          class="img-responsive tmp-upload " *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n        <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'" loop\n          *ngIf="getTypeByMimeType(file.type) === \'video\'">\n          <source [src]="file.name | safe:\'resourceUrl\'" />\n        </video>\n      </div>\n\n    </div>\n  </div>\n\n  <div class="row" *ngIf="type == \'embed\'">\n    <div class="col-sm-12">\n      <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="tmpEmbedFile" frameborder="0"\n        allowfullscreen></iframe>\n    </div>\n  </div>\n\n  <div class="row mt-4" *ngIf="settings?.template === \'template-1\'">\n\n    <div class="col-8" *ngIf="global?.loggedUser()">\n      <ng-container *ngIf="type != \'embed\'">\n        <label>\n          <a class="btn btn-feed btn-round btn-primary mr-2">\n            <span>{{ \'ImageAndVideo\' | translate }}</span>\n          </a>\n          <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n        </label>\n      </ng-container>\n      <ng-container *ngIf="type == \'embed\'">\n        <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\n          {{ \'Remove\' | translate }}\n        </button>\n      </ng-container>\n\n      <ng-container *ngIf="announce">\n        <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\n          <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()">\n            <span class="text">{{ \'Announce\' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class="col-4 text-right">\n      <button class="btn btn-feed btn-primary" (click)="openModal()">\n        <span *ngIf="!uploading">\n          <span>{{ \'Publish\' | translate }}</span>\n        </span>\n        <span *ngIf="uploading">\n          <i class="fa fa-spin fa-spinner"></i>\n          {{ \'Processing\' | translate }}\n        </span>\n      </button>\n    </div>\n  </div>\n</div>\n\n<div *ngIf="newfeed && !hideFilterByMe" class="custom-checkbox mt-1 mb-3 ml-1">\n  <input id="check-filter" [(ngModel)]="filterByMe" (change)="reload()" name="check" type="checkbox" value="">\n  <label for="check-filter">Mostrar apenas postagens em que estou marcado</label>\n</div>\n\n<div class="modal modal-publication fade" id="publicationModal" tabindex="-1" aria-labelledby="publicationModalLabel"\n  aria-hidden="true">\n  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">\n    <div class="modal-content">\n      <div class="modal-header">\n        <div class="modal-header-text">\n          <img src="./assets/img/posts.png" class="icon" alt="">\n          <div class="ml-3 mt-1">\n            <h5 class="modal-title" id="publicationModalLabel">Marcar na postagem</h5>\n            <p>Escolha os usuários que deseja mencionar nesta postagem</p>\n          </div>\n        </div>\n        <div class="input-search">\n          <div class="preffix">\n            <i class="bi bi-search"></i>\n          </div>\n          <input #searchUser type="text" (keyup.enter)="loadUsers($event.srcElement.value)"\n            placeholder="Digite o nome da pessoa que deseja marcar">\n        </div>\n      </div>\n      <div class="modal-body">\n\n        <ul class="filter-users">\n          <li class="cursor-pointer" [class.active]="listType == \'search\'" (click)="loadUsers(searchUser.value)">\n            Resultado da busca</li>\n          <li class="cursor-pointer" [class.active]="listType == \'checked\'" (click)="showSelected()">Marcados</li>\n        </ul>\n\n        <ul class="user-list">\n          <li *ngFor="let user of users; let i = index">\n            <img src="{{ user.picture }}" class="avatar" alt="">\n\n            <div class="user-data">\n              <h5>{{ user.name }}</h5>\n              <p>{{ user.email }}</p>\n            </div>\n\n            <div *ngIf="selectedUsers" class="custom-checkbox" style="margin-top: -16px;">\n              <input id="check-{{ i }}" name="check" type="checkbox" (change)="selectUser($event, user)"\n                [checked]="selectedUsers[user.id]">\n              <label for="check-{{ i }}"></label>\n            </div>\n\n          </li>\n        </ul>\n\n        <div class="alert alert-warning" role="alert" *ngIf="users && users.length == 0">\n          <small>{{ message }}</small>\n        </div>\n\n        <div *ngIf="users == null">\n          <div class="w-100">\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n          </div>\n        </div>\n\n      </div>\n      <div class="modal-footer d-flex justify-content-between">\n        <a data-dismiss="modal">Voltar</a>\n        <button type="button" data-dismiss="modal" (click)="confirmShare()" class="btn btn-primary">Finalizar e\n          publicar</button>\n      </div>\n    </div>\n  </div>\n</div>\n',providers:[te,ue,r.AsapService],styles:['.text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}.modal-publication .modal-content{padding:0 1rem}.modal-publication .modal-body,.modal-publication .modal-footer,.modal-publication .modal-header{border:none}.modal-publication .modal-header{display:block}.modal-publication .modal-header .modal-header-text{width:100%;display:flex;align-items:center;justify-content:flex-start}.modal-publication .modal-header .modal-header-text .icon{width:75px}.modal-publication .modal-header .input-search{display:flex;width:100%;margin-top:24px}.modal-publication .modal-header .input-search .preffix{display:flex;align-items:center;justify-content:center;width:55px;border:none;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#e9e9e9;padding:10px 16px!important;color:#656565}.modal-publication .modal-header .input-search .preffix i{font-size:24px}.modal-publication .modal-header .input-search input[type=text]{width:calc(100% - 55px);border:none;background-color:#e9e9e9;box-shadow:none;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:10px!important;outline:0;color:#656565}.modal-publication .modal-body .user-list li{display:flex;align-items:center;padding:16px;border:1px solid #e9e9e9;border-radius:8px;margin-bottom:16px}.modal-publication .modal-body .user-list li .avatar{width:45px;height:45px;border-radius:50%}.modal-publication .modal-body .user-list li .user-data{width:calc(100% - 70px);padding:7px 16px 0}.custom-checkbox{position:relative}.custom-checkbox label{display:block;padding:0 0 0 36px}.custom-checkbox input{position:absolute;top:0;left:0;width:24px;height:24px;opacity:0}.custom-checkbox input+label::before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid}.custom-checkbox input+label::after{content:"";position:absolute;top:5px;left:8px;width:8px;height:12px;border:3px solid;border-left:0;border-top:0;opacity:0;transform:rotate(45deg);transition:opacity .2s ease-in-out}.custom-checkbox input:checked+label::after{opacity:1}.dropdown-publication{margin-bottom:16px}.dropdown-publication .dropdown-toggle{display:flex;align-items:center}.dropdown-publication .dropdown-toggle::after{display:none}.dropdown-publication .dropdown-toggle span{font-size:18px;font-weight:500;margin-left:12px}.dropdown-publication .dropdown-menu{max-width:300px;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);margin-top:16px;padding:16px;border:none}.filter-users{display:flex;margin-bottom:16px}.filter-users li{margin-right:16px;font-weight:600}.filter-users li.active{text-decoration:underline}','li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:K},{type:r.AsapService},{type:ue},{type:p.DomSanitizer},{type:te},{type:se},{type:n.AngularFirestore},{type:o.HttpClient},{type:m.MatDialog}]},e.propDecorators={announce:[{type:t.Input}],hideFilterByMe:[{type:t.Input}],settings:[{type:t.Input}],feedCreated:[{type:t.Output}],filter:[{type:t.Output}]},e}();var we=function(e){function n(t,o){var n=e.call(this,t)||this;return n.http=t,n.global=o,n.isSubscriber=!1,n.basePath="api/v2/admin",n.entityName="channel",n.isSubscriber=!1,n}return V(n,e),n.prototype.channelLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"videos",query:"page="+t})},n.prototype.channeGrouplLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"videos",query:"page="+t+"&group"})},n.prototype.fileLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"files",query:"page="+t})},n.prototype.fileGroupLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"files",query:"page="+t+"&group"})},n.prototype.subscribe=function(e,t){var o=this;void 0===t&&(t=null),this.createResource({},{router:"subscribe/"+e}).subscribe((function(){o.global.notification.success("Pronto","Inscrição efetuada com sucesso!"),o.isSubscriber=!0,t&&t()}))},n.prototype.like=function(e,t,o){var n;return void 0===t&&(t=!0),void 0===o&&(o="video"),(n=t?{like:1}:{unlike:1}).type=o,this.createResource(n,{router:"like/"+e})},n.prototype.likev2=function(e,t,o){return void 0===o&&(o="video"),t.type=o,this.createResource(t,{router:"like/"+e})},n.prototype.unsubscribe=function(e,t){var o=this;void 0===t&&(t=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(n){n&&o.createResource({},{router:"subscribe/"+e}).subscribe((function(){o.global.notification.info("Pronto","Você não está mais inscrito no Canal!"),o.isSubscriber=!1,t&&t()}))}),(function(e){}))},n.prototype.getPlaylists=function(e,t){return void 0===e&&(e=null),void 0===t&&(t="home"),this.getResources({router:"playlist/"+e+"?type="+t})},n.prototype.getPlaylist=function(e,t){return this.getResources({router:"playlist/"+e+"/"+t})},n.prototype.createPlaylist=function(e){var t;return t={name:e},this.createResource(t,{router:"playlist"})},n.prototype.deletePlaylist=function(e){return this.deleteResource(e)},n.prototype.addVideoPlaylist=function(e,t){var o;return o={video_id:e},console.log("VideoID ->",o.video_id),console.log("playlist_id ->",t),this.createResource(o,{router:"playlist/"+t})},n.prototype.updateChannel=function(e){return this.updateResource(e)},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient},{type:r.Global}]},n}(r.AsapBaseService);O.use([g.Pagination]);var ke=function(){function e(e,t,o){this._channelService=e,this.global=t,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,pagination:{clickable:!0},autoHeight:!1,breakpoints:{0:{slidesPerView:2.5,slidesPerGroup:2.5,spaceBetween:10},480:{slidesPerView:3.5,slidesPerGroup:3.5,spaceBetween:10}}}}return e.prototype.ngOnInit=function(){this.getChannels()},e.prototype.getChannels=function(){var e=this;this._channelService.getResources({query:"type=recommended"}).subscribe((function(t){if(console.log("getChannels",t.data),e.channelArray=[],t.data.length)do{e.channelArray=W(e.channelArray,t.data)}while(e.channelArray.length<10);e.channelArray.map((function(t){e.getNotificationForChannels(t)})),e.loading=!1}))},e.prototype.getNotificationForChannels=function(e){var t=this;this.global.loggedUser()&&this.db.collection("notifications",(function(o){return o.orderBy("viewed","asc").orderBy("create_at","desc").where("receiver_id","==",t.global.loggedUser().id).where("channel_id","==",e.id.toString()).where("read","==",!1)})).snapshotChanges().subscribe((function(t){console.log("Notifications for Channels ->",t),e.notifications=[],t.map((function(t){var o=t.payload.doc.data();e.notifications.push(o)}))}))},e.decorators=[{type:t.Component,args:[{selector:"app-stories",template:'<ng-container *ngIf="global?.loggedUser()">\n  \x3c!-- Mostrar Stories apenas no caso da Smart por enquanto --\x3e\n  <ng-container *ngIf="channelArray && channelArray.length > 0">\n\n    <div style="display: flex; text-align: center; margin: 30px 0;" *ngIf="loading">\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n    </div>\n\n    <ng-container *ngIf="!loading">\n      <div class="row">\n        <div class="col-6 text-left">\n          <p class="p-channel">{{ \'Channels\' | translate }}</p>\n        </div>\n        <div class="col-6 text-right">\n          <a [routerLink]="[\'/channel-library\']" class="">{{ \'SeeAll\' | translate }}</a>\n        </div>\n      </div>\n\n      <ng-container *ngIf="channelArray?.length > 0">\n        <div class="swiper-stories">\n          <swiper [config]="config">\n            <div swiperSlide *ngFor="let channel of channelArray">\n              <div [routerLink]="[\'/channel\', channel.id]">\n                <div class="channel-badge empty" *ngIf="!channel.notifications || channel.notifications.length <= 0">\n                </div>\n                <div class="channel-badge" *ngIf="channel.notifications && channel.notifications.length > 0"\n                  matTooltip="{{ \'YouHaveA\' | translate }} {{ channel?.notifications?.length }} {{ \'NotificationOnThisChannel\' | translate }}">\n                  {{ channel.notifications.length }}\n                </div>\n\n                <div class="carousel-stories" *ngIf="channel.thumb"\n                  [style.backgroundImage]="\'url(\'+ ((channel.thumb || channel.banner))  +\')\'">\n                  <div *ngIf="channel.view_name == 1" class="stories-body">\n                    <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\n                  </div>\n                </div>\n\n                <div class="carousel-stories" *ngIf="!channel.thumb">\n                  <div *ngIf="channel.view_name == 1" class="stories-body">\n                    <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </swiper>\n        </div>\n      </ng-container>\n    </ng-container>\n\n  </ng-container>\n</ng-container>\n',providers:[we],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}',".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}::ng-deep .swiper-stories .swiper-container{padding:0 0 30px}::ng-deep .swiper-stories .swiper-slide{width:100%;overflow:hidden}::ng-deep .swiper-stories .swiper-button-next,::ng-deep .swiper-stories .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:-15px!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stories .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stories .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stories .swiper-button-next:after,::ng-deep .swiper-stories .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stories .swiper-button-disabled{opacity:0!important}"]}]}],e.ctorParameters=function(){return[{type:we},{type:r.Global},{type:n.AngularFirestore}]},e}();var ze=function(){function e(e,t){this.route=e,this.asapFeedBetaService=t}return e.prototype.ngOnInit=function(){},Object.defineProperty(e.prototype,"settings",{get:function(){var e=JSON.parse(localStorage.getItem("layout_home"));if(e&&e.main&&e.main.length){var t=e.main.find((function(e){return"feed"==e.type}));return N({},t,{template:t.template||"template-2"})}return{template:"template-2"}},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Component,args:[{selector:"app-feed-posts",template:"<div class=\"content row pt-5\">\n  <div class=\"col-sm-6 mx-auto {{ (settings.template === 'template-2') ? 'new-' : '' }}feed\" >\n    <asap-feed-beta [settings]=\"settings\"></asap-feed-beta>\n  </div>\n</div>\n"}]}],e.ctorParameters=function(){return[{type:i.ActivatedRoute},{type:Q}]},e}();var Ie=function(){function e(e){this.service=e,this.userSelected=new t.EventEmitter,this.loading=!1}return e.prototype.ngOnChanges=function(e){e.input&&this.input&&(this.panelTop=this.input.nativeElement.offsetTop+this.input.nativeElement.offsetHeight,this.panelStart=this.input.nativeElement.offsetLeft,this.panelWidth=this.input.nativeElement.offsetWidth)},Object.defineProperty(e.prototype,"mark",{get:function(){if(this.input){var e=this.input.nativeElement.selectionStart,t=this.getMarkAtPosition(e);return t&&this.loadUsers(t),t}return null},enumerable:!0,configurable:!0}),e.prototype.loadUsers=function(e){var t=this,o=e.substring(1);o&&this.lastSearch!=o&&(this.searching&&this.searching.unsubscribe(),this.lastSearch=o,this.message="Carregando...",this.options=[],this.loading=!0,this.searching=this.service.getAllUsers(o).subscribe((function(e){t.searching.unsubscribe(),t.searching=null,t.loading=!1,t.options=e.data.map((function(e){return{id:e.user_info.user_id,name:e.user_info.user_name,email:e.email,picture:e.picture}})),0==t.options.length?t.message="Nenhum usuário encontrado!":t.message=""})))},e.prototype.onSelect=function(e){if(this.input){var t=this.input.nativeElement.value,o=1+e.name.length-this.mark.length;this.input.nativeElement.value=t.substring(0,this.startPosition)+"@"+e.name+t.substring(this.endPosition);var n=new Event("input");this.input.nativeElement.dispatchEvent(n),this.userSelected.emit(e),this.input.nativeElement.selectionStart=this.endPosition+o,this.input.nativeElement.selectionEnd=this.endPosition+o,this.input.nativeElement.focus()}},e.prototype.getMarkAtPosition=function(e){var t=e;if(!this.input||!this.input.nativeElement.value||0===t)return"";for(var o=this.input.nativeElement.value.split(" "),n=0,i=0,r=0;r<o.length;r++){if(i+=o[r].length,t>=n&&t<=i)return o[r].startsWith("@")?(this.startPosition=n,this.endPosition=i,o[r]):"";i=n=i+1}},e.decorators=[{type:t.Component,args:[{selector:"asap-auto-complete",template:'<div class="w-100">\n    <div [attr.data-mark]="mark" [style.top.px]="panelTop" [style.left.px]="panelStart" [style.width.px]="panelWidth" [class.d-none]="!mark" class="at-search-list">\n        <div *ngIf="message" class="at-search-item">\n            {{ message }}\n        </div>\n        <div class="at-search-item" (click)="onSelect(option)" *ngFor="let option of options">\n            {{ option.name }}\n        </div>\n    </div>\n</div>',providers:[ue],styles:[".at-search-list{background-color:#fff;position:absolute;border:1px solid #f5f5f5;border-radius:10px;z-index:9999;max-height:100px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 4px 0 rgba(0,0,0,.5)}.at-search-item{cursor:pointer;padding:10px 15px}.at-search-item:hover{background-color:#f5f5f5}"]}]}],e.ctorParameters=function(){return[{type:ue}]},e.propDecorators={input:[{type:t.Input}],userSelected:[{type:t.Output}]},e}();var Se=function(){function e(e){var t=this;this.global=e,console.log("[AsapFeedBetaModule]",new Date),this.global.getOrCreateSessionData("AsapMyPageModule.tabs",[]).push({label:"Meus Posts",component:X,condition:function(e,o){return t.global.loggedUser()&&t.global.hasPermission("my-posts",o)&&e.hasFeed},loading:function(e){return e.loading}})}return e.decorators=[{type:t.NgModule,args:[{imports:[s.CommonModule,x.FormsModule,i.RouterModule,I.MatButtonModule,S.MatIconModule,_.MatMenuModule,F.MatListModule,P.MatCardModule,m.MatDialogModule,j.MatSelectModule,M.MatRadioModule,C.MatInputModule,T.MatTooltipModule,A.MatProgressBarModule,U.MatStepperModule,D.MatTabsModule,b.MomentModule,a.TranslateModule,u.InfiniteScrollModule,f.AsapSkeletonModule,be,h.NgxHmCarouselModule,y.OwlModule,w.CarouselModule,z.NgxSkeletonLoaderModule,k.PopoverModule,R.SwiperModule,E.MatAutocompleteModule],declarations:[X,le,fe,he,ye,pe,ze,ke,ve,ee,Ie],exports:[X,le,ee],entryComponents:[X,pe,ve],providers:[se]}]}],e.ctorParameters=function(){return[{type:r.Global}]},e}();var _e=[{path:":feed_id",component:ze}];e.AsapFeedBetaComponent=X,e.AsapFeedBetaModule=Se,e.AsapFeedBetaRoting=_e,e.AsapFeedBetaService=Q,e.AsapTabFeedComponent=ee,e.UtilsService=se,e.path=J,e.ɵa=K,e.ɵb=be,e.ɵc=ce,e.ɵd=de,e.ɵe=ge,e.ɵf=le,e.ɵg=te,e.ɵh=fe,e.ɵi=ue,e.ɵj=he,e.ɵk=ye,e.ɵl=pe,e.ɵm=ze,e.ɵn=ke,e.ɵo=we,e.ɵp=ve,e.ɵq=xe,e.ɵr=Ie,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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("sweetalert2"),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"),require("@angular/material/tabs"),require("@angular/material/autocomplete")):"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","sweetalert2","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","@angular/material/tabs","@angular/material/autocomplete"],t):t((e=e||self)["asap-feed-beta"]={},e.ng.core,e.ng.common.http,e.ng.fire.firestore,e.ng.router,e.asapCrud,e.core$1,e.ng.common,e.ng.platformBrowser,e.classTransformer,e.ng.fire.storage,e.ng.fire,e.ng.material.dialog,e.SwiperCore,e.ngxMoment,e.ngxInfiniteScroll,e.asapSkeleton,e.ngxHmCarousel,e.ng.forms,e.Swal,e.ngxOwlCarousel,e.ngxOwlCarouselO,e.ngxSmartPopover,e.ngxSkeletonLoader,e.ng.material.button,e.ng.material.icon,e.ng.material.menu,e.ng.material.list,e.ng.material.card,e.ng.material.select,e.ng.material.radio,e.ng.material.input,e.ng.material.tooltip,e.ng.material["progress-bar"],e.ng.material.stepper,e.ngxSwiperWrapper,null,e.ng.material.tabs,e.ng.material.autocomplete)}(this,(function(e,t,o,n,i,r,a,s,p,l,d,c,m,g,b,u,f,h,x,v,y,w,k,z,I,S,_,F,P,j,M,C,T,A,U,R,L,D,E){"use strict";var B="default"in g?g.default:g;v=v&&v.hasOwnProperty("default")?v.default:v;var O=function(e,t){return(O=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)};function V(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}var N=function(){return(N=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function q(e,t,o,n){return new(o||(o=Promise))((function(i,r){function a(e){try{p(n.next(e))}catch(e){r(e)}}function s(e){try{p(n.throw(e))}catch(e){r(e)}}function p(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}p((n=n.apply(e,t||[])).next())}))}function H(e,t){var o,n,i,r,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(s){return function(p){return function(s){if(o)throw new TypeError("Generator is already executing.");for(;r&&(r=0,s[0]&&(a=0)),a;)try{if(o=1,n&&(i=2&s[0]?n.return:s[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;switch(n=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++,n=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=t.call(e,a)}catch(e){s=[6,e],n=0}finally{o=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,p])}}}Object.create;function G(e){var t="function"==typeof Symbol&&Symbol.iterator,o=t&&e[t],n=0;if(o)return o.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Y(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,i,r=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=r.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(i)throw i.error}}return a}function W(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(Y(arguments[t]));return e}Object.create;var Q=function(){function e(){this.announce=!1,this.publication=!0,this.stories=!0,this.query=null,this.options={},console.log("[AsapFeedBetaService] ->",this)}return e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}();var Z=localStorage.getItem("feed_prefix")?localStorage.getItem("feed_prefix"):"";function J(){return{images:Z+"images",feed:Z+"feed",likes:Z+"likes",shareds:Z+"shareds"}}var K=function(){function e(e){this.http=e,this.clientFirebaseServer=localStorage.getItem("firebase_server_id"),this.baseUrlAPI="https://us-central1-"+this.clientFirebaseServer+".cloudfunctions.net/api",this.client_id=localStorage.getItem("client")}return e.prototype.getFeed=function(e,t,o,n){void 0===t&&(t=null),void 0===o&&(o=null),void 0===n&&(n=!1);var i,r="";if(n&&(r="filterByMe&"),o)for(var a in i=this.baseUrlAPI+"/mobile/feed/"+e+"?"+r+"limit=6&feed_path="+J().feed+"&client_id="+this.client_id,o)i=i+"&"+a+"="+o[a];else i=this.baseUrlAPI+"/mobile/feed/"+e+"?"+r+"limit=6&feed_path="+J().feed+"&client_id="+this.client_id;return this.http.post(i,{user:t})},e.prototype.createFeed=function(e){return this.http.post(this.baseUrlAPI+"/feed?feed_path="+J().feed+"&client_id="+this.client_id,e)},e.prototype.getMoreFeed=function(e,t,o,n,i){var r;void 0===o&&(o=null),void 0===n&&(n=null),void 0===i&&(i=!1);var a="",s=null;return console.log("[getMoreFeed] Starting...",e,t,o,n,i),i&&(a="&filterByMe"),r=n&&n.searchBy&&n.searchValue?this.baseUrlAPI+"/mobile/feed?"+a+"limit="+e+"&last_doc="+t+"&searchBy="+n.searchBy+"&searchValue="+n.searchValue+"&feed_path="+J().feed+"&client_id="+this.client_id:this.baseUrlAPI+"/mobile/feed?"+a+"limit="+e+"&last_doc="+t+"&feed_path="+J().feed+"&client_id="+this.client_id,o&&(s={user:o}),console.log("[getMoreFeed] HTTP...",r,s),this.http.post(r,s)},e.prototype.sendComment=function(e,t){return this.http.post(this.baseUrlAPI+"/comment/"+e,t)},e.prototype.deleteComment=function(e,t){return this.http.delete(this.baseUrlAPI+"/comment/"+e+"/"+t)},e.prototype.sendReplyComment=function(e,t,o){return this.http.post(this.baseUrlAPI+"/comment/reply/"+e+"/"+t,o)},e.prototype.deleteReplyComment=function(e,t,o){return this.http.delete(this.baseUrlAPI+"/comment/reply/"+e+"/"+t+"/"+o)},e.prototype.likeComment=function(e,t,o){return this.http.post(this.baseUrlAPI+"/comment/like/"+e+"/"+t,o)},e.prototype.likePost=function(e,t){return this.http.post(this.baseUrlAPI+"/like/"+e,t)},e.prototype.deleteLikeComment=function(e,t,o){return this.http.delete(this.baseUrlAPI+"/comment/like/"+e+"/"+t+"/"+o)},e.prototype.sendNotification=function(e,t,o){return console.log("[SendNotification] ->",e,t,o),this.http.post(this.baseUrlAPI+"/notification/"+e+"/"+t,o)},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:o.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(o.HttpClient))},token:e,providedIn:"root"}),e}();var X=function(){function e(e,t,o,n,i){this.feedService=e,this.db=t,this.route=o,this.controlService=n,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.filterByMe=!1,this.loading=!0,this.query=null}return e.prototype.ngOnInit=function(){var e=this;this.ignoreControl||(this.announce=this.controlService.announce,this.stories=this.controlService.stories,this.publication=this.controlService.publication,this.query=this.controlService.query),this.route.params.subscribe((function(t){t&&(t.feed_id?(e.feedID=t.feed_id,e.isSinglePost=!0,setTimeout((function(){e.getFeed(e.feedID)}),600)):e.getFeed())})),this.checkFeedChange()},e.prototype.ngOnChanges=function(e){var t=this;e.feedID&&setTimeout((function(){t.getFeed(t.feedID)}),600),e.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")},e.prototype.getFeed=function(e){var t=this;void 0===e&&(e=""),this.feeds=null,this.loading=!0,this.feedService.getFeed(e,this.global.loggedUser(),this.query,this.filterByMe).subscribe((function(e){t.feeds=e.data,t.paginate=e.pagination,t.loading=!1,t.hasFeed=t.feeds.length>0}))},e.prototype.getMore=function(){var e=this;this.paginate.next_document&&(this.loading=!0,this.feedService.getMoreFeed(5,this.paginate.next_document,this.global.loggedUser(),this.query,this.filterByMe).subscribe((function(t){t.data.map((function(t){e.permitted(t)&&e.feeds.push(t)})),e.paginate=t.pagination,e.loading=!1})))},e.prototype.checkFeedChange=function(){},e.prototype.checkScroll=function(){(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0)>=this.topPosToStartShowing?this.showToTopButton=!0:this.showToTopButton=!1},e.prototype.gotoTop=function(){window.scroll({top:0,left:0,behavior:"smooth"})},e.prototype.permitted=function(e){var t,o;if(e.permission&&e.permission.length>0){var n=!1,i=this.global.loggedUser();if(i)if(e.user_info&&e.user_info.id==i.id)n=!0;else if(i.extras){var r=i.extras[0];try{for(var a=G(e.permission),s=a.next();!s.done;s=a.next()){var p=s.value;if("multi-conta"==p.field&&p.value==i.client_id){n=!0;break}if(r[p.field]==p.value){n=!0;break}}}catch(e){t={error:e}}finally{try{s&&!s.done&&(o=a.return)&&o.call(a)}finally{if(t)throw t.error}}}return n}return!0},e.prototype.onNewFeed=function(e){var t=this;console.log("[onNewFeed]",e),this.feedService.getFeed(e).subscribe((function(e){var o,n,i,r,a=t.feeds.length;try{for(var s=G(e.data),p=s.next();!p.done;p=s.next()){p.value.focus=!0}}catch(e){o={error:e}}finally{try{p&&!p.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}try{for(var l=G(t.feeds),d=l.next();!d.done;d=l.next()){d.value.focus=!1}}catch(e){i={error:e}}finally{try{d&&!d.done&&(r=l.return)&&r.call(l)}finally{if(i)throw i.error}}for(var c=0;c<t.feeds.length;c++)if(console.log("[onNewFeed] Feed",t.feeds[c]),!t.feeds[c].isHighlighted){a=c;break}t.feeds=W(t.feeds.slice(0,a),e.data,t.feeds.slice(a)),setTimeout((function(){document.getElementsByClassName("focus-on-me")[0].scrollIntoView({behavior:"smooth"})}),500)}))},e.prototype.sendVisible=function(e){var t=this;console.log("[sendVisible] marcando como visualizado",e);var o=this.global.loggedUser(),n={post_id:e.id,title:e.title,created_at:e.updated_at},i={post_id:e.id,created_at:Date.now(),updated_at:Date.now(),user_info:{id:o.id,updated_at:Date.now(),name:o.name,picture:o.picture}},r="feed-view/"+e.id;this.db.doc(r).set(n).then((function(n){var r="feed-view/"+e.id+"/views/"+o.id;t.db.doc(r).get().subscribe((function(e){e.exists?console.log("[sendVisible] já foi marcado como visualizado",e):e.ref.set(i).then((function(e){console.log("[sendVisible] marcado como visualizado",e)}))})),t.db.collection(r+"/history").add(i)}))},e.prototype.reload=function(e){this.filterByMe=e,this.getFeed()},Object.defineProperty(e.prototype,"isScrollDisabled",{get:function(){return this.loading||this.paginate.count>=this.paginate.limit||this.isSinglePost||this.paginate.last_document===this.paginate.next_document},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Component,args:[{selector:"asap-feed-beta",template:'<ng-container *ngIf="!settings?.channelsHidden">\n  <app-stories *ngIf="stories && !hasID && !isSinglePost"></app-stories>\n</ng-container>\n\n<feed-publication [settings]="settings" [announce]="announce" (feedCreated)="onNewFeed($event)" (filter)="reload($event)" *ngIf="publication && !hasID && !isSinglePost"></feed-publication>\n\n\x3c!-- Este trecho do código foi removido, pois ele fazia o Feed ficar flicando na tela. --\x3e\n<ng-container *ngIf="!feeds">\n  <div [class.col-sm-8]="hasID" [class.mx-auto]="hasID"> \n    <ng-container *ngFor="let item of [0,1]">\n      <div>\n        <mat-card class="feed-card mb-4">\n          <mat-card-header class="feed-header">\n            <div class="mr-3" mat-card-avatar>\n              <ngx-skeleton-loader animation="progress" appearance="circle" [theme]="{height:\'40px\'}">\n              </ngx-skeleton-loader>\n            </div>\n            <mat-card-title>\n              <ngx-skeleton-loader animation="progress" [theme]="{height:\'25px\',\'transform\': \'initial\', marginBottom: \'0\'}">\n              </ngx-skeleton-loader>\n              <ngx-skeleton-loader animation="progress" [theme]="{height:\'15px\',\'transform\': \'initial\'}">\n              </ngx-skeleton-loader>\n            </mat-card-title>\n\n          </mat-card-header>\n\n          <ng-container>\n            <ngx-skeleton-loader animation="progress" [theme]="{height:\'400px\',\'transform\': \'initial\'}">\n            </ngx-skeleton-loader>\n          </ng-container>\n\n        </mat-card>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf="feeds">\n  <ng-container *ngFor="let item of feeds">\n    <div [class.focus-on-me]="item.focus" [class.col-sm-8]="hasID" [class.mx-auto]="hasID">\n      <app-feed-item [owner]="this" [settings]="settings" [item]="item" (isVisible)="sendVisible($event)"></app-feed-item>\n    </div>\n  </ng-container>\n</ng-container>\n\n<div *ngIf="loading">\n  <ngx-skeleton-loader animation="progress" [theme]="{height:\'40px\', width:\'100%\'}"></ngx-skeleton-loader>\n</div>\n\n<div infiniteScroll \n     [infiniteScrollDistance]="2" \n     [infiniteScrollThrottle]="2000" \n     [infiniteScrollDisabled]="isScrollDisabled" \n     (scrolled)="getMore()">\n</div>\n\n<button \n  *ngIf="showToTopButton" \n  (click)="gotoTop()" \n  style="position: fixed;\n    bottom: 0;\n    right: 0;\n    color:#FFFF;\n    font-size: 20px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n    height: 35px;\n    width: 35px;\n    border: none;\n    text-align: center;\n    border-radius: 50%;\n    outline: none;\n    transition: all 1s ease-in;\n    background-color: var(--main-color);\n    z-index: 99999;"\n    class="d-none d-sm-block">\n  <i class="fa fa-angle-up"></i>\n</button>\n',styles:["./asap-feed.beta.componente.scss"]}]}],e.ctorParameters=function(){return[{type:K},{type:n.AngularFirestore},{type:i.ActivatedRoute},{type:Q},{type:r.Global}]},e.propDecorators={id:[{type:t.Input}],ignoreControl:[{type:t.Input}],settings:[{type:t.Input}],checkScroll:[{type:t.HostListener,args:["window:scroll"]}]},e}();var ee=function(){function e(e,t){this.global=e,this.service=t,this.canShow=-1,console.log("[AsapTabFeedComponent]",this.settings)}return e.prototype.ngOnInit=function(){this.service.publication=!1,this.service.stories=!1},e.prototype.ngOnChanges=function(e){if(e.settings&&this.settings){var t=this.settings.tabs;t.channel_list&&t.channel_list.length?this.feedLoad(t.channel):t.allFeed?this.feedLoad(t.allFeed):t.feed?this.feedLoad(t.feed):t.feed_users&&this.feedLoad(t.feed_users)}},e.prototype.onChangeTab=function(e){this.feedLoad(e.tab.textLabel)},e.prototype.feedLoad=function(e){var t=this;this.canShow=-1,setTimeout((function(){e==t.settings.tabs.channel&&(t.service.query={searchBy:"channel_id",searchValue:t.settings.tabs.channel_list.map((function(e){return e.channel_id})).join(",")},t.canShow=0),e==t.settings.tabs.feed&&(t.service.query={searchBy:"user_info.id",searchValue:t.global.loggedUser().id,typeValue:"number"},t.canShow=1),e==t.settings.tabs.feed_users&&(t.service.query={searchBy:"user_info.id",searchValue:"all",typeValue:"number"},t.canShow=2),e==t.settings.tabs.allFeed&&(t.service.query={searchBy:"user_info.id",searchValue:t.global.loggedUser().id,typeValue:"number"},t.canShow=3),setTimeout((function(){t.feeds&&t.feeds.forEach((function(e){return e.getFeed()}))}))}),100)},e.prototype.onNewFeed=function(e){console.log("Chegou evento feedCreated com ID:",e),this.feeds&&this.feeds.forEach((function(e){e.getFeed()}))},e.decorators=[{type:t.Component,args:[{selector:"asap-tab-feed",template:'<ng-container *ngIf="!settings?.channelsHidden">\n    <app-stories></app-stories>\n</ng-container>\n\n<feed-publication\n     [settings]="settings"\n     [hideFilterByMe]="true"\n     [announce]="false"\n     (feedCreated)="onNewFeed($event)">\n</feed-publication>\n\n<div *ngIf="settings?.tabs" class="asap-tab-feed">\n    <mat-tab-group (selectedTabChange)="onChangeTab($event)" dynamicHeight>\n  \n      \x3c!-- ✅ SE o cliente tem canal --\x3e\n      <ng-container *ngIf="settings.tabs.channel_list?.length; else semCanal">\n        <mat-tab [label]="settings.tabs.channel">\n          <ng-container *ngIf="canShow == 0">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.allFeed" [label]="settings.tabs.allFeed">\n          <ng-container *ngIf="canShow == 3">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed" [label]="settings.tabs.feed">\n          <ng-container *ngIf="canShow == 1">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed_users" [label]="settings.tabs.feed_users">\n          <ng-container *ngIf="canShow == 2">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n      </ng-container>\n  \n      \x3c!-- 🚫 SE o cliente NÃO tem canal --\x3e\n      <ng-template #semCanal>\n        <mat-tab *ngIf="settings.tabs.allFeed" [label]="settings.tabs.allFeed">\n          <ng-container *ngIf="canShow == 3">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed" [label]="settings.tabs.feed">\n          <ng-container *ngIf="canShow == 1">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n  \n        <mat-tab *ngIf="settings.tabs.feed_users" [label]="settings.tabs.feed_users">\n          <ng-container *ngIf="canShow == 2">\n            <asap-feed-beta [settings]="settings"></asap-feed-beta>\n          </ng-container>\n        </mat-tab>\n      </ng-template>\n    </mat-tab-group>\n  </div>\n  ',styles:[""]}]}],e.ctorParameters=function(){return[{type:r.Global},{type:Q}]},e.propDecorators={feeds:[{type:t.ViewChildren,args:[X]}],settings:[{type:t.Input}]},e}();var te=function(){function e(e){if(this.http=e,localStorage.getItem("loggedUser")){var t=JSON.parse(localStorage.getItem("loggedUser"));this.streamVideoPath=t.data.link_company?t.data.link_company:t.data.link,console.log("streamVideoPath",this.streamVideoPath)}}return e.prototype.getHeaders=function(){var e={Accept:"application/json"};return localStorage.getItem("token")&&(e.Authorization=localStorage.getItem("token")),e},e.prototype.status=function(e){return this.http.get(this.streamVideoPath+"videos/"+e,{headers:this.getHeaders()})},e.prototype.uploadFile=function(e){var t=new FormData;t.append("file",e);var n=localStorage.getItem("client"),i=new o.HttpRequest("POST","http://api.tecnologiaasap.com.br/api/cloudinary/upload",t,{reportProgress:!0,responseType:"json",headers:new o.HttpHeaders(this.getHeaders()),params:(new o.HttpParams).set("client_id",n)});return console.log("RESPONSE UPLOAD",i),this.http.request(i)},e.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},e.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[{type:o.HttpClient}]},e}();var oe=function(){this.id=null,this.name=null,this.updated_at=null,this.picture=null};var ne=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 ie=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 re=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 ae=function(){this.id=null,this.ref=null,this.status=!0,this.product=new ne,this.type="post",this.source="web",this.likes=0,this.shareds=0,this.user_info=new oe,this.updated_at=null,this.title=null,this.files=[]};var se=function(){function e(e,t,o,n,i){this.firebaseStorage=e,this.db=t,this.firebase=o,this.feedService=n,this.global=i}return e.prototype.uploadFile=function(e,t){console.log("TO SUBINDO",e);try{var o=t,n=this.firebaseStorage.ref(e);this.task=n.putString(o,"data_url"),this.percentage=this.task.percentageChanges(),this.snapshot=this.task.snapshotChanges()}catch(e){console.log("ERRO DO SUBINDO",e)}},e.prototype.getFireStorageURL=function(e){return this.firebaseStorage.ref(e).getDownloadURL()},e.prototype.deleteFireStorage=function(e){return q(this,void 0,void 0,(function(){return H(this,(function(t){switch(t.label){case 0:return[4,this.firebaseStorage.ref(e).delete().toPromise()];case 1:return[2,t.sent()]}}))}))},e.prototype.uid=function(){return this.s4()+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+"-"+this.s4()+this.s4()+this.s4()},e.prototype.s4=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)},e.prototype.isUrl=function(e){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(e)},e.prototype.sendNotification=function(e,t,o){console.log("Destinatario",t),console.log("Remetente",this.global.loggedUser()),t.id!=this.global.loggedUser().id&&this.feedService.sendNotification(t.id,o,e).subscribe((function(e){console.log("Retorno Notificacao",e)}))},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[{type:d.AngularFireStorage},{type:n.AngularFirestore},{type:c.FirebaseApp},{type:K},{type:r.Global}]},e}();var pe=function(){function e(e,t,o,n,i,r,a){this.dialogRef=e,this.item=t,this.global=o,this.streamService=n,this.sanitizer=i,this.utilsService=r,this.db=a,this.showAnnouncePublication=!1}return e.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))},e.prototype.close=function(){this.dialogRef.close()},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:t=function(e){var t,n,i,r,a,s,p,d;return H(this,(function(c){switch(c.label){case 0:return(t=new re).type=o.getTypeByMimeType(e.type),t.status=0,t.thumb_rendering=!1,t.video_rendering=!1,t.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),n=!0),n?[3,7]:(console.log("File Sended",e),"image"!==o.getTypeByMimeType(e.type)||e.new?[3,5]:(console.log("File do Upload ->",e),"image/gif"!=e.type?[3,2]:(t.url=o.streamService.uid()+".gif",i=t,[4,o.readGIF(e)])));case 1:return i.name=c.sent(),o.tmpFileArray.push(t),[3,4];case 2:return r=e.name.split("."),a=r[r.length-1],t.url=o.streamService.uid()+"."+a,s=t,[4,o.resizeImages(e,800)];case 3:s.name=c.sent(),o.tmpFileArray.push(t),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(e.type)||e.new?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",t),(p=e)&&(d=URL.createObjectURL(p),t.name=d,o.tmpFileArray.push(t)),o.uploading=!0,[4,o.streamService.uploadFile(e).subscribe((function(e){e.loaded&&(t.status=(100*e.loaded/e.total).toFixed(0),l.progress=t.status,console.log("Response",t)),e.body&&(t.url=e.body.uuidVideo,l.videoSendedID=t.url,l.uploading=!1,l.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",t),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.share=function(){var e=this,t=null;delete(t=this.item).likes,delete t.comments,t.title=this.title,(this.tmpFileArray||this.tmpFileArray.length>0)&&(t.files=this.tmpFileArray,t.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,t.ref=o.url,t.status=!1,e.streamService.status(o.url).subscribe((function(e){o.video_rendering=!e.p480,o.video_low_rendering=!e.p480_low,o.thumb_rendering=!e.thumb})))}))),this.publish(t)},e.prototype.publish=function(e){var t,o,n=this,i=0;if("embed"==this.type){var r={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(r)}if(this.tmpFileArray&&this.tmpFileArray.length>0){var a=this.tmpFileArray.filter((function(e){return"image"===n.getTypeByMimeType(e.type)&&e.new})),s=98/a.length;if(a&&a.length>0){console.log("Imagens para Publicar ->",a);var p=function(t){console.log("Imagem ->",t),setTimeout((function(){n.utilsService.uploadFile("images/"+t.url,t.name),n.utilsService.percentage.subscribe((function(e){t.status=e,t.name=t.url})),n.utilsService.task.snapshotChanges().subscribe((function(o){return q(n,void 0,void 0,(function(){var n,r=this;return H(this,(function(p){return o.bytesTransferred===o.totalBytes&&(i++,this.progress+=s,n=e.files.findIndex((function(e){return e.name===t.name})),this.utilsService.getFireStorageURL("images/"+e.files[n].name).subscribe((function(t){console.log("Image File Url ->",t),e.files[n].name=t})),delete e.files[n].url,i==a.length&&(console.log("Imagens Pos Processaento ->",e.files),this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){r.title="",r.progress=null,r.uploading=null,r.tmpFileArray=[],r.close()})))),[2]}))}))}))}))};try{for(var d=G(a),c=d.next();!c.done;c=d.next()){p(c.value)}}catch(e){t={error:e}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(t)throw t.error}}}else{this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()}))}}else{this.db.collection(J().feed).doc(this.item.id).update(l.classToPlain(e)).then((function(e){n.title="",n.progress=null,n.uploading=null,n.tmpFileArray=[],n.close()}))}},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkPublicationType=function(e){if(console.log("Event ->",Event),e.length&&e.length>35&&this.isValidUrl(e)){console.log("checkPublicationType",e),e.includes("youtube")?(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=e.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):e.includes("spotify")&&(this.tmpFileArray=[],this.uploading=!0,this.type="embed",this.embedFile=e.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1);var t={name:this.embedFile,url:this.embedFile,type:"embed"};this.tmpFileArray.push(t)}},e.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post",this.tmpFileArray=[]},e.prototype.isValidUrl=function(e){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(e)},e.decorators=[{type:t.Component,args:[{selector:"lib-feed-modal-item-edit",template:'<div mat-dialog-content>\n  <div class="form-feed mt-4">\n    <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n    <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n      <i class="fa fa-user"></i>\n    </div>\n\n    <textarea class="form-control" autocomplete="off" [(ngModel)]="title" id="" rows="3"\n      placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\n    <div class="clearfix"></div>\n\n    <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n\n      <ng-container *ngFor="let file of tmpFileArray">\n        <div class="col-sm-4 mb-4 tmp-file-wrapper" *ngIf="file.type == \'video\' || file.type == \'image\'">\n          <div class="tmp-file-buttons-overlay">\n            <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n              <span class="fa fa-remove"></span>\n            </button>\n          </div>\n          <div class="tmp-file-content outline-bordered">\n\n             <ng-container *ngIf="file.type === \'image\'">\n              <img [src]="file.name" *ngIf="file.name" class="img-responsive tmp-upload"/>\n            </ng-container>\n\n            <video class="tmp-upload tmp-upload-video" height="80" width="100%" [autoplay]="true" [muted]="\'muted\'" loop *ngIf="file.type === \'video\'">\n              \x3c!-- <code>{{ file.name | json }}</code> --\x3e\n              <ng-container *ngIf="file.new">\n                <source [src]="file.name"/>\n              </ng-container>\n              <ng-container *ngIf="!file.new">\n                <source [src]="file.url | stream:\'link\'"/>\n              </ng-container>\n              \n              \n            </video>\n          </div>\n        </div>\n  \n        <div class="col-sm-12" *ngIf="file.type == \'embed\'">\n          <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\n        </div>\n      </ng-container>\n\n    </div>\n\n  </div>\n</div>\n<div class="row mt-4">\n  <div class="col-6 float-left" *ngIf="global?.loggedUser()">\n    <ng-container *ngIf="type != \'embed\'">\n      <label>\n        <a class="btn btn-feed btn-round btn-primary">\n          <span>{{ \'ImageAndVideo\' | translate }}</span>\n        </a>\n        <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n      </label>\n    </ng-container>\n    <ng-container *ngIf="type == \'embed\'">\n      <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\n        {{ \'Remove\' | translate }}\n    </button>\n    </ng-container>\n    \n    <ng-container *ngIf="showAnnouncePublication">\n\n      <ng-container *ngIf="global?.loggedUser()?.lojista">\n        <ng-container *ngIf="global?.loggedUser()?.vitrine">\n          <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()"\n            style="margin-left: 5px;">\n            <i class="fa fa-bullhorn"></i>\n            <span class="text">{{ \'Announce\' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf="!global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\n        <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'lojista\')"\n          style="margin-left: 5px;">\n          <i class="fa fa-bullhorn"></i>\n          <span class="text">{{ \'Announce\' | translate }}</span>\n        </a>\n      </ng-container>\n\n      <ng-container *ngIf="global?.loggedUser()?.lojista && !global?.loggedUser()?.vitrine">\n        <a class="btn btn-feed btn-primary btn-custom-social" (click)="notAnnounce(\'vitrine\')"\n          style="margin-left: 5px;">\n          <i class="fa fa-bullhorn"></i>\n          <span class="text">{{ \'Publish\' | translate }}</span>\n        </a>\n      </ng-container>\n\n    </ng-container>\n  </div>\n  <div class="col-6 float-right text-right">\n    <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\n      *ngIf="!newProduct">\n      <span *ngIf="!uploading">\n        <span>{{ \'Publish\' | translate }}</span>\n      </span>\n      <span *ngIf="uploading">\n        <i class="fa fa-spin fa-spinner"></i>\n        {{ \'Processing\' | translate }}\n      </span>\n    </button>\n  </div>\n</div>\n \n  \x3c!-- <button class="btn btn-feed btn-primary btn-custom-social" (click)="close()">\n    {{ \'Close\' | translate }}\n  </button>\n  <button class="btn btn-feed btn-primary btn-custom-social" [disabled]="uploading" (click)="share()"\n    *ngIf="!newProduct">\n    <span *ngIf="!uploading">\n      <span>{{ \'Publish\' | translate }}</span>\n    </span>\n    <span *ngIf="uploading">\n      <i class="fa fa-spin fa-spinner"></i>\n      {{ \'Processing\' | translate }}\n    </span>\n  </button> --\x3e\n\n',providers:[te],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}',".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}"]}]}],e.ctorParameters=function(){return[{type:m.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[m.MAT_DIALOG_DATA]}]},{type:r.Global},{type:te},{type:p.DomSanitizer},{type:se},{type:n.AngularFirestore}]},e}();B.use([g.Navigation,g.Pagination]);var le=function(){function e(e,o,n,i,r,a,s){this.streamService=e,this.db=o,this.global=n,this.dialog=i,this.service=r,this.translate=a,this.sanitizer=s,this.isVisible=new t.EventEmitter,this.imageLoaded=!1,this.imageDataLoaded=!1,this.blurBackgroundIndex=Math.floor(5*Math.random()+1)}return e.prototype.ngOnInit=function(){var e=this;this.loadVisibilityControls(),this.item.linkifiedTitle=this.sanitizedLinkify(this.item.title),this.item.files&&this.item.files.length>0&&this.item.files.map((function(t){if(t.url&&t.url.includes("youtube")){t.isYoutube=!0;var o=e.getYoutubeID(t.url);t.url="https://www.youtube.com/embed/"+o}})),console.log("ITEM ->",this.item)},e.prototype.ngAfterViewInit=function(){this.observer.observe(this.visibleControl.nativeElement)},e.prototype.ngOnDestroy=function(){this.observer.disconnect(),clearInterval(this.visibleTimer)},e.prototype.loadVisibilityControls=function(){var e=this;this.visibleTimer=setInterval((function(){e.shotTimer--,0==e.shotTimer&&(e.isVisible.emit(e.item),clearInterval(e.visibleTimer),e.observer.disconnect())}),1e3);this.observer=new IntersectionObserver((function(t,o){t.forEach((function(t){e.shotTimer=-1,e.item.active=!1,1==t.intersectionRatio&&(e.shotTimer=5)}))}),{rootMargin:"0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]})},e.prototype.onloadImage=function(e){this.imageLoaded=!0,this.imageDataLoaded=!0},e.prototype.onErrorImage=function(e){},e.prototype.playVideo=function(e){this.videoplayer&&this.videoplayer.nativeElement.play()},e.prototype.sanitizedLinkify=function(e){return this.sanitizer.bypassSecurityTrustHtml(this.linkify(e))},e.prototype.linkify=function(e){var t;if(t=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],t=new RegExp(t.join("|"),"gi"),e)return e.replace(t,(function(e,t,o,n,i){return t?"<a class='text-primary' target='_blank' href=\""+t+'">'+t+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":n?"<a class='text-primary' href=\"mailto://"+n+'">'+n+"</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":e}))},e.prototype.checkVideoRender=function(e){console.log("videoRender ->",e),this.streamService.status(e).subscribe((function(e){console.log("checkVideoRender",e)}))},e.prototype.onEditItem=function(){if(console.log("[onEditItem]",this.item),this.item.channel_id)this.global.swal({type:"warning",text:this.translate.instant("ThisFeedCanOnlyBeEditedOnChannel")});else{var e=void 0;delete(e=this.item).comments,delete e.likes,e.files.map((function(e){e.new=!1})),this.dialog.open(pe,{width:"600px",data:e,panelClass:"modal-feed-publication"})}},e.prototype.preConvertNumber=function(e){return parseFloat(e)},e.prototype.onRemoveItem=function(e){var t=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 q(t,void 0,void 0,(function(){var t,n,i,r,a,s,p,l;return H(this,(function(d){switch(d.label){case 0:if(!o.value)return[3,11];if(t=this.db.collection(J().feed).doc(e.id),!(e.files&&e.files.length>0))return[3,10];d.label=1;case 1:d.trys.push([1,8,9,10]),n=G(e.files),i=n.next(),d.label=2;case 2:if(i.done)return[3,7];if("image"!==(r=i.value).type)return[3,6];if(!r.name)return[3,6];d.label=3;case 3:return d.trys.push([3,5,,6]),[4,this.service.deleteFireStorage(J().images+"/"+r.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=n.next(),[3,2];case 7:return[3,10];case 8:return s=d.sent(),p={error:s},[3,10];case 9:try{i&&!i.done&&(l=n.return)&&l.call(n)}finally{if(p)throw p.error}return[7];case 10:t.delete(),e.deleted=!0,this.global.toast("Post removido com Sucesso"),d.label=11;case 11:return[2]}}))}))}))},e.prototype.checkFileOrigin=function(e){},e.prototype.isYoutube=function(e){return console.log("IsYoutube ->",e),!!e.includes("youtube")},e.prototype.getYoutubeID=function(e){var t=e.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return!(!t||11!=t[7].length)&&t[7]},e.decorators=[{type:t.Component,args:[{selector:"app-feed-item",template:'<ng-container *ngIf="item && item.status && !item.deleted">\n  <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\n    <mat-card-header class="feed-header ml-2">\n      <popover-content #myPopover placement="auto right" [closeOnClickOutside]="false" [closeOnMouseOutside]="false"\n        [animation]="true">\n        <div class=\'minibio\'>\n          <img\n            [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n            (error)="item.user_info.picture = \'assets/img/default-avatar.png\'" alt="{{ item?.user_info?.name }}">\n          <div class="info"><b>{{ item?.user_info?.name }}</b><br />\n            \x3c!-- <span class="location"><i class="icon fa fa-globe" aria-hidden="true"></i>&nbsp;Fortaleza/CE</span> --\x3e\n          </div>\n        </div>\n      </popover-content>\n      <div mat-card-avatar>\n        <a [routerLink]="[\'/profile\',item.user_info?.id]"><img\n            [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n            class="feed-avatar mr-1" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\n            alt="{{ item?.user_info?.name }}" [popover]="myPopover" [popoverOnHover]="true"></a>\n      </div>\n\n      <mat-card-title>\n        <h4 class="ml-2"><b><a [routerLink]="[\'/profile\',item.user_info?.id]">{{ item?.user_info?.name }}</a> <i\n              *ngIf="item?.channel_id" class="material-icons text-primary" matTooltip="Este é um post Institucional"\n              matTooltipClass="tooltip-primary">done_all</i></b>\n        </h4>\n        <p class="ml-2"> {{ \'SharedPublication\' | translate }} <a [routerLink]="[\'/start\',item.id]">{{\n                        item?.updated_at | amTimeAgo }}</a></p>\n      </mat-card-title>\n\n      <ng-container *ngIf="global.loggedUser()">\n        <div class="feed-buttom-option" *ngIf="item.user_info.id === global.loggedUser().id">\n          <button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="!item.status">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menu="matMenu">\n            <button mat-menu-item (click)="onEditItem()" [disabled]="!item.status">\n              <mat-icon>create</mat-icon>\n              <span>{{ \'Edit\' | translate }}</span>\n            </button>\n            <button mat-menu-item (click)="onRemoveItem(item)" [disabled]="!item.status">\n              <mat-icon>delete</mat-icon>\n              <span>{{ \'Remove\' | translate }}</span>\n            </button>\n          </mat-menu>\n        </div>\n        <div *ngIf="item.isHighlighted" matTooltip="Post destacado" class="feed-buttom-option pinned-feed">\n          <i class="fa fa-thumb-tack fa-lg"></i>\n        </div>\n      </ng-container>\n\n    </mat-card-header>\n\n    <ng-container *ngIf="item.type != \'announce\'">\n      <ng-container *ngIf="!(item.files && item.files.length > 0)">\n        <div class="card card-file mt-0 pointer">\n          \x3c!-- <div class="card-cover"> --\x3e\n          <ng-container *ngIf="item.additional_data && item.additional_data.image">\n            <img style="display: none;" [src]="item.additional_data.image" (load)="onloadImage($event)"\n              (error)="onErrorImage($event)">\n\n            <div class="container-mat-card" *ngIf="imageLoaded">\n              <img class="bg-mat-card" [src]="item.additional_data.image">\n              <img mat-card-image [src]="item.additional_data.image">\n            </div>\n\n            <div class="container-mat-card" *ngIf="!imageLoaded">\n              <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\n            </div>\n          </ng-container>\n          \x3c!-- </div> --\x3e\n          <a *ngIf="item.additional_data && item.additional_data.file_id"\n            [routerLink]="[\'/channel/files/\' + item.channel_id +\'/\'+ item.additional_data.file_id]" class="circle">\n            <i class="fa fa-file-text-o"></i>\n          </a>\n          <div *ngIf="item.additional_data && item.additional_data.description" class="card-content">\n            <div class="clearfix"></div>\n            <p class="description m-3" [innerHTML]="linkify(item.additional_data.description)"></p>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf="item.files && item.files.length > 0">\n\n        <ng-container *ngIf="item.files.length === 1">\n          <ng-container *ngFor="let file of item.files">\n            <ng-container *ngIf="file.type == \'image\'">\n\n              <img style="display: none;" [src]="file.name || file.url" (load)="onloadImage($event)"\n                (error)="onErrorImage($event)">\n\n              <div class="container-mat-card" *ngIf="imageLoaded">\n                <img class="bg-mat-card" [src]="file.name || file.url">\n                <img mat-card-image [src]="file.name || file.url">\n              </div>\n\n              <div class="container-mat-card" *ngIf="!imageLoaded">\n                <img mat-card-image [src]="\'assets/img/background-blur-\' + blurBackgroundIndex + \'.png\'">\n              </div>\n\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'video\'">\n              <div class="carousel custom-carrousel">\n                <div class="content">\n                  <div class="item">\n                    <div class="video-overlay cloudinary-true" *ngIf="file.isCloudinary == true"\n                      [style.background-image]="file.thumb | stream: \'backgroundImage\'"></div>\n\n                    <div class="video-overlay youtube-true" *ngIf="!file.isYoutube == true"\n                      [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\n\n                    <div class="video-overlay not-cloudinary-youtube" *ngIf="!file.isCloudinary && !file.isYoutube"\n                      [style.background-image]="file.url | stream: \'styleThumbUrl\'"></div>\n\n                    <video attr.type=\'stream\' #videoPlayer *ngIf="!file.isCloudinary && !file.isYoutube"\n                      (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                      class="video not-cloudinary-youtube" width="100%" controls="false" preload="metadata"\n                      poster="{{file?.url | stream:\'thumb\'}}">\n                      <source [src]="file.url | stream:\'link\'" />\n                    </video>\n\n                    <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\n                      (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                      class="video cloudinary-true" width="100%" controls="false" preload="metadata"\n                      poster="{{file?.thumb}}">\n                      <source [src]="file.url" />\n                    </video>\n\n                    <ng-container *ngIf="file.isYoutube == true">\n                      <iframe attr.type=\'youtube\' #videoPlayer [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                        frameborder="0" width="100%" class="video"></iframe>\n                    </ng-container>\n\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'pdf\' || file.type == \'txt\'">\n              <div class="container-mat-card px-3">\n                <a [routerLink]="[\'/channel/files/\' + file.channel_id + \'/\' + file.file_id]" class="w-100">\n\n                  <div class="card card-file mt-0 pointer">\n                    <div class="card-cover">\n                      <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]">\n                        <ng-container *ngIf="file.image">\n                          <img [src]="file.image" alt="">\n                        </ng-container>\n\n                        <ng-container *ngIf="!file.image || file.image == null">\n                          <h4 class="title" [innerHTML]="linkify(file.title)"></h4>\n                        </ng-container>\n                      </a>\n                    </div>\n                    <a [routerLink]="[\'/channel/files/\' + file.channel_id +\'/\'+ file.file_id]" class="circle">\n                      <i *ngIf="file.type == \'pdf\'" class="fa fa-file-pdf-o"></i>\n                      <i *ngIf="file.type == \'txt\'" class="fa fa-file-text-o"></i>\n                    </a>\n                    <div class="card-content">\n                      <div class="clearfix"></div>\n                      <p class="title mb-1" style="color: #414141 !important; text-shadow: none !important; font-weight: 500 !important;" [innerHTML]="linkify(file.title)"></p>\n                      <p class="description mb-3" [innerHTML]="linkify(file.description)"></p>\n                    </div>\n                  </div>\n\n                </a>\n              </div>\n            </ng-container>\n\n            <ng-container *ngIf="file.type == \'embed\'">\n              <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;"\n                [src]="file.url | safe:\'resourceUrl\'" frameborder="0" allowfullscreen></iframe>\n            </ng-container>\n\n          </ng-container>\n        </ng-container>\n\n\n        <ng-container *ngIf="item.files.length > 1">\n\n          \x3c!-- Carrosel de Imavens e vídeos --\x3e\n\n          <div class="swiper-stage">\n            <swiper [config]="global.swiperConfig(false)">\n              <div swiperSlide *ngFor="let file of item.files; let i = index">\n                <div class="swiper-carousel-custom">\n\n                  \x3c!-- Imagem --\x3e\n\n                  <ng-container *ngIf="file.type === \'image\'">\n                    <ng-container *ngIf="file.url">\n                      <div class="swiper-container-img">\n                        <div class="swiper-bg-blur" [style.backgroundImage]="\'url(\'+file.url+\')\'">\n                        </div>\n                        <img class="img" [src]="file.url" alt="" (load)="onloadImage($event)"\n                          (error)="onErrorImage($event)">\n                      </div>\n                    </ng-container>\n\n                    <ng-container *ngIf="file.name">\n                      <div class="swiper-container-img" [style.backgroundImage]="\'url(\'+file.name+\')\'">\n                        <div class="swiper-bg-blur" [style.backgroundImage]="\'url(\'+file.name+\')\'">\n                        </div>\n                        <img class="img" [src]="file.name" alt="" (load)="onloadImage($event)"\n                          (error)="onErrorImage($event)">\n                      </div>\n                    </ng-container>\n                  </ng-container>\n\n                  \x3c!-- Video --\x3e\n\n                  <ng-container *ngIf="file.type === \'video\'">\n\n                    <ng-container>\n\n                      <div class="video-overlay" *ngIf="file.isCloudinary == true"\n                        [style.background-image]="file.thumb | stream: \'backgroundImage\'">\n                      </div>\n\n                      <div class="video-overlay" *ngIf="!file.isYoutube == true"\n                        [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                      </div>\n\n                      <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\n                        [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                      </div>\n\n                      <video attr.type=\'stream\' #videoPlayer *ngIf="!file.isCloudinary && !file.isYoutube"\n                        (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)" class="video"\n                        width="100%" controls="false" preload="metadata" poster="{{file?.url | stream:\'thumb\'}}">\n                        <source [src]="file.url | stream:\'link\'" />\n                      </video>\n\n                      <video attr.type=\'cloudinary\' #videoPlayer *ngIf="file.isCloudinary == true"\n                        (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)" class="video"\n                        width="100%" controls="false" preload="metadata" poster="{{file?.thumb}}">\n                        <source [src]="file.url" />\n                      </video>\n\n                      <ng-container *ngIf="file.isYoutube == true">\n                        <iframe attr.type=\'youtube\' #videoPlayer [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                          frameborder="0" width="100%" class="video"></iframe>\n                      </ng-container>\n\n                    </ng-container>\n\n                    \x3c!-- Verifica se o Vídeo é a primeira posição do Slide --\x3e\n                    \x3c!-- <ng-container *ngIf=" i === 0">\n\n                                            <div class="video-overlay" *ngIf="file.isCloudinary == true"\n                                                [style.background-image]="file.thumb | stream: \'backgroundImage\'">\n                                            </div>\n\n                                            <div class="video-overlay" *ngIf="!file.isYoutube == true"\n                                                [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                                            </div>\n\n                                            <div class="video-overlay" *ngIf="!file.isCloudinary && !file.isYoutube"\n                                                [style.background-image]="file.url | stream: \'styleThumbUrl\'">\n                                            </div>\n\n                                            <video attr.type=\'stream\' #videoPlayer\n                                                *ngIf="!file.isCloudinary && !file.isYoutube"\n                                                (click)="playVideo($event)" (onloadeddata)="checkVideoRender(file.url)"\n                                                class="video" width="100%" controls="false" preload="metadata"\n                                                poster="{{file.url | stream:\'thumb\'}}">\n                                                <source [src]="file.url | stream:\'link\'" />\n                                            </video>\n\n                                            <video attr.type=\'cloudinary\' #videoPlayer\n                                                *ngIf="file.isCloudinary === true" (click)="playVideo($event)"\n                                                (onloadeddata)="checkVideoRender(file.url)" class="video" width="100%"\n                                                controls="false" preload="metadata" poster="{{file.thumb}}">\n                                                <source [src]="file.url" />\n                                            </video>\n\n                                            <ng-container *ngIf="file.isYoutube === true">\n                                                <iframe attr.type=\'youtube\' #videoPlayer\n                                                    [src]="file.url | safe:\'resourceUrl\'" frameborder="0"\n                                                    frameborder="0" width="100%" class="video"></iframe>\n                                            </ng-container>\n\n                                        </ng-container> --\x3e\n\n                  </ng-container>\n\n                  <ng-template #infiniteContainer></ng-template>\n                </div>\n              </div>\n            </swiper>\n          </div>\n\n          \x3c!-- Fim Carrosel de Imagens e Vídeos --\x3e\n\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n    <ng-container *ngIf="item.type == \'announce\'">\n      <div class="ribbon ribbon-top-right"><span>Anúncio</span></div>\n\n      <div class="swiper-stage">\n        <swiper [config]="global.swiperConfig(false)">\n          <div swiperSlide *ngFor="let file of item.files; let i = index">\n            <div class="swiper-carousel-custom">\n              <ng-container *ngIf="file.type === \'image\'">\n                <div class="img" [style.backgroundImage]="\'url(\'+file.name+\')\'" *ngIf="file.name">\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf="file.type === \'video\'">\n\n                <ng-container>\n\n                  <div class="video-overlay" [style.background-image]="file.url | stream:\'styleThumbUrl\'">\n                  </div>\n\n                  <video class="video" width="100%" preload="metadata" poster="{{ file?.url | stream:\'thumb\' }}">\n                    <source [src]="file?.url | stream:\'link\'" />\n                  </video>\n\n                </ng-container>\n\n              </ng-container>\n            </div>\n          </div>\n          <ng-template #infiniteContainer></ng-template>\n        </swiper>\n      </div>\n\n      <div class="pull-right mt-3" [routerLink]="[\'/market/product/\', item.product.id]">\n        <button class="btn btn-primary">\n          <i class="fa fa-shopping-cart"></i>\n          {{ preConvertNumber(item?.product?.valorDe) | currency:\'BRL\':true}} -\n          {{ preConvertNumber(item?.product?.valorAte) | currency:\'BRL\':true}}\n        </button>\n      </div>\n      <p *ngIf="item?.product?.data?.descr" [innerHTML]="item.product.descr"></p>\n    </ng-container>\n\n    <div class="mat-card-content">\n      <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="item.linkifiedTitle"></span>\n      <span class="ws-pre-wrap post-text mt-1 mb-4" *ngIf="item.additional_data?.type != \'video\'" [innerHTML]="linkify(item.additional_data?.description)"></span>\n      \n      <feed-actions [settings]="settings" [item]="item"></feed-actions>\n      <feed-comments [settings]="settings" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\n    </div>\n\n  </mat-card>\n</ng-container>\n\n<ng-container *ngIf="item && !item.status">\n  <ng-container *ngIf="global.loggedUser()">\n    <ng-container *ngIf="item.user_info.id === global.loggedUser().id">\n      <ng-container *ngIf="item">\n        <mat-card #visibleControl class="feed-card" id="{{ item.id +\'#\'+ item.type}}">\n          <mat-card-header class="feed-header ml-2">\n            <div mat-card-avatar>\n              <img\n                [src]="(item.user_info?.picture)? item.user_info.picture : \'assets/img/default-avatar.png\' || \'assets/img/default-avatar.png\'"\n                class="feed-avatar" (error)="item.user_info.picture = \'assets/img/default-avatar.png\'"\n                alt="{{ item?.user_info?.name }}">\n            </div>\n            <mat-card-title>\n              <h4><b>{{ item?.user_info?.name }}</b></h4>\n              <p> {{ \'SharedPublication\' | translate }} <a>{{ item?.updated_at | amTimeAgo }}</a></p>\n            </mat-card-title>\n\n            <div class="feed-buttom-option" *ngIf="false">\n              <button mat-icon-button [matMenuTriggerFor]="menu">\n                <mat-icon>more_vert</mat-icon>\n              </button>\n              <mat-menu #menu="matMenu">\n                <button mat-menu-item (click)="false">\n                  <mat-icon>create</mat-icon>\n                  <span>{{ \'Edit\' | translate }}</span>\n                </button>\n                <button mat-menu-item (click)="false">\n                  <mat-icon>delete</mat-icon>\n                  <span>{{ \'Remove\' | translate }}</span>\n                </button>\n              </mat-menu>\n            </div>\n\n          </mat-card-header>\n\n          <ng-container>\n            <div class="col-sm-12 mx-auto text-center post-processing-section">\n              <img src="https://image.flaticon.com/icons/svg/2654/2654464.svg" width="30%">\n              <h4>Estamos processando os dados do seu Post!</h4>\n              <p>No momento ele está visível apenas para você, mas logo estará disponível para todos!</p>\n            </div>\n          </ng-container>\n          \n          <div class="mat-card-content">\n            <span class="ws-pre-wrap post-text mt-1 mb-4" [innerHTML]="item.linkifiedTitle"></span>\n            <feed-actions [settings]="settings" prefix="prefix" [item]="item"></feed-actions>\n            <feed-comments [settings]="settings" prefix="prefix" [feed_id]="item.id" [user]="item.user_info"></feed-comments>\n          </div>\n        </mat-card>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n',providers:[te],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}','@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}::ng-deep .card-file{box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:16px;transition:.5s;margin-bottom:30px;cursor:pointer}::ng-deep .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}::ng-deep .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}::ng-deep .card-file .card-cover .title{position:relative;z-index:3;text-shadow:none!important;color:#414141;margin-bottom:0;height:60px;padding:0 15px;font-size:18px}::ng-deep .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}::ng-deep .card-file .card-body{height:125px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}::ng-deep .card-file .card-body .edit-file{float:right!important;margin-top:-60px;margin-right:-15px}::ng-deep .card-file .card-body h5{height:60px}::ng-deep .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)}']}]}],e.ctorParameters=function(){return[{type:te},{type:n.AngularFirestore},{type:r.Global},{type:m.MatDialog},{type:se},{type:a.TranslateService},{type:p.DomSanitizer}]},e.propDecorators={item:[{type:t.Input}],settings:[{type:t.Input}],owner:[{type:t.Input}],isVisible:[{type:t.Output}],videoplayer:[{type:t.ViewChild,args:["videoPlayer",{static:!0}]}],visibleControl:[{type:t.ViewChild,args:["visibleControl",{static:!1,read:t.ElementRef}]}]},e}();var de=function(){function e(e){if(this.domSanitizer=e,localStorage.getItem("loggedUser")){var t=JSON.parse(localStorage.getItem("loggedUser")).data;this.url=t.link_company?t.link_company:t.link}else{var o=localStorage.getItem("streamURL");this.url=o}}return e.prototype.transform=function(e,t){return"link"===t?this.getVideoUri(e):"thumb"===t?this.getVideoThumb(e):"id"===t?this.getVideoId(e):"fire"===t?this.getFireStorageURL(e):"styleThumbUrl"===t?this.domSanitizer.bypassSecurityTrustStyle("url("+this.getVideoThumb(e)+")"):"backgroundImage"===t?this.domSanitizer.bypassSecurityTrustStyle("url("+e):e},e.prototype.getVideoThumb=function(e){return this.url+"videos/thumb/"+this.getVideoId(e)},e.prototype.getVideoUri=function(e){return this.domSanitizer.bypassSecurityTrustResourceUrl(this.url+"videos/"+this.getVideoId(e)+"/480_low")},e.prototype.getFireStorageURL=function(e){return console.log("URL",e),this.domSanitizer.bypassSecurityTrustUrl(e)},e.prototype.getVideoId=function(e){return this.isUrl(e)?e.split("/")[4]:e},e.prototype.isUrl=function(e){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(e)},e.decorators=[{type:t.Pipe,args:[{name:"stream"}]}],e.ctorParameters=function(){return[{type:p.DomSanitizer}]},e}();var ce=function(){function e(e){this.sanitizer=e}return e.prototype.transform=function(e,t){if(e)switch(t){case"html":return this.sanitizer.bypassSecurityTrustHtml(e);case"style":return this.sanitizer.bypassSecurityTrustStyle(e);case"script":return this.sanitizer.bypassSecurityTrustScript(e);case"url":return this.sanitizer.bypassSecurityTrustUrl(e);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(e);default:throw new Error("Invalid safe type specified: "+t)}},e.decorators=[{type:t.Pipe,args:[{name:"safe"}]}],e.ctorParameters=function(){return[{type:p.DomSanitizer}]},e}();var me=/^(\d+)?\.((\d+)(-(\d+))?)?$/,ge=function(){function e(e){this._currencyPipe=e}return e.prototype.transform=function(e,t,o,n){return"number"==typeof e||me.test(e)?this._currencyPipe.transform(e,t,o,n):e},e.decorators=[{type:t.Pipe,args:[{name:"looseCurrency"}]}],e.ctorParameters=function(){return[{type:s.CurrencyPipe}]},e}();var be=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[ce,de,ge],imports:[],exports:[ce,de,ge],providers:[s.CurrencyPipe]}]}],e}(),ue=function(e){function n(t){var o=e.call(this,t)||this;return o.http=t,o}return V(n,e),n.prototype.usersChecked=function(e,t){return this.http.post(this.baseUrl+"/api/v2/client/onesignal/user",e,{headers:this.headers(!1),params:t})},n.prototype.getForms=function(){return this.http.get(this.baseUrl+"/api/v2/admin/user/form",{headers:this.headers(!1)})},n.prototype.getAllUsers=function(e){void 0===e&&(e="");var t="all";return e&&(t="search="+e),this.http.get(this.baseUrl+"/api/v2/admin/asap-user?"+t,{headers:this.headers(!1)})},n.prototype.getUserData=function(e){return void 0===e&&(e=null),null!==e?this.http.get(this.baseUrl+"/api/v2/admin/asap-user/"+e,{headers:this.headers(!1)}):this.http.get(this.baseUrl+"/api/v2/admin/asap-user",{headers:this.headers(!1)})},n.prototype.getUserForm=function(){return this.http.get(this.baseUrl+"/api/v2/admin/user/form",{headers:this.headers(!1)})},n.prototype.getAdressByCep=function(e){return this.http.get("http://viacep.com.br/ws/"+e+"/json/",{headers:new o.HttpHeaders({"Content-Type":"application/x-www-form-urlencoded"})})},n.prototype.remove=function(e){var t=this.baseUrl+"/api/v2/admin/user/delete/"+e;return this.http.delete(t,{headers:this.headers(!1)})},n.prototype.saveData=function(e,t){void 0===t&&(t=null);var n={Authorization:localStorage.getItem("token"),Accept:"application/json"};return null===t?this.http.post(this.baseUrl+"/api/v2/admin/asap-user/store",e,{headers:new o.HttpHeaders(n)}):this.http.put(this.baseUrl+"/api/v2/admin/asap-user/"+t+"/update",e,{headers:new o.HttpHeaders(n)})},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient}]},n}(r.BaseService);var fe=function(){function e(e,t,o,n,i,r){this.global=e,this.db=t,this.feedService=o,this.service=n,this.asapService=i,this.userService=r,this.comments=[],this.replyingComment=[],this.replyingResponse=[],this.limitCommentsTo=3,this.limitReplysTo=1,this.onLoadingLike=!1,this.onLoadingReply=!1,this.onLoadingComment=!1,this.isMarking=!1,this.loading=!1}return e.prototype.ngOnInit=function(){this.getComments(this.feed_id)},e.prototype.getComments=function(e){var t=this;this.db.collection(J().feed).doc(e).collection("comments",(function(e){return e.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(o){t.comments=[],o.map((function(o){var n=o.payload.doc.data();n.id=o.payload.doc.id,n.likeForMe=!1,n.limitReplysTo=0,t.db.collection(J().feed).doc(e).collection("comments").doc(n.id).collection("like").snapshotChanges().subscribe((function(e){n.likes=[],e.map((function(e){var o=e.payload.doc.data();o.id=e.payload.doc.id,t.global.loggedUser()&&o.user_info&&o.user_info.id===t.global.loggedUser().id&&(n.likeForMe=!0,n.likeForMeID=o.id),n.likes.push(o)}))})),t.db.collection(J().feed).doc(e).collection("comments").doc(n.id).collection("reply",(function(e){return e.orderBy("updated_at","desc")})).snapshotChanges().subscribe((function(e){n.replys=[],e.map((function(e){var t=e.payload.doc.data();t.id=e.payload.doc.id,n.replys.push(t)}))})),t.comments.push(n)}))}))},e.prototype.onReplyComment=function(e){this.replyingComment[e]?this.replyingComment[e]=!1:this.replyingComment[e]=!0},e.prototype.onReplyResponse=function(e){this.replyingResponse[e]?this.replyingResponse[e]=!1:this.replyingResponse[e]=!0},e.prototype.handleShowAllReplyResponse=function(e){0===this.comments[e].limitReplysTo?this.comments[e].limitReplysTo=this.comments[e].replys.length:this.comments[e].limitReplysTo=0},e.prototype.unmentionRemovedUsers=function(e){var t,o,n=[];if(this.mentionsList&&e)try{for(var i=G(this.mentionsList),r=i.next();!r.done;r=i.next()){var a=r.value;e.includes(a.name)&&n.push(a)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(o=i.return)&&o.call(i)}finally{if(t)throw t.error}}this.mentionsList=n},e.prototype.sendComment=function(e){this.unmentionRemovedUsers(e);var t={comment:e,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(J().feed).doc(this.feed_id).collection("comments");if(e.length>0){var n=this.mentionsList.map((function(e){return e.id}));this.userService.usersChecked({post_id:this.feed_id,user_id:n,comment:e,type:"comment"},{comments:!0}).subscribe(),this.onLoadingComment=!0,o.add(t);var i={source:"web",title:"Novo comentário",description:this.global.loggedUser().name+": "+e,user:this.global.loggedUser(),client_id:this.global.loggedUser().client_id,redirect:"/portal/"+this.feed_id};this.service.sendNotification(i,this.user,"feed"),this.comment="",this.mentionsList=[],this.onLoadingComment=!1}},e.prototype.replyComment=function(e,t,o,n){this.unmentionRemovedUsers(t);var i={comment:t,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(t.length>0){this.onLoadingReply=!0,this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").add(i);var r={source:"web",title:"Nova Resposta",description:this.global.loggedUser().name+" respondeu: "+t,client_id:this.global.loggedUser().client_id,user:this.global.loggedUser(),redirect:"/portal/"+this.feed_id},a=this.mentionsList.map((function(e){return e.id}));this.userService.usersChecked({post_id:this.feed_id,user_id:a},{comments:!0}).subscribe(),this.service.sendNotification(r,o,"feed"),this.reply="",this.onLoadingReply=!1,this.replyingComment[n]=!1,this.replyingResponse=[]}},e.prototype.deleteReply=function(e,t){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").doc(t).delete()},e.prototype.deleteComment=function(e){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).delete()},e.prototype.sendLikeComment=function(e,t,o){if(void 0===t&&(t=null),this.onLoadingLike=!0,o.likeForMe){this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("like").doc(t).delete(),o.likeForMe=!1,this.onLoadingLike=!1}else{var n={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(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("like").add(n);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}},e.prototype.loadMoreComments=function(){this.limitCommentsTo=this.limitCommentsTo+3},e.prototype.loadMoreReplys=function(e){e.limitReplysTo=e.limitReplysTo+3},e.prototype.linkify=function(e){var t;if(t=["\\b((?:https?|ftp)://[^\\s\"'<>]+)\\b","\\b(www\\.[^\\s\"'<>]+)\\b","\\b(\\w[\\w.+-]*@[\\w.-]+\\.[a-z]{2,6})\\b","#([a-z0-9]+)"],t=new RegExp(t.join("|"),"gi"),e)return e.replace(t,(function(e,t,o,n,i){return t?"<a class='text-primary' target='_blank' (click)='redirectNewLink(url)' href=\""+t+'">'+t+"</a>":o?"<a class='text-primary' href=\"http://"+o+'">'+o+"</a>":n?"<a class='text-primary' href=\"#</a>":i?"<a class='text-primary' href=\"portal/search/"+encodeURIComponent("#"+i)+'">#'+i+"</a>":e}))},e.prototype.onEditReply=function(e){this.editedReply=e.comment,e.onEdit?e.onEdit=!1:e.onEdit=!0},e.prototype.onEditComment=function(e){this.editedComment=e.comment,e.onEdit?e.onEdit=!1:e.onEdit=!0},e.prototype.updateComment=function(e,t){this.onLoadingComment=!0;var o={comment:this.editedComment,edited:!0,updated_at:Date.now()},n=this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e);t.length>0&&(n.update(o),this.editedComment="",this.onLoadingComment=!1)},e.prototype.updateReply=function(e,t,o){this.onLoadingReply=!0;var n={comment:o,updated_at:Date.now()};this.db.collection(J().feed).doc(this.feed_id).collection("comments").doc(e).collection("reply").doc(t.id).update(n),this.editedComment="",this.onLoadingReply=!1,t.onEdit=!1},e.prototype.mentionUser=function(e){this.mentionsList=this.mentionsList||[],this.mentionsList.push(e)},e.decorators=[{type:t.Component,args:[{selector:"feed-comments",template:'<form\n  *ngIf="global.loggedUser()"\n  [ngClass]="{ \'form-comment\': settings?.template === \'template-1\',\'box-input-feed\': settings?.template === \'template-2\' }"\n  matAutocompleteOrigin #origin="matAutocompleteOrigin"\n>\n  <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n  <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n    <i class="fa fa-user"></i>\n  </div>\n  <input #inputComment type="text" name="comment" [(ngModel)]="comment" (keyup.enter)="sendComment(comment)"\n    [disabled]="onLoadingComment" autocomplete="off" placeholder="{{ \'SendCommentFeed\' | translate }}">\n    <i class="bi bi-send-fill" (click)="sendComment(comment)" *ngIf="settings?.template === \'template-2\'"></i>\n  <div class="clearfix"></div>\n</form>\n<asap-auto-complete\n  [input]="inputComment"\n  (userSelected)="mentionUser($event)"\n  class="w-100"\n  fieldName="name"\n></asap-auto-complete>\n\n<div *ngFor="let comment of comments | slice:0:limitCommentsTo; let i=index">\n  <popover-content #myPopover placement="auto right" [closeOnClickOutside]="true" [closeOnMouseOutside]="false"\n    [animation]="true">\n    <div class=\'minibio\'>\n      <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" alt="">\n      <div class="info"><b>{{ comment?.user_info?.name }}</b><br />\n      </div>\n    </div>\n  </popover-content>\n  <a *ngIf="comment" [routerLink]="[\'/profile\',comment?.user_info?.id]">\n    <img *ngIf="comment?.user_info?.picture" [src]="comment?.user_info?.picture" class="avatar-45" alt=""\n      [popover]="myPopover" [popoverOnHover]="true">\n    <div *ngIf="!comment?.user_info?.picture" class="avatar-45-null" [popover]="myPopover" [popoverOnHover]="true">\n      <i class="fa fa-user"></i>\n    </div>\n  </a>\n  <div class="comments">\n    <ng-container *ngIf="global?.loggedUser() && !comment.onEdit">\n      <div class="feed-comment-option">\n        <button mat-icon-button [matMenuTriggerFor]="appMenu" *ngIf="comment?.user_info?.id == global?.loggedUser().id">\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #appMenu="matMenu">\n          <button mat-menu-item (click)="onEditComment(comment)">\n            <mat-icon>create</mat-icon>\n            {{ \'Edit\' | translate }}\n          </button>\n          <button mat-menu-item (click)="deleteComment(comment.id)">\n            <mat-icon>delete</mat-icon>\n            {{ \'Remove\' | translate }}\n          </button>\n        </mat-menu>\n      </div>\n    </ng-container>\n    <p *ngIf="!comment.onEdit"><b>{{ comment?.user_info?.name || \'Não Informado\' }}</b>\n       <br>\n      <span [innerHTML]="linkify(comment.comment)"></span>\n    </p>\n    <form class="form-comment-reply" *ngIf="comment.onEdit">\n      <input\n        class="editing-comment-input"\n        type="text"\n        [(ngModel)]="editedComment"\n        [disabled]="onLoadingReply"\n        (keyup.enter)="updateComment(comment.id, editedComment)"\n        (keyup.esc)="onEditComment(comment)"\n        name="editedComment"\n        placeholder="{{ \'Comment\' | translate }}"\n      >\n      <div class="clearfix"></div>\n    </form>\n\n    <small class="text-primary"><b>{{ comment?.likes?.length ? comment?.likes?.length : \'\' }}</b>\n      <a [ngClass]="{\'disabled-action\': onLoadingLike || !global?.loggedUser()}"\n        (click)="sendLikeComment(comment.id, comment?.likeForMeID, comment)">\n        <ng-container *ngIf="comment.likeForMe">\n          Curtiu\n        </ng-container>\n        <ng-container *ngIf="!comment.likeForMe">\n          Curtir\n        </ng-container>\n      </a>\n    </small> -\n\n    <small class="reply-comment text-primary m-0"><b>{{ comment?.replys?.length ? comment?.replys?.length : \'\' }} </b>\n      <a \n        [ngClass]="{\'disabled-action\': !global?.loggedUser()}" \n        (click)="handleShowAllReplyResponse(i)"\n      >\n        Respostas\n      </a>\n    </small> -\n    <small class="txt-gray m-0" *ngIf="comment?.edited">editado - </small>\n    <small class="txt-gray m-0">{{ comment.updated_at | amTimeAgo}} </small> -\n    <i\n      class="cursor-pointer fa fa-reply"\n      (click)="onReplyComment(i)"\n    ></i>\n    \x3c!-- Reply Section --\x3e\n    <form class="form-comment-reply" *ngIf="replyingComment[i] == true">\n      <input #replyInputComment type="text" [disabled]="onLoadingReply" [(ngModel)]="reply" name="reply"\n        (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)"\n        autocomplete="off" placeholder="{{ \'ReplyThisComment\' | translate }}">\n      <div class="clearfix"></div>\n    </form>\n    <asap-auto-complete\n      [input]="replyInputComment"\n      (userSelected)="mentionUser($event)"\n      class="w-100"\n      fieldName="name"\n    ></asap-auto-complete>\n    <ng-container *ngIf="comment.replys && comment.replys.length > 0">\n      <ng-container *ngFor="let subItem of comment.replys |  slice:0:comment.limitReplysTo let idx=index">\n        <popover-content #myPopover placement="auto right" [closeOnClickOutside]="true" [closeOnMouseOutside]="false"\n          [animation]="true">\n          <div class=\'minibio\'>\n            <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" class="avatar-45" alt="">\n            <div class="info"><b>{{ comment?.user_info?.name }}</b><br />\n            </div>\n          </div>\n        </popover-content>\n        <div class="reply-avatar">\n          <img *ngIf="subItem.user_info?.picture" [src]="subItem?.user_info?.picture" alt="" class="avatar-45-null"\n            [popover]="myPopover" [popoverOnHover]="true">\n          <div *ngIf="!subItem.user_info.picture || subItem.user_info.picture == \'\'" class="avatar-45-null">\n            <i class="fa fa-user"></i>\n          </div>\n        </div>\n\n        <div class="replys">\n          <ng-container *ngIf="global.loggedUser()">\n            <ng-container *ngIf="global?.loggedUser()?.id === subItem.user_info.id && !subItem.onEdit">\n              <div class="feed-comment-option">\n                <button mat-icon-button [matMenuTriggerFor]="appSubMenu">\n                  <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #appSubMenu="matMenu">\n                  <button mat-menu-item (click)="onEditReply(subItem)">\n                    <mat-icon>create</mat-icon>\n                    {{ \'Edit\' | translate }}\n                  </button>\n                  <button mat-menu-item (click)="deleteReply(comment.id, subItem.id)">\n                    <mat-icon>delete</mat-icon>\n                    {{ \'Remove\' | translate }}\n                  </button>\n                </mat-menu>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container *ngIf="!subItem.onEdit">\n            <p> <b>{{ subItem.user_info.name || \'Não Informado\' }}</b> {{ subItem.comment }}</p>\n            <small class="txt-gray">{{ subItem.updated_at | amTimeAgo}} </small>\n          </ng-container>\n          <ng-container *ngIf="subItem.onEdit">\n            <form class="form-comment-reply form-reply-edited">\n              <input type="text" [disabled]="onLoadingReply" [(ngModel)]="editedReply" name="editedReply"\n                (keyup.enter)="updateReply(comment.id, subItem, editedReply)"\n                placeholder="{{ \'ReplyThisComment\' | translate }}">\n              <div class="clearfix"></div>\n            </form>\n          </ng-container>\n          <i \n            *ngIf="global?.loggedUser()?.id != subItem.user_info.id"\n            class="fa fa-reply cursor-pointer"\n            [ngClass]="{\'disabled-action\': !global?.loggedUser()}" \n            (click)="onReplyResponse(idx)"\n          >\n          </i>\n          <form \n            class="form-comment-reply form-reply-edited" \n            *ngIf="replyingResponse[idx] == true"\n          >\n            <input\n              #inputReply\n              type="text" \n              [disabled]="onLoadingReply" \n              [(ngModel)]="reply" \n              name="reply"\n              (keyup.enter)="replyComment(comment.id, reply, comment.user_info, i)"\n              autocomplete="off" \n              placeholder="{{ \'ReplyThisComment\' | translate }}"\n            >\n            <div class="clearfix"></div>\n          </form>\n          <asap-auto-complete\n            *ngIf="replyingResponse[idx] == true"\n            [input]="inputReply"\n            (userSelected)="mentionUser($event)"\n            class="w-100"\n            fieldName="name"\n          ></asap-auto-complete>\n        </div>\n\n      </ng-container>\n\n      \x3c!-- <ng-container *ngIf="comment?.replys.length > 1 && (comment.replys.length - comment.limitReplysTo > 0)">\n        <div class="SeeMore on-reply">\n          <i class="fa fa-reply"></i>\n          <span (click)="loadMoreReplys(comment)" *ngIf="(comments?.length > limitCommentsTo)">\n            {{ comment.replys.length - comment.limitReplysTo}} {{ \'Replys\' | translate }}</span>\n        </div>\n      </ng-container> --\x3e\n    </ng-container>\n\n    \x3c!-- End Reply Section --\x3e\n\n\n  </div>\n</div>\n\n<ng-container *ngIf="(comments?.length > 2)">\n  <div class="SeeMore">\n    <span (click)="loadMoreComments()" *ngIf="(comments?.length > limitCommentsTo)">{{ \'SeeMore\' | translate }}\n      {{ comments?.length - limitCommentsTo}} {{ \'Comments\' | translate }}</span>\n  </div>\n</ng-container>\n',providers:[ue],styles:[".SeeMore{margin-bottom:10px;font-size:14px}.on-reply{font-size:13px;margin-top:-9px;margin-bottom:0;text-align:left!important;margin-left:65px}.on-reply span{margin-left:25px}.comments{margin:10px -15px!important}.comments .feed-comment-option{margin-top:0;margin-right:10px}.comments p{margin:11px 7px 10px 60px;font-size:14px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;background-color:#e6e6e6;padding:10px;border-radius:18px}.comments small{margin:5px 3px 5px 65px}.disabled-action{pointer-events:none;opacity:.6}.like-comment{margin:5px 3px 5px 65px}.reply-comment{margin-left:15px}.feed-comment-box{background-color:#f30;border-radius:18px;box-sizing:border-box;color:#1c1e21;padding:10px;line-height:16px;margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;position:relative;white-space:normal}.reply-avatar{margin-left:56px;margin-top:5px}.replys{margin:5px 3px 5px 70px}.replys p{margin:0 8px 3px 31px!important;white-space:normal;word-wrap:break-word!important;background-color:#f5f3f3;padding:10px;border-radius:18px;width:calc(100% - 39px)!important}.replys .feed-comment-option{margin-top:0;margin-right:5px}.replys small{margin-left:35px}.form-comment-reply{width:100%;margin:0!important;padding:7px 0 10px 78px!important}.form-comment-reply input[type=text]{float:left;width:calc(100% - 15px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:8px 13px;outline:0}.form-comment-reply .editing-comment-input{padding-top:8px;margin-top:-11px;margin-left:-8px}.form-reply-edited{padding:0 0 9px 32px!important}.cursor-pointer{cursor:pointer}",'li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:n.AngularFirestore},{type:K},{type:se},{type:r.AsapService},{type:ue}]},e.propDecorators={inputComment:[{type:t.ViewChild,args:["inputComment",{static:!1}]}],replyInputComment:[{type:t.ViewChild,args:["replyInputComment",{static:!1}]}],inputReply:[{type:t.ViewChild,args:["inputReply",{static:!1}]}],settings:[{type:t.Input}],feed_id:[{type:t.Input}],user:[{type:t.Input}]},e}();var he=function(){function e(e,t,o,n,i){this.global=e,this.db=t,this.feedService=o,this.service=n,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 e.prototype.ngOnInit=function(){this.getLikes(),this.getComments(),this.getShareds()},e.prototype.getLikes=function(){var e=this;this.db.collection("likes",(function(t){return t.where("post_id","==",e.item.id)})).snapshotChanges().subscribe((function(t){e.likes=[],t.map((function(t){var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&(o.uid&&o.uid==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id),o.user_info&&o.user_info.id==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id)),e.likes.push(o)}))}))},e.prototype.getComments=function(){var e=this;this.db.collection(J().feed).doc(this.item.id).collection("comments").valueChanges().subscribe((function(t){e.comments=t}))},e.prototype.getShareds=function(){var e=this;this.db.collection("shareds",(function(t){return t.where("post_id","==",e.item.id)})).snapshotChanges().subscribe((function(t){e.shareds=[],t.map((function(t){console.log("Shareds ->",t);var o=t.payload.doc.data();o.id=t.payload.doc.id,e.global.loggedUser()&&(o.uid&&o.uid==e.global.loggedUser().id&&(e.sharedForMe=!0,e.sharedForMeID=o.id),o.user_info&&o.user_info.id==e.global.loggedUser().id&&(e.likeForMe=!0,e.likeForMeID=o.id)),e.shareds.push(o)}))}))},e.prototype.sendLike=function(){var e=this;this.onSendLike?console.log("[sendLike] bloqueio..."):(this.onSendLike=!0,setTimeout((function(){console.log("[sendLike] enviando like...");var t={post_id:e.item.id,create_at:Date.now(),updated_at:Date.now(),user_info:{id:e.global.loggedUser().id,updated_at:Date.now(),name:e.global.loggedUser().name,picture:e.global.loggedUser().picture}};if(e.likeForMe){e.db.collection("likes").doc(e.likeForMeID).delete(),setTimeout((function(){e.onSendLike=!1}),1e3),e.likeForMe=!1}else{var o={title:"Nova curtida",description:e.global.loggedUser().name+" curtiu seu post",user:e.global.loggedUser(),redirect:"/portal/"+e.item.id,client_id:e.global.loggedUser().client_id};e.service.sendNotification(o,e.item.user_info,"feed");var n=e.db.collection("likes").add(t);console.log(n),setTimeout((function(){e.onSendLike=!1}),1e3)}}),100))},e.prototype.copyToClipBoard=function(e){var t=document.createElement("textarea");t.style.position="fixed",t.style.left="0",t.style.top="0",t.style.opacity="0",t.value=e,document.body.appendChild(t),t.focus(),t.select(),document.execCommand("copy"),document.body.removeChild(t),this.global.notification.success("Pronto!","Link copiado para a área de transferencia")},e.prototype.sharePost=function(e){void 0===e&&(e="link"),this.onSendShared=!1;var t={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 "+e,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(t)}this.onSendShared=!1;var n=window.location.origin+"/post/"+this.item.id,i="";"whatsapp"==e?(i=this.translate.instant("LookThisPostThatIFound").split("{{user_name}}").join(this.item.user_info.name)+"\n\n"+n,i="https://wa.me/?text="+encodeURIComponent(i),window.open(i)):"linkedin"==e?(i="https://www.linkedin.com/shareArticle?mini=true&url="+n+"&title="+encodeURIComponent("Gostei deste post do *"+this.item.user_info.name+"* que encontrei no Portal \n\n"+n),window.open(i)):"telegram"==e?(i="https://telegram.me/share/url?url="+n,window.open(i)):"link"==e?this.copyToClipBoard(n):"facebook"==e&&(i="https://www.facebook.com/sharer/sharer.php?u="+n,window.open(i))},e.decorators=[{type:t.Component,args:[{selector:"feed-actions",template:'\x3c!-- <popover-content #popoverShares \n                placement="placement"\n                [animation]="true" \n                [closeOnClickOutside]="true">\n        <div class="row p-2">\n            <div class="col-sm-12">\n                <b>Compartilhe este Post</b>\n                <p><a (click)="sharePost(\'whatsapp\')"><img src="https://image.flaticon.com/icons/svg/1384/1384055.svg" width="10%" alt="">Whatsapp</a></p>\n                <p><a (click)="sharePost(\'linkedin\')"><img src="https://image.flaticon.com/icons/svg/179/179330.svg" width="10%" alt="">Linkedin</a></p>\n                <p><a (click)="sharePost(\'telegram\')"><img src="https://image.flaticon.com/icons/svg/2111/2111646.svg" width="10%" alt="">Telegram</a></p>\n            </div>\n        </div>\n</popover-content>  *ngIf="global.loggedUser()"--\x3e\n\n<mat-card-actions>\n\n  <ng-container *ngIf="global.loggedUser()">\n    <div class="animated feed-actions">\n\n      <a class="icons" (click)="sendLike()" [ngClass]="{ \'is-liked\': likeForMe, \'disabled-like\': onSendLike }">\n        <i [ngClass]="{ \'fa fa-thumbs-up\': settings?.template === \'template-1\', \n        \'ph ph-heart\': settings?.template === \'template-2\' }"></i>\n        <div class="number">{{ 0 || likes?.length }}</div>\n      </a>\n\n      <a class="icons">\n        <i [ngClass]="{ \'fa fa-comments\': settings?.template === \'template-1\', \n        \'ph ph-chat-circle\': settings?.template === \'template-2\' }"></i>\n        <div class="number">{{ 0 || comments?.length }}</div>\n      </a>\n\n      <div class="dropdown minh-4" style="display:inline-block">\n        <a class="icons" [ngClass]="{ \'is-liked\': sharedForMe, \'disabled-like\': onSendShared }"\n          id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n          <i [ngClass]="{ \'fa fa-share\': settings?.template === \'template-1\', \n          \'ph ph-share-fat\': settings?.template === \'template-2\' }"></i> \n          <div class="number">{{ 0 || shareds?.length }}</div>\n        </a>\n        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">\n          <a class="dropdown-item" (click)="sharePost(\'whatsapp\')"><i class="fa fa-whatsapp"></i> Whatsapp</a>\n          <a class="dropdown-item" (click)="sharePost(\'link\')"><i class="fa fa-clipboard"></i> Copiar Link</a>\n        </div>\n      </div>\n\n    </div>\n  </ng-container>\n</mat-card-actions>\n',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)}.icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}",'li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:n.AngularFirestore},{type:K},{type:se},{type:a.TranslateService}]},e.propDecorators={item:[{type:t.Input}],settings:[{type:t.Input}],portalName:[{type:t.Input}]},e}();var xe=function(e){function n(t,o,n){var i=e.call(this,t)||this;return i.http=t,i.global=o,i.router=n,i.entityName="",i.basePath="api/v2",i}return V(n,e),n.prototype.product=function(e){return this.getResources({router:"client/produto/"+e})},n.prototype.createProduct=function(e){return this.createResource(e,{router:"loja/produto"})},n.prototype.categories=function(){return this.getResources({router:"client/categoria/"+this.global.clientID()})},n.prototype.subCategories=function(e){return this.getResources({router:"client/subcategoria/"+this.global.clientID()+"/"+e})},n.prototype.subCategoryProducts=function(e,t){void 0===t&&(t=null);var o=null;return t&&(o="page="+t),this.getResources({router:"client/showcasefilter/"+e,query:o})},n.prototype.mainProducts=function(){return this.getResources({router:"client/produto/mais/vendidos/"+this.global.clientID()})},n.prototype.getMyProducts=function(){return this.getResources({router:"client/seller/"+this.global.loggedUser().id})},n.prototype.spotlightProducts=function(e,t){void 0===e&&(e=null),void 0===t&&(t="");var o="";return e&&(o="page="+e),""!=t&&""!=o&&(o+="&busca="+t),this.getResources({router:"client/showcase/"+this.global.clientID(),query:o})},n.prototype.order=function(e,t){return this.createResource(t,{router:"loja/pedido/"+e})},n.prototype.searchCep=function(e){return this.http.get("https://viacep.com.br/ws/"+e+"/json/")},n.prototype.checkUserExists=function(e){return this.getResources({router:"admin/verify/user?search="+e+"&client_id="+this.global.clientID()})},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient},{type:r.Global},{type:i.Router}]},n}(r.AsapBaseService);var ve=function(){function e(e,o,n,i,r,a,s,p,l,d){this.dialogRef=e,this.global=o,this.asapService=n,this.utilsService=i,this.sanitizer=r,this.streamService=a,this.productService=s,this.route=p,this.db=l,this.feed=d,this.published=new t.EventEmitter(!1),this.error=!1,this.entity={},this.newProduct=!0,this.selectedProduct={}}return e.prototype.ngOnInit=function(){this.tmpFileArray=[],this.progress=0,this.newProduct=!0,this.loadCategory(),this.loadMyProducts()},e.prototype.close=function(){var e=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(t){return q(e,void 0,void 0,(function(){return H(this,(function(e){return t.value&&this.dialogRef.close(),[2]}))}))}))},e.prototype.defaults=function(){return{fotos:[]}},e.prototype.loadSubCategory=function(e){var t=this;this.productService.subCategories(this.entity.categoria_id).subscribe((function(e){t.subCategory=e}))},e.prototype.addPicture=function(e){this.entity.fotos.push({img:e.path})},e.prototype.delPicture=function(e){},e.prototype.categoryName=function(e){if(this.category){var t=this.category.find((function(t){return t.id==e}));if(t)return t.name}return"NÃO SELECIONADO"},e.prototype.subCategoryName=function(e){if(this.subCategory){var t=this.subCategory.find((function(t){return t.id==e}));if(t)return t.subCategory}return"NÃO SELECIONADO"},e.prototype.onSave=function(){var e=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 t=0;t<this.images.length;t++)this.entity.fotos[t]={img:this.images[t].url};this.productService.createProduct(this.entity).subscribe((function(t){console.log("ResponseFeed"),e.tempProductData.id=t.produto.data.id,e.addPostOnFeed(),e.global.notification.success("Produto, cadastrado e anunciado com Sucesso")}),(function(e){console.error("Erro",e)}))}}else this.addPostOnFeed(),this.global.notification.success("Seu produto foi anunciado com Sucesso!")},e.prototype.loadCategory=function(){var e=this;this.productService.categories().subscribe((function(t){console.log("loadSubCategories",t),e.category=t.data}))},e.prototype.loadSubCategories=function(e){var t=this;console.log("loadSubCategories",e),this.productService.subCategories(e).subscribe((function(e){t.subCategory=e}))},e.prototype.loadMyProducts=function(){var e=this;this.productService.getMyProducts().subscribe((function(t){console.log("MyPrid",t),e.myProducts=t.data.produtos.data}),(function(t){e.global.notification.error("Ocorreu um problema ao processar sua requisição, entre em contato com o Administrador do Sistema")}))},e.prototype.addPostOnFeed=function(){console.log("Owner",this),console.log("Data Feed",this.tempProductData),this.share()},e.prototype.share=function(){var e=this;console.log("New Prodct 1",this.newProduct);var t=new ae;if(t.product=this.newProduct?this.tempProductData:this.selectedProduct,t.updated_at=Date.now(),t.type="announce",console.log("Post Data",t),console.log("New Prodct",this.newProduct),this.newProduct){if(t.title="<b>"+t.product.produto+"</b><br><br>"+t.product.descr,t.product=this.tempProductData,this.tmpFileArray||this.tmpFileArray.length>0){console.log(2),t.files=this.tmpFileArray,console.log("FILES ------------\x3e",t.files);var o=t.files.filter((function(t){return"video"===e.getTypeByMimeType(t.type)}));o.length>0&&(console.log(3),t.files[0].video_rendering=!0,t.files[0].video_low_rendering=!0,t.files[0].thumb_rendering=!0,this.streamService.status(o[0].url).subscribe((function(e){t.files[0].video_rendering=!e.p480,t.files[0].video_low_rendering=!e.p480_low,t.files[0].thumb_rendering=!e.thumb})))}}else if(!this.newProduct&&(t.title="<b>"+t.product.produto+"</b><br><br>"+t.product.descr,t.product.fotos.length>0)){for(var n=0;n<t.product.fotos.length;n++)console.log("Fotos ->",t.product.fotos[n]),t.product.fotos[n].url=t.product.fotos[n].img,t.product.fotos[n].type="image",delete t.product.fotos[n].img,t.files[n]=t.product.fotos[n];t.files.length==t.product.fotos.length&&console.log("Fotos",t)}console.log("SHARE",t),this.publish(t),this.feed.owner.published.emit(!0)},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:console.log("uploadFile(event)",e),t=function(t){var n,i,r,a,s,p,d,c,m;return H(this,(function(g){switch(g.label){case 0:return console.log("Target Files",t),n=window.URL.createObjectURL(t),o.sanitizer.bypassSecurityTrustUrl(n),(i=new ie).type=o.getTypeByMimeType(t.type),i.status=0,i.thumb_rendering=!1,i.video_rendering=!1,i.video_low_rendering=!1,r=!1,"video"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(swal.fire("Ops...","Você só pode enviar 1 vídeo por postagem","error"),r=!0),"image"===o.getTypeByMimeType(t.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>8&&(swal.fire("Ops...","Você só pode enviar até 9 imagens por postagem","error"),r=!0),r?[3,6]:"image"!==o.getTypeByMimeType(t.type)?[3,5]:"image/gif"!=t.type?[3,2]:(i.name=o.utilsService.uid()+".gif",a=i,[4,o.readGIF(t)]);case 1:return a.url=g.sent(),o.tmpFileArray.push(i),[3,4];case 2:return s=t.name.split("."),p=s[s.length-1],d=i,[4,o.resizeImages(t,800)];case 3:d.url=g.sent(),i.name=o.utilsService.uid()+"."+p,o.tmpFileArray.push(i),g.label=4;case 4:return[3,6];case 5:"video"===o.getTypeByMimeType(t.type)&&(o.uploadingVideo=!0,console.log("Realizar Upload de Video",i),(c=e.target.files[0])&&(m=o.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(c)),i.name=m,o.tmpFileArray.push(i),console.log("Result",m)),o.streamService.uploadFile(t).subscribe((function(e){return q(l,void 0,void 0,(function(){var t;return H(this,(function(o){switch(o.label){case 0:return e.loaded&&(i.status=(100*e.loaded/e.total).toFixed(0)),e.body?(t=i,[4,e.body.uuidVideo]):[3,2];case 1:t.url=o.sent(),this.uploadingVideo=!1,console.log("Pronto!",e),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]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.checkUploading=function(){return this.tmpFileArray.filter((function(e){return""===e.url})).length>0},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkIfHasEmbededVideo=function(e){if(e)return e.includes("vimeo")?{url:"//player.vimeo.com/video/"+e.split("/")[4]}:e.includes("youtube")?{url:"//www.youtube.com/embed/"+e.split("=")[1]}:e},e.prototype.publish=function(e){var t,o,n,i=this;console.log("Publish()",1,e),this.uploading=!0,this.progress=0;var r=0;if(e.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(e){return"image"===i.getTypeByMimeType(e.type)})),s=98/a.length;if(a.length>0){console.log("Publish()",3,a);var p=function(t){setTimeout((function(){i.utilsService.uploadFile("images/"+t.name,t.url),i.utilsService.percentage.subscribe((function(e){console.log("TO RODANDO EIM",e),t.status=e})),i.utilsService.task.snapshotChanges().subscribe((function(o){return q(i,void 0,void 0,(function(){var i,p=this;return H(this,(function(d){return o.bytesTransferred===o.totalBytes&&(r++,this.progress+=s,console.log("PROGRESS",this.progress),i=e.files.findIndex((function(e){return e.name===t.name})),!n&&e.files[i]&&this.utilsService.getFireStorageURL("images/"+e.files[i].name).subscribe((function(e){n=e})),delete e.files[i].url,r==a.length&&(console.log("Criando Feed"),this.db.collection(J().feed).add(l.classToPlain(e)).then((function(t){p.db.collection(J().feed).doc(t.id).update({id:t.id}),p.title="",p.progress=null,p.uploading=null,p.tmpFileArray=[],console.log("Publish()",4),console.log("Data ->",e)})))),[2]}))}))}),(function(e){console.error("Error",e)}))}))};try{for(var d=G(a),c=d.next();!c.done;c=d.next()){p(c.value)}}catch(e){t={error:e}}finally{try{c&&!c.done&&(o=d.return)&&o.call(d)}finally{if(t)throw t.error}}}else{console.log("Publish()",5),console.log(e,this.tmpFileArray);var m=this.db.collection(J().feed);console.log("Data ->",e),m.add(l.classToPlain(e)).then((function(e){i.db.collection(J().feed).doc(e.id).update({id:e.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}}else{console.log("Publish()",5),console.log(e,this.tmpFileArray),console.log("Data ->",e),(m=this.db.collection(J().feed)).add(l.classToPlain(e)).then((function(e){i.db.collection(J().feed).doc(e.id).update({id:e.id}),i.title="",i.progress=null,i.uploading=null,i.tmpFileArray=[]}))}console.log("Publish()",0,J().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})},e.decorators=[{type:t.Component,args:[{selector:"modal-announce",template:'<div mat-dialog-content>\n   <div class="row mt-4" *ngIf="progress">\n      <div class="col-sm-12">\n         <mat-progress-bar mode="determinate" [value]="progress">{{ progress }}%</mat-progress-bar>\n      </div>\n   </div>\n   <mat-horizontal-stepper #steper [linear]="true">\n      <mat-step label="Anúncio" [stepControl]="false">\n         <form #formAnuncio="ngForm" validate>\n            <div class="row mt-2">\n               <div class="col-sm-12">\n                  <b>{{ \'AnnouceQuestionText\' | translate }}</b><br>\n               </div>\n               <div class="col-sm-12 mt-3">\n                  \n                  <mat-radio-group required [(ngModel)]="newProduct" name="newProduct">\n                     <mat-radio-button class="mr-3" [value]="true" [checked]="true">Novo Produto </mat-radio-button>\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>\n                  </mat-radio-group>\n               </div>\n            </div>\n            <div class="row mt-4" *ngIf="!newProduct">\n               <div class="col-sm-12">\n                  <b>{{ \'AnnouceProuctQuestionText\' | translate }}</b>\n               </div>\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="Selecione o Produto" class="w-100" name="selectedProduct"\n                        [(ngModel)]="selectedProduct">\n                        <mat-option *ngFor="let row of myProducts" [value]="row"> {{ row.produto }}</mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <ng-container *ngIf="selectedProduct">\n                  <div class="row container">\n                     <ng-container *ngIf="selectedProduct.fotos">\n                        <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\n                           <img [src]="item.img" class="img-thumbnail img-responsive"\n                              style="width: 100%;height: 170px;object-fit: cover;">\n                        </div>\n                     </ng-container>\n                  </div>\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\n                           name="produto" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\n                           placeholder="De R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\n                           placeholder="Até R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">{{  \'MinQuantity\' | translate }}</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="selectedProduct.hashtag" name="hashtag" placeholder="Palavra-chave"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\n                           [(ngModel)]="selectedProduct.descr" placeholder="Descrição" name="descr"\n                           [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">0 / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\n                     <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\n                     <mat-radio-group [(ngModel)]="selectedProduct.adaptation" name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\n                        <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n\n            <div class="row mt-4" *ngIf="newProduct">\n               <div class="col-sm-12">\n                  <div class="alert alert-primary" role="alert">\n                       {{ \'AnnounceProductAddText\' | translate }} \n                  </div>\n               </div>\n               <div class="col-sm-12">\n                  <b>{{ \'AnnounceInformationText\' | translate }}</b>\n               </div>\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <input matInput placeholder="{{ \'ProductName\' | translate }}" [(ngModel)]="entity.produto" name="produto" required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-6">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="{{ \'ProductCategory\' | translate }}" class="w-100" [(ngModel)]="entity.categoria_id"\n                        (ngModelChange)="loadSubCategories(entity.categoria_id)" name="categoria_id">\n                        <mat-option *ngFor="let row of category" [value]="row.id"><i class="{{ row.icon }}"></i>\n                           {{ row.name }}\n                        </mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-6">\n                  <mat-form-field class="w-100">\n                     <mat-select placeholder="{{ \'ProductSubCategory\' | translate }}" class="w-100" [(ngModel)]="entity.subcategoria_id"\n                        [disabled]="!entity.categoria_id || !subCategory" name="subcategoria_id">\n                        <mat-option *ngFor="let row of subCategory" [value]="row.id">{{ row.subCategory }}\n                        </mat-option>\n                     </mat-select>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="{{ \'ProductValueAt\' | translate }}"\n                        required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="{{ \'ProductValueEnd\' | translate }}"\n                        required>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-4">\n                  <mat-form-field class="w-100">\n                     <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\n                        placeholder="Quantidade Mínima" required>\n                     <mat-hint class="pull-right">{{ \'AnnounceMinimalQuantity\' | translate }}</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <input matInput [(ngModel)]="entity.hashtag" name="hashtag" placeholder="Palavra-chave" required>\n                     <mat-hint class="pull-right">{{ \'AnnounceKeywordsText\' | translate }}</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12">\n                  <mat-form-field class="w-100">\n                     <textarea rows="5" matInput #descr maxlength="300" name="descr" maxlength="300"\n                        [(ngModel)]="entity.descr" placeholder="{{ \'AnnounceProuctDescription\' | translate }}" required></textarea>\n                     <mat-hint class="pull-right">0 / 300</mat-hint>\n                  </mat-form-field>\n               </div>\n\n               <div class="col-sm-12 mt-1">\n                  <b>{{ \'AnnounceAdaptationText\' | translate }}</b>\n                  <p>{{ \'AnnounceAdaptationDescription\' | translate }}</p>\n                  <mat-radio-group [(ngModel)]="entity.adaptation" required name="adaptation">\n                     <mat-radio-button class="mr-3" value="sim">{{ \'Yes\' | translate }}</mat-radio-button>\n                     <mat-radio-button value="nao">{{ \'No\' | translate }}</mat-radio-button>\n                  </mat-radio-group>\n               </div>\n\n            </div>\n         </form>\n      </mat-step>\n\n      <mat-step label="Imagens" [stepControl]="false" *ngIf="newProduct">\n         <ng-container>\n            <div class="row " *ngIf="tmpFileArray.length <= 0">\n               <div class="col-sm-12 mx-auto text-center img-box-upload clickable">\n                  <label>\n                     <p>Adicione aqui imagens ou vídeos para destacar o seu produto</p>\n                     <img src="https://image.flaticon.com/icons/svg/1515/1515643.svg">\n                     <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n                  </label>\n               </div>\n            </div>\n            <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n               <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                  <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\n                     \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\n                              <p class="tmp-file-status-title">Enviando...</p>\n                              <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\n                              </div> --\x3e\n                     <div class="tmp-file-buttons-overlay">\n                        <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n                           <span class="fa fa-remove"></span>\n                        </button>\n                     </div>\n                     <div class="tmp-file-content outline-bordered">\n                        <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload "\n                           *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n                        <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'"\n                           loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\n                           <source [src]="file.name" />\n                        </video>\n                     </div>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n      </mat-step>\n\n      <mat-step label="Finalizar" [stepControl]="false">\n         <div class="row">\n            <div class="col-sm-12">\n               <b>Verifique o seu anúncio antes de Confirmar</b>\n            </div>\n         </div>\n         <ng-container *ngIf="newProduct">\n            <ng-container>\n               <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                  <ng-container *ngIf="tmpFileArray && tmpFileArray.length > 0">\n                     <div class="col-sm-4 mb-2 tmp-file-wrapper" *ngFor="let file of tmpFileArray">\n                        \x3c!-- <div class="tmp-file-status-overlay" *ngIf="file.status < 100">\n                                             <p class="tmp-file-status-title">Enviando...</p>\n                                             <p class="tmp-file-status-desc" *ngIf="file.status > 0">{{ file.status }}%</p>\n                                             </div> --\x3e\n                        \x3c!-- <div class="tmp-file-buttons-overlay">\n                                 <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n                                    <span class="fa fa-remove"></span>\n                                 </button>\n                              </div> --\x3e\n                        <div class="tmp-file-content outline-bordered">\n                           <img [src]="file.url ||file.fileSanitized" class="img-responsive tmp-upload img-thumbnail"\n                              *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n                           <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay\n                              [muted]="\'muted\'" loop *ngIf="getTypeByMimeType(file.type) === \'video\'">\n                              <source [src]="file.name" />\n                           </video>\n                        </div>\n                     </div>\n                  </ng-container>\n               </div>\n            </ng-container>\n            <div class="row">\n               <ng-container *ngIf="entity">\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="entity.produto" name="produto"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="entity.valorDe" name="valorDe" placeholder="De R$"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="entity.valorAte" name="valorAte" placeholder="Até R$"\n                           [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="entity.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">Quantidade minima.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="entity.hashtag" placeholder="Palavra-chave" name="hashtag"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300" [(ngModel)]="entity.descr"\n                           name="descr" placeholder="Descrição" [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">{{entity?.descr?.length}} / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>Aceita adaptações neste produto?</b>\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\n                        essas\n                        adaptações\n                        ao seu produto para atendê-lo?</p>\n                     <mat-radio-group name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" [checked]="(entity.adaptation == \'sim\')? true : false">Sim\n                        </mat-radio-button>\n                        <mat-radio-button [checked]="(entity.adaptation == \'nao\')? true : false">Não</mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n\n         <ng-container *ngIf="!newProduct">\n            <div class="row">\n               <ng-container *ngIf="selectedProduct?.fotos">\n                  <div class="col-md-4" *ngFor="let item of selectedProduct.fotos">\n                     <img [src]="item.img" class="img-thumbnail img-responsive"\n                        style="width: 100%;height: 170px;object-fit: cover;">\n                  </div>\n               </ng-container>\n            </div>\n            <div class="row">\n               <ng-container *ngIf="selectedProduct">\n                  <div class="col-sm-12 mt-2">\n                     <mat-form-field class="w-100">\n                        <input matInput placeholder="Nome do Produto" [(ngModel)]="selectedProduct.produto"\n                           name="produto" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorDe" name="valorDe"\n                           placeholder="De R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput currencyMask [(ngModel)]="selectedProduct.valorAte" name="valorAte"\n                           placeholder="Até R$" [disabled]="true">\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-4">\n                     <mat-form-field class="w-100">\n                        <input matInput type="number" [(ngModel)]="selectedProduct.qtdMinimo" name="qtdMinimo"\n                           placeholder="Quantidade Mínima" [disabled]="true">\n                        <mat-hint class="pull-right">Quantidade minima.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <input matInput [(ngModel)]="selectedProduct.hashtag" placeholder="Palavra-chave" name="hashtag"\n                           [disabled]="true">\n                        <mat-hint class="pull-right">Palavras que facilitam a busca do seu produto.</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12">\n                     <mat-form-field class="w-100">\n                        <textarea rows="5" matInput #descr maxlength="300" maxlength="300"\n                           [(ngModel)]="selectedProduct.descr" name="descr" placeholder="Descrição"\n                           [disabled]="true"></textarea>\n                        <mat-hint class="pull-right">{{selectedProduct?.descr?.length}} / 300</mat-hint>\n                     </mat-form-field>\n                  </div>\n\n                  <div class="col-sm-12 mt-1">\n                     <b>Aceita adaptações neste produto?</b>\n                     <p>O Cliente pode querer uma cor, um tamanho, um acabamento diferente. Você toparia fazer\n                        essas\n                        adaptações\n                        ao seu produto para atendê-lo?</p>\n                     <mat-radio-group name="adaptation" [disabled]="true">\n                        <mat-radio-button class="mr-3" [checked]="(selectedProduct.adaptation == \'sim\')? true : false">\n                           Sim\n                        </mat-radio-button>\n                        <mat-radio-button [checked]="(selectedProduct.adaptation == \'nao\')? true : false">Não\n                        </mat-radio-button>\n                     </mat-radio-group>\n                  </div>\n               </ng-container>\n            </div>\n         </ng-container>\n      </mat-step>\n   </mat-horizontal-stepper>\n\n</div>\n<div mat-dialog-actions>\n   <div class="w-50">\n      <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="close()" [disabled]="uploading">\n         <span>\n            <span>Fechar</span>\n         </span>\n      </button>\n      <label *ngIf="steper.selectedIndex == 1 && newProduct">\n         <a class="btn btn-feed btn-round btn-primary">\n            <span>Foto/Vídeo</span>\n         </a>\n         <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n      </label>\n   </div>\n   <div class="w-50 text-right">\n      <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.previous()"\n         [disabled]="uploading" *ngIf="steper.selectedIndex != 0">\n         <span>\n            <span>Anterior</span>\n         </span>\n      </button>\n\n      <ng-container *ngIf="newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\n            [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex != 2">\n            <span>\n               <span>Próximo</span>\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="!newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social mr-1" (click)="steper.next()"\n            [disabled]="!formAnuncio.valid" *ngIf="steper.selectedIndex == 0">\n            <span>\n               <span>Próximo</span>\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\n            [disabled]="!formAnuncio.valid || tmpFileArray.length <= 0" *ngIf="steper.selectedIndex == 2">\n            <span *ngIf="!uploading &&!uploadingVideo">\n               <span>Publicar</span>\n            </span>\n            <span *ngIf="uploading">\n               <i class="fa fa-spin fa-spinner"></i>\n               Salvando\n            </span>\n            <span *ngIf="uploadingVideo">\n               <i class="fa fa-spin fa-spinner"></i>\n               Enviando Vídeo\n            </span>\n         </button>\n      </ng-container>\n\n      <ng-container *ngIf="!newProduct">\n         <button matInput class="btn btn-feed btn-primary btn-custom-social" (click)="onSave()"\n            [disabled]="!formAnuncio.valid || selectedProduct.fotos <= 0" *ngIf="steper.selectedIndex == 1">\n            <span *ngIf="!uploading && !uploadingVideo">\n               <span>Publicar</span>\n            </span>\n            <span *ngIf="uploading">\n               <i class="fa fa-spin fa-spinner"></i>\n               Salvando\n            </span>\n            <span *ngIf="uploadingVideo">\n               <i class="fa fa-spin fa-spinner"></i>\n               Enviando Vídeo\n            </span>\n         </button>\n      </ng-container>\n   </div>\n</div>',providers:[r.AsapService,r.Global,te,xe],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:m.MatDialogRef},{type:r.Global},{type:r.AsapService},{type:se},{type:p.DomSanitizer},{type:te},{type:xe},{type:i.ActivatedRoute},{type:n.AngularFirestore},{type:void 0,decorators:[{type:t.Inject,args:[m.MAT_DIALOG_DATA]}]}]},e.propDecorators={images:[{type:t.Input}],file:[{type:t.ViewChild,args:["file",{static:!1}]}],published:[{type:t.Output}]},e}();var ye=function(){function e(e,o,n,i,r,a,s,p,l,d){this.global=e,this.feedService=o,this.asapService=n,this.userService=i,this.sanitizer=r,this.streamService=a,this.utilsService=s,this.db=p,this.http=l,this.dialog=d,this.announce=!1,this.hideFilterByMe=!1,this.feedCreated=new t.EventEmitter,this.filter=new t.EventEmitter,this.users=[],this.title=null,this.type="post",this.disabled=!1,this.message="Digite acima o nome da pessoa que deseja marcar, em seguida pressione [ENTER]",this.selectedUsers={},this.listType="search",this.filterByMe=!1}return e.prototype.ngOnInit=function(){this.tmpFileArray=[],console.log("Prefix Publication ->",J().feed),this.getNewFeed()},e.prototype.loadUsers=function(e){var t=this,o=e;this.users=null,this.listType="search",""!=o&&(this.message="Nenhum usuário encontrado!",this.userService.getAllUsers(o).subscribe((function(e){t.users=e.data.map((function(e){return{id:e.user_info.user_id,name:e.user_info.user_name,email:e.email,picture:e.picture}}))})))},e.prototype.uploadFile=function(e){return q(this,void 0,void 0,(function(){var t,o,n,i,r,a,s,p,l=this;return H(this,(function(d){switch(d.label){case 0:t=function(e){var t,n,i,r,a,s,p,d;return H(this,(function(c){switch(c.label){case 0:return(t=new ie).type=o.getTypeByMimeType(e.type),t.thumb_rendering=!1,t.video_rendering=!1,t.video_low_rendering=!1,n=!1,"video"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"video"===l.getTypeByMimeType(e.type)})).length>0&&(o.global.toastService.error({title:"Ops",message:"Você só pode enviar um vídeo por Post"}),n=!0),"image"===o.getTypeByMimeType(e.type)&&o.tmpFileArray.filter((function(e){return"image"===l.getTypeByMimeType(e.type)})).length>4&&(o.global.toastService.error({title:"Ops",message:"Você pode utilizar até no máximo 5 imagens no seu Post"}),n=!0),n?[3,7]:"image"!==o.getTypeByMimeType(e.type)?[3,5]:"image/gif"!=e.type?[3,2]:(t.name=o.streamService.uid()+".gif",i=t,[4,o.readGIF(e)]);case 1:return i.url=c.sent(),o.tmpFileArray.push(t),[3,4];case 2:return r=e.name.split("."),a=r[r.length-1],s=t,[4,o.resizeImages(e,800)];case 3:s.url=c.sent(),t.name=o.streamService.uid()+"."+a,o.tmpFileArray.push(t),c.label=4;case 4:return[3,7];case 5:return"video"!==o.getTypeByMimeType(e.type)?[3,7]:(o.uploading=!0,console.log("Realizar Upload de Video",t),(p=e)&&(d=URL.createObjectURL(p),t.name=d,o.tmpFileArray.push(t),console.log("[uploadFile] if reader",d)),o.uploading=!0,[4,o.streamService.uploadFile(e).subscribe((function(e){console.log("[uploadFile] Response",t),e.body||(e.total&&(t.status=(100*e.loaded/e.total).toFixed(0)),l.progress=t.status),e.body&&e.body.file&&(console.log("[uploadFile] Response Uploaded",e),t.status=101,t.url=e.body.file.secure_url,l.videoSendedID=t.url,l.uploading=!1,l.progress=null)}))]);case 6:c.sent(),console.log("tmpFile",t),c.label=7;case 7:return[2]}}))},o=this,d.label=1;case 1:d.trys.push([1,6,7,8]),n=G(e.target.files),i=n.next(),d.label=2;case 2:return i.done?[3,5]:(r=i.value,[5,t(r)]);case 3:d.sent(),d.label=4;case 4:return i=n.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&&(p=n.return)&&p.call(n)}finally{if(s)throw s.error}return[7];case 8:return[2]}}))}))},e.prototype.resizeImages=function(e,t){return new Promise((function(o,n){var i=new Image,r=t,a=new FileReader;a.readAsDataURL(e),a.onload=function(t){i.src=t.target.result,i.onload=function(){var t=r/i.width,n=document.createElement("canvas");n.height=t*i.height,n.width=r;var a=n.getContext("2d");a.drawImage(i,0,0),console.log("IMG",i.width,i.height),a.drawImage(i,0,0,n.width,n.height);var s=n.toDataURL(e.type,.65);return console.log("CANVAS ->",n.width,n.height),o(s)}},a.onerror=n}))},e.prototype.readGIF=function(e){return new Promise((function(t,o){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){return t(n.result)},n.onerror=o}))},e.prototype.getTypeByMimeType=function(e){return e.split("/")[0]},e.prototype.share=function(){var e=this,t=new ae;for(var o in t.updated_at=Date.now(),t.title=this.title,t.type=this.type,t.selected_users=[],t.selected_users_data=[],this.selectedUsers)this.selectedUsers[o]&&(t.selected_users.push(o),t.selected_users_data.push({id:o,name:this.selectedUsers[o].name,picture:this.selectedUsers[o].picture,email:this.selectedUsers[o].email}));(this.tmpFileArray||this.tmpFileArray.length>0)&&(t.files=this.tmpFileArray,t.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,t.ref=o.url,t.status=!1,e.streamService.status(o.url).subscribe((function(e){o.video_rendering=!e.p480,o.video_low_rendering=!e.p480_low,o.thumb_rendering=!e.thumb}))))}))),console.log("share",t),this.publish(t).then((function(o){e.userService.usersChecked({post_id:o,user_id:t.selected_users,comment:t.title,type:"post"},{comments:!0}).subscribe()})),this.selectedUsers=[]},e.prototype.confirmShare=function(){var e=this;v.fire({title:"Podemos compartilhar seu post?",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"}).then((function(t){t.value&&e.share()}))},e.prototype.publish=function(e){var t=this;return new Promise((function(o){var n,i,r;if(console.log("Publish()",1,e),e.title&&""!==e.title){t.uploading=!0,t.progress=0;var a=0;if(e.user_info={id:t.global.loggedUser().id,name:t.global.loggedUser().name,picture:t.global.loggedUser().picture,updated_at:Date.now()},"embed"==t.type){var s={name:t.embedFile,url:t.embedFile,type:"embed"};t.tmpFileArray.push(s)}if("embed"!=t.type)if(t.tmpFileArray&&t.tmpFileArray.length>0){console.log("this.tmpFileArray",t.getTypeByMimeType(t.tmpFileArray[0].type)),console.log("Publish()",2);var p=t.tmpFileArray.filter((function(e){return"image"===t.getTypeByMimeType(e.type)})),d=98/p.length;if(p.length&&""===e.title)return void t.global.toastService.error({title:"Ops",message:"Você precisa adicionar um texto junto à sua imagem/vídeo."});if(p.length>0){var c=function(n){setTimeout((function(){t.utilsService.uploadFile("images/"+n.name,n.url),t.utilsService.percentage.subscribe((function(e){n.status=e})),t.utilsService.task.snapshotChanges().subscribe((function(i){return q(t,void 0,void 0,(function(){var t,s=this;return H(this,(function(c){return i.bytesTransferred===i.totalBytes&&(a++,this.progress+=d,console.log("PROGRESS",this.progress),t=e.files.findIndex((function(e){return e.name===n.name})),!r&&e.files[t]&&this.utilsService.getFireStorageURL("images/"+e.files[t].name).subscribe((function(e){r=e})),delete e.files[t].url,a==p.length&&(console.log("Criando Feed"),this.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){s.db.collection(J().feed).doc(e.id).update({id:e.id}),s.feedCreated.emit(e.id),o(e.id)})),this.title="",this.progress=null,this.uploading=null,this.tmpFileArray=[],console.log("Publish()",4))),[2]}))}))}),(function(e){console.error("Error",e)}))}))};try{for(var m=G(p),g=m.next();!g.done;g=m.next()){c(g.value)}}catch(e){n={error:e}}finally{try{g&&!g.done&&(i=m.return)&&i.call(m)}finally{if(n)throw n.error}}}else{console.log("Publish()",5),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],o(e.id)}))}}else{console.log("Publish()",5),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],o(e.id)}))}else e.files=t.tmpFileArray,console.log("Publish(Embed)",6),console.log(e,t.tmpFileArray),t.db.collection(J().feed).add(l.classToPlain(e)).then((function(e){t.db.collection(J().feed).doc(e.id).update({id:e.id}),t.feedCreated.emit(e.id),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],t.embedFile=null,t.type="post",o(e.id)}));console.log("Publish()",0,J().feed),t.title="",t.progress=null,t.uploading=null,t.tmpFileArray=[],t.global.toastService.show({title:"Feito!",message:"Seu post foi criado com sucesso",layout:2})}else v.fire({title:"Podemos compartilhar seu post??",type:"warning",showCancelButton:!0,confirmButtonText:"Sim",cancelButtonText:"Não"})}))},e.prototype.removeTmpFile=function(e){var t=this.tmpFileArray.indexOf(e);this.tmpFileArray.splice(t,1)},e.prototype.checkPublicationType=function(e){console.log("Event ->",event),e.length&&e.length>35&&this.isValidUrl(e)&&(console.log("checkPublicationType",e),e.includes("youtu")||e.includes("youtube")?(this.uploading=!0,this.type="embed",this.uploading=!1,this.embedFile=e.replace("watch?v=","embed/"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile)):e.includes("spotify")&&(this.uploading=!0,this.type="embed",this.embedFile=e.replace("/episode","/embed-podcast/episode"),this.tmpEmbedFile=this.sanitizer.bypassSecurityTrustResourceUrl(this.embedFile),this.uploading=!1))},e.prototype.removeEmbedFiles=function(){this.title="",this.embedFile="",this.type="post"},e.prototype.isValidUrl=function(e){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(e)},e.prototype.openAnnounceModal=function(){this.dialog.open(ve,{width:"55%",minHeight:"95%",maxHeight:"100%",closeOnNavigation:!1,disableClose:!0,data:{owner:this,tmpFileArray:this.tmpFileArray}})},e.prototype.reload=function(){this.filter.emit(this.filterByMe)},e.prototype.selectUser=function(e,t){e.target.checked?this.selectedUsers[t.id]=t:delete this.selectedUsers[t.id]},e.prototype.showSelected=function(){for(var e in this.listType="checked",this.users=[],this.selectedUsers)this.users.push(this.selectedUsers[e])},e.prototype.openModal=function(){this.newfeed?$("#publicationModal").modal():this.confirmShare()},e.prototype.getNewFeed=function(){var e=this;this.selectedUsers=[],this.asapService.basePath="api/v2/admin",this.asapService.entityName="color",this.asapService.getResource(this.global.loggedUser().client_id).subscribe((function(t){e.newfeed=t.data.newfeed}))},e.decorators=[{type:t.Component,args:[{selector:"feed-publication",template:'<div *ngIf="global.loggedUser()" class="form-feed mt-4">\n  <div class="box-publication">\n    <div class="box-input-feed">\n      <img *ngIf="global.loggedUser().picture" [src]="global.loggedUser().picture" class="avatar-45" alt="">\n      <div *ngIf="!global.loggedUser().picture" class="avatar-45-null">\n        <i class="fa fa-user"></i>\n      </div>\n      <ng-container *ngIf="settings?.template === \'template-1\'">\n        <textarea name="compartilhe-experiencias" class="form-control" autocomplete="compartilhe-experiencias" [(ngModel)]="title" id="" rows="3"\n          placeholder="{{ \'SharedPlaceholderText\' | translate }}" (input)="checkPublicationType(title)"></textarea>\n        <div class="clearfix"></div>\n      </ng-container>\n      <ng-container *ngIf="settings?.template === \'template-2\'">\n        <input name="compartilhe-experiencias" type="text" autocomplete="compartilhe-experiencias" [(ngModel)]="title" placeholder="{{ \'SharedPlaceholderText\' | translate }}"\n          (input)="checkPublicationType(title)" />\n        <i class="bi bi-send-fill" (click)="openModal()"></i>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf="settings?.template === \'template-2\'">\n      <div class="send" *ngIf="global?.loggedUser()">\n        <div *ngIf="global?.loggedUser()">\n          <ng-container *ngIf="type != \'embed\'">\n            <label>\n              <a>\n                <i class="bi bi-image"></i>\n                <p>{{ \'ImageAndVideo\' | translate }}</p>\n              </a>\n              <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n            </label>\n          </ng-container>\n          <ng-container *ngIf="type == \'embed\'">\n            <a (click)="removeEmbedFiles()">\n              <i class="bi bi-x-circle"></i>\n              {{ \'Remove\' | translate }}\n            </a>\n          </ng-container>\n          <ng-container *ngIf="announce">\n            <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\n              <a (click)="openAnnounceModal()">\n                <span class="text">\n                  {{ \'Announce\' | translate }}\n                </span>\n              </a>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n\n  <div class="row tmp-file-wrapper-container" *ngIf="tmpFileArray && tmpFileArray.length > 0">\n\n    <div class="col-sm-4 mb-4 tmp-file-wrapper" [ngClass]="{\'overlayed\': progress > 0}"\n      *ngFor="let file of tmpFileArray">\n      <div class="tmp-file-buttons-overlay">\n        <button class="btn btn-feed tmp-file-remove-button" (click)="removeTmpFile(file)">\n          <span class="fa fa-remove"></span>\n        </button>\n        <ng-container *ngIf="getTypeByMimeType(file.type) === \'video\'">\n          <h4 *ngIf="file.status <= 100" class="text-overlay-video">{{ file.status }}<span>%</span></h4>\n        </ng-container>\n      </div>\n      <div class="tmp-file-content outline-bordered">\n        <img (click)="ExpandImg(file.fileSanitized)" [src]="file.url || file.fileSanitized"\n          class="img-responsive tmp-upload " *ngIf="getTypeByMimeType(file.type) === \'image\'" />\n        <video class="tmp-upload tmp-upload-video" height="80" width="100%" autoplay [muted]="\'muted\'" loop\n          *ngIf="getTypeByMimeType(file.type) === \'video\'">\n          <source [src]="file.name | safe:\'resourceUrl\'" />\n        </video>\n      </div>\n\n    </div>\n  </div>\n\n  <div class="row" *ngIf="type == \'embed\'">\n    <div class="col-sm-12">\n      <iframe class="video" style="height: 280px; width: 100%;margin-top: 15px;" [src]="tmpEmbedFile" frameborder="0"\n        allowfullscreen></iframe>\n    </div>\n  </div>\n\n  <div class="row mt-4" *ngIf="settings?.template === \'template-1\'">\n\n    <div class="col-8" *ngIf="global?.loggedUser()">\n      <ng-container *ngIf="type != \'embed\'">\n        <label>\n          <a class="btn btn-feed btn-round btn-primary mr-2">\n            <span>{{ \'ImageAndVideo\' | translate }}</span>\n          </a>\n          <input #file class="hide" accept="video/*, image/*" (change)="uploadFile($event)" multiple type="file" />\n        </label>\n      </ng-container>\n      <ng-container *ngIf="type == \'embed\'">\n        <button class="btn btn-feed btn-primary btn-custom-social" (click)="removeEmbedFiles()">\n          {{ \'Remove\' | translate }}\n        </button>\n      </ng-container>\n\n      <ng-container *ngIf="announce">\n        <ng-container *ngIf="global.loggedUser()?.lojista && global.loggedUser()?.vitrine">\n          <a class="btn btn-feed btn-primary btn-custom-social" (click)="openAnnounceModal()">\n            <span class="text">{{ \'Announce\' | translate }}</span>\n          </a>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class="col-4 text-right">\n      <button class="btn btn-feed btn-primary" (click)="openModal()">\n        <span *ngIf="!uploading">\n          <span>{{ \'Publish\' | translate }}</span>\n        </span>\n        <span *ngIf="uploading">\n          <i class="fa fa-spin fa-spinner"></i>\n          {{ \'Processing\' | translate }}\n        </span>\n      </button>\n    </div>\n  </div>\n</div>\n\n<div *ngIf="newfeed && !hideFilterByMe" class="custom-checkbox mt-1 mb-3 ml-1">\n  <input id="check-filter" [(ngModel)]="filterByMe" (change)="reload()" name="check" type="checkbox" value="">\n  <label for="check-filter">Mostrar apenas postagens em que estou marcado</label>\n</div>\n\n<div class="modal modal-publication fade" id="publicationModal" tabindex="-1" aria-labelledby="publicationModalLabel"\n  aria-hidden="true">\n  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">\n    <div class="modal-content">\n      <div class="modal-header">\n        <div class="modal-header-text">\n          <img src="./assets/img/posts.png" class="icon" alt="">\n          <div class="ml-3 mt-1">\n            <h5 class="modal-title" id="publicationModalLabel">Marcar na postagem</h5>\n            <p>Escolha os usuários que deseja mencionar nesta postagem</p>\n          </div>\n        </div>\n        <div class="input-search">\n          <div class="preffix">\n            <i class="bi bi-search"></i>\n          </div>\n          <input #searchUser type="text" (keyup.enter)="loadUsers($event.srcElement.value)"\n            placeholder="Digite o nome da pessoa que deseja marcar">\n        </div>\n      </div>\n      <div class="modal-body">\n\n        <ul class="filter-users">\n          <li class="cursor-pointer" [class.active]="listType == \'search\'" (click)="loadUsers(searchUser.value)">\n            Resultado da busca</li>\n          <li class="cursor-pointer" [class.active]="listType == \'checked\'" (click)="showSelected()">Marcados</li>\n        </ul>\n\n        <ul class="user-list">\n          <li *ngFor="let user of users; let i = index">\n            <img src="{{ user.picture }}" class="avatar" alt="">\n\n            <div class="user-data">\n              <h5>{{ user.name }}</h5>\n              <p>{{ user.email }}</p>\n            </div>\n\n            <div *ngIf="selectedUsers" class="custom-checkbox" style="margin-top: -16px;">\n              <input id="check-{{ i }}" name="check" type="checkbox" (change)="selectUser($event, user)"\n                [checked]="selectedUsers[user.id]">\n              <label for="check-{{ i }}"></label>\n            </div>\n\n          </li>\n        </ul>\n\n        <div class="alert alert-warning" role="alert" *ngIf="users && users.length == 0">\n          <small>{{ message }}</small>\n        </div>\n\n        <div *ngIf="users == null">\n          <div class="w-100">\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n            <ngx-skeleton-loader [theme]="{width:\'100%\', height:\'80px\'}"></ngx-skeleton-loader>\n          </div>\n        </div>\n\n      </div>\n      <div class="modal-footer d-flex justify-content-between">\n        <a data-dismiss="modal">Voltar</a>\n        <button type="button" data-dismiss="modal" (click)="confirmShare()" class="btn btn-primary">Finalizar e\n          publicar</button>\n      </div>\n    </div>\n  </div>\n</div>\n',providers:[te,ue,r.AsapService],styles:['.text-overlay-video{color:#fff;margin-left:53px;margin-top:46px}.modal-publication .modal-content{padding:0 1rem}.modal-publication .modal-body,.modal-publication .modal-footer,.modal-publication .modal-header{border:none}.modal-publication .modal-header{display:block}.modal-publication .modal-header .modal-header-text{width:100%;display:flex;align-items:center;justify-content:flex-start}.modal-publication .modal-header .modal-header-text .icon{width:75px}.modal-publication .modal-header .input-search{display:flex;width:100%;margin-top:24px}.modal-publication .modal-header .input-search .preffix{display:flex;align-items:center;justify-content:center;width:55px;border:none;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#e9e9e9;padding:10px 16px!important;color:#656565}.modal-publication .modal-header .input-search .preffix i{font-size:24px}.modal-publication .modal-header .input-search input[type=text]{width:calc(100% - 55px);border:none;background-color:#e9e9e9;box-shadow:none;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:10px!important;outline:0;color:#656565}.modal-publication .modal-body .user-list li{display:flex;align-items:center;padding:16px;border:1px solid #e9e9e9;border-radius:8px;margin-bottom:16px}.modal-publication .modal-body .user-list li .avatar{width:45px;height:45px;border-radius:50%}.modal-publication .modal-body .user-list li .user-data{width:calc(100% - 70px);padding:7px 16px 0}.custom-checkbox{position:relative}.custom-checkbox label{display:block;padding:0 0 0 36px}.custom-checkbox input{position:absolute;top:0;left:0;width:24px;height:24px;opacity:0}.custom-checkbox input+label::before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid}.custom-checkbox input+label::after{content:"";position:absolute;top:5px;left:8px;width:8px;height:12px;border:3px solid;border-left:0;border-top:0;opacity:0;transform:rotate(45deg);transition:opacity .2s ease-in-out}.custom-checkbox input:checked+label::after{opacity:1}.dropdown-publication{margin-bottom:16px}.dropdown-publication .dropdown-toggle{display:flex;align-items:center}.dropdown-publication .dropdown-toggle::after{display:none}.dropdown-publication .dropdown-toggle span{font-size:18px;font-weight:500;margin-left:12px}.dropdown-publication .dropdown-menu{max-width:300px;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);margin-top:16px;padding:16px;border:none}.filter-users{display:flex;margin-bottom:16px}.filter-users li{margin-right:16px;font-weight:600}.filter-users li.active{text-decoration:underline}','li,ul{list-style:none!important}a,a:hover{text-decoration:none}.text-primary{color:var(--main-color)}.card{border-radius:6px;box-shadow:1px 1px 10px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 10px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 10px rgba(201,191,187,.7);border:none;margin-bottom:30px;margin-top:0}.card .card-content{flex:1 1 auto;padding:1.25rem}.comments{margin:30px -15px}.comments h4{font-size:16px;color:#414141;margin-bottom:0;font-weight:600}.comments p{margin:5px 15px 5px 65px;font-size:14px;word-break:break-all}.post-text{white-space:pre-wrap!important;font-size:14px}.form-feed{width:100%;margin:0 0 25px!important;padding:10px 15px!important;border-radius:8px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7);background-color:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}']}]}],e.ctorParameters=function(){return[{type:r.Global},{type:K},{type:r.AsapService},{type:ue},{type:p.DomSanitizer},{type:te},{type:se},{type:n.AngularFirestore},{type:o.HttpClient},{type:m.MatDialog}]},e.propDecorators={announce:[{type:t.Input}],hideFilterByMe:[{type:t.Input}],settings:[{type:t.Input}],feedCreated:[{type:t.Output}],filter:[{type:t.Output}]},e}();var we=function(e){function n(t,o){var n=e.call(this,t)||this;return n.http=t,n.global=o,n.isSubscriber=!1,n.basePath="api/v2/admin",n.entityName="channel",n.isSubscriber=!1,n}return V(n,e),n.prototype.channelLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"videos",query:"page="+t})},n.prototype.channeGrouplLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"videos",query:"page="+t+"&group"})},n.prototype.fileLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"files",query:"page="+t})},n.prototype.fileGroupLibrary=function(e,t){return null==t&&(t=1),this.createResource({search:e},{router:"files",query:"page="+t+"&group"})},n.prototype.subscribe=function(e,t){var o=this;void 0===t&&(t=null),this.createResource({},{router:"subscribe/"+e}).subscribe((function(){o.global.notification.success("Pronto","Inscrição efetuada com sucesso!"),o.isSubscriber=!0,t&&t()}))},n.prototype.like=function(e,t,o){var n;return void 0===t&&(t=!0),void 0===o&&(o="video"),(n=t?{like:1}:{unlike:1}).type=o,this.createResource(n,{router:"like/"+e})},n.prototype.likev2=function(e,t,o){return void 0===o&&(o="video"),t.type=o,this.createResource(t,{router:"like/"+e})},n.prototype.unsubscribe=function(e,t){var o=this;void 0===t&&(t=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(n){n&&o.createResource({},{router:"subscribe/"+e}).subscribe((function(){o.global.notification.info("Pronto","Você não está mais inscrito no Canal!"),o.isSubscriber=!1,t&&t()}))}),(function(e){}))},n.prototype.getPlaylists=function(e,t){return void 0===e&&(e=null),void 0===t&&(t="home"),this.getResources({router:"playlist/"+e+"?type="+t})},n.prototype.getPlaylist=function(e,t){return this.getResources({router:"playlist/"+e+"/"+t})},n.prototype.createPlaylist=function(e){var t;return t={name:e},this.createResource(t,{router:"playlist"})},n.prototype.deletePlaylist=function(e){return this.deleteResource(e)},n.prototype.addVideoPlaylist=function(e,t){var o;return o={video_id:e},console.log("VideoID ->",o.video_id),console.log("playlist_id ->",t),this.createResource(o,{router:"playlist/"+t})},n.prototype.updateChannel=function(e){return this.updateResource(e)},n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:o.HttpClient},{type:r.Global}]},n}(r.AsapBaseService);B.use([g.Pagination]);var ke=function(){function e(e,t,o){this._channelService=e,this.global=t,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,pagination:{clickable:!0},autoHeight:!1,breakpoints:{0:{slidesPerView:2.5,slidesPerGroup:2.5,spaceBetween:10},480:{slidesPerView:3.5,slidesPerGroup:3.5,spaceBetween:10}}}}return e.prototype.ngOnInit=function(){this.getChannels()},e.prototype.getChannels=function(){var e=this;this._channelService.getResources({query:"type=recommended"}).subscribe((function(t){if(console.log("getChannels",t.data),e.channelArray=[],t.data.length)do{e.channelArray=W(e.channelArray,t.data)}while(e.channelArray.length<10);e.channelArray.map((function(t){e.getNotificationForChannels(t)})),e.loading=!1}))},e.prototype.getNotificationForChannels=function(e){var t=this;this.global.loggedUser()&&this.db.collection("notifications",(function(o){return o.orderBy("viewed","asc").orderBy("create_at","desc").where("receiver_id","==",t.global.loggedUser().id).where("channel_id","==",e.id.toString()).where("read","==",!1)})).snapshotChanges().subscribe((function(t){console.log("Notifications for Channels ->",t),e.notifications=[],t.map((function(t){var o=t.payload.doc.data();e.notifications.push(o)}))}))},e.decorators=[{type:t.Component,args:[{selector:"app-stories",template:'<ng-container *ngIf="global?.loggedUser()">\n  \x3c!-- Mostrar Stories apenas no caso da Smart por enquanto --\x3e\n  <ng-container *ngIf="channelArray && channelArray.length > 0">\n\n    <div style="display: flex; text-align: center; margin: 30px 0;" *ngIf="loading">\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n      <asap-skeleton type="box" boxHeigth="120px" boxWidth="120px"></asap-skeleton>\n    </div>\n\n    <ng-container *ngIf="!loading">\n      <div class="row">\n        <div class="col-6 text-left">\n          <p class="p-channel">{{ \'Channels\' | translate }}</p>\n        </div>\n        <div class="col-6 text-right">\n          <a [routerLink]="[\'/channel-library\']" class="">{{ \'SeeAll\' | translate }}</a>\n        </div>\n      </div>\n\n      <ng-container *ngIf="channelArray?.length > 0">\n        <div class="swiper-stories">\n          <swiper [config]="config">\n            <div swiperSlide *ngFor="let channel of channelArray">\n              <div [routerLink]="[\'/channel\', channel.id]">\n                <div class="channel-badge empty" *ngIf="!channel.notifications || channel.notifications.length <= 0">\n                </div>\n                <div class="channel-badge" *ngIf="channel.notifications && channel.notifications.length > 0"\n                  matTooltip="{{ \'YouHaveA\' | translate }} {{ channel?.notifications?.length }} {{ \'NotificationOnThisChannel\' | translate }}">\n                  {{ channel.notifications.length }}\n                </div>\n\n                <div class="carousel-stories" *ngIf="channel.thumb"\n                  [style.backgroundImage]="\'url(\'+ ((channel.thumb || channel.banner))  +\')\'">\n                  <div *ngIf="channel.view_name == 1" class="stories-body">\n                    <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\n                  </div>\n                </div>\n\n                <div class="carousel-stories" *ngIf="!channel.thumb">\n                  <div *ngIf="channel.view_name == 1" class="stories-body">\n                    <a [routerLink]="[\'/channel\', channel.id]"><b>{{ channel.name }}</b></a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </swiper>\n        </div>\n      </ng-container>\n    </ng-container>\n\n  </ng-container>\n</ng-container>\n',providers:[we],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:#fff!important}.form-feed .title{font-size:16px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.form-feed textarea{float:left;width:calc(100% - 50px);border-bottom:1px solid #eee;border-top:transparent;border-left:transparent;border-right:transparent;box-shadow:none;padding:5px 10px;outline:0!important}.form-input-btn a{float:right;border:none!important;box-shadow:none!important;background:0 0;padding:0;margin-top:12px;position:relative;right:0;left:0;margin-bottom:0;color:#8e8994}.form-input-btn a .material-icons{font-size:18px}.mat-dialog-container{padding:0!important}.form-comment{width:100%;margin:0!important;padding:15px 0 0!important;border-top:1px solid #eee}.form-comment input[type=text]{float:left;width:calc(100% - 50px);border:1px solid #eee;box-shadow:none;border-radius:30px;padding:5px 10px;outline:0}input::-webkit-input-placeholder{color:#ccc}input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}input::placeholder{color:#ccc}.avatar-30{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.avatar-30-null{display:flex;align-items:center;justify-content:center;float:left;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb}.comment-time{position:absolute;right:15px}.avatar-45{float:left;width:40px;height:40px;margin-right:10px;border-radius:50%}.avatar-45-null{display:flex;align-items:center;justify-content:center;float:left;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#fafafa;color:#bbb;border:1.3px solid var(--main-color)}.super-post{position:absolute;right:15px;top:10px;font-size:1.8em;color:#888}.icons-comments{margin:10px 0 0;padding:10px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee}.icons-comments li{display:inline-block;margin-right:30px;font-size:14px}.icons-comments li:last-child{margin-right:0;position:absolute;right:20px}.icons-comments li a{color:#4a4a4a;cursor:pointer}.icons-comments li a.active,.icons-comments li a:hover{color:var(--main-color)}.icons-comments .fa{font-size:16px}.card-file{width:100%;margin:0 auto 30px;box-shadow:0 0 30px rgba(204,204,204,.4);border:none;border-radius:12px;transition:.5s}.card-file:hover{box-shadow:0 0 30px rgba(204,204,204,.8)}.card-file .card-cover{display:flex;align-items:center;justify-content:center;padding:15px;position:relative;width:100%;height:160px;border-top-left-radius:16px;border-top-right-radius:12px;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:1;background:var(--main-color);color:#fff!important}.card-file .card-content{height:auto;padding:0 15px}.card-file .card-content .description{color:#888}.card-file .title{color:#fff;margin-bottom:0;font-size:18px;text-shadow:2px 2px 2px #101010}.btn-feed{width:auto;font-size:12px;padding:2px 10px;border-radius:30px;font-weight:600;text-transform:capitalize}.btn-group-xs>.btn,.btn-xs{padding:2px 15px 3px;font-size:13px;line-height:1;border-radius:30px}.btn-primary,.btn-primary:hover{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary.focus,.btn-primary:focus{background-color:var(--bg-btn);border-color:var(--bg-btn);box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-primary.disabled,.btn-primary:disabled,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--text-btn)!important;background-color:var(--bg-btn);border-color:var(--bg-btn)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary{color:#fff;background-color:#111;border-color:#111}.btn-secondary:hover{color:#fff;background-color:#333;border-color:#333}.btn-secondary.focus,.btn-secondary:focus{background-color:#333;border-color:#333;box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#111;border-color:#111}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333;border-color:#333}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:1}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:"";display:block;border:5px solid var(--bg-btn)}.ribbon span{position:absolute;display:block;width:225px;padding:15px 0;background-color:var(--bg-btn);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px;background:0 0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px;background:0 0!important}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}.video-container{min-height:200px}.video-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(10px);filter:blur(10px)}.video-player{top:0;left:1px;width:calc(100% - 2px)}.tmp-file-buttons-overlay{opacity:1}.overlayed{opacity:1!important;visibility:visible}.tmp-file-status-overlay{position:absolute;background:rgba(0,0,0,.5);text-align:center;z-index:999;color:#fff;width:156px;height:120px;padding:20px}.tmp-file-status-overlay p{color:#fff}.tmp-file-buttons-overlay{background:rgba(0,0,0,.5);width:156px;height:120px;position:absolute;z-index:999;visibility:visible;opacity:1;transition:opacity .5s ease-out}.tmp-file-remove-button{position:absolute;right:5px;text-align:right;width:10px;color:#fff;padding:0 1px;border-radius:0}.tmp-file-content{width:156px;height:120px;overflow:hidden}.tmp-upload-video{-o-object-fit:contain;object-fit:contain}.tmp-file-wrapper{position:relative}.tmp-upload{-o-object-fit:cover;object-fit:cover;width:156px;height:120px}.tmp-file-wrapper-container{padding:20px 0 0;margin:20px -15px;border-width:1px 0;border-color:#ccc;border-style:solid}.hide{display:none}.masonry{display:flex;flex-flow:row wrap;margin:20px 0 -2px}.masonry-brick{flex:auto;height:250px;min-width:150px;margin:2px;position:relative;cursor:pointer}.masonry-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.masonry-brick:nth-child(4n+1){width:50%}.masonry-brick:nth-child(4n+2){width:40%}.masonry-brick:nth-child(4n+3){width:20%}.masonry-brick:nth-child(4n+4){width:30%}.masonry-brick-full{width:100%!important;height:291px!important;overflow:hidden;outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.card-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.card .circle{float:left;position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:-30px 10px 15px 15px;background:#eee;z-index:1;font-size:1.5em;color:#414141!important}.card-team .card-content{width:100%;height:160px;margin-bottom:10px}.card-classroom{padding:15px;box-shadow:1px 1px 5px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 5px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 5px rgba(201,191,187,.7);margin-bottom:20px}.play-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;height:291px;line-height:291px;background:rgba(0,0,0,.05)}.play-overlay img{width:80px;height:80px}.preview-wrapper{position:relative;margin-top:30px}.preview-image img{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.preview-button{position:absolute;top:0;right:0;color:#fff}.preview-text{position:relative;background:#f9f9f9;border:1px solid #ccc;padding:11px;margin-top:-7px}.img-with-outline{outline:rgba(0,0,0,.2) solid 1px;outline-offset:-1px}.mt-5{margin-top:2em}.feed-card{width:100%;margin-bottom:30px;box-shadow:1px 1px 15px rgba(201,191,187,.7);-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7);-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)}.feed-card .feed-header{margin-bottom:10px}.feed-card .feed-header .feed-avatar{float:left;width:40px;height:40px;margin-right:5px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e6e5e5}.feed-card .feed-header .feed-buttom-option{position:absolute;top:5px;right:0;z-index:21}.mat-card{padding:15px 0 10px!important}.mat-card .mat-card-header .mat-card-title h4{font-size:16px;margin-bottom:0}.mat-card .mat-card-header .mat-card-title p{font-size:13px;color:#aaa}.container-mat-card{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden;margin:0 0 10px}.bg-mat-card{display:block;position:absolute;z-index:15;width:100%;height:calc(100% - 30px);-webkit-filter:blur(40px) brightness(80%);filter:blur(40px) brightness(80%);background-size:cover;background-repeat:no-repeat;background-position:center}.mat-card-image{position:relative;z-index:20;margin:0!important;-o-object-fit:contain;object-fit:contain;height:auto;max-height:540px;display:block;width:100%}.feed-comment-option{float:right;margin-top:-10px;margin-left:0}.clickable{cursor:pointer;color:var(--main-color)}.scroll-to-top{position:fixed;bottom:15px;right:15px;opacity:0;transition:.2s ease-in-out}.show-scroll{opacity:1;transition:.2s ease-in-out}.feed-actions{color:#ccc;font-size:16px;margin-right:10px;margin-bottom:5px;margin-left:10px}.feed-actions span{margin-left:5px}.feed-actions .btn{background:0 0!important;border:none!important}.feed-likes{font-size:13px;margin-top:10px}a.is-liked{color:var(--main-color)!important}a.disabled-like{color:#ccc!important;cursor:not-allowed;text-decoration:none;pointer-events:none}.carousel{margin-bottom:10px;margin-left:0;margin-right:0}.carousel-item{-o-object-fit:cover!important;object-fit:cover!important;max-height:400px;-o-object-position:center;object-position:center}.video-player{position:initial!important}::ng-deep .ws-pre-wrap h4{font-size:18px!important}::ng-deep .ws-pre-wrap a{color:var(--main-color)}.SeeMore{display:block;color:var(--main-color)!important;text-align:center;cursor:pointer}.carousel-stage{position:relative;z-index:0;min-height:100px}.carousel-stage .progress{height:8px;border-radius:30px}.carousel-stage .progress .progress-bar{background:var(--main-color)}.carousel-stage .courses-image-item{border-radius:5%;-o-object-fit:cover;object-fit:cover}.carousel-stage .courses-item{padding:15px}.carousel-stage .courses-title{text-align:center}.carousel-stage .courses-title a{color:#000!important;font-weight:400!important}.customNavigation a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--main-color)!important;text-align:center}.customNavigation a:hover{background:#fff;color:var(--main-color)}.prev{position:absolute;width:100%;top:50%;left:-15px;margin-top:-15px;z-index:10}.next{position:absolute;width:100%;top:50%;right:-15px;margin-top:-15px;z-index:10}.owl-dots{position:absolute;top:-40px;right:15px;outline:0!important}.owl-dots .owl-dot{background:#ccc!important;border-radius:50%;height:10px;width:10px;padding:0!important;border:none;margin:0 2px;outline:0!important}.owl-dots .owl-dot.active{background:var(--main-color)!important;outline:0!important}::ng-deep .owl-carousel-o-stories .owl-next,::ng-deep .owl-carousel-o-stories .owl-prev{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;border-radius:50%!important;margin-top:-5px!important}::ng-deep .owl-carousel-o-stories .owl-prev{left:5px!important}::ng-deep .owl-carousel-o-stories .owl-next{right:5px!important}::ng-deep .swiper-stage .swiper-container{padding:0}::ng-deep .swiper-stage .swiper-slide{width:100%}::ng-deep .swiper-stage .swiper-button-next,::ng-deep .swiper-stage .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:0!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stage .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stage .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stage .swiper-button-next:after,::ng-deep .swiper-stage .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stage .swiper-button-disabled{opacity:0!important}.carousel-stories{display:inline-block;width:100%;height:145px;margin:0;border-radius:6px;text-transform:uppercase;font-size:1em;font-weight:500;background-repeat:no-repeat;background-size:cover;cursor:pointer;background-position:center!important}.carousel-stories .item:focus{outline:0}.carousel-stories .stories-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:0}.carousel-stories .stories-body a{font-size:12px;color:#fff;margin-bottom:10px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.carousel-stories .stories-body a:hover{color:#ccc}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{outline:0!important}::ng-deep .mat-menu-panel{border-radius:6px!important;outline:0!important}::ng-deep .mat-menu-panel .mat-menu-content:not(:empty){padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-panel .mat-menu-item{color:#414141;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;outline:0!important}.progress-bar-custom span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(37,21,21,.5) inset;transition:width .4s ease-in-out}.green-progress span{background-image:linear-gradient(to bottom,#fff,var(--main-color))}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,#ff4e4ef3 25%,transparent 25%,transparent 50%,rgba(236,47,47,.972) 50%,rgba(240,0,0,.15) 75%,transparent 75%,transparent);-webkit-animation:3s linear infinite animate-stripes;animation:3s linear infinite animate-stripes}.container-stipes{width:100%;padding:0 10px;font-weight:700}.keep-logged{position:relative;height:150px;background:var(--main-color);top:0;color:#fff!important;z-index:99;opacity:.9;width:100%;border:0;left:0;right:0}.keep-logged button{background:#fff!important;color:var(--main-color)!important}.scrollable{overflow-y:scroll;height:100vh}.alert-primary{color:#fff;background-color:var(--main-color)!important;background:var(--main-color)!important}.mat-progress-bar{height:17px;border-radius:5px}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.p-channel{color:#3c4858;font-weight:500;margin-bottom:0!important}@media (max-width:767px){.form-feed textarea{font-size:12px}.btn-feed{width:auto;font-size:11px;padding:2px 5px;border-radius:30px;font-weight:600;text-transform:capitalize}.carousel-stories{width:120px;height:120px}.keep-logged{height:175px}.keep-logged h3{font-size:1.1rem}.keep-logged button{font-size:1rem}.btn-group-xs>.btn,.btn-xs{padding:2px 5px;font-size:11px;line-height:1;border-radius:30px}}::ng-deep .mat-card-header-text{width:100%!important;margin:0}::ng-deep .popover{background:#fff!important;border:0!important;box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-moz-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important;-webkit-box-shadow:1px 1px 15px rgba(201,191,187,.7)!important}.minibio{padding:10px;border-radius:10px}.minibio img{width:30%;max-width:100px;display:inline-block;padding-right:10px}.minibio .info{display:inline-block;vertical-align:top}.minibio .info .icon{color:#d4d4d4}.minibio .info ul{list-style:none}.minibio .info li{display:inline-block}::ng-deep .feed .box-input-feed{width:100%;background-color:transparent}::ng-deep .feed .feed-actions{margin-top:25px}::ng-deep .feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .feed .feed-actions .icons .fa{font-size:20px;margin-right:10px}::ng-deep .feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:0;font-size:13px}::ng-deep .new-feed .feed-card,::ng-deep .new-feed .form-feed{border-radius:4px!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)!important;background:#fff!important}::ng-deep .new-feed .box-publication{display:flex;align-items:center;justify-content:space-between}::ng-deep .new-feed .box-publication .box-input-feed{width:84%}::ng-deep .new-feed .box-publication .send{width:16%;text-align:center;margin-top:5px}::ng-deep .new-feed .box-publication .send i{font-size:24px}::ng-deep .new-feed .box-publication .send p{font-size:12px}::ng-deep .new-feed .box-input-feed{display:flex;align-items:center;width:100%;border-radius:30px;padding:5px;background-color:#eaeaea}::ng-deep .new-feed .box-input-feed input{width:calc(100% - 80px);border:none;background-color:transparent}::ng-deep .new-feed .box-input-feed input:focus{outline:0}::ng-deep .new-feed .box-input-feed input::-webkit-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-moz-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input:-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::-ms-input-placeholder{color:#999}::ng-deep .new-feed .box-input-feed input::placeholder{color:#999}::ng-deep .new-feed .box-input-feed i{font-size:18px;margin-top:5px;cursor:pointer;color:#495057}::ng-deep .new-feed .feed-actions{margin-top:25px}::ng-deep .new-feed .feed-actions .icons{position:relative;display:inline-flex;align-items:flex-end;margin-right:15px}::ng-deep .new-feed .feed-actions .icons .ph{font-size:20px;margin-right:8px}::ng-deep .new-feed .feed-actions .icons .number{position:absolute;bottom:-1px;right:-8px;font-size:13px}',".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}::ng-deep .swiper-stories .swiper-container{padding:0 0 30px}::ng-deep .swiper-stories .swiper-slide{width:100%;overflow:hidden}::ng-deep .swiper-stories .swiper-button-next,::ng-deep .swiper-stories .swiper-button-prev{display:flex;align-items:center;justify-content:center;margin-top:-15px!important;width:25px;height:25px;border-radius:50%;background-color:var(--main-color)!important;opacity:.7!important}::ng-deep .swiper-stories .swiper-button-prev{left:10px;right:auto!important}::ng-deep .swiper-stories .swiper-button-next{right:10px;left:auto!important}::ng-deep .swiper-stories .swiper-button-next:after,::ng-deep .swiper-stories .swiper-button-prev:after{font-size:13px!important;color:#fff}::ng-deep .swiper-stories .swiper-button-disabled{opacity:0!important}"]}]}],e.ctorParameters=function(){return[{type:we},{type:r.Global},{type:n.AngularFirestore}]},e}();var ze=function(){function e(e,t){this.route=e,this.asapFeedBetaService=t}return e.prototype.ngOnInit=function(){},Object.defineProperty(e.prototype,"settings",{get:function(){var e=JSON.parse(localStorage.getItem("layout_home"));if(e&&e.main&&e.main.length){var t=e.main.find((function(e){return"feed"==e.type}));return N({},t,{template:t.template||"template-2"})}return{template:"template-2"}},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Component,args:[{selector:"app-feed-posts",template:"<div class=\"content row pt-5\">\n  <div class=\"col-sm-6 mx-auto {{ (settings.template === 'template-2') ? 'new-' : '' }}feed\" >\n    <asap-feed-beta [settings]=\"settings\"></asap-feed-beta>\n  </div>\n</div>\n"}]}],e.ctorParameters=function(){return[{type:i.ActivatedRoute},{type:Q}]},e}();var Ie=function(){function e(e){this.service=e,this.userSelected=new t.EventEmitter,this.loading=!1}return e.prototype.ngOnChanges=function(e){e.input&&this.input&&(this.panelTop=this.input.nativeElement.offsetTop+this.input.nativeElement.offsetHeight,this.panelStart=this.input.nativeElement.offsetLeft,this.panelWidth=this.input.nativeElement.offsetWidth)},Object.defineProperty(e.prototype,"mark",{get:function(){if(this.input){var e=this.input.nativeElement.selectionStart,t=this.getMarkAtPosition(e);return t&&this.loadUsers(t),t}return null},enumerable:!0,configurable:!0}),e.prototype.loadUsers=function(e){var t=this,o=e.substring(1);o&&this.lastSearch!=o&&(this.searching&&this.searching.unsubscribe(),this.lastSearch=o,this.message="Carregando...",this.options=[],this.loading=!0,this.searching=this.service.getAllUsers(o).subscribe((function(e){t.searching.unsubscribe(),t.searching=null,t.loading=!1,t.options=e.data.map((function(e){return{id:e.user_info.user_id,name:e.user_info.user_name,email:e.email,picture:e.picture}})),0==t.options.length?t.message="Nenhum usuário encontrado!":t.message=""})))},e.prototype.onSelect=function(e){if(this.input){var t=this.input.nativeElement.value,o=1+e.name.length-this.mark.length;this.input.nativeElement.value=t.substring(0,this.startPosition)+"@"+e.name+t.substring(this.endPosition);var n=new Event("input");this.input.nativeElement.dispatchEvent(n),this.userSelected.emit(e),this.input.nativeElement.selectionStart=this.endPosition+o,this.input.nativeElement.selectionEnd=this.endPosition+o,this.input.nativeElement.focus()}},e.prototype.getMarkAtPosition=function(e){var t=e;if(!this.input||!this.input.nativeElement.value||0===t)return"";for(var o=this.input.nativeElement.value.split(" "),n=0,i=0,r=0;r<o.length;r++){if(i+=o[r].length,t>=n&&t<=i)return o[r].startsWith("@")?(this.startPosition=n,this.endPosition=i,o[r]):"";i=n=i+1}},e.decorators=[{type:t.Component,args:[{selector:"asap-auto-complete",template:'<div class="w-100">\n    <div [attr.data-mark]="mark" [style.top.px]="panelTop" [style.left.px]="panelStart" [style.width.px]="panelWidth" [class.d-none]="!mark" class="at-search-list">\n        <div *ngIf="message" class="at-search-item">\n            {{ message }}\n        </div>\n        <div class="at-search-item" (click)="onSelect(option)" *ngFor="let option of options">\n            {{ option.name }}\n        </div>\n    </div>\n</div>',providers:[ue],styles:[".at-search-list{background-color:#fff;position:absolute;border:1px solid #f5f5f5;border-radius:10px;z-index:9999;max-height:100px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 4px 0 rgba(0,0,0,.5)}.at-search-item{cursor:pointer;padding:10px 15px}.at-search-item:hover{background-color:#f5f5f5}"]}]}],e.ctorParameters=function(){return[{type:ue}]},e.propDecorators={input:[{type:t.Input}],userSelected:[{type:t.Output}]},e}();var Se=function(){function e(e){var t=this;this.global=e,console.log("[AsapFeedBetaModule]",new Date),this.global.getOrCreateSessionData("AsapMyPageModule.tabs",[]).push({label:"Meus Posts",component:X,condition:function(e,o){return t.global.loggedUser()&&t.global.hasPermission("my-posts",o)&&e.hasFeed},loading:function(e){return e.loading}})}return e.decorators=[{type:t.NgModule,args:[{imports:[s.CommonModule,x.FormsModule,i.RouterModule,I.MatButtonModule,S.MatIconModule,_.MatMenuModule,F.MatListModule,P.MatCardModule,m.MatDialogModule,j.MatSelectModule,M.MatRadioModule,C.MatInputModule,T.MatTooltipModule,A.MatProgressBarModule,U.MatStepperModule,D.MatTabsModule,b.MomentModule,a.TranslateModule,u.InfiniteScrollModule,f.AsapSkeletonModule,be,h.NgxHmCarouselModule,y.OwlModule,w.CarouselModule,z.NgxSkeletonLoaderModule,k.PopoverModule,R.SwiperModule,E.MatAutocompleteModule],declarations:[X,le,fe,he,ye,pe,ze,ke,ve,ee,Ie],exports:[X,le,ee],entryComponents:[X,pe,ve],providers:[se]}]}],e.ctorParameters=function(){return[{type:r.Global}]},e}();var _e=[{path:":feed_id",component:ze}];e.AsapFeedBetaComponent=X,e.AsapFeedBetaModule=Se,e.AsapFeedBetaRoting=_e,e.AsapFeedBetaService=Q,e.AsapTabFeedComponent=ee,e.UtilsService=se,e.path=J,e.ɵa=K,e.ɵb=be,e.ɵc=ce,e.ɵd=de,e.ɵe=ge,e.ɵf=le,e.ɵg=te,e.ɵh=fe,e.ɵi=ue,e.ɵj=he,e.ɵk=ye,e.ɵl=pe,e.ɵm=ze,e.ɵn=ke,e.ɵo=we,e.ɵp=ve,e.ɵq=xe,e.ɵr=Ie,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=asap-feed-beta.umd.min.js.map