vue-intergrall-plugins 1.0.85 → 1.0.87

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

@@ -6598,17 +6598,7 @@ var __vue_render__$j = function __vue_render__() {
         $event.preventDefault();
       }
     }
-  }, [_c('fa-icon', {
-    staticClass: "sc-icone-fechar sc-icone-fechar--externo",
-    attrs: {
-      "icon": ['fas', 'times-circle']
-    },
-    on: {
-      "click": function click($event) {
-        return _vm.$emit('fechar-expand');
-      }
-    }
-  }), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"expand-textarea-content\">", "</div>", [_vm._ssrNode("<h1 class=\"expand-textarea-title\">" + _vm._ssrEscape(_vm._s(_vm.textareaSettings.title)) + "</h1> <textarea" + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + ">" + _vm._ssrEscape(_vm._s(_vm.message)) + "</textarea> "), _vm._ssrNode("<div class=\"expand-textarea-footer\">", "</div>", [_c('BtnEmojis', {
+  }, [_vm._t("btn-close"), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"expand-textarea-content\">", "</div>", [_vm._ssrNode("<h1 class=\"expand-textarea-title\">" + _vm._ssrEscape(_vm._s(_vm.textareaSettings.title)) + "</h1> <textarea" + _vm._ssrAttr("placeholder", _vm.textareaSettings.placeholderMessage) + ">" + _vm._ssrEscape(_vm._s(_vm.message)) + "</textarea> "), _vm._ssrNode("<div class=\"expand-textarea-footer\">", "</div>", [_c('BtnEmojis', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -6641,8 +6631,8 @@ var __vue_staticRenderFns__$j = [];
 /* style */
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4d4b6f82_0", {
-    source: ".sc-icone-fechar.sc-icone-fechar--externo{top:-10px;right:-10px}.sc-icone-fechar.sc-icone-fechar--interno{top:10px;right:10px}.expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:20.8px;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .text-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:20.8px;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.expand-textarea-button.carregando{background-color:#777}",
+  inject("data-v-4eea4f94_0", {
+    source: ".expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:20.8px;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .text-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:20.8px;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.expand-textarea-button.carregando{background-color:#777}",
     map: undefined,
     media: undefined
   });
@@ -6650,7 +6640,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$j = undefined;
 /* module identifier */
-var __vue_module_identifier__$j = "data-v-4d4b6f82";
+var __vue_module_identifier__$j = "data-v-4eea4f94";
 /* functional template */
 var __vue_is_functional_template__$j = false;
 /* style inject shadow dom */
@@ -8596,7 +8586,9 @@ var __vue_render__$9 = function __vue_render__() {
   var _c = _vm._self._c || _h;
   return _c('div', {
     staticClass: "interatividade"
-  }, [_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && (_vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL') ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n      Acessar "), _c('fa-icon', {
+  }, [_vm._ssrNode((_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.length ? "<div>" + _vm._ssrList(_vm.interatividade.parameters.button, function (button, index) {
+    return "<div class=\"interatividade-btn\">" + (!button.url ? "<p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p>" : "<a" + _vm._ssrAttr("href", button.url) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\"><p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p> <fa-icon" + _vm._ssrAttr("icon", ['fas', 'external-link-square-alt']) + "></fa-icon></a>") + "</div>";
+  }) + "</div>" : "<!---->") + " "), _vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && (_vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL') ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n      Acessar "), _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'external-link-square-alt']
     }
@@ -8623,7 +8615,7 @@ var __vue_staticRenderFns__$9 = [];
 /* style */
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-40f065c3_0", {
+  inject("data-v-81058760_0", {
     source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-link{color:#0c5c8f!important;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;gap:5px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
     map: undefined,
     media: undefined
@@ -8632,7 +8624,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
-var __vue_module_identifier__$9 = "data-v-40f065c3";
+var __vue_module_identifier__$9 = "data-v-81058760";
 /* functional template */
 var __vue_is_functional_template__$9 = false;
 /* style inject shadow dom */
@@ -9074,7 +9066,7 @@ var LinkPreview = __vue_component__$d;var script$7 = {
         var elem = document.querySelector(this.referenceSelector) ? document.querySelector(this.referenceSelector) : document.documentElement;
 
         // IF FIXO URGENCIA PARA O DAVID: CANAL HI
-        var isHI = this.seq.substring(0, 2) == "HI";
+        var isHI = this.seq && this.seq.substring(0, 2) == "HI";
         var textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
         var filesBg = isHI ? "rgba(255, 255, 255, 0.1)" : l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)";
         var filesBgHover = isHI ? "rgba(255, 255, 255, 0.3)" : l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)";
@@ -9566,8 +9558,8 @@ var __vue_staticRenderFns__$7 = [];
 /* style */
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6237d5f0_0", {
-    source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius: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:12px;word-break:break-word;-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)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:11.2px}.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}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-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);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.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 var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.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>.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{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:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
+  inject("data-v-6f37e31f_0", {
+    source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius: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:12px;word-break:break-word;-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)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:11.2px}.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}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;height:20px;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-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);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.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 var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.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>.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{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:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
     map: undefined,
     media: undefined
   });
@@ -9575,7 +9567,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
 /* scoped */
 var __vue_scope_id__$7 = undefined;
 /* module identifier */
-var __vue_module_identifier__$7 = "data-v-6237d5f0";
+var __vue_module_identifier__$7 = "data-v-6f37e31f";
 /* functional template */
 var __vue_is_functional_template__$7 = false;
 /* style inject shadow dom */

package/package.json

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

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

@@ -1,7 +1,6 @@
 <template>
   <div class="expand-textarea" @drop.stop="dropFile" @dragenter.prevent @dragover.prevent v-clickaway="away">
-    <fa-icon :icon="['fas', 'times-circle']" class="sc-icone-fechar sc-icone-fechar--externo"
-      @click="$emit('fechar-expand')" />
+    <slot name="btn-close" />
     <div class="expand-textarea-content">
       <h1 class="expand-textarea-title" v-text="textareaSettings.title"></h1>
       <textarea :ref="identifier" :placeholder="textareaSettings.placeholderMessage" v-model="message"
@@ -21,7 +20,7 @@
 </template>
 
 <script>
-import Clickaway from '@/directives/clickaway';
+import Clickaway from "@/directives/clickaway";
 import BtnEmojis from "./BtnEmojis";
 import BtnFiles from "./BtnFiles";
 import { returnMessageWithHexa } from "../../services/textFormatting";
@@ -29,7 +28,7 @@ import { returnMessageWithHexa } from "../../services/textFormatting";
 export default {
   components: { BtnEmojis, BtnFiles },
   directives: {
-    clickaway: Clickaway
+    clickaway: Clickaway,
   },
   props: {
     identifier: {
@@ -285,16 +284,6 @@ export default {
 </script>
 
 <style>
-.sc-icone-fechar.sc-icone-fechar--externo {
-  top: -10px;
-  right: -10px;
-}
-
-.sc-icone-fechar.sc-icone-fechar--interno {
-  top: 10px;
-  right: 10px;
-}
-
 .expand-textarea {
   position: relative;
   width: 90%;

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

@@ -1,33 +1,11 @@
 <template>
-  <div
-    :class="'mensagem__' + origem"
-    v-if="origem && !erro"
-    :id="`a${messageIndex ? messageIndex : randomizeValue}`"
-  >
-    <InteratividadeFormulario
-      v-if="interatividade && validateInterativity()"
-      :interatividade="interatividade"
-      :dominio="dominio"
-      :anexos="anexos"
-      :dictionary="dictionary"
-    />
-    <div
-      v-else
-      class="mensagem"
-      :class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }"
-    >
+  <div :class="'mensagem__' + origem" v-if="origem && !erro" :id="`a${messageIndex ? messageIndex : randomizeValue}`">
+    <InteratividadeFormulario v-if="interatividade && validateInterativity()" :interatividade="interatividade"
+      :dominio="dominio" :anexos="anexos" :dictionary="dictionary" />
+    <div v-else class="mensagem" :class="{ mapa, 'hist-msg': histMsg, 'max-w-60': link && !mapa }">
       <!-- Estilo da mensagem do tipo reply (que foi respondida) -->
-      <div
-        v-if="isReply && replyMessage"
-        class="mensagem-reply"
-        :class="`message-reply-${origem}`"
-      >
-        <p
-          v-if="replyMessage"
-          v-html="replyMessage"
-          @click.stop
-          @click.prevent="scrollToMessage()"
-        ></p>
+      <div v-if="isReply && replyMessage" class="mensagem-reply" :class="`message-reply-${origem}`">
+        <p v-if="replyMessage" v-html="replyMessage" @click.stop @click.prevent="scrollToMessage()"></p>
         <span v-else class="mensagem-reply-vazia">
           <fa-icon :icon="['fas', 'times']" v-if="showReplyIcon" />
           {{
@@ -38,34 +16,16 @@
       <!-- Anexos -->
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
-          <AnexoMensagem
-            :showControlFiles="showControlFiles"
-            :referenceSelector="referenceSelector"
-            :dictionary="dictionary"
-            :anexo="anexo"
-            :origemExterna="origemExterna"
-            :dominio="dominio"
-            @abrir-imagem="abrirImagem"
-            @download-all="$emit('download-all')"
-          />
+          <AnexoMensagem :showControlFiles="showControlFiles" :referenceSelector="referenceSelector"
+            :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio"
+            @abrir-imagem="abrirImagem" @download-all="$emit('download-all')" />
         </div>
       </template>
       <!-- sticker -->
-      <img
-        class="default-stick-size"
-        v-if="urlSticker"
-        :src="urlSticker"
-        :title="urlFileName"
-      />
+      <img class="default-stick-size" v-if="urlSticker" :src="urlSticker" :title="urlFileName" />
       <!-- Mapa -->
       <div v-if="mapa" class="mensagem-div-mapa">
-        <GmapMap
-          :id="`mapa_${seq}`"
-          class="msg-mapa"
-          :center="center"
-          :zoom="17"
-          :options="mapOptions"
-        >
+        <GmapMap :id="`mapa_${seq}`" class="msg-mapa" :center="center" :zoom="17" :options="mapOptions">
           <GmapMarker :position="marker" />
         </GmapMap>
         <ul class="info-mapa" v-if="infos.length">
@@ -87,122 +47,56 @@
       <span class="horario-envio" v-text="horario"></span>
       <!-- Reenviar mensagem -->
       <transition name="fade" mode="out-in">
-        <span
-          :class="reply"
-          v-if="hasReply && (status == 'C' || status == 'T' || status == 'ERRO')"
-          v-tippy
-          :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'"
-          @click="$emit('replyMsg')"
-        >
+        <span :class="reply" v-if="hasReply && (status == 'C' || status == 'T' || status == 'ERRO')" v-tippy
+          :content="msgReply ? msgReply : 'Fazer reenvio da mensagem'" @click="$emit('replyMsg')">
           <fa-icon :icon="['fas', 'reply']" />
         </span>
       </transition>
       <!-- ?? -->
       <transition name="fade" mode="out-in" v-if="validadeSeq">
-        <span
-          class="star dourado"
-          v-if="iniDialogo > 0"
-          :content="contentTooltipStar"
-          v-tippy
-          key="star-padrao-dourado"
-        >
+        <span class="star dourado" v-if="iniDialogo > 0" :content="contentTooltipStar" v-tippy
+          key="star-padrao-dourado">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-            <path
-              fill="#FFD700"
-              d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
-            />
+            <path fill="#FFD700"
+              d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z" />
           </svg>
         </span>
-        <span
-          class="star cinza"
-          v-if="iniDialogo == 0"
-          :content="contentTooltipStar"
-          v-tippy
-          key="star-padrao-cinza"
-        >
+        <span class="star cinza" v-if="iniDialogo == 0" :content="contentTooltipStar" v-tippy key="star-padrao-cinza">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-            <path
-              fill="#808080"
-              d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z"
-            />
+            <path fill="#808080"
+              d="M224 122.8c-72.7 0-131.8 59.1-131.9 131.8 0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6 49.9-13.1 4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8 0-35.2-15.2-68.3-40.1-93.2-25-25-58-38.7-93.2-38.7zm77.5 188.4c-3.3 9.3-19.1 17.7-26.7 18.8-12.6 1.9-22.4.9-47.5-9.9-39.7-17.2-65.7-57.2-67.7-59.8-2-2.6-16.2-21.5-16.2-41s10.2-29.1 13.9-33.1c3.6-4 7.9-5 10.6-5 2.6 0 5.3 0 7.6.1 2.4.1 5.7-.9 8.9 6.8 3.3 7.9 11.2 27.4 12.2 29.4s1.7 4.3.3 6.9c-7.6 15.2-15.7 14.6-11.6 21.6 15.3 26.3 30.6 35.4 53.9 47.1 4 2 6.3 1.7 8.6-1 2.3-2.6 9.9-11.6 12.5-15.5 2.6-4 5.3-3.3 8.9-2 3.6 1.3 23.1 10.9 27.1 12.9s6.6 3 7.6 4.6c.9 1.9.9 9.9-2.4 19.1zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM223.9 413.2c-26.6 0-52.7-6.7-75.8-19.3L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5 29.9 30 47.9 69.8 47.9 112.2 0 87.4-72.7 158.5-160.1 158.5z" />
           </svg>
         </span>
       </transition>
       <!-- Status da mensagem -->
       <transition name="fade" mode="out-in">
-        <span
-          class="check"
-          v-if="status == 'D'"
-          :content="contentTooltip"
-          v-tippy
-          key="check-padrao"
-        >
+        <span class="check" v-if="status == 'D'" :content="contentTooltip" v-tippy key="check-padrao">
           <fa-icon :icon="['fas', 'check']" />
         </span>
-        <span
-          class="check cinza"
-          v-else-if="status == 'Q'"
-          :content="contentTooltip"
-          v-tippy
-          key="check-cinza"
-        >
+        <span class="check cinza" v-else-if="status == 'Q'" :content="contentTooltip" v-tippy key="check-cinza">
           <fa-icon :icon="['fas', 'check']" />
         </span>
-        <span
-          class="check preto"
-          v-else-if="status == 'G'"
-          :content="contentTooltip"
-          v-tippy
-          key="check-preto"
-        >
+        <span class="check preto" v-else-if="status == 'G'" :content="contentTooltip" v-tippy key="check-preto">
           <fa-icon :icon="['fas', 'check']" />
         </span>
-        <span
-          class="check preto"
-          v-else-if="status == 'E'"
-          :content="contentTooltip"
-          v-tippy
-          key="double-check-preto"
-        >
+        <span class="check preto" v-else-if="status == 'E'" :content="contentTooltip" v-tippy key="double-check-preto">
           <fa-icon :icon="['fas', 'check-double']" />
         </span>
-        <span
-          class="check visualizado"
-          v-else-if="status == 'L'"
-          :content="contentTooltip"
-          v-tippy
-          key="double-check-visualizado"
-        >
+        <span class="check visualizado" v-else-if="status == 'L'" :content="contentTooltip" v-tippy
+          key="double-check-visualizado">
           <fa-icon :icon="['fas', 'check-double']" />
         </span>
         <!-- Status finalizador -->
-        <span
-          class="check vermelho"
-          v-else-if="status == 'C' || status == 'ERRO'"
-          :content="contentTooltip"
-          v-tippy
-          key="times-circle"
-        >
+        <span class="check vermelho" v-else-if="status == 'C' || status == 'ERRO'" :content="contentTooltip" v-tippy
+          key="times-circle">
           <fa-icon :icon="['fas', 'times-circle']" />
         </span>
         <!-- Status finalizador -->
-        <span
-          class="check vermelho"
-          v-else-if="status == 'T'"
-          :content="contentTooltip"
-          v-tippy
-          key="hourglass"
-        >
+        <span class="check vermelho" v-else-if="status == 'T'" :content="contentTooltip" v-tippy key="hourglass">
           <fa-icon :icon="['fas', 'hourglass']" />
         </span>
         <!-- Status finalizador -->
-        <span
-          class="check vermelho"
-          v-else-if="status == 'O'"
-          :content="contentTooltip"
-          v-tippy
-          key="deleted"
-        >
+        <span class="check vermelho" v-else-if="status == 'O'" :content="contentTooltip" v-tippy key="deleted">
           <fa-icon :icon="['fas', 'times']" />
         </span>
         <!-- Status de mensagem deletada -->
@@ -214,52 +108,26 @@
         <!-- <span class="menu-mensagem" @click="toggleIsMenuOpen" v-tippy :content="dictionary.tit_mais_msg">
           <fa-icon :icon="['fas', 'chevron-down']" />
         </span> -->
-        <span
-          class="menu-mensagem"
-          @click="responderMensagemHandler"
-          v-tippy
-          :content="dictionary.tit_responder_msg"
-          v-if="showMenu.reply"
-        >
+        <span class="menu-mensagem" @click="responderMensagemHandler" v-tippy :content="dictionary.tit_responder_msg"
+          v-if="showMenu.reply">
           <fa-icon :icon="['fas', 'reply']" />
         </span>
-        <span
-          class="menu-mensagem"
-          @click="reagirMensagemHandler"
-          v-tippy
-          :content="dictionary.tit_reagir_msg"
-          v-if="showMenu.reaction"
-        >
+        <span class="menu-mensagem" @click="reagirMensagemHandler" v-tippy :content="dictionary.tit_reagir_msg"
+          v-if="showMenu.reaction">
           <fa-icon :icon="['fas', 'smile']" />
         </span>
         <template v-if="showMenu.customButtons && showMenu.customButtons.length">
-          <span
-            v-for="(button, index) in showMenu.customButtons"
-            :key="button.id || index"
-            v-show="button.use"
-            @click="button.callback(returnParams(button.params))"
-            :class="`${button.customClass || 'menu-mensagem'}`"
-            v-tippy
-            :content="button.tippyContent"
-          >
-            <fa-icon
-              :icon="['fas', button.icon || 'question-circle']"
-              v-if="!button.svgIcon"
-            />
-            <span
-              v-else
-              v-html="button.svgIcon"
-              :class="button.svgClass ? button.svgClass : ''"
-            ></span>
+          <span v-for="(button, index) in showMenu.customButtons" :key="button.id || index" v-show="button.use"
+            @click="button.callback(returnParams(button.params))" :class="`${button.customClass || 'menu-mensagem'}`"
+            v-tippy :content="button.tippyContent">
+            <fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
+            <span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
           </span>
         </template>
       </div>
       <div class="emoji-message-container" v-if="isEmojisOpen" v-clickaway="closeEmojis">
-        <fa-icon
-          :icon="['fas', 'times-circle']"
-          class="sc-icone-fechar sc-icone-fechar--externo"
-          @click="closeEmojis"
-        />
+        <fa-icon :icon="['fas', 'times-circle']" class="sc-icone-fechar sc-icone-fechar--externo"
+          @click="closeEmojis" />
         <Picker @insert-emoji="addReaction" />
       </div>
       <transition name="fade" mode="out-in" v-if="isMenuOpen">
@@ -273,11 +141,7 @@
         </ul>
       </transition>
       <transition name="fade" mode="out-in" v-if="messageReaction">
-        <span
-          class="reaction"
-          v-tippy
-          :content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`"
-        >
+        <span class="reaction" v-tippy :content="`${dictionary.tit_mensagem_reagida} ${messageReaction.finalEmoji}`">
           <span v-html="messageReaction.finalEmoji"></span>
         </span>
       </transition>
@@ -419,17 +283,16 @@ export default {
         : "";
       tooltipStar += this.expSessao
         ? this.dictionary["expiracao_sessao"] +
-          " - " +
-          formataTimezoneData(this.expSessao) +
-          "<br/>"
+        " - " +
+        formataTimezoneData(this.expSessao) +
+        "<br/>"
         : "";
 
       if (this.tipo_origem) {
-        tooltipStar += `${this.dictionary["tipo_origem"]}: ${
-          this.dictionary[`tipo_origem_${this.tipo_origem}`]
+        tooltipStar += `${this.dictionary["tipo_origem"]}: ${this.dictionary[`tipo_origem_${this.tipo_origem}`]
             ? this.dictionary[`tipo_origem_${this.tipo_origem}`]
             : this.tipo_origem
-        }<br/>`;
+          }<br/>`;
       }
 
       return tooltipStar;
@@ -642,18 +505,18 @@ export default {
           : document.documentElement;
 
         // IF FIXO URGENCIA PARA O DAVID: CANAL HI
-        const isHI = this.seq.substring(0, 2) == "HI";
+        const isHI = this.seq && this.seq.substring(0, 2) == "HI";
         const textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
         const filesBg = isHI
           ? "rgba(255, 255, 255, 0.1)"
           : l <= 50
-          ? "rgba(255, 255, 255, 0.1)"
-          : "rgba(100, 100, 100, 0.1)";
+            ? "rgba(255, 255, 255, 0.1)"
+            : "rgba(100, 100, 100, 0.1)";
         const filesBgHover = isHI
           ? "rgba(255, 255, 255, 0.3)"
           : l <= 50
-          ? "rgba(255, 255, 255, 0.3)"
-          : "rgba(100, 100, 100, 0.3)";
+            ? "rgba(255, 255, 255, 0.3)"
+            : "rgba(100, 100, 100, 0.3)";
 
         elem.style.setProperty("--text-color", textColor);
         elem.style.setProperty("--files-bg", filesBg);
@@ -918,6 +781,7 @@ export default {
 
 .menu-primario {
   transition: opacity 150ms ease-in-out;
+  height: 20px;
   position: absolute;
   font-size: 11.2px;
   top: 2px;
@@ -938,7 +802,7 @@ export default {
   background-color: #fff;
 }
 
-.menu-primario.outros > span:nth-child(1) {
+.menu-primario.outros>span:nth-child(1) {
   order: 10;
 }
 
@@ -1007,7 +871,7 @@ export default {
   justify-content: flex-end;
 }
 
-.mensagem__principal > .mensagem::after {
+.mensagem__principal>.mensagem::after {
   content: "";
   width: 0;
   height: 0;
@@ -1020,16 +884,16 @@ export default {
   transform: rotate(-90deg);
 }
 
-.mensagem__principal > .mensagem {
+.mensagem__principal>.mensagem {
   background-color: var(--message-color);
   color: var(--text-color);
 }
 
-.mensagem__principal > .mensagem .horario-envio {
+.mensagem__principal>.mensagem .horario-envio {
   color: var(--text-color);
 }
 
-.mensagem__principal > .mensagem .autor-mensagem {
+.mensagem__principal>.mensagem .autor-mensagem {
   right: 5px;
   color: var(--text-color);
 }
@@ -1040,12 +904,12 @@ export default {
   display: flex;
 }
 
-.mensagem__outros > .mensagem {
+.mensagem__outros>.mensagem {
   background-color: #fff;
   color: #333;
 }
 
-.mensagem__outros > .mensagem::after {
+.mensagem__outros>.mensagem::after {
   content: "";
   width: 0;
   height: 0;
@@ -1061,7 +925,7 @@ export default {
 /* .mensagem__outros .check{
           display: none
         } */
-.mensagem__outros > .autor-mensagem {
+.mensagem__outros>.autor-mensagem {
   left: 5px;
   color: #333;
 }
@@ -1170,7 +1034,7 @@ export default {
   max-height: 1.8em;
 }
 
-.reaction > span {
+.reaction>span {
   display: block;
   transform: translateY(-1px);
 }