vue-intergrall-plugins 0.0.296 → 0.0.298

package/dist/vue-intergrall-plugins.ssr.js

@@ -2898,9 +2898,14 @@ var script$x = {
       }
     },
     loadEmojis: function loadEmojis() {
+      var _this = this;
+
       try {
         this.emojiHeaders();
-        this.addEmojiToArray(); // setTimeout(() => { this.loading = false; }, 1500)
+        this.addEmojiToArray();
+        setTimeout(function () {
+          _this.loading = false;
+        }, 1500);
       } catch (e) {
         console.error("Erro ao carregar os emojis");
         console.error(e);
@@ -3018,7 +3023,7 @@ var __vue_staticRenderFns__$x = [];
 
 var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-3ad3f315_0", {
+  inject("data-v-27f457ac_0", {
     source: ".box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sm-emoji-picker{width:310px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link a{margin:0;padding:0;fill:#999}.sm-emoji-link.active a>svg,.sm-emoji-link:hover a>svg{opacity:1;fill:#666}.sm-emoji-link.active a>svg[stroke-linecap],.sm-emoji-link:hover a>svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:1.375rem}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -3030,7 +3035,7 @@ var __vue_inject_styles__$x = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$x = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$x = "data-v-3ad3f315";
+var __vue_module_identifier__$x = "data-v-27f457ac";
 /* functional template */
 
 var __vue_is_functional_template__$x = false;
@@ -3173,7 +3178,7 @@ var __vue_staticRenderFns__$w = [];
 
 var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7b7b5e22_0", {
+  inject("data-v-32816950_0", {
     source: ".show-y-enter-active,.show-y-leave-enter{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-enter,.show-y-leave-to{opacity:0;transform:translateY(5%)}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}",
     map: undefined,
     media: undefined
@@ -3185,7 +3190,7 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$w = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$w = "data-v-7b7b5e22";
+var __vue_module_identifier__$w = "data-v-32816950";
 /* functional template */
 
 var __vue_is_functional_template__$w = false;
@@ -11704,6 +11709,11 @@ var script$a = {
     iconAutor: function iconAutor() {
       return this.origem === "outros" ? ["fas", "user"] : ["fas", "headset"];
     },
+    returnLoginText: function returnLoginText() {
+      if (!this.login) return "";
+      if (this.autor) return " (".concat(this.login, ")");
+      return "".concat(this.login);
+    },
     ticketClassCod: function ticketClassCod() {
       if (!this.ticket_id || !this.ticket_id.cod) return "";
       var cod = this.ticket_id.cod;
@@ -11840,20 +11850,20 @@ var __vue_render__$a = function __vue_render__() {
     }
   }, [_vm.msgNova ? _c('span', {
     staticClass: "novas-mensagens"
-  }, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-2f20ee9e>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-2f20ee9e>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-2f20ee9e>", "</div>", [_c('fa-icon', {
+  }, [_vm._v(" Nova mensagem ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-4169c602>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-4169c602>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-4169c602>", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": _vm.iconAutor
     }
-  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-2f20ee9e>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-2f20ee9e>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-2f20ee9e><span data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-2f20ee9e><span data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-2f20ee9e>", "</div>", [_c('fa-icon', {
+  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-4169c602>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.returnLoginText) + " data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.returnLoginText)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-4169c602>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-4169c602>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-4169c602><span data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.returnFormataDataHora(_vm.data_cri))) + "</span></div>" : "<!---->") + " " + (_vm.data_mod ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_mod + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-4169c602><span data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.returnFormataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-4169c602>", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-2f20ee9e>" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + " data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + " data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + " data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + " data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\" data-v-2f20ee9e>" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\" data-v-2f20ee9e><p class=\"card-interatividade-title\" data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\" data-v-2f20ee9e>" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
-    return "<li data-v-2f20ee9e>" + _vm._ssrList(values, function (value, key) {
-      return "<p data-v-2f20ee9e>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span data-v-2f20ee9e>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span data-v-2f20ee9e><strong data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\" data-v-2f20ee9e>" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
-    }) + " <hr data-v-2f20ee9e></li>";
-  }) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-2f20ee9e>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
-    return _vm._ssrNode("<div class=\"card-anexo\" data-v-2f20ee9e>", "</div>", [_c('CardAttachment', {
+  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" <div class=\"card-chip-container\" data-v-4169c602>" + (_vm.ticket_id.cod && _vm.ticket_id.desc ? "<p" + _vm._ssrAttr("title", _vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")") + _vm._ssrClass("card-chip", [_vm.ticketClassCod]) + " data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('back_doing_business') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.back_doing_business ? 'green' : 'red') + " card-chip") + " data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_voltaria_fazer_negocio + " " + (_vm.ticket_id.back_doing_business ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('rating') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating) + _vm._ssrClass(null, (_vm.isNumberBiggerThanSix ? 'green' : 'red') + " card-chip") + " data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_avaliacao + " " + _vm.ticket_id.rating)) + "</p>" : "<!---->") + " " + (_vm.ticket_id.hasOwnProperty('resolved_issue') ? "<p" + _vm._ssrAttr("title", _vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao)) + _vm._ssrClass(null, (_vm.ticket_id.resolved_issue ? 'green' : 'red') + " card-chip") + " data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.dictionary.title_problema_resolvido + " " + (_vm.ticket_id.resolved_issue ? "" + _vm.dictionary.title_sim : "" + _vm.dictionary.title_nao))) + "</p>" : "<!---->") + "</div> <p class=\"card-message\" data-v-4169c602>" + _vm._s(_vm.mensagemFormatada) + "</p> " + (_vm.filteredInteratividadeData && _vm.filteredInteratividadeData.length ? "<div class=\"card-interatividade\" data-v-4169c602><p class=\"card-interatividade-title\" data-v-4169c602>" + _vm._ssrEscape(_vm._s(_vm.dictionary.ra_infos_interatividade) + ":") + "</p> <ul class=\"card-interatividade-list\" data-v-4169c602>" + _vm._ssrList(_vm.filteredInteratividadeData, function (values, index) {
+    return "<li data-v-4169c602>" + _vm._ssrList(values, function (value, key) {
+      return "<p data-v-4169c602>" + (key.indexOf(_vm.dictionary.ra_ask_avaliation_title) <= -1 ? "<span data-v-4169c602>" + _vm._s(_vm.formatInteratividadeValue(key, value)) + "</span>" : "<span data-v-4169c602><strong data-v-4169c602>" + _vm._ssrEscape(_vm._s(key + ":")) + "</strong> <button class=\"box-shadow\" data-v-4169c602>" + _vm._ssrEscape(_vm._s(value)) + "</button></span>") + "</p>";
+    }) + " <hr data-v-4169c602></li>";
+  }) + "</ul></div>" : "<!---->") + " "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-4169c602>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
+    return _vm._ssrNode("<div class=\"card-anexo\" data-v-4169c602>", "</div>", [_c('CardAttachment', {
       attrs: {
         "anexo": anexo,
         "dictionary": _vm.dictionary,
@@ -11868,8 +11878,8 @@ var __vue_staticRenderFns__$a = [];
 
 var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2f20ee9e_0", {
-    source: ".fade-enter-active[data-v-2f20ee9e],.fade-leave-active[data-v-2f20ee9e]{transition:opacity .2s}.fade-enter[data-v-2f20ee9e],.fade-leave-to[data-v-2f20ee9e]{opacity:0}.card-cli[data-v-2f20ee9e],.card-ope[data-v-2f20ee9e]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-2f20ee9e],.card-ope.msgNova[data-v-2f20ee9e]{margin-top:30px}.novas-mensagens[data-v-2f20ee9e]{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card[data-v-2f20ee9e]{border-left:3px solid #90b823}.card-ope[data-v-2f20ee9e]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-2f20ee9e]{border-right:3px solid #007535}.card[data-v-2f20ee9e]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p[data-v-2f20ee9e]{word-break:break-all}.card-header[data-v-2f20ee9e]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg[data-v-2f20ee9e]{font-size:1rem}.card-canal[data-v-2f20ee9e]{flex:1;margin-right:10px}.card-datas[data-v-2f20ee9e]{display:flex;flex-direction:column;margin-right:10px}.card-data[data-v-2f20ee9e]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-2f20ee9e]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-2f20ee9e]{margin-right:5px;color:#232323}.card-expand[data-v-2f20ee9e]{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-2f20ee9e]:hover{opacity:1}.card-footer[data-v-2f20ee9e]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container[data-v-2f20ee9e]{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-chip[data-v-2f20ee9e]{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip[data-v-2f20ee9e]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-2f20ee9e]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-2f20ee9e]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-2f20ee9e]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-2f20ee9e]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-2f20ee9e]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-2f20ee9e]:hover{background-color:rgba(231,76,60,.25)}.card-chip.green[data-v-2f20ee9e]{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green[data-v-2f20ee9e]:hover{background-color:rgba(15,177,39,.4)}.card-anexo[data-v-2f20ee9e]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-2f20ee9e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-2f20ee9e]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-2f20ee9e]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-2f20ee9e]{max-width:45px;max-height:45px}.anexo-icone[data-v-2f20ee9e]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-2f20ee9e]:hover{opacity:1}.anexo-icone[data-v-2f20ee9e]:visited{color:inherit}svg[data-v-2f20ee9e]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-2f20ee9e]{position:relative}.anexo-icone.pdf svg[data-v-2f20ee9e]{color:#e74c3c}.anexo-icone.pdf[data-v-2f20ee9e]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-2f20ee9e]{color:#15517f}.anexo-icone.doc[data-v-2f20ee9e]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-2f20ee9e]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img[data-v-2f20ee9e]:hover{opacity:1}.anexo-img img[data-v-2f20ee9e]{width:95%}.card-interatividade[data-v-2f20ee9e]{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title[data-v-2f20ee9e]{font-weight:700;margin-bottom:5px}.card-interatividade-list[data-v-2f20ee9e]{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr[data-v-2f20ee9e]{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button[data-v-2f20ee9e]{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button[data-v-2f20ee9e]:hover{text-decoration:underline}",
+  inject("data-v-4169c602_0", {
+    source: ".fade-enter-active[data-v-4169c602],.fade-leave-active[data-v-4169c602]{transition:opacity .2s}.fade-enter[data-v-4169c602],.fade-leave-to[data-v-4169c602]{opacity:0}.card-cli[data-v-4169c602],.card-ope[data-v-4169c602]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-4169c602],.card-ope.msgNova[data-v-4169c602]{margin-top:30px}.novas-mensagens[data-v-4169c602]{position:absolute;top:-30px;width:100%;display:flex;justify-content:center;align-items:center;margin:2.5px 0;background-color:lighten(#fff249,15)}.card-cli .card[data-v-4169c602]{border-left:3px solid #90b823}.card-ope[data-v-4169c602]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-4169c602]{border-right:3px solid #007535}.card[data-v-4169c602]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px;border-radius:7px;box-shadow:rgba(0,0,0,.15) 1px 2px 3px 0}.card p[data-v-4169c602]{word-break:break-all}.card-header[data-v-4169c602]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between;padding:10px 5px}.card-header svg[data-v-4169c602]{font-size:1rem}.card-canal[data-v-4169c602]{flex:1;margin-right:10px}.card-datas[data-v-4169c602]{display:flex;flex-direction:column;margin-right:10px;background:#008845;padding:5px 10px;border-top-left-radius:15px;border-bottom-left-radius:15px;color:#fff}.card-right[data-v-4169c602]{margin-right:-20px;display:flex;flex-direction:row-reverse;align-items:center}.card-data[data-v-4169c602]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-4169c602]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-4169c602]{margin-right:5px;color:#232323}.card-expand[data-v-4169c602]{display:flex;justify-content:center;align-items:center;margin:0 10px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-4169c602]:hover{opacity:1}.card-footer[data-v-4169c602]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip-container[data-v-4169c602]{display:flex;flex-wrap:wrap;width:100%;gap:5px}.card-autor[data-v-4169c602]{display:flex;align-items:center;margin-right:10px;overflow:hidden;min-width:14px;max-width:calc(100% - 215px);gap:5px}.card-chip[data-v-4169c602]{font-size:.8rem;width:fit-content;border-radius:15px;transition:all 150ms ease-in-out;padding:2.5px 7px;color:#1f69c1;background-color:rgba(207,216,244,.6);margin-bottom:5px}.card-chip[data-v-4169c602]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-4169c602]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-4169c602]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-4169c602]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-4169c602]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-4169c602]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-4169c602]:hover{background-color:rgba(231,76,60,.25)}.card-chip.green[data-v-4169c602]{color:#0e3213;background-color:rgba(15,177,39,.3)}.card-chip.green[data-v-4169c602]:hover{background-color:rgba(15,177,39,.4)}.card-anexo[data-v-4169c602]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-4169c602]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-4169c602]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-4169c602]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-4169c602]{max-width:45px;max-height:45px}.anexo-icone[data-v-4169c602]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-4169c602]:hover{opacity:1}.anexo-icone[data-v-4169c602]:visited{color:inherit}svg[data-v-4169c602]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-4169c602]{position:relative}.anexo-icone.pdf svg[data-v-4169c602]{color:#e74c3c}.anexo-icone.pdf[data-v-4169c602]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-4169c602]{color:#15517f}.anexo-icone.doc[data-v-4169c602]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-4169c602]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.anexo-img[data-v-4169c602]:hover{opacity:1}.anexo-img img[data-v-4169c602]{width:95%}.card-interatividade[data-v-4169c602]{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;font-size:.9em}.card-interatividade-title[data-v-4169c602]{font-weight:700;margin-bottom:5px}.card-interatividade-list[data-v-4169c602]{margin:0;padding:0;font-size:.9em}.card-interatividade-list hr[data-v-4169c602]{height:1px;background-color:#ccc;width:100%;border:0}.card-interatividade-list button[data-v-4169c602]{margin-left:5px;border-radius:5px;border:unset;cursor:pointer;padding:5px 10px;background-color:#b5f778}.card-interatividade-list button[data-v-4169c602]:hover{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -11877,10 +11887,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$a = "data-v-2f20ee9e";
+var __vue_scope_id__$a = "data-v-4169c602";
 /* module identifier */
 
-var __vue_module_identifier__$a = "data-v-2f20ee9e";
+var __vue_module_identifier__$a = "data-v-4169c602";
 /* functional template */
 
 var __vue_is_functional_template__$a = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.296",
+  "version": "0.0.298",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Chat/BtnEmojis.vue

@@ -4,8 +4,7 @@
       class="emoji-text-btn"
       @click="toggleEmojiSelection()"
       v-text="String.fromCodePoint(0x1f61c)"
-    >
-    </div>
+    ></div>
     <transition name="show-y">
       <Picker v-show="showEmojis" ref="sm-emoji-picker" @insert-emoji="insertEmoji" />
     </transition>
@@ -13,95 +12,100 @@
 </template>
 
 <script>
-
-import Picker from "./Picker"
-import { mixin as clickaway } from 'vue-clickaway'
+import Picker from "./Picker";
+import { mixin as clickaway } from "vue-clickaway";
 
 export default {
   components: { Picker },
-  mixins: [ clickaway ],
+  mixins: [clickaway],
   props: {
     emojiId: {
       type: String,
-      required: true
+      required: true,
     },
     biggerTextarea: {
       type: Boolean,
       default: true,
-      required: false
+      required: false,
     },
     small: {
       type: Boolean,
       default: false,
-      required: false
+      required: false,
     },
     up: {
       type: Boolean,
       default: true,
-      required: false
+      required: false,
     },
     down: {
       type: Boolean,
       default: false,
-      required: false
+      required: false,
     },
     left: {
       type: Boolean,
       default: true,
-      required: false
-    }
+      required: false,
+    },
   },
   computed: {
     height() {
-      if(this.small) return 225
-      return 325
+      if (this.small) return 225;
+      return 325;
     },
     top() {
-      if(!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30) )
-      return 40
-    }
+      if (!this.down) return -(this.height + (!this.biggerTextarea ? 5 : 30));
+      return 40;
+    },
   },
-  data(){
-    return{
-      showEmojis: false
-    }
+  data() {
+    return {
+      showEmojis: false,
+    };
   },
   created() {
-    this.$root.$refs[`etf-${this.emojiId}`] = this
+    this.$root.$refs[`etf-${this.emojiId}`] = this;
   },
   watch: {
     showEmojis() {
-      if(this.showEmojis) this.setPosition("sm-emoji-picker")
-    }
+      if (this.showEmojis) this.setPosition("sm-emoji-picker");
+    },
   },
   methods: {
     setPosition(refId) {
       try {
         this.$nextTick(() => {
-          const elem = this.$refs[refId] ? this.$refs[refId].$el ? this.$refs[refId].$el : this.$refs[refId] : this.$refs[refId] ? this.$refs[refId] : false
-          if(elem){
-            elem.style.position = "absolute"
-            elem.style.top = `${this.top}px`
-            elem.style.left = "0"
-            elem.style.height = `${this.height}px`
+          const elem = this.$refs[refId]
+            ? this.$refs[refId].$el
+              ? this.$refs[refId].$el
+              : this.$refs[refId]
+            : this.$refs[refId]
+            ? this.$refs[refId]
+            : false;
+          if (elem) {
+            elem.style.position = "absolute";
+            elem.style.top = `${this.top}px`;
+            elem.style.left = "0";
+            elem.style.height = `${this.height}px`;
           }
-        })
-      }catch(e) {
-        console.error("Erro ao setar a posicao dos emojis")
-        console.error(e)
+        });
+      } catch (e) {
+        console.error("Erro ao setar a posicao dos emojis");
+        console.error(e);
       }
     },
     insertEmoji(emoji) {
-      this.$emit("insert-emoji", emoji)
+      this.$emit("insert-emoji", emoji);
     },
     toggleEmojiSelection() {
-      this.showEmojis = !this.showEmojis
+      this.showEmojis = !this.showEmojis;
     },
     away() {
-      this.showEmojis = false
-    }
-  }
-}
+      this.showEmojis = false;
+    },
+  },
+};
 </script>
 
 <style>
@@ -118,8 +122,10 @@ export default {
 }
 
 .emoji-text-container {
-  position: relative; }
+  position: relative;
+}
 .emoji-text-container .emoji-text-btn {
   font-size: 1.2rem;
-  cursor: pointer; }
-</style>
+  cursor: pointer;
+}
+</style>

package/src/lib-components/Chat/Picker.vue

@@ -168,7 +168,9 @@ export default {
       try {
         this.emojiHeaders();
         this.addEmojiToArray();
-        // setTimeout(() => { this.loading = false; }, 1500)
+        setTimeout(() => {
+          this.loading = false;
+        }, 1500);
       } catch (e) {
         console.error("Erro ao carregar os emojis");
         console.error(e);

package/src/lib-components/Messages/CardMessages.vue

@@ -23,8 +23,8 @@
           ></p>
           <p
             v-if="origem === 'principal' && login"
-            v-text="`| ${login}`"
-            :title="login"
+            v-text="returnLoginText"
+            :title="returnLoginText"
           ></p>
         </div>
         <div class="card-right">
@@ -231,6 +231,11 @@ export default {
     iconAutor() {
       return this.origem === "outros" ? ["fas", "user"] : ["fas", "headset"];
     },
+    returnLoginText() {
+      if (!this.login) return "";
+      if (this.autor) return ` (${this.login})`;
+      return `${this.login}`;
+    },
     ticketClassCod() {
       if (!this.ticket_id || !this.ticket_id.cod) return "";
       const { cod } = this.ticket_id;
@@ -390,6 +395,8 @@ export default {
   overflow: hidden;
   width: 100%;
   padding: 2.5px 5px;
+  border-radius: 7px;
+  box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px 0px;
 }
 .card p {
   word-break: break-all;
@@ -401,6 +408,7 @@ export default {
   margin-bottom: 5px;
   display: flex;
   justify-content: space-between;
+  padding: 10px 5px;
 }
 .card-header svg {
   font-size: 1rem;
@@ -415,8 +423,19 @@ export default {
   display: flex;
   flex-direction: column;
   margin-right: 10px;
+  background: rgb(0, 136, 69);
+  padding: 5px 10px;
+  border-top-left-radius: 15px;
+  border-bottom-left-radius: 15px;
+  color: #fff;
 }
 
+.card-right {
+  margin-right: -20px;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+}
 .card-data {
   overflow: hidden;
   display: flex;
@@ -436,7 +455,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: 2.5px;
+  margin: 0 10px;
   cursor: pointer;
   opacity: 0.8;
   transition: opacity 150ms;
@@ -459,6 +478,16 @@ export default {
   gap: 5px;
 }
 
+.card-autor {
+  display: flex;
+  align-items: center;
+  margin-right: 10px;
+  overflow: hidden;
+  min-width: 14px;
+  max-width: calc(100% - 215px);
+  gap: 5px;
+}
+
 .card-chip {
   font-size: 0.8rem;
   width: fit-content;