vue-intergrall-plugins 0.0.213 → 0.0.216

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

@@ -11146,8 +11146,8 @@ var __vue_staticRenderFns__$6 = [];
 
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d859545a_0", {
-    source: ".fade-enter-active[data-v-d859545a],.fade-leave-active[data-v-d859545a]{transition:opacity .5s}.fade-enter[data-v-d859545a],.fade-leave-to[data-v-d859545a]{opacity:0}.mensagem-div-anexo[data-v-d859545a]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-d859545a]{width:100%;margin-top:5px;overflow:hidden}.anexo-container .arquivo-erro[data-v-d859545a],.anexo-container a[data-v-d859545a]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-d859545a]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-d859545a],.anexo-container p[data-v-d859545a]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-d859545a]{font-size:2rem}.anexo-container audio[data-v-d859545a]{outline:0;width:100%}.anexo-container video[data-v-d859545a]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-d859545a]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-d859545a]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-d859545a]{cursor:pointer}.mensagem-div-anexo img[data-v-d859545a]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-d859545a]{width:100%;height:100%}.anexo-mensagem[data-v-d859545a]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-d859545a]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-d859545a]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-d859545a]{font-size:1.025em;margin-right:2px}.pdf[data-v-d859545a]{color:#e74c3c}.doc[data-v-d859545a]{color:#006bc9}",
+  inject("data-v-433c38d2_0", {
+    source: ".fade-enter-active[data-v-433c38d2],.fade-leave-active[data-v-433c38d2]{transition:opacity .5s}.fade-enter[data-v-433c38d2],.fade-leave-to[data-v-433c38d2]{opacity:0}.mensagem-div-anexo[data-v-433c38d2]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-433c38d2]{width:100%;margin-top:5px;overflow:hidden;display:flex;max-height:300px}.anexo-container .arquivo-erro[data-v-433c38d2],.anexo-container a[data-v-433c38d2]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container p[data-v-433c38d2]{text-overflow:ellipsis;overflow:hidden}.anexo-container .arquivo-erro[data-v-433c38d2],.anexo-container p[data-v-433c38d2]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-433c38d2]{font-size:2rem}.anexo-container audio[data-v-433c38d2]{outline:0;width:100%}.anexo-container video[data-v-433c38d2]{flex:1;width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-433c38d2]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-433c38d2]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.anexos-links-container svg[data-v-433c38d2]{cursor:pointer}.mensagem-div-anexo img[data-v-433c38d2]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-433c38d2]{width:100%;height:100%}.anexo-mensagem[data-v-433c38d2]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-433c38d2]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-433c38d2]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-433c38d2]{font-size:1.025em;margin-right:2px}.pdf[data-v-433c38d2]{color:#e74c3c}.doc[data-v-433c38d2]{color:#006bc9}",
     map: undefined,
     media: undefined
   });
@@ -11155,10 +11155,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$6 = "data-v-d859545a";
+var __vue_scope_id__$6 = "data-v-433c38d2";
 /* module identifier */
 
-var __vue_module_identifier__$6 = "data-v-d859545a";
+var __vue_module_identifier__$6 = "data-v-433c38d2";
 /* functional template */
 
 var __vue_is_functional_template__$6 = false;
@@ -11430,9 +11430,9 @@ var __vue_render__$4 = function __vue_render__() {
         return _vm.openUrl();
       }
     }
-  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-0ab9360e><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-0ab9360e></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div" + _vm._ssrClass("link-preview-author", {
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-17ba3e86><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-17ba3e86></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div" + _vm._ssrClass("link-preview-author", {
     'mb-0': _vm.linkPreview.description
-  }) + " data-v-0ab9360e><h1 data-v-0ab9360e>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-0ab9360e>" + (_vm.linkPreview.description ? "<p data-v-0ab9360e>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }) + " data-v-17ba3e86><h1 data-v-17ba3e86>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-17ba3e86>" + (_vm.linkPreview.description ? "<p data-v-17ba3e86>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11440,8 +11440,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0ab9360e_0", {
-    source: ".link-preview[data-v-0ab9360e]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out;font-size:.85rem}.link-preview-image[data-v-0ab9360e]{display:flex;justify-content:center;align-items:center;padding:1px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-0ab9360e]{margin:5px;font-size:.615em;font-weight:700}.link-preview-author.mb-0[data-v-0ab9360e]{margin-bottom:0}.link-preview-author h1[data-v-0ab9360e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-0ab9360e]{min-width:100px;max-width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-infos[data-v-0ab9360e]{background-color:#2626261a;padding:5px;margin:5px;font-size:.83em;border-radius:5px}.link-preview[data-v-0ab9360e]:hover{opacity:1}.link-preview:hover .link-preview-infos p[data-v-0ab9360e]{text-decoration:underline}",
+  inject("data-v-17ba3e86_0", {
+    source: ".link-preview[data-v-17ba3e86]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out;font-size:.85rem}.link-preview-image[data-v-17ba3e86]{display:flex;justify-content:center;align-items:center;padding:1px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-17ba3e86]{margin:5px;font-size:.615em;font-weight:700}.link-preview-author.mb-0[data-v-17ba3e86]{margin-bottom:0}.link-preview-author h1[data-v-17ba3e86]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-17ba3e86]{min-width:100px;max-width:200px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-infos[data-v-17ba3e86]{background-color:#2626261a;padding:5px;margin:5px;font-size:.83em;border-radius:5px}.link-preview[data-v-17ba3e86]:hover{opacity:1}.link-preview:hover .link-preview-infos p[data-v-17ba3e86]{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -11449,10 +11449,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-0ab9360e";
+var __vue_scope_id__$4 = "data-v-17ba3e86";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-0ab9360e";
+var __vue_module_identifier__$4 = "data-v-17ba3e86";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;
@@ -11535,10 +11535,7 @@ var script$3 = {
       return tooltipStar;
     },
     validadeSeq: function validadeSeq() {
-      if (this.seq.substring(0, 2) == "HW") {
-        return true;
-      }
-
+      if (this.seq && this.seq.substring(0, 2) == "HW") return true;
       this.reply = "reply reply-with-2-icons";
       return false;
     }
@@ -11663,7 +11660,8 @@ var __vue_render__$3 = function __vue_render__() {
     staticClass: "mensagem",
     class: {
       mapa: _vm.mapa,
-      'hist-msg': _vm.histMsg
+      'hist-msg': _vm.histMsg,
+      'max-w-60': _vm.link && !_vm.mapa
     }
   }, [_vm.anexos && _vm.anexos.length ? _vm._l(_vm.anexos, function (anexo, index) {
     return _c('div', {
@@ -11922,8 +11920,8 @@ var __vue_staticRenderFns__$3 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-66270ae0_0", {
-    source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 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{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:.6rem;color:#67a332;width:.9rem;height:.9rem;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:.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}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.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 var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);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>.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:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
+  inject("data-v-8e87a87a_0", {
+    source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 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.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:.6rem;color:#67a332;width:.9rem;height:.9rem;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:.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}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.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 var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);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>.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:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
     map: undefined,
     media: undefined
   });
@@ -11934,7 +11932,7 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-66270ae0";
+var __vue_module_identifier__$3 = "data-v-8e87a87a";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;

package/package.json

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

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

@@ -124,6 +124,8 @@ export default {
     width: 100%;
     margin-top: 5px;
     overflow: hidden;
+    display: flex;
+    max-height: 300px;
   }
   .anexo-container a, .anexo-container .arquivo-erro{
     padding: 10px 15px 15px 15px;
@@ -148,6 +150,7 @@ export default {
     width: 100%;
   }
   .anexo-container video{
+    flex: 1;
     width: 100%;
     max-width: 350px;
     cursor: pointer;

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

@@ -7,7 +7,7 @@
         :anexos="anexos"
         :dictionary="dictionary"
       />
-    <div v-else class="mensagem" :class="{mapa, 'hist-msg' : histMsg}">
+    <div v-else class="mensagem" :class="{mapa, 'hist-msg' : histMsg, 'max-w-60' : link && !mapa}">
       <template v-if="anexos && anexos.length">
         <div class="mensagem-anexo" v-for="(anexo, index) in anexos" :key="index">
           <AnexoMensagem :dictionary="dictionary" :anexo="anexo" :origemExterna="origemExterna" :dominio="dominio" @abrir-imagem="abrirImagem"/>
@@ -140,9 +140,7 @@ export default {
       return tooltipStar
     },
     validadeSeq(){
-      if(this.seq.substring(0, 2) == "HW"){
-        return true;
-      }
+      if(this.seq && this.seq.substring(0, 2) == "HW") return true
       this.reply = "reply reply-with-2-icons"
       return false;
     }
@@ -262,6 +260,9 @@ export default {
     font-size: .85rem;
     word-break: break-word;
   }
+  .mensagem.max-w-60 {
+    max-width: 60%;
+  }
   .mensagem.mapa {
     width: 100%
   }

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

@@ -140,7 +140,7 @@ export default {
 
   .link-preview-image img {
     min-width: 100px;
-    max-width: 100%;
+    max-width: 200px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
   }