vue-intergrall-plugins 0.0.203 → 0.0.206

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

@@ -3149,8 +3149,13 @@ var BtnMic = __vue_component__$v;//
 //
 //
 //
+//
 var script$n = {
   props: {
+    textId: {
+      type: String,
+      required: true
+    },
     dictionary: {
       type: Object,
       required: true
@@ -3177,12 +3182,22 @@ var script$n = {
       required: false
     }
   },
+  mounted: function mounted() {
+    this.setPosition();
+  },
   methods: {
     deleteFile: function deleteFile() {
       this.$emit("delete-file");
     },
     openImage: function openImage() {
       this.$emit("open-image");
+    },
+    setPosition: function setPosition() {
+      try {
+        this.$refs["sfp-".concat(this.textId)].parentElement.style.bottom = "".concat(this.$root.$refs["tf-".concat(this.textId)].$el.offsetHeight, "px");
+      } catch (e) {
+        console.error("Erro ao setar a posicao do single file preview: ", e);
+      }
     }
   }
 };/* script */
@@ -3196,11 +3211,22 @@ var __vue_render__$n = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', {
+  return _vm.textId ? _c('div', {
+    ref: "sfp-" + _vm.textId,
     staticClass: "single-file-preview"
-  }, [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.msg_cancelar_anexo) + " class=\"text-footer-exclude-file\">", "</span>", [_c('fa-icon', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
     attrs: {
       "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.dictionary.msg_cancelar_anexo) + " class=\"text-footer-exclude-file\">", "</span>", [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'trash-alt']
     }
   })], 1), _vm._ssrNode(" "), _vm.fileFormatError ? _vm._ssrNode("<div class=\"text-footer-invalid-format\">", "</div>", [_vm._ssrNode("<h3>" + _vm._ssrEscape(_vm._s(_vm.dictionary.titulo_msg_formato_invalido)) + "</h3> <h4>" + _vm._ssrEscape(_vm._s(_vm.validFileFormats)) + "</h4>")], 2) : [_vm.file.name ? _vm._ssrNode("<h3 class=\"text-footer-preview-title\">", "</h3>", [_vm.isDoc ? _c('fa-icon', {
     attrs: {
@@ -3210,7 +3236,7 @@ var __vue_render__$n = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'image']
     }
-  }), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.file.name) + "\n    "))], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.imagePreview ? "<div class=\"text-footer-image-preview\"><img" + _vm._ssrAttr("src", _vm.imagePreview) + _vm._ssrAttr("alt", _vm.dictionary.alt_previa_img) + "></div>" : "<!---->"))]], 2);
+  }), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.file.name) + "\n    "))], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.imagePreview ? "<div class=\"text-footer-image-preview\"><img" + _vm._ssrAttr("src", _vm.imagePreview) + _vm._ssrAttr("alt", _vm.dictionary.alt_previa_img) + "></div>" : "<!---->"))]], 2) : _vm._e();
 };
 
 var __vue_staticRenderFns__$n = [];
@@ -3218,8 +3244,8 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-da00a08e_0", {
-    source: ".text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
+  inject("data-v-bd51f352_0", {
+    source: ".single-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.single-file-preview .close-icon:hover{opacity:1}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
     map: undefined,
     media: undefined
   });
@@ -3230,7 +3256,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-da00a08e";
+var __vue_module_identifier__$n = "data-v-bd51f352";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;
@@ -3330,7 +3356,17 @@ var __vue_render__$m = function __vue_render__() {
 
   return _c('div', {
     staticClass: "multiple-file-preview"
-  }, [_c('transition-group', {
+  }, [_c('fa-icon', {
+    staticClass: "close-icon",
+    attrs: {
+      "icon": ['fas', 'times-circle']
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }), _vm._ssrNode(" "), _c('transition-group', {
     attrs: {
       "name": "fade"
     }
@@ -3405,10 +3441,10 @@ var __vue_render__$m = function __vue_render__() {
       }
     }, [_c('fa-icon', {
       attrs: {
-        "icon": ['fas', 'times-circle']
+        "icon": ['fas', 'trash-alt']
       }
     })], 1)]);
-  })], 2)], 1);
+  })], 2)], 2);
 };
 
 var __vue_staticRenderFns__$m = [];
@@ -3416,8 +3452,8 @@ var __vue_staticRenderFns__$m = [];
 
 var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-22ab2ae5_0", {
-    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
+  inject("data-v-28d9ba6f_0", {
+    source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview .close-icon{color:#e74c3c;cursor:pointer;opacity:.9;transition:opacity .3s}.multiple-file-preview .close-icon:hover{opacity:1}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px;display:inline-block}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
     map: undefined,
     media: undefined
   });
@@ -3428,7 +3464,7 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$m = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$m = "data-v-22ab2ae5";
+var __vue_module_identifier__$m = "data-v-28d9ba6f";
 /* functional template */
 
 var __vue_is_functional_template__$m = false;
@@ -3640,6 +3676,7 @@ var script$l = {
     },
     toggleFilePreview: function toggleFilePreview() {
       this.showFilePreview = !this.showFilePreview;
+      if (this.showFilePreview && this.openFiles) this.toggleFiles();
     },
     emitFileVars: function emitFileVars() {
       var vars = {
@@ -3695,7 +3732,7 @@ var __vue_render__$l = function __vue_render__() {
   return _c('span', {
     staticClass: "text-footer-actions--btn",
     class: {
-      'files-activated': _vm.openFiles || _vm.file.length
+      'files-activated': _vm.openFiles || _vm.file.length || _vm.file.name
     },
     on: {
       "click": function click($event) {
@@ -3734,7 +3771,7 @@ var __vue_render__$l = function __vue_render__() {
     class: {
       'horizontal': _vm.cssStyle.outsideButtons
     }
-  }, [_c('div', {
+  }, [!_vm.fileSettings.multiple ? [_c('div', {
     staticClass: "files-btn images",
     class: {
       'margin-bottom': _vm.cssStyle.outsideButtons
@@ -3765,7 +3802,25 @@ var __vue_render__$l = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)] : _c('div', {
+    staticClass: "files-btn both",
+    attrs: {
+      "title": _vm.dictionary.title_anexo_arq
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openSelectFileHandler('both');
+      }
+    }
+  }, [_c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'image']
+    }
+  }), _vm._v(" "), _c('fa-icon', {
+    attrs: {
+      "icon": ['fas', 'file-alt']
+    }
+  })], 1), _vm._v(" "), _vm.fileSettings.systemButton ? _c('div', {
     staticClass: "files-btn system",
     attrs: {
       "title": _vm.dictionary.title_anexo_sistema
@@ -3779,7 +3834,7 @@ var __vue_render__$l = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'server']
     }
-  })], 1)]) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
+  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
     attrs: {
       "name": "fade"
     }
@@ -3809,11 +3864,13 @@ var __vue_render__$l = function __vue_render__() {
       "isDoc": _vm.isDoc,
       "fileFormatError": _vm.fileFormatError,
       "validFileFormats": _vm.validFileFormats,
-      "imagePreview": _vm.imagePreview
+      "imagePreview": _vm.imagePreview,
+      "textId": _vm.textId
     },
     on: {
       "delete-file": _vm.deleteFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm.fileSettings.multiple && _vm.showFilePreview ? _c('MultipleFilePreview', {
     attrs: {
@@ -3825,7 +3882,8 @@ var __vue_render__$l = function __vue_render__() {
     on: {
       "delete-file": _vm.deleteFile,
       "delete-specific-file": _vm.deleteSpecificFile,
-      "open-image": _vm.openImage
+      "open-image": _vm.openImage,
+      "close": _vm.away
     }
   }) : _vm._e()], 1)])], 2);
 };
@@ -3835,7 +3893,7 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2ac0bc50_0", {
+  inject("data-v-d44e0484_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
@@ -3847,7 +3905,7 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$l = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-2ac0bc50";
+var __vue_module_identifier__$l = "data-v-d44e0484";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -7797,7 +7855,7 @@ var dev = window.location.hostname == 'localhost' ? '&teste=levchat2' : '';var s
                 return _context.abrupt("return", _this.$httpRequest({
                   method: 'get',
                   url: "".concat(baseURL, "/messages/").concat(type, "?token_cliente=").concat(token).concat(dev) // headers: {
-                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1UzakpwZmViWkc1Y1M4dm9rRnBOdFY2WEYxaTh0ZllLWEkzV0ljRTd0M0dxeSIsIm1hbmFnZXIiOiJNS1VxQnBrRlIzQk5ING02Q2J3d2ltNGw1d3dJd3d4YjQ0YXd3aFk1VXd3aW00bDV3d2szSWZJV2RGc2dFRjhjdEhoOVB2eCIsImhhc19pbmZvcyI6dHJ1ZSwibnJvcyI6WyIyOCJdLCJhdXRoIjoiTUtVYXNtV3NNSnpZdmV2R2VQYTRubkZqdHRWR3gxODl6RnRWNDVtVUdFN1JlazAiLCJpYXQiOjE2NDg2NTkwNjQsImV4cCI6MTY0ODc0NTQ2NH0.vdwahP7qSwLJ8qYdQsG-ydL1Y-tzf6Frt0rnd9fYpIU"
+                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VUUnd3aW00bDV3d0piTHczb2xPYWtTbWxab283Q1F2MDY3V3pWR2E3VkhDQ2FMUEdsS2VQIiwibWFuYWdlciI6Ik1LVXFCcGtGUjNCTkhrbTZ5Znd3aW00bDV3d0l2Tlk0MDZrMzQ3SVdkRnNnRUY4Y3RIaDlQdngiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOltdLCJhdXRoIjoiTUtVdXdGZjdjMXd3eGI0NGF3d1F4eGlia3N2NW5YR2FxOWZVNkxMYnAzQ0tkS1NHa0RvbWV4ZiIsImlhdCI6MTY0ODgxMjYzOSwiZXhwIjoxNjQ4ODk5MDM5fQ.IMpYYLoxiX566-Y2fqNlJu0qBkEyOOTWZ25UqeOyPUs"
                   // }
 
                 }).then(function (response) {
@@ -7872,7 +7930,7 @@ var script$i = {
       key_2: "",
       formatted_messages_3: [],
       key_3: "",
-      loadingReq: false
+      loadingReq: true
     };
   },
   mounted: function mounted() {
@@ -7927,6 +7985,8 @@ var script$i = {
 
           _this.$toasted.global.defaultError();
 
+          _this.closeStandardMessages();
+
           console.error("Error in getStandardMessages: ", e);
         });
       } catch (e) {
@@ -8042,34 +8102,7 @@ var __vue_render__$i = function __vue_render__() {
 
   return _c('div', {
     staticClass: "text-footer-hsm-container"
-  }, [_c('v-select', {
-    staticClass: "text-footer-v-select",
-    style: "background-color: " + _vm.backgroundColor,
-    attrs: {
-      "appendToBody": "",
-      "calculatePosition": _vm.calculateSelectPosition,
-      "options": _vm.formatted_messages_1,
-      "label": "value",
-      "reduce": function reduce(formatted_messages_1) {
-        return formatted_messages_1.cod;
-      }
-    },
-    on: {
-      "input": _vm.inputSelectKey1
-    },
-    model: {
-      value: _vm.key_1,
-      callback: function callback($$v) {
-        _vm.key_1 = $$v;
-      },
-      expression: "key_1"
-    }
-  }, [_c('div', {
-    attrs: {
-      "slot": "no-options"
-    },
-    slot: "no-options"
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])]), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"transition-selects\">", "</div>", [_c('transition', {
+  }, [_vm._ssrNode("<div class=\"transition-selects\">", "</div>", [_c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -8142,7 +8175,7 @@ var __vue_render__$i = function __vue_render__() {
     slot: "no-options"
   }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_sem_resultados) + " ")])])], 1) : _vm.key_2 && _vm.loadingReq ? _c('div', {
     staticClass: "loader-select"
-  }, [_c('VueLoader')], 1) : _vm._e()])], 2)], 2);
+  }, [_c('VueLoader')], 1) : _vm._e()])], 2)]);
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -8150,7 +8183,7 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d7521b32_0", {
+  inject("data-v-4e81952e_0", {
     source: ".transition-selects{min-height:80px;display:flex;flex-direction:column;width:100%}.loader-select{position:relative;min-height:35px;background:#fff;width:100%;border:1px solid #ccc;border-radius:5px;z-index:1}.loading-message{background-color:#555!important}",
     map: undefined,
     media: undefined
@@ -8162,7 +8195,7 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$i = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-d7521b32";
+var __vue_module_identifier__$i = "data-v-4e81952e";
 /* functional template */
 
 var __vue_is_functional_template__$i = false;
@@ -8251,7 +8284,8 @@ var script$h = {
         return {
           docsExtensions: "",
           imagesExtensions: "",
-          multiple: false
+          multiple: false,
+          systemButton: false
         };
       },
       required: false
@@ -8685,7 +8719,7 @@ var __vue_render__$h = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'paper-plane']
     }
-  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
+  })], 1)]) : _vm._e(), _vm._ssrNode(" "), _vm.buttons.hasFiles || _vm.buttons.hasAudio || _vm.buttons.hasExpand || _vm.formattedMessageSettings.hasStandardMessages ? _vm._ssrNode("<div" + _vm._ssrClass("text-footer-actions", {
     'outside-buttons': _vm.cssStyle.outsideButtons && !_vm.audioFile
   }) + ">", "</div>", [_c('BtnMic', {
     directives: [{
@@ -8705,8 +8739,8 @@ var __vue_render__$h = function __vue_render__() {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.formattedMessageSettings.hasStandardMessages,
-      expression: "formattedMessageSettings.hasStandardMessages"
+      value: _vm.formattedMessageSettings.hasStandardMessages && !_vm.audioFile,
+      expression: "formattedMessageSettings.hasStandardMessages && !audioFile"
     }],
     ref: _vm.textId + "-standard-messages",
     attrs: {
@@ -8781,8 +8815,8 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-bb390258_0", {
-    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03: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)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
+  inject("data-v-48659e85_0", {
+    source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03: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)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
     map: undefined,
     media: undefined
   });
@@ -8793,7 +8827,7 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$h = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-bb390258";
+var __vue_module_identifier__$h = "data-v-48659e85";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;
@@ -9055,37 +9089,39 @@ var script$f = {
         if (index === "components" && Array.isArray(this.selectedTemplate[index])) {
           var arrComponents = this.selectedTemplate[index];
           arrComponents.map(function (component) {
-            component.parameters.map(function (message) {
-              message.currentText = message.text;
-              var keyIndex = 0;
+            if (component && component.parameters && component.parameters.length) {
+              component.parameters.map(function (message) {
+                message.currentText = message.text;
+                var keyIndex = 0;
 
-              while (keyIndex < keys.length) {
-                var varName = "{{".concat(keys[keyIndex], "}}");
+                while (keyIndex < keys.length) {
+                  var varName = "{{".concat(keys[keyIndex], "}}");
 
-                if (message.text.indexOf(varName) != -1) {
-                  /**Gerando os obejetos de parametros da notifica??o para o component */
-                  if (component.type === "header") {
-                    _this.selectedTemplate['parameters'][component.type] = {}; //Header s? pode ter uma vari?vel
+                  if (message.text.indexOf(varName) != -1) {
+                    /**Gerando os obejetos de parametros da notificacao para o component */
+                    if (component.type === "header") {
+                      _this.selectedTemplate['parameters'][component.type] = {}; //Header s? pode ter uma vari?vel
 
-                    _this.selectedTemplate['parameters'][component.type] = {
-                      tipo: "text",
-                      text: values[keyIndex]
-                    };
-                  } else if (!_this.selectedTemplate['parameters'][component.type]) {
-                    _this.selectedTemplate['parameters'][component.type] = new Array();
-                  } //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
+                      _this.selectedTemplate['parameters'][component.type] = {
+                        tipo: "text",
+                        text: values[keyIndex]
+                      };
+                    } else if (!_this.selectedTemplate['parameters'][component.type]) {
+                      _this.selectedTemplate['parameters'][component.type] = new Array();
+                    } //Aplicando valores das v?riaveis dentro dos outros componentes com execess?o do header
 
 
-                  if (_this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
-                    _this.selectedTemplate['parameters'][component.type].push(values[keyIndex]);
+                    if (_this.selectedTemplate['parameters'][component.type] && component.type !== 'header') {
+                      _this.selectedTemplate['parameters'][component.type].push(values[keyIndex]);
+                    }
+
+                    message.currentText = message.currentText.replace(varName, values[keyIndex]);
                   }
 
-                  message.currentText = message.currentText.replace(varName, values[keyIndex]);
+                  keyIndex++;
                 }
-
-                keyIndex++;
-              }
-            });
+              });
+            }
           });
         }
       }
@@ -9172,7 +9208,7 @@ var __vue_staticRenderFns__$f = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1c24c23b_0", {
+  inject("data-v-0b0bc59a_0", {
     source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.tg-select .vs__selected-options>input{flex-grow:0}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:2.5px;border-top-right-radius:2.5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px}.tg-btn button>svg{margin-right:5px;color:#003166}.tg-btn button:hover{opacity:1}.tg-btn 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)}.tg-btn 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)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn svg{margin-right:0}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:2.5px;display:flex}",
     map: undefined,
     media: undefined
@@ -9184,7 +9220,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-1c24c23b";
+var __vue_module_identifier__$f = "data-v-0b0bc59a";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

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

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

@@ -1,18 +1,24 @@
 <template>
-  <span class="text-footer-actions--btn" :class="{'files-activated' : openFiles || file.length}" @click="openFilesByClip()">
+  <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>
     </transition>
     <fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
     <transition name="show">
       <div v-if="openFiles && hasButtonFiles" class="text-footer-files-container" :class="{'horizontal' : cssStyle.outsideButtons}">
-        <div class="files-btn images" :class="{'margin-bottom' : cssStyle.outsideButtons}" :title="dictionary.title_anexo_img" @click="openSelectFileHandler('img')">
+        <template v-if="!fileSettings.multiple">
+          <div class="files-btn images" :class="{'margin-bottom' : cssStyle.outsideButtons}" :title="dictionary.title_anexo_img" @click="openSelectFileHandler('img')">
+            <fa-icon :icon="['fas', 'image']" />
+          </div>
+          <div class="files-btn docs" :title="dictionary.title_anexo_doc" @click="openSelectFileHandler('doc')">
+            <fa-icon :icon="['fas', 'file-alt']" />
+          </div>
+        </template>
+        <div v-else class="files-btn both" :title="dictionary.title_anexo_arq" @click="openSelectFileHandler('both')">
           <fa-icon :icon="['fas', 'image']" />
-        </div>
-        <div class="files-btn docs" :title="dictionary.title_anexo_doc" @click="openSelectFileHandler('doc')">
           <fa-icon :icon="['fas', 'file-alt']" />
         </div>
-        <div class="files-btn system" :title="dictionary.title_anexo_sistema" @click="openSelectFileHandler('system')">
+        <div v-if="fileSettings.systemButton" class="files-btn system" :title="dictionary.title_anexo_sistema" @click="openSelectFileHandler('system')">
           <fa-icon :icon="['fas', 'server']" />
         </div>
       </div>
@@ -32,8 +38,10 @@
           :fileFormatError="fileFormatError"
           :validFileFormats="validFileFormats"
           :imagePreview="imagePreview"
+          :textId="textId"
           @delete-file="deleteFile"
           @open-image="openImage"
+          @close="away"
         />
         <MultipleFilePreview 
           v-else-if="fileSettings.multiple && showFilePreview"
@@ -44,6 +52,7 @@
           @delete-file="deleteFile"
           @delete-specific-file="deleteSpecificFile"
           @open-image="openImage"
+          @close="away"
         />
       </div>
     </transition>
@@ -265,6 +274,7 @@ export default {
     },
     toggleFilePreview() {
       this.showFilePreview = !this.showFilePreview
+      if(this.showFilePreview && this.openFiles) this.toggleFiles()
     },
     emitFileVars() {
       const vars = { file: this.file, isDoc: this.isDoc, imagePreview: this.imagePreview, fileFormatError: this.fileFormatError, hasAnyFile: this.hasAnyFile }

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

@@ -1,5 +1,6 @@
 <template>
   <div class="multiple-file-preview">
+    <fa-icon :icon="['fas', 'times-circle']" class="close-icon" @click="$emit('close')" />
     <transition-group name="fade">
       <Loader v-if="loading" key="mfp-loader" />
       <template v-else-if="fileFormatError">
@@ -34,7 +35,7 @@
             </span>
           </div>
           <span @click="deleteSpecificFile(singleFile.name, index)" :title="dictionary.msg_excluir_anexo" class="delete-file">
-            <fa-icon :icon="['fas', 'times-circle']" />
+            <fa-icon :icon="['fas', 'trash-alt']" />
           </span>
         </div>
       </template>
@@ -116,6 +117,16 @@ export default {
     width: 4px;
   }
 
+  .multiple-file-preview .close-icon {
+    color: #E74C3C;
+    cursor: pointer;
+    opacity: .9;
+    transition: opacity 300ms;
+  }
+  .multiple-file-preview .close-icon:hover {
+    opacity: 1;
+  }
+
   .multiple-file-preview::-webkit-scrollbar-track{
     background-color: rgba(0, 0, 0, 0.2);
   }
@@ -236,10 +247,6 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    border-radius: 50%;
-    background-color: #FFF;
-    min-width: 1rem;
-    min-height: 1rem;
     cursor: pointer;
   }
   .delete-file > svg {