asap-feed-beta 12.6.3 → 12.6.5

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

@@ -1,10 +1,11 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@angular/fire/firestore'), require('@angular/router'), require('asap-crud'), require('@ngx-translate/core'), require('@angular/common'), require('@angular/platform-browser'), require('class-transformer'), require('@angular/fire/storage'), require('@angular/fire'), require('@angular/material/dialog'), require('swiper'), require('ngx-moment'), require('ngx-infinite-scroll'), require('asap-skeleton'), require('ngx-hm-carousel'), require('@angular/forms'), require('ngx-owl-carousel'), require('ngx-owl-carousel-o'), require('ngx-smart-popover'), require('ngx-skeleton-loader'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/list'), require('@angular/material/card'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/input'), require('@angular/material/tooltip'), require('@angular/material/progress-bar'), require('@angular/material/stepper'), require('ngx-swiper-wrapper'), require('moment/locale/pt-br'), require('@angular/material/tabs'), require('@angular/material/autocomplete')) :
-    typeof define === 'function' && define.amd ? define('asap-feed-beta', ['exports', '@angular/core', '@angular/common/http', '@angular/fire/firestore', '@angular/router', 'asap-crud', '@ngx-translate/core', '@angular/common', '@angular/platform-browser', 'class-transformer', '@angular/fire/storage', '@angular/fire', '@angular/material/dialog', 'swiper', 'ngx-moment', 'ngx-infinite-scroll', 'asap-skeleton', 'ngx-hm-carousel', '@angular/forms', 'ngx-owl-carousel', 'ngx-owl-carousel-o', 'ngx-smart-popover', 'ngx-skeleton-loader', '@angular/material/button', '@angular/material/icon', '@angular/material/menu', '@angular/material/list', '@angular/material/card', '@angular/material/select', '@angular/material/radio', '@angular/material/input', '@angular/material/tooltip', '@angular/material/progress-bar', '@angular/material/stepper', 'ngx-swiper-wrapper', 'moment/locale/pt-br', '@angular/material/tabs', '@angular/material/autocomplete'], factory) :
-    (global = global || self, factory(global['asap-feed-beta'] = {}, global.ng.core, global.ng.common.http, global.ng.fire.firestore, global.ng.router, global.asapCrud, global.core$1, global.ng.common, global.ng.platformBrowser, global.classTransformer, global.ng.fire.storage, global.ng.fire, global.ng.material.dialog, global.SwiperCore, global.ngxMoment, global.ngxInfiniteScroll, global.asapSkeleton, global.ngxHmCarousel, global.ng.forms, global.ngxOwlCarousel, global.ngxOwlCarouselO, global.ngxSmartPopover, global.ngxSkeletonLoader, global.ng.material.button, global.ng.material.icon, global.ng.material.menu, global.ng.material.list, global.ng.material.card, global.ng.material.select, global.ng.material.radio, global.ng.material.input, global.ng.material.tooltip, global.ng.material['progress-bar'], global.ng.material.stepper, global.ngxSwiperWrapper, null, global.ng.material.tabs, global.ng.material.autocomplete));
-}(this, (function (exports, core, http, firestore, router, asapCrud, core$1, common, platformBrowser, classTransformer, storage, fire, dialog, SwiperCore, ngxMoment, ngxInfiniteScroll, asapSkeleton, ngxHmCarousel, forms, ngxOwlCarousel, ngxOwlCarouselO, ngxSmartPopover, ngxSkeletonLoader, button, icon, menu, list, card, select, radio, input, tooltip, progressBar, stepper, ngxSwiperWrapper, ptBr, tabs, autocomplete) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(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')) :
+    typeof define === 'function' && 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'], factory) :
+    (global = global || self, factory(global['asap-feed-beta'] = {}, global.ng.core, global.ng.common.http, global.ng.fire.firestore, global.ng.router, global.asapCrud, global.core$1, global.ng.common, global.ng.platformBrowser, global.classTransformer, global.ng.fire.storage, global.ng.fire, global.ng.material.dialog, global.SwiperCore, global.ngxMoment, global.ngxInfiniteScroll, global.asapSkeleton, global.ngxHmCarousel, global.ng.forms, global.Swal, global.ngxOwlCarousel, global.ngxOwlCarouselO, global.ngxSmartPopover, global.ngxSkeletonLoader, global.ng.material.button, global.ng.material.icon, global.ng.material.menu, global.ng.material.list, global.ng.material.card, global.ng.material.select, global.ng.material.radio, global.ng.material.input, global.ng.material.tooltip, global.ng.material['progress-bar'], global.ng.material.stepper, global.ngxSwiperWrapper, null, global.ng.material.tabs, global.ng.material.autocomplete));
+}(this, (function (exports, core, http, firestore, router, asapCrud, core$1, common, platformBrowser, classTransformer, storage, fire, dialog, SwiperCore, ngxMoment, ngxInfiniteScroll, asapSkeleton, ngxHmCarousel, forms, Swal, ngxOwlCarousel, ngxOwlCarouselO, ngxSmartPopover, ngxSkeletonLoader, button, icon, menu, list, card, select, radio, input, tooltip, progressBar, stepper, ngxSwiperWrapper, ptBr, tabs, autocomplete) { 'use strict';
 
     var SwiperCore__default = 'default' in SwiperCore ? SwiperCore['default'] : SwiperCore;
+    Swal = Swal && Swal.hasOwnProperty('default') ? Swal['default'] : Swal;
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -71,51 +72,6 @@
         return function (target, key) { decorator(target, key, paramIndex); }
     }
 
-    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-        function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-        var _, done = false;
-        for (var i = decorators.length - 1; i >= 0; i--) {
-            var context = {};
-            for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-            for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-            context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-            if (kind === "accessor") {
-                if (result === void 0) continue;
-                if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-                if (_ = accept(result.get)) descriptor.get = _;
-                if (_ = accept(result.set)) descriptor.set = _;
-                if (_ = accept(result.init)) initializers.push(_);
-            }
-            else if (_ = accept(result)) {
-                if (kind === "field") initializers.push(_);
-                else descriptor[key] = _;
-            }
-        }
-        if (target) Object.defineProperty(target, contextIn.name, descriptor);
-        done = true;
-    };
-
-    function __runInitializers(thisArg, initializers, value) {
-        var useValue = arguments.length > 2;
-        for (var i = 0; i < initializers.length; i++) {
-            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-        }
-        return useValue ? value : void 0;
-    };
-
-    function __propKey(x) {
-        return typeof x === "symbol" ? x : "".concat(x);
-    };
-
-    function __setFunctionName(f, name, prefix) {
-        if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-    };
-
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
@@ -248,7 +204,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
     }
 
     function __asyncValues(o) {
@@ -1290,10 +1246,13 @@
             var formData = new FormData();
             formData.append('file', data);
             /** @type {?} */
+            var client_id = localStorage.getItem('client');
+            /** @type {?} */
             var req = new http.HttpRequest('POST', 'http://api.tecnologiaasap.com.br/api/cloudinary/upload', formData, {
                 reportProgress: true,
                 responseType: 'json',
-                headers: new http.HttpHeaders(this.getHeaders())
+                headers: new http.HttpHeaders(this.getHeaders()),
+                params: new http.HttpParams().set('client_id', client_id)
             });
             console.log('RESPONSE UPLOAD', req);
             return this.http.request(req);
@@ -2478,8 +2437,8 @@
          * @return {?}
          */
         function (title) {
-            console.log('Event ->', event);
-            if (title.length > 35) {
+            console.log('Event ->', Event);
+            if (title.length && title.length > 35) {
                 if (this.isValidUrl(title)) {
                     console.log('checkPublicationType', title);
                     if (title.includes('youtube')) {
@@ -5942,6 +5901,32 @@
             }));
             this.selectedUsers = [];
         };
+        /**
+         * @return {?}
+         */
+        FeedPublicationComponent.prototype.confirmShare = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var swall = Swal.fire({
+                title: "Podemos compartilhar seu post?",
+                type: "warning",
+                showCancelButton: true,
+                confirmButtonText: "Sim",
+                cancelButtonText: "Não"
+            });
+            swall.then((/**
+             * @param {?} confirmed
+             * @return {?}
+             */
+            function (confirmed) {
+                if (confirmed.value) {
+                    _this.share();
+                }
+            }));
+        };
         /**
          * @param {?} data
          * @return {?}
@@ -5964,9 +5949,16 @@
                 var id;
                 console.log('Publish()', 1, data);
                 if (!data.title || data.title === '') {
-                    _this.global.toastService.error({
-                        title: 'Ops',
-                        message: 'Você precisa adicionar um texto à sua imagem/vídeo.',
+                    // this.global.toastService.error({
+                    //   title: 'Ops',
+                    //   message: 'Você precisa adicionar um texto à sua imagem/vídeo.',
+                    // });
+                    Swal.fire({
+                        title: "Podemos compartilhar seu post??",
+                        type: "warning",
+                        showCancelButton: true,
+                        confirmButtonText: "Sim",
+                        cancelButtonText: "Não"
                     });
                     return;
                 }
@@ -6192,7 +6184,7 @@
          */
         function (title) {
             console.log('Event ->', event);
-            if (title.length > 35) {
+            if (title.length && title.length > 35) {
                 if (this.isValidUrl(title)) {
                     console.log('checkPublicationType', title);
                     if (title.includes('youtu') || title.includes('youtube')) {
@@ -6309,7 +6301,7 @@
                 $('#publicationModal').modal();
             }
             else {
-                this.share();
+                this.confirmShare();
             }
         };
         /**
@@ -6334,7 +6326,7 @@
         FeedPublicationComponent.decorators = [
             { type: core.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 class=\"form-control\" [(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 type=\"text\" autocomplete=\"off\" [(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\u00E1rios 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)=\"share()\" class=\"btn btn-primary\">Finalizar e\n          publicar</button>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                        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 class=\"form-control\" [(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 type=\"text\" autocomplete=\"off\" [(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\u00E1rios 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: [StreamService, UserService, asapCrud.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}"]
                     }] }