vue-intergrall-plugins 0.0.225 → 0.0.226

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

@@ -3847,12 +3847,13 @@ var __vue_render__$n = function __vue_render__() {
       "name": "fade"
     }
   }, [_vm.fileSize > 0 ? _c('span', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
     staticClass: "files-counter",
     attrs: {
-      "title": _vm.dictionary.msg_abrir_anexos
-    },
-    domProps: {
-      "textContent": _vm._s(_vm.fileSize)
+      "content": "Visualizar " + _vm.fileSize + " arquivo(s)"
     },
     on: {
       "click": function click($event) {
@@ -3860,7 +3861,11 @@ var __vue_render__$n = function __vue_render__() {
         return _vm.toggleFilePreview.apply(null, arguments);
       }
     }
-  }) : _vm._e()]), _vm._ssrNode(" "), _c('fa-icon', {
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'eye']
+    }
+  })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paperclip'],
       "title": _vm.dictionary.title_selecionar_anexo
@@ -3996,7 +4001,7 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0d26cc3c_0", {
+  inject("data-v-4ecd68ea_0", {
     source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
     map: undefined,
     media: undefined
@@ -4008,7 +4013,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$n = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-0d26cc3c";
+var __vue_module_identifier__$n = "data-v-4ecd68ea";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;

package/package.json

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

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

@@ -1,7 +1,10 @@
 <template>
   <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length || file.name}" @click="openFilesByClip()">
     <transition name="fade">
-      <span v-if="fileSize > 0" class="files-counter" v-text="fileSize" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span>
+      <span v-if="fileSize > 0" @click.stop="toggleFilePreview" v-tippy :content="`Visualizar ${fileSize} arquivo(s)`" class="files-counter">
+        <fa-icon :icon="['fas', 'eye']" /> 
+      </span>
+      <!-- <span v-if="fileSize > 0" class="files-counter" v-text="fileSize" @click.stop="toggleFilePreview" :title="dictionary.msg_abrir_anexos"></span> -->
     </transition>
     <fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
     <transition name="show">