vue-intergrall-plugins 0.0.115 → 0.0.119

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

@@ -5185,10 +5185,6 @@ var script$4 = {
     dominio: {
       type: String,
       required: true
-    },
-    emitirClick: {
-      type: Boolean,
-      required: false
     }
   },
   computed: {
@@ -5243,18 +5239,11 @@ var script$4 = {
     gerarIcone: function gerarIcone() {
       this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
     },
-    abrirAnexo: function abrirAnexo(link) {
+    abrirAnexo: function abrirAnexo(link, isImg) {
       var width = window.innerWidth;
       var height = window.innerHeight;
-      window.open(link, "anexo-ra", "width=".concat(width, ",height=").concat(height));
-    },
-    abrirImagem: function abrirImagem(img) {
-      if (this.emitirClick) return this.$emit("abrir-imagem", img);
-      this.$store.dispatch("toggleBlocker", {
-        state: true,
-        origin: "visualizar-imagem"
-      });
-      this.$store.dispatch("setLinkImagem", img);
+      var options = !isImg ? "width=".concat(width, ",height=").concat(height) : "width=auto,height=auto";
+      window.open(link, "anexo-ra", options);
     }
   }
 };/* script */
@@ -5290,7 +5279,7 @@ var __vue_render__$4 = function __vue_render__() {
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirImagem(_vm.imgAnexo);
+        return _vm.abrirAnexo(_vm.imgAnexo, true);
       }
     }
   }, [_c('img', {
@@ -5308,7 +5297,7 @@ var __vue_render__$4 = function __vue_render__() {
     },
     on: {
       "click": function click($event) {
-        return _vm.abrirAnexo(_vm.docAnexo);
+        return _vm.abrirAnexo(_vm.docAnexo, false);
       }
     }
   }, [_c('fa-icon', {
@@ -5323,8 +5312,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2fd5443a_0", {
-    source: ".fade-enter-active[data-v-2fd5443a],.fade-leave-active[data-v-2fd5443a]{transition:opacity .5s}.fade-enter[data-v-2fd5443a],.fade-leave-to[data-v-2fd5443a]{opacity:0}",
+  inject("data-v-fa13bc34_0", {
+    source: ".fade-enter-active[data-v-fa13bc34],.fade-leave-active[data-v-fa13bc34]{transition:opacity .5s}.fade-enter[data-v-fa13bc34],.fade-leave-to[data-v-fa13bc34]{opacity:0}",
     map: undefined,
     media: undefined
   });
@@ -5332,10 +5321,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-2fd5443a";
+var __vue_scope_id__$4 = "data-v-fa13bc34";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-2fd5443a";
+var __vue_module_identifier__$4 = "data-v-fa13bc34";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;
@@ -5356,10 +5345,19 @@ var script$3 = {
       type: Object,
       required: true
     },
+    messageIndex: {
+      type: [Number, String],
+      required: true
+    },
     dominio: {
       type: String,
       required: true
     },
+    hasExpand: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     origem: {
       type: String,
       required: true
@@ -5457,6 +5455,9 @@ var __vue_render__$3 = function __vue_render__() {
       'card-cli': _vm.origem === 'outros',
       'card-ope': _vm.origem === 'principal',
       'msgNova': _vm.msgNova
+    },
+    attrs: {
+      "id": "a" + _vm.messageIndex
     }
   }, [_c('transition', {
     attrs: {
@@ -5464,16 +5465,16 @@ var __vue_render__$3 = function __vue_render__() {
     }
   }, [_vm.msgNova ? _c('span', {
     staticClass: "novas-mensagens"
-  }, [_vm._v("\n    Nova mensagem\n  ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-2f40ded0>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-2f40ded0>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-2f40ded0>", "</div>", [_c('fa-icon', {
+  }, [_vm._v("\n    Nova mensagem\n  ")]) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card box-shadow\" data-v-33bf4293>", "</div>", [_vm._ssrNode("<div class=\"card-header\" data-v-33bf4293>", "</div>", [_vm._ssrNode("<div class=\"card-autor\" data-v-33bf4293>", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": _vm.iconAutor
     }
-  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-2f40ded0>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-2f40ded0>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-2f40ded0>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-2f40ded0>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.formataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-2f40ded0><span data-v-2f40ded0>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.formataDataHora(_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.formataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-2f40ded0><span data-v-2f40ded0>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.formataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm._ssrNode("<div class=\"card-expand\" data-v-2f40ded0>", "</div>", [_c('fa-icon', {
+  }), _vm._ssrNode(" " + (_vm.autor ? "<p" + _vm._ssrAttr("title", _vm.autor) + " class=\"text-bold\" data-v-33bf4293>" + _vm._ssrEscape(_vm._s("" + _vm.tratarTextoLongo(_vm.autor))) + "</p>" : "<!---->") + " " + (_vm.origem === 'principal' && _vm.login ? "<p" + _vm._ssrAttr("title", _vm.login) + " data-v-33bf4293>" + _vm._ssrEscape(_vm._s("| " + _vm.login)) + "</p>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-right\" data-v-33bf4293>", "</div>", [_vm._ssrNode("<div class=\"card-datas\" data-v-33bf4293>" + (_vm.data_cri ? "<div" + _vm._ssrAttr("title", _vm.dictionary.data_criacao + ": " + (_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.formataDataHora(_vm.data_cri))) + " class=\"card-data\" data-v-33bf4293><span data-v-33bf4293>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_cri) : _vm.formataDataHora(_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.formataDataHora(_vm.data_mod))) + " class=\"card-data\" data-v-33bf4293><span data-v-33bf4293>" + _vm._ssrEscape(_vm._s(_vm.origem === 'outros' ? _vm.formataTimezoneData(_vm.data_mod) : _vm.formataDataHora(_vm.data_mod))) + "</span></div>" : "<!---->") + "</div> "), _vm.hasExpand ? _vm._ssrNode("<div class=\"card-expand\" data-v-33bf4293>", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'expand-alt']
     }
-  })], 1)], 2)], 2), _vm._ssrNode(" " + (_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-2f40ded0>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " <p class=\"card-message\" data-v-2f40ded0>" + _vm._s(_vm.mensagemFormatada) + "</p> "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-2f40ded0>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
-    return _vm._ssrNode("<div class=\"card-anexo\" data-v-2f40ded0>", "</div>", [_c('CardAttachment', {
+  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" " + (_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-33bf4293>" + _vm._ssrEscape(_vm._s(_vm.ticket_id.desc + " (" + _vm.ticket_id.cod + ")")) + "</p>" : "<!---->") + " <p class=\"card-message\" data-v-33bf4293>" + _vm._s(_vm.mensagemFormatada) + "</p> "), _vm.anexos && _vm.anexos.length ? _vm._ssrNode("<div class=\"card-footer\" data-v-33bf4293>", "</div>", _vm._l(_vm.anexos, function (anexo, index) {
+    return _vm._ssrNode("<div class=\"card-anexo\" data-v-33bf4293>", "</div>", [_c('CardAttachment', {
       attrs: {
         "anexo": anexo,
         "dictionary": _vm.dictionary,
@@ -5488,8 +5489,8 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2f40ded0_0", {
-    source: ".fade-enter-active[data-v-2f40ded0],.fade-leave-active[data-v-2f40ded0]{transition:opacity .2s}.fade-enter[data-v-2f40ded0],.fade-leave-to[data-v-2f40ded0]{opacity:0}.card-cli[data-v-2f40ded0],.card-ope[data-v-2f40ded0]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-2f40ded0],.card-ope.msgNova[data-v-2f40ded0]{margin-top:30px}.novas-mensagens[data-v-2f40ded0]{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-2f40ded0]{border-left:3px solid #90b823}.card-ope[data-v-2f40ded0]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-2f40ded0]{border-right:3px solid #007535}.card[data-v-2f40ded0]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p[data-v-2f40ded0]{word-break:break-all}.card-header[data-v-2f40ded0]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg[data-v-2f40ded0]{font-size:1rem}.card-canal[data-v-2f40ded0]{flex:1;margin-right:10px}.card-datas[data-v-2f40ded0]{display:flex;flex-direction:column;margin-right:10px}.card-data[data-v-2f40ded0]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-2f40ded0]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-2f40ded0]{margin-right:5px;color:#232323}.card-expand[data-v-2f40ded0]{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-2f40ded0]:hover{opacity:1}.card-footer[data-v-2f40ded0]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip[data-v-2f40ded0]{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-2f40ded0]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-2f40ded0]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-2f40ded0]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-2f40ded0]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-2f40ded0]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-2f40ded0]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-2f40ded0]:hover{background-color:rgba(231,76,60,.25)}.card-anexo[data-v-2f40ded0]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-2f40ded0]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-2f40ded0]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-2f40ded0]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-icone[data-v-2f40ded0]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-2f40ded0]:hover{opacity:1}.anexo-icone[data-v-2f40ded0]:visited{color:inherit}svg[data-v-2f40ded0]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-2f40ded0]{position:relative}.anexo-icone.pdf svg[data-v-2f40ded0]{color:#e74c3c}.anexo-icone.pdf[data-v-2f40ded0]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-2f40ded0]{color:#15517f}.anexo-icone.doc[data-v-2f40ded0]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-2f40ded0]{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-2f40ded0]:hover{opacity:1}.anexo-img img[data-v-2f40ded0]{width:95%}",
+  inject("data-v-33bf4293_0", {
+    source: ".fade-enter-active[data-v-33bf4293],.fade-leave-active[data-v-33bf4293]{transition:opacity .2s}.fade-enter[data-v-33bf4293],.fade-leave-to[data-v-33bf4293]{opacity:0}.card-cli[data-v-33bf4293],.card-ope[data-v-33bf4293]{display:flex;width:95%;margin:5px 0;position:relative}.card-cli.msgNova[data-v-33bf4293],.card-ope.msgNova[data-v-33bf4293]{margin-top:30px}.novas-mensagens[data-v-33bf4293]{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-33bf4293]{border-left:3px solid #90b823}.card-ope[data-v-33bf4293]{align-self:flex-end;background-color:lighten(#007535,72)}.card-ope .card[data-v-33bf4293]{border-right:3px solid #007535}.card[data-v-33bf4293]{background-color:rgba(255,255,255,.9);overflow:hidden;width:100%;padding:2.5px 5px}.card p[data-v-33bf4293]{word-break:break-all}.card-header[data-v-33bf4293]{width:100%;border-bottom:1px solid #ddd;margin-bottom:5px;display:flex;justify-content:space-between}.card-header svg[data-v-33bf4293]{font-size:1rem}.card-canal[data-v-33bf4293]{flex:1;margin-right:10px}.card-datas[data-v-33bf4293]{display:flex;flex-direction:column;margin-right:10px}.card-data[data-v-33bf4293]{overflow:hidden;display:flex;align-content:center}.card-data span[data-v-33bf4293]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-data svg[data-v-33bf4293]{margin-right:5px;color:#232323}.card-expand[data-v-33bf4293]{display:flex;justify-content:center;align-items:center;margin:2.5px;cursor:pointer;opacity:.8;transition:opacity 150ms}.card-expand[data-v-33bf4293]:hover{opacity:1}.card-footer[data-v-33bf4293]{margin-top:5px;border-top:1px solid #ddd;display:flex;flex-wrap:wrap}.card-chip[data-v-33bf4293]{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-33bf4293]:hover{background-color:#cfd8f4}.card-chip.orange[data-v-33bf4293]{color:#e14924;background-color:rgba(228,92,58,.15)}.card-chip.orange[data-v-33bf4293]:hover{background-color:rgba(228,92,58,.2)}.card-chip.yellow[data-v-33bf4293]{color:#f4a304;background-color:rgba(252,191,73,.15)}.card-chip.yellow[data-v-33bf4293]:hover{background-color:rgba(252,191,73,.2)}.card-chip.red[data-v-33bf4293]{color:#e74c3c;background-color:rgba(231,76,60,.2)}.card-chip.red[data-v-33bf4293]:hover{background-color:rgba(231,76,60,.25)}.card-anexo[data-v-33bf4293]{width:50px;height:50px;margin-right:5px;display:flex;justify-content:center;align-items:center}.anexo-item[data-v-33bf4293]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.anexo-item .transition-anexo-item[data-v-33bf4293]{max-width:100%;max-height:100%}.anexo-item .req-loader[data-v-33bf4293]{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.anexo-item .transition-anexo-item img[data-v-33bf4293]{max-width:45px;max-height:45px}.anexo-icone[data-v-33bf4293]{opacity:.9;transition:opacity .2s;color:#222;cursor:pointer;display:flex;justify-content:center;align-items:center}.anexo-icone[data-v-33bf4293]:hover{opacity:1}.anexo-icone[data-v-33bf4293]:visited{color:inherit}svg[data-v-33bf4293]{font-size:30px;z-index:1}.anexo-icone.pdf[data-v-33bf4293]{position:relative}.anexo-icone.pdf svg[data-v-33bf4293]{color:#e74c3c}.anexo-icone.pdf[data-v-33bf4293]::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.anexo-icone.doc[data-v-33bf4293]{color:#15517f}.anexo-icone.doc[data-v-33bf4293]::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.anexo-img[data-v-33bf4293]{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-33bf4293]:hover{opacity:1}.anexo-img img[data-v-33bf4293]{width:95%}",
     map: undefined,
     media: undefined
   });
@@ -5497,10 +5498,10 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$3 = "data-v-2f40ded0";
+var __vue_scope_id__$3 = "data-v-33bf4293";
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-2f40ded0";
+var __vue_module_identifier__$3 = "data-v-33bf4293";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;
@@ -5746,7 +5747,7 @@ var script$1 = {
   components: {
     AnexoMensagem: AnexoMensagem
   },
-  props: ["dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio"],
+  props: ["messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio"],
   data: function data() {
     return {
       strTooltipAux: "",
@@ -5840,7 +5841,10 @@ var __vue_render__$1 = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _vm.origem && !_vm.erro ? _c('div', {
-    class: 'mensagem__' + _vm.origem
+    class: 'mensagem__' + _vm.origem,
+    attrs: {
+      "id": "a" + _vm.messageIndex
+    }
   }, [_vm._ssrNode("<div" + _vm._ssrClass("mensagem", {
     mapa: _vm.mapa,
     'hist-msg': _vm.histMsg
@@ -5981,7 +5985,7 @@ var __vue_staticRenderFns__$1 = [];
 
 var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-8779ba62_0", {
+  inject("data-v-2d17d68a_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:12.5px 7px 5px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.mensagem p{margin:0 0 10px 0;white-space:pre-wrap}.check{cursor:pointer;position:absolute;right:10px;bottom:0;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:0}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #999;bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:#999;color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros .check{display:none}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{min-width:225px;width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}",
     map: undefined,
     media: undefined
@@ -5993,7 +5997,7 @@ var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-8779ba62";
+var __vue_module_identifier__$1 = "data-v-2d17d68a";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;

package/package.json

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

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

@@ -3,7 +3,7 @@
     <transition-group name="fade" mode="out-in" class="transition-anexo-item">
       <div v-if="carregando" :small="true" key="ra-loader-anexo" class="req-loader slow"></div>
       <template v-else>
-        <span v-if="imgAnexo" class="anexo-img box-shadow" @click="abrirImagem(imgAnexo)" key="ra-img-anexo" :title="nomeArquivo">
+        <span v-if="imgAnexo" class="anexo-img box-shadow" @click="abrirAnexo(imgAnexo, true)" key="ra-img-anexo" :title="nomeArquivo">
           <img :src="`${imgAnexo}`" :alt="nomeArquivo" />
         </span>
         <span 
@@ -11,7 +11,7 @@
           class="anexo-icone"
           key="ra-doc-anexo" 
           :class="[iconeClass]"
-          @click="abrirAnexo(docAnexo)"
+          @click="abrirAnexo(docAnexo, false)"
           :title="nomeArquivo"
           target="_blank"
         >
@@ -47,11 +47,7 @@ export default {
     dominio: {
       type: String,
       required: true
-    },
-    emitirClick: {
-      type: Boolean,
-      required: false
-    },
+    }
   },
   computed: {
     iconeClass() {
@@ -106,15 +102,11 @@ export default {
     gerarIcone() {
       this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt']
     },
-    abrirAnexo(link) {
+    abrirAnexo(link, isImg) {
       const width = window.innerWidth
       const height = window.innerHeight
-      window.open(link, "anexo-ra", `width=${width},height=${height}`)
-    },
-    abrirImagem(img) {
-      if(this.emitirClick) return this.$emit("abrir-imagem", img)
-      this.$store.dispatch("toggleBlocker", { state: true, origin: "visualizar-imagem" })
-      this.$store.dispatch("setLinkImagem", img)
+      const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto"
+      window.open(link, "anexo-ra", options)
     }
   }
 }

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

@@ -1,5 +1,5 @@
 <template>
-  <div :class="{'card-cli' : origem === 'outros', 'card-ope' : origem === 'principal', 'msgNova' : msgNova}" v-if="origem">
+  <div :class="{'card-cli' : origem === 'outros', 'card-ope' : origem === 'principal', 'msgNova' : msgNova}" v-if="origem" :id="`a${messageIndex}`">
   <transition name="fade">
     <span v-if="msgNova" class="novas-mensagens">
       Nova mensagem
@@ -21,7 +21,7 @@
               <span v-text="origem === 'outros' ? formataTimezoneData(data_mod) : formataDataHora(data_mod)"></span>
             </div>
           </div>
-          <div class="card-expand" @click="expandirCard()">
+          <div class="card-expand" @click="expandirCard()" v-if="hasExpand">
             <fa-icon :icon="['fas', 'expand-alt']" />
           </div>
         </div>
@@ -49,10 +49,19 @@ export default {
       type: Object,
       required: true
     },
+    messageIndex: {
+      type: [Number, String],
+      required: true
+    },
     dominio: {
       type: String,
       required: true
     },
+    hasExpand: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     origem: {
       type: String,
       required: true
@@ -306,6 +315,11 @@ export default {
   top: calc(50% - 12.5px);
   right: calc(50% - 12.5px);
 }
+.anexo-item .transition-anexo-item img {
+  max-width: 45px;
+  max-height: 45px;
+}
+
 .anexo-icone {
   opacity: .9;
   transition: opacity 200ms;
@@ -329,7 +343,7 @@ svg {
   position: relative;
 }
 .anexo-icone.pdf svg {
-  color: rgb(231, 76, 60);;
+  color: rgb(231, 76, 60);
 }
 .anexo-icone.pdf::after {
   content: "";

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

@@ -1,5 +1,5 @@
 <template>
-  <div :class="'mensagem__'+origem" v-if="origem && !erro">
+  <div :class="'mensagem__'+origem" v-if="origem && !erro" :id="`a${messageIndex}`">
     <div class="mensagem" :class="{mapa, 'hist-msg' : histMsg}">
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
@@ -45,7 +45,7 @@ import AnexoMensagem from "./AnexoMensagem"
 
 export default {
   components: { AnexoMensagem },
-  props: ["dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio"],
+  props: ["messageIndex", "dictionary", "autor", "origem", "msg", "link", "anexo", "imgAnexo", "tipoDoc", "docAnexo", "nomeArquivo", "audio", "video", "horario", "status", "logo", "msgTooltip", "seq", "mapa", "histMsg", "erro", "msgErro", "origemExterna", "anexos", "dominio"],
   data(){
     return{
       strTooltipAux: "",