vue-intergrall-plugins 0.0.209 → 0.0.212

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

@@ -3228,7 +3228,7 @@ var __vue_render__$n = function __vue_render__() {
     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', {
+  })], 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._ssrAttr("title", _vm.validFileFormats) + ">" + _vm._ssrEscape(_vm._s(_vm.validFileFormats)) + "</h4>")], 2) : [_vm.file.name ? _vm._ssrNode("<h3" + _vm._ssrAttr("title", _vm.file.name) + " class=\"text-footer-preview-title\">", "</h3>", [_vm.isDoc ? _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
@@ -3244,7 +3244,7 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-bd51f352_0", {
+  inject("data-v-a5119ba8_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
@@ -3256,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-bd51f352";
+var __vue_module_identifier__$n = "data-v-a5119ba8";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;
@@ -3393,6 +3393,9 @@ var __vue_render__$m = function __vue_render__() {
       "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
     }
   }), _vm._v(" "), _c('h4', {
+    attrs: {
+      "title": _vm.validFileFormats
+    },
     domProps: {
       "innerHTML": _vm._s(_vm.validFileFormats)
     }
@@ -3401,14 +3404,18 @@ var __vue_render__$m = function __vue_render__() {
       key: index,
       staticClass: "file-preview"
     }, [_c('p', {
-      staticClass: "file-title"
+      staticClass: "file-title",
+      class: {
+        'red': singleFile.invalid
+      },
+      attrs: {
+        "title": !singleFile.invalid ? singleFile.name : (_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : 'Arquivo invalido') + " - " + singleFile.name
+      }
     }, [_c('fa-icon', {
       attrs: {
         "icon": _vm.icon(singleFile.imgOrDoc)
       }
-    }), _vm._v("\n          " + _vm._s(singleFile.name) + "\n        ")], 1), _vm._v(" "), singleFile.invalid ? _c('p', {
-      staticClass: "file-title red"
-    }, [_vm._v("\n          " + _vm._s(_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : "Arquivo invalido") + "\n        ")]) : _vm._e(), _vm._v(" "), _c('div', {
+    }), _vm._v("\n          " + _vm._s(!singleFile.invalid ? singleFile.name : (_vm.dictionary.titulo_msg_formato_invalido ? _vm.dictionary.titulo_msg_formato_invalido : "Arquivo invalido") + " - " + singleFile.name) + "\n        ")], 1), _vm._v(" "), _c('div', {
       staticClass: "small-img"
     }, [singleFile.imgOrDoc === 'img' && !_vm.isPdf(singleFile.type) ? _c('span', {
       staticClass: "img-container"
@@ -3429,9 +3436,24 @@ var __vue_render__$m = function __vue_render__() {
       attrs: {
         "icon": ['fas', 'file-pdf']
       }
-    })], 1) : _vm._e()]), _vm._v(" "), _c('span', {
+    })], 1) : _c('span', {
+      staticClass: "doc"
+    }, [_c('fa-icon', {
+      attrs: {
+        "icon": ['fas', 'file-alt']
+      }
+    })], 1)]), _vm._v(" "), _c('span', {
+      directives: [{
+        name: "tippy",
+        rawName: "v-tippy",
+        value: {
+          placement: 'left'
+        },
+        expression: "{placement: 'left'}"
+      }],
       staticClass: "delete-file",
       attrs: {
+        "content": _vm.dictionary.msg_excluir_anexo,
         "title": _vm.dictionary.msg_excluir_anexo
       },
       on: {
@@ -3452,8 +3474,8 @@ var __vue_staticRenderFns__$m = [];
 
 var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-131a11b5_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{text-overflow:ellipsis;overflow:hidden;font-weight:500}.text-footer-invalid-format h4{text-overflow:ellipsis;overflow:hidden;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-right:5px}.file-title>svg{margin-right:5px;color:#333}.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 .doc,.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px}.small-img .pdf{color:#e74c3c}.small-img .doc{color:#006bc9}.small-img .doc svg,.small-img .pdf svg{z-index:1}.small-img .doc::after,.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
   });
@@ -3464,7 +3486,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-28d9ba6f";
+var __vue_module_identifier__$m = "data-v-131a11b5";
 /* functional template */
 
 var __vue_is_functional_template__$m = false;
@@ -3562,6 +3584,14 @@ var script$l = {
       if (!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError();
     },
     isFileValid: function isFileValid(type, fileName) {
+      if (type == "img" && !this.fileSettings.imagesExtensions || type == "doc" && !this.fileSettings.docsExtensions) {
+        this.$toasted.global.defaultInfo({
+          msg: this.dictionary.sem_extensoes_parametrizadas
+        });
+        this.hasAnyFile = false;
+        return false;
+      }
+
       var extensions = type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions;
       var regex = new RegExp("(" + extensions + ")", "i");
       if (regex.test(fileName)) return true;
@@ -3589,6 +3619,14 @@ var script$l = {
         var filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
         this.file = filesAux.length ? filesAux : this.file;
         if (!this.file.length) return;
+
+        if (this.file.length > this.fileSettings.max) {
+          this.file = [];
+          return this.$toasted.global.defaultInfo({
+            msg: "Limite de ".concat(this.fileSettings.max, " arquivos")
+          });
+        }
+
         this.hasAnyFile = true;
         this.fileSize = this.file.length;
 
@@ -3604,6 +3642,7 @@ var script$l = {
       }
     },
     returnFileType: function returnFileType(file) {
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return "";
       var imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
       if (imgRegex.test(file.name)) return "img";
       var docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
@@ -3613,63 +3652,89 @@ var script$l = {
     multipleFileUpload: function multipleFileUpload() {
       var _this = this;
 
+      var hasImgExt = this.fileSettings.imagesExtensions ? true : false;
+      var hasDocExt = this.fileSettings.docsExtensions ? true : false;
+
+      if (!hasImgExt && !hasDocExt) {
+        this.file = [];
+        this.fileSize = 0;
+        return this.$toasted.global.defaultInfo({
+          msg: this.dictionary.sem_extensoes_parametrizadas
+        });
+      }
+
       var waitForImageLoad = false;
+      var hasAnyInvalidFile = false;
       this.file = Array.from(this.file);
       this.file.forEach(function (file) {
-        var fileReader = new FileReader();
-
         var singleFileType = _this.returnFileType(file);
 
         if (!singleFileType) file.invalid = true;
         file.imgOrDoc = singleFileType ? singleFileType : "";
-        if (file.imgOrDoc === "doc") _this.isDoc = true;
 
-        if (file.imgOrDoc === "img") {
-          waitForImageLoad = true;
+        if (_this.isFileValid(file.imgOrDoc, file.name)) {
+          if (file.imgOrDoc == "img") {
+            var fileReader = new FileReader();
+            waitForImageLoad = true;
 
-          fileReader.onload = function () {
-            return file.src = fileReader.result;
-          };
+            fileReader.onload = function () {
+              return file.src = fileReader.result;
+            };
 
-          fileReader.onloadend = function () {
-            return _this.emitFileVars(true);
-          };
-        }
+            fileReader.onloadend = function () {
+              return _this.emitFileVars(true);
+            };
 
-        if (_this.isFileValid(file.imgOrDoc, file.name)) {
-          if (file.imgOrDoc === "img") fileReader.readAsDataURL(file);
+            fileReader.readAsDataURL(file);
+          }
+
+          if (file.imgOrDoc === "doc") _this.isDoc = true;
           file.invalid = false;
-          _this.fileFormatError = false;
+          _this.fileFormatError = !hasAnyInvalidFile ? false : true;
         } else {
+          hasAnyInvalidFile = true;
           file.invalid = true;
           _this.fileFormatError = true;
-          _this.validFileFormats = "Imgs: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "), " <br> Docs: ").concat(_this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(_this.dictionary.msg_extensoes_aceitas);
+          if (hasImgExt && !hasDocExt) _this.validFileFormats = "Imagens: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "));
+          if (hasDocExt && hasImgExt) _this.validFileFormats = "Documentos: ".concat(_this.fileSettings.docsExtensions.split("|").join(", "));
+          if (hasImgExt && hasDocExt) _this.validFileFormats = "Imagens: ".concat(_this.fileSettings.imagesExtensions.split("|").join(", "), " - Documentos: ").concat(_this.fileSettings.docsExtensions.split("|").join(", "));
         }
       });
+
+      if (this.fileFormatError) {
+        this.file = [];
+        this.fileSize = 0;
+      }
+
       if (this.isDoc && !waitForImageLoad) this.emitFileVars();
     },
     singleFileUpload: function singleFileUpload(type, fileName) {
       var _this2 = this;
 
-      var fileReader = new FileReader();
+      if (this.isFileValid(type, fileName)) {
+        var fileReader = new FileReader();
 
-      if (type === "img") {
-        fileReader.onload = function () {
-          return _this2.imagePreview = fileReader.result;
-        };
+        if (type === "img") {
+          fileReader.onload = function () {
+            return _this2.imagePreview = fileReader.result;
+          };
 
-        fileReader.onloadend = function () {
-          return _this2.emitFileVars();
-        };
-      }
+          fileReader.onloadend = function () {
+            return _this2.emitFileVars();
+          };
+
+          fileReader.readAsDataURL(this.file);
+        }
 
-      if (this.isFileValid(type, fileName)) {
-        if (type === "img") fileReader.readAsDataURL(this.file);
         if (type === "doc") this.isDoc = true;
         this.fileFormatError = false;
       } else {
         this.fileFormatError = true;
-        this.validFileFormats = "Imgs: ".concat(this.fileSettings.imagesExtensions.split("|").join(", "), " <br> Docs: ").concat(this.fileSettings.docsExtensions.split("|").join(", "), " ").concat(this.dictionary.msg_extensoes_aceitas);
+        var hasImgExt = this.fileSettings.imagesExtensions ? true : false;
+        var hasDocExt = this.fileSettings.docsExtensions ? true : false;
+        if (hasImgExt && !hasDocExt) this.validFileFormats = "Imagens: ".concat(this.fileSettings.imagesExtensions);
+        if (hasDocExt && hasImgExt) this.validFileFormats = "Documentos: ".concat(this.fileSettings.docsExtensions);
+        if (hasImgExt && hasDocExt) this.validFileFormats = "Imagens: ".concat(this.fileSettings.imagesExtensions, " - Documentos: ").concat(this.fileSettings.docsExtensions);
       }
 
       if (this.isDoc) this.emitFileVars();
@@ -3893,7 +3958,7 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d44e0484_0", {
+  inject("data-v-402ae30b_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
@@ -3905,7 +3970,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-d44e0484";
+var __vue_module_identifier__$l = "data-v-402ae30b";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -7974,7 +8039,7 @@ var script$i = {
         this.loadingReq = true;
         this.getStandardMessages(cod, this.token_cliente).then(function (data) {
           _this.loadingReq = false;
-          if (data.msg_ret) return _this.$toasted.global.emConstrucao({
+          if (data.msg_ret) return _this.$toasted.global.defaultInfo({
             msg: data.msg_ret
           });
           if (data) return _this.showFormattedMessage(data, selectionIndex);
@@ -7998,7 +8063,7 @@ var script$i = {
       try {
         var success = false;
         if (Array.isArray(messageData)) success = true;
-        if (!success && selectionIndex != 4) this.$toasted.global.emConstrucao({
+        if (!success && selectionIndex != 4) this.$toasted.global.defaultInfo({
           msg: messageData ? messageData.msg : "Nao foi possível obter mensagens"
         });
 
@@ -8023,7 +8088,7 @@ var script$i = {
           case 3:
             if (!success) {
               this.formatted_messages_3.push(messageData);
-              this.$toasted.global.emConstrucao({
+              this.$toasted.global.defaultInfo({
                 msg: this.dictionary.msg_erro_sem_msg_formatada
               });
               this.$emit("close-blocker-standard-message");
@@ -8183,7 +8248,7 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4e81952e_0", {
+  inject("data-v-324084df_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
@@ -8195,7 +8260,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-4e81952e";
+var __vue_module_identifier__$i = "data-v-324084df";
 /* functional template */
 
 var __vue_is_functional_template__$i = false;
@@ -8285,7 +8350,8 @@ var script$h = {
           docsExtensions: "",
           imagesExtensions: "",
           multiple: false,
-          systemButton: false
+          systemButton: false,
+          max: 3
         };
       },
       required: false
@@ -8354,7 +8420,7 @@ var script$h = {
         if (event.data == '' && this.showStandardMessages) {
           this.closeBlockerStandardMessage();
           this.toggleStandardMessages();
-          this.$toasted.global.emConstrucao({
+          this.$toasted.global.defaultInfo({
             msg: this.dictionary.msg_erro_sem_msg_formatada
           });
         } else if (typeof event.data === "string" && this.showStandardMessages) {
@@ -8418,7 +8484,7 @@ var script$h = {
       if ((!this.message || !this.message.trim()) && !this.hasAnyFile && !this.audioFile) return false;
       if (this.textareaSettings.disabled) return false;
 
-      if (this.fileFormatError) {
+      if (this.fileFormatError && this.hasAnyFile) {
         if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
           msg: this.dictionary.msg_formato_invalido
         });
@@ -8535,11 +8601,12 @@ var script$h = {
       this.audioSource = "";
     },
     returnFileType: function returnFileType(file, stopAlert) {
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return false;
       var imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
       if (imgRegex.test(file.name)) return "img";
       var docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
       if (docRegex.test(file.name)) return "doc";
-      if (!stopAlert) return;
+      if (!stopAlert) return false;
       if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
         msg: this.dictionary.msg_formato_invalido
       });
@@ -8815,8 +8882,8 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-7910091a_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{width:100%;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
   });
@@ -8827,7 +8894,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-48659e85";
+var __vue_module_identifier__$h = "data-v-7910091a";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;
@@ -9655,6 +9722,7 @@ var __vue_component__$k = __vue_component__$j;var textoLongo = {
       case "audio/mpga":
       case "mp3":
       case "audio/mp3":
+      case "aac":
         tipoDoc = type;
         docAnexo = "".concat(dominio, "/callcenter/docs.php?mku=").concat(mku);
         nomeArquivo = name;
@@ -9664,6 +9732,7 @@ var __vue_component__$k = __vue_component__$j;var textoLongo = {
       case "video/mp4":
       case "video":
       case "mp4":
+      case "m4v":
         tipoDoc = type;
         docAnexo = "".concat(dominio, "/callcenter/docs.php?mku=").concat(mku);
         nomeArquivo = name;
@@ -11077,8 +11146,8 @@ var __vue_staticRenderFns__$6 = [];
 
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1a4340aa_0", {
-    source: ".fade-enter-active[data-v-1a4340aa],.fade-leave-active[data-v-1a4340aa]{transition:opacity .5s}.fade-enter[data-v-1a4340aa],.fade-leave-to[data-v-1a4340aa]{opacity:0}.mensagem-div-anexo[data-v-1a4340aa]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-1a4340aa]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-1a4340aa],.anexo-container a[data-v-1a4340aa]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-1a4340aa],.anexo-container p[data-v-1a4340aa]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-1a4340aa]{font-size:2rem}.anexo-container audio[data-v-1a4340aa]{outline:0;width:100%}.anexo-container video[data-v-1a4340aa]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-1a4340aa]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-1a4340aa]{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-1a4340aa]{cursor:pointer}.mensagem-div-anexo img[data-v-1a4340aa]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-1a4340aa]{width:100%;height:100%}.anexo-mensagem[data-v-1a4340aa]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-1a4340aa]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-1a4340aa]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-1a4340aa]{font-size:1.025em;margin-right:2px}.pdf[data-v-1a4340aa]{color:#e74c3c}.doc[data-v-1a4340aa]{color:#006bc9}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -11086,10 +11155,10 @@ var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$6 = "data-v-1a4340aa";
+var __vue_scope_id__$6 = "data-v-d859545a";
 /* module identifier */
 
-var __vue_module_identifier__$6 = "data-v-1a4340aa";
+var __vue_module_identifier__$6 = "data-v-d859545a";
 /* functional template */
 
 var __vue_is_functional_template__$6 = false;

package/package.json

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

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

@@ -176,9 +176,13 @@ export default {
       if(!fileInput) if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError()
     },
     isFileValid(type, fileName) {
+      if((type == "img" && !this.fileSettings.imagesExtensions) || (type == "doc" && !this.fileSettings.docsExtensions)) {
+        this.$toasted.global.defaultInfo({ msg: this.dictionary.sem_extensoes_parametrizadas })
+        this.hasAnyFile = false
+        return false
+      }
       const extensions = type === "img" ? this.fileSettings.imagesExtensions : this.fileSettings.docsExtensions
       const regex = new RegExp("("+extensions+")", "i")
-
       if(regex.test(fileName)) return true
       this.hasAnyFile = false
       this.showToastedValidFormats()
@@ -197,10 +201,15 @@ export default {
         this.fileSize = 0
         if(this.fileFormatError) this.file = []
         this.openFiles = false
-        let filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event
+        const filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event
         this.file = filesAux.length ? filesAux : this.file 
 
         if(!this.file.length) return
+        if(this.file.length > this.fileSettings.max) {
+          this.file = []
+          return this.$toasted.global.defaultInfo({ msg: `Limite de ${this.fileSettings.max} arquivos` })
+        }
+
         this.hasAnyFile = true
         this.fileSize = this.file.length
         if(!this.fileSettings.multiple) {
@@ -215,6 +224,8 @@ export default {
       }
     },
     returnFileType(file) {
+      if(!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return ""
+
       const imgRegex = new RegExp("\.("+this.fileSettings.imagesExtensions+")", "i")
       if(imgRegex.test(file.name)) return "img"
 
@@ -224,50 +235,66 @@ export default {
       return ""
     },
     multipleFileUpload() {
+      const hasImgExt = this.fileSettings.imagesExtensions ? true : false
+      const hasDocExt = this.fileSettings.docsExtensions ? true : false
+      if(!hasImgExt && !hasDocExt) {
+        this.file = []
+        this.fileSize = 0
+        return this.$toasted.global.defaultInfo({ msg: this.dictionary.sem_extensoes_parametrizadas })
+      }
       let waitForImageLoad = false
+      let hasAnyInvalidFile = false
       this.file = Array.from(this.file)
       this.file.forEach(file => {
-        const fileReader = new FileReader();
-
         const singleFileType = this.returnFileType(file)
         if(!singleFileType) file.invalid = true
         file.imgOrDoc = singleFileType ? singleFileType : ""
-
-        if(file.imgOrDoc === "doc") this.isDoc = true
-        if(file.imgOrDoc === "img") {
-          waitForImageLoad = true
-          fileReader.onload = () => file.src = fileReader.result
-          fileReader.onloadend = () => this.emitFileVars(true)
-        }
-
         if(this.isFileValid(file.imgOrDoc, file.name)) {
-          if(file.imgOrDoc === "img") fileReader.readAsDataURL(file)
+          if(file.imgOrDoc == "img") {
+            const fileReader = new FileReader();
+            waitForImageLoad = true
+            fileReader.onload = () => file.src = fileReader.result
+            fileReader.onloadend = () => this.emitFileVars(true)
+            fileReader.readAsDataURL(file)
+          }
+          if(file.imgOrDoc === "doc") this.isDoc = true
           file.invalid = false
-          this.fileFormatError = false
+          this.fileFormatError = !hasAnyInvalidFile ? false : true
         }else{
+          hasAnyInvalidFile = true
           file.invalid = true
           this.fileFormatError = true
-          this.validFileFormats = `Imgs: ${this.fileSettings.imagesExtensions.split("|").join(", ")} <br> Docs: ${this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`
+          if(hasImgExt && !hasDocExt) this.validFileFormats = `Imagens: ${this.fileSettings.imagesExtensions.split("|").join(", ")}`
+          if(hasDocExt && hasImgExt) this.validFileFormats = `Documentos: ${this.fileSettings.docsExtensions.split("|").join(", ")}`
+          if(hasImgExt && hasDocExt) this.validFileFormats = `Imagens: ${this.fileSettings.imagesExtensions.split("|").join(", ")} - Documentos: ${this.fileSettings.docsExtensions.split("|").join(", ")}`
         }
       })
 
+      if(this.fileFormatError) {
+        this.file = []
+        this.fileSize = 0
+      }
+
       if(this.isDoc && !waitForImageLoad) this.emitFileVars()
     },
     singleFileUpload(type, fileName) {
-      const fileReader = new FileReader()
-      if(type === "img") {
-        fileReader.onload = () => this.imagePreview = fileReader.result 
-        fileReader.onloadend = () => this.emitFileVars()
-      }
-
       if(this.isFileValid(type, fileName)) {
-        if(type === "img") fileReader.readAsDataURL(this.file)
+        const fileReader = new FileReader()
+        if(type === "img") {
+          fileReader.onload = () => this.imagePreview = fileReader.result 
+          fileReader.onloadend = () => this.emitFileVars()
+          fileReader.readAsDataURL(this.file)
+        }
         if(type === "doc") this.isDoc = true
         
         this.fileFormatError = false
       }else {
         this.fileFormatError = true
-        this.validFileFormats = `Imgs: ${this.fileSettings.imagesExtensions.split("|").join(", ")} <br> Docs: ${this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`
+        const hasImgExt = this.fileSettings.imagesExtensions ? true : false
+        const hasDocExt = this.fileSettings.docsExtensions ? true : false
+        if(hasImgExt && !hasDocExt) this.validFileFormats = `Imagens: ${this.fileSettings.imagesExtensions}`
+        if(hasDocExt && hasImgExt) this.validFileFormats = `Documentos: ${this.fileSettings.docsExtensions}`
+        if(hasImgExt && hasDocExt) this.validFileFormats = `Imagens: ${this.fileSettings.imagesExtensions} - Documentos: ${this.fileSettings.docsExtensions}`
       }
 
       if(this.isDoc) this.emitFileVars()