vue-intergrall-plugins 0.0.208 → 0.0.211

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

@@ -3552,11 +3552,17 @@ var __vue_render__$n = function () {
       "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
     }
   }), _vm._v(" "), _c('h4', {
+    attrs: {
+      "title": _vm.validFileFormats
+    },
     domProps: {
       "textContent": _vm._s(_vm.validFileFormats)
     }
   })]) : [_vm.file.name ? _c('h3', {
-    staticClass: "text-footer-preview-title"
+    staticClass: "text-footer-preview-title",
+    attrs: {
+      "title": _vm.file.name
+    }
   }, [_vm.isDoc ? _c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
@@ -3583,7 +3589,7 @@ var __vue_staticRenderFns__$n = [];
 
 const __vue_inject_styles__$n = function (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
@@ -3743,6 +3749,9 @@ var __vue_render__$m = function () {
       "textContent": _vm._s(_vm.dictionary.titulo_msg_formato_invalido)
     }
   }), _vm._v(" "), _c('h4', {
+    attrs: {
+      "title": _vm.validFileFormats
+    },
     domProps: {
       "innerHTML": _vm._s(_vm.validFileFormats)
     }
@@ -3751,14 +3760,18 @@ var __vue_render__$m = function () {
       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"
@@ -3779,9 +3792,24 @@ var __vue_render__$m = function () {
       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: {
@@ -3802,8 +3830,8 @@ var __vue_staticRenderFns__$m = [];
 
 const __vue_inject_styles__$m = function (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
   });
@@ -3924,6 +3952,14 @@ var script$l = {
     },
 
     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;
@@ -3950,9 +3986,17 @@ var script$l = {
         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;
 
@@ -3969,6 +4013,7 @@ var script$l = {
     },
 
     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";
       const docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
@@ -3977,52 +4022,79 @@ var script$l = {
     },
 
     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;
+        if (this.isFileValid(file.imgOrDoc, file.name)) {
+          if (file.imgOrDoc == "img") {
+            const fileReader = new FileReader();
+            waitForImageLoad = true;
 
-          fileReader.onload = () => file.src = fileReader.result;
+            fileReader.onload = () => file.src = fileReader.result;
 
-          fileReader.onloadend = () => this.emitFileVars(true);
-        }
+            fileReader.onloadend = () => 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: ${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 (this.isFileValid(type, fileName)) {
+        const fileReader = new FileReader();
 
-      if (type === "img") {
-        fileReader.onload = () => this.imagePreview = fileReader.result;
+        if (type === "img") {
+          fileReader.onload = () => this.imagePreview = fileReader.result;
 
-        fileReader.onloadend = () => this.emitFileVars();
-      }
+          fileReader.onloadend = () => this.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: ${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();
@@ -4292,7 +4364,7 @@ var __vue_staticRenderFns__$l = [];
 
 const __vue_inject_styles__$l = function (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
@@ -8459,7 +8531,7 @@ var script$i = {
         this.loadingReq = true;
         this.getStandardMessages(cod, this.token_cliente).then(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);
@@ -8480,7 +8552,7 @@ var script$i = {
       try {
         let 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"
         });
 
@@ -8505,7 +8577,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");
@@ -8674,7 +8746,7 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$i = function (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
@@ -8780,7 +8852,8 @@ var script$h = {
           docsExtensions: "",
           imagesExtensions: "",
           multiple: false,
-          systemButton: false
+          systemButton: false,
+          max: 3
         };
       },
       required: false
@@ -8853,7 +8926,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) {
@@ -8922,7 +8995,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
         });
@@ -9057,11 +9130,12 @@ var script$h = {
     },
 
     returnFileType(file, stopAlert) {
+      if (!this.fileSettings.imagesExtensions && !this.fileSettings.docsExtensions) return false;
       const imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
       if (imgRegex.test(file.name)) return "img";
       const 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
       });
@@ -9433,8 +9507,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = function (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
   });
@@ -9653,9 +9727,11 @@ var script$f = {
       for (let key in template) {
         if (key === "components" && Array.isArray(template[key])) {
           template[key].map(component => {
-            component.parameters.map(param => {
-              fullText += param.text;
-            });
+            if (component && component.parameters && component.parameters.length) {
+              component.parameters.map(param => {
+                fullText += param.text;
+              });
+            }
           });
         }
       }
@@ -9739,41 +9815,44 @@ var script$f = {
       for (let index in this.selectedTemplate) {
         if (index === "components" && Array.isArray(this.selectedTemplate[index])) {
           const arrComponents = this.selectedTemplate[index];
-          arrComponents.map(component => {
-            if (component && component.parameters && component.parameters.length) {
-              component.parameters.map(message => {
-                message.currentText = message.text;
-                let keyIndex = 0;
 
-                while (keyIndex < keys.length) {
-                  const varName = `{{${keys[keyIndex]}}}`;
+          if (arrComponents && arrComponents.length) {
+            arrComponents.map(component => {
+              if (component && component.parameters && component.parameters.length) {
+                component.parameters.map(message => {
+                  message.currentText = message.text;
+                  let keyIndex = 0;
 
-                  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
+                  while (keyIndex < keys.length) {
+                    const varName = `{{${keys[keyIndex]}}}`;
 
-                      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 (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
 
-                    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++;
-                }
-              });
-            }
-          });
+                });
+              }
+            });
+          }
         }
       }
 
@@ -9870,7 +9949,7 @@ var __vue_staticRenderFns__$f = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-0b0bc59a_0", {
+  inject("data-v-5a97ed34_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
@@ -10426,50 +10505,59 @@ function gerarVariaveisAnexo(anexos, storeObj) {
   }
 }
 
-//
-var script$d = {
-  props: {
-    file: {
-      type: Object,
-      required: true
-    },
-    dictionary: {
-      type: Object,
-      required: true
-    },
-    domain: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    currentClass() {
-      return this.fileExt === "pdf" ? "pdf" : "doc";
-    }
-
-  },
-
+const fileHandler = {
   data() {
     return {
-      loading: true,
-      isAnexo: false,
-      imageUrl: "",
-      fileExt: "",
-      docUrl: "",
-      fileName: "",
+      isLoading: true,
+      isFile: false,
+      imageURL: "",
+      fileType: "",
+      docURL: "",
+      filename: "",
       audio: false,
       video: false,
       icon: []
     };
   },
 
-  mounted() {
-    this.setFileVars();
-  },
+  computed: {
+    iconClass() {
+      return this.fileType === "pdf" ? "pdf" : "doc";
+    }
 
+  },
   methods: {
-    setFileVars() {
+    openWindowFromURL(link, isImg) {
+      const viewableExtensions = ["pdf", "txt", "html", "css", "js", "json", "xml", "woff", "svg", "gif", "mp4", "mp3", "aac", "ogg", "wma"];
+
+      if (!isImg && !viewableExtensions.includes(this.fileType)) {
+        const a = document.createElement("a");
+        a.setAttribute("href", link);
+        a.setAttribute("download", this.filename);
+        a.setAttribute("target", "_blank");
+        a.setAttribute("rel", "noopener noreferrer");
+        a.click();
+        return;
+      }
+
+      const width = window.innerWidth;
+      const height = window.innerHeight;
+      const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto";
+      window.open(link, "anexo-ra", options);
+    },
+
+    showImage(image) {
+      if (!image) return console.warn("Não foi possível abrir a imagem");
+      this.$emit("abrir-imagem", image);
+    },
+
+    setFileVars(rawFile, storeObj) {
       try {
+        if (!rawFile) {
+          this.isLoading = false;
+          return console.warn("Anexo recebido invalido");
+        }
+
         const {
           anexo,
           imgAnexo,
@@ -10478,36 +10566,53 @@ var script$d = {
           nomeArquivo,
           audio,
           video
-        } = gerarVariaveisAnexo(this.file, {
-          dominio: this.domain
-        });
-        this.isAnexo = anexo;
-        this.imageUrl = imgAnexo;
-        this.fileExt = tipoDoc;
-        this.docUrl = docAnexo;
-        this.fileName = nomeArquivo;
+        } = gerarVariaveisAnexo(rawFile, storeObj);
+        this.isFile = anexo;
+        this.imageURL = imgAnexo;
+        this.fileType = tipoDoc;
+        this.docURL = docAnexo;
+        this.filename = nomeArquivo;
         this.audio = audio;
         this.video = video;
-        this.generateIcon();
-        this.loading = false;
+        this.setIcon();
+        this.isLoading = false;
       } catch (e) {
         console.error("Erro ao gerar as variaveis dos anexos");
         console.error(e);
       }
     },
 
-    generateIcon() {
-      this.icon = this.fileExt === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
-    },
+    setIcon() {
+      this.icon = this.fileType === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
+    }
 
-    openFile(link, isImg) {
-      const width = window.innerWidth;
-      const height = window.innerHeight;
-      const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto";
-      window.open(link, "card-file", options);
+  }
+};
+
+//
+var script$d = {
+  mixins: [fileHandler],
+  props: {
+    file: {
+      type: Object,
+      required: true
+    },
+    dictionary: {
+      type: Object,
+      required: true
+    },
+    domain: {
+      type: String,
+      required: true
     }
+  },
 
+  mounted() {
+    this.setFileVars(this.file, {
+      dominio: this.domain
+    });
   }
+
 };
 
 /* script */
@@ -10529,40 +10634,40 @@ var __vue_render__$d = function () {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.loading ? _c('div', {
+  }, [_vm.isLoading ? _c('div', {
     key: "card-file-loader",
     staticClass: "req-loader slow",
     attrs: {
       "small": true
     }
-  }) : [_vm.imageUrl ? _c('span', {
+  }) : [_vm.imageURL ? _c('span', {
     key: "card-file-img",
     staticClass: "file-img box-shadow",
     attrs: {
-      "title": _vm.fileName
+      "title": _vm.filename
     },
     on: {
       "click": function ($event) {
-        return _vm.openFile(_vm.imageUrl, true);
+        return _vm.openWindowFromURL(_vm.imageURL, true);
       }
     }
   }, [_c('img', {
     attrs: {
-      "src": "" + _vm.imageUrl,
-      "alt": _vm.fileName
+      "src": "" + _vm.imageURL,
+      "alt": _vm.filename
     }
   })]) : _c('span', {
     key: "card-file-doc",
     staticClass: "file-icon",
-    class: [_vm.currentClass],
+    class: [_vm.iconClass],
     attrs: {
-      "title": _vm.fileName,
+      "title": _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     },
     on: {
       "click": function ($event) {
-        return _vm.openFile(_vm.docUrl, false);
+        return _vm.openWindowFromURL(_vm.docURL, false);
       }
     }
   }, [_c('fa-icon', {
@@ -10572,11 +10677,11 @@ var __vue_render__$d = function () {
   })], 1), _vm._v(" "), _c('a', {
     key: "card-file-download-icon",
     attrs: {
-      "href": _vm.imageUrl ? _vm.imageUrl : _vm.docUrl,
-      "download": "" + _vm.fileName,
+      "href": _vm.imageURL ? _vm.imageURL : _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": "Download " + _vm.fileName
+      "title": "Download " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
@@ -10590,11 +10695,11 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-6f5fac81_0", {
-    source: ".fade-enter-active[data-v-6f5fac81],.fade-leave-active[data-v-6f5fac81]{transition:opacity .5s}.fade-enter[data-v-6f5fac81],.fade-leave-to[data-v-6f5fac81]{opacity:0}",
+  inject("data-v-c0bc7096_0", {
+    source: ".fade-enter-active[data-v-c0bc7096],.fade-leave-active[data-v-c0bc7096]{transition:opacity .5s}.fade-enter[data-v-c0bc7096],.fade-leave-to[data-v-c0bc7096]{opacity:0}",
     map: undefined,
     media: undefined
-  }), inject("data-v-6f5fac81_1", {
+  }), inject("data-v-c0bc7096_1", {
     source: ".file-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item-transition{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;position:relative}.file-item .req-loader{position:absolute;top:calc(50% - 12.5px);right:calc(50% - 12.5px)}.file-item-transition img{max-width:45px;max-height:45px}.file-item a{margin-left:5px;text-decoration:none;color:#333}.file-icon{display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.file-icon:hover{opacity:1}.file-icon:visited{color:inherit}svg{font-size:30px;z-index:1}.file-icon.pdf{position:relative}.file-icon.pdf svg{color:#e74c3c}.file-icon.pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.file-icon.doc{color:#15517f}.file-icon.doc::after{content:\"\";position:absolute;width:20px;height:20px;background-color:#fff}.file-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:2.5px;cursor:pointer;opacity:.9;transition:opacity 150ms}.file-img:hover{opacity:1}.file-img img{width:95%}",
     map: undefined,
     media: undefined
@@ -10603,7 +10708,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-6f5fac81";
+const __vue_scope_id__$d = "data-v-c0bc7096";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -11270,9 +11375,7 @@ var script$9 = {
       const width = window.innerWidth;
       const height = window.innerHeight;
       const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto";
-      let urlformatted = `${this.dominio}/callcenter/docs.php?mku=${url}`;
-      console.log(urlformatted);
-      window.open(urlformatted, "card-file", options);
+      window.open(`${this.dominio}/callcenter/docs.php?mku=${url}`, "card-file", options);
     },
 
     validateInterativity() {
@@ -11291,13 +11394,9 @@ var script$9 = {
           formulario
         } = this.interatividade;
         formulario = formulario ? formulario : [];
-
-        if (!formulario.length) {
-          return;
-        }
-
-        let foundInfosAdd = formulario.filter(f => f.TIPO_TEXTO > 999);
-        let foundInfos = formulario.filter(f => f.TIPO_TEXTO < 1000);
+        if (!formulario.length) return;
+        const foundInfosAdd = formulario.filter(f => f.TIPO_TEXTO > 999);
+        const foundInfos = formulario.filter(f => f.TIPO_TEXTO < 1000);
 
         if (foundInfos) {
           this.informacao = foundInfos.map(info => {
@@ -11309,9 +11408,7 @@ var script$9 = {
           });
         }
 
-        if (foundInfosAdd) {
-          this.informacaoAdicional = foundInfosAdd;
-        }
+        if (foundInfosAdd) this.informacaoAdicional = foundInfosAdd;
       } catch (e) {
         console.error("Erro ao pegar o objeto interatividade formulario");
         console.error(e);
@@ -11443,8 +11540,8 @@ var __vue_staticRenderFns__$9 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-8dbb0508_0", {
-    source: ".show-x-enter-active[data-v-8dbb0508],.show-x-leave-enter[data-v-8dbb0508]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-8dbb0508],.show-x-leave-to[data-v-8dbb0508]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-8dbb0508]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-8dbb0508]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-8dbb0508]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-8dbb0508]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-8dbb0508]{margin:10px 0}.interatividade-titulo-form[data-v-8dbb0508]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-8dbb0508]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-8dbb0508]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-8dbb0508]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-8dbb0508]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-8dbb0508]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-8dbb0508]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-8dbb0508]:hover{color:#00628f}.text-blue[data-v-8dbb0508]{color:#294ed3}.text-red[data-v-8dbb0508]{color:#e74c3c}.text-dark[data-v-8dbb0508]{color:#333}.ml-3[data-v-8dbb0508]{margin-left:3px}.fs-2[data-v-8dbb0508]{font-size:2rem}.flex-wrap[data-v-8dbb0508]{-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center[data-v-8dbb0508]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex[data-v-8dbb0508]{display:-webkit-box;display:-ms-flexbox;display:flex}.align-items-end[data-v-8dbb0508]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text-bold[data-v-8dbb0508]{font-weight:700}.m-5[data-v-8dbb0508]{margin:5px}.mb-5[data-v-8dbb0508]{margin-bottom:5px}.mx-5[data-v-8dbb0508]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-8dbb0508]{cursor:pointer}",
+  inject("data-v-7b989966_0", {
+    source: ".show-x-enter-active[data-v-7b989966],.show-x-leave-enter[data-v-7b989966]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-7b989966],.show-x-leave-to[data-v-7b989966]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-7b989966]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-7b989966]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-7b989966]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-7b989966]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-7b989966]{margin:10px 0}.interatividade-titulo-form[data-v-7b989966]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-7b989966]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-7b989966]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-7b989966]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-7b989966]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-7b989966]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-7b989966]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-7b989966]:hover{color:#00628f}.text-blue[data-v-7b989966]{color:#294ed3}.text-red[data-v-7b989966]{color:#e74c3c}.text-dark[data-v-7b989966]{color:#333}.ml-3[data-v-7b989966]{margin-left:3px}.fs-2[data-v-7b989966]{font-size:2rem}.flex-wrap[data-v-7b989966]{-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center[data-v-7b989966]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d-flex[data-v-7b989966]{display:-webkit-box;display:-ms-flexbox;display:flex}.align-items-end[data-v-7b989966]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.text-bold[data-v-7b989966]{font-weight:700}.m-5[data-v-7b989966]{margin:5px}.mb-5[data-v-7b989966]{margin-bottom:5px}.mx-5[data-v-7b989966]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-7b989966]{cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -11452,7 +11549,7 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-8dbb0508";
+const __vue_scope_id__$9 = "data-v-7b989966";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -11472,6 +11569,7 @@ var InteratividadeFormulario = __vue_component__$d;
 
 //
 var script$8 = {
+  mixins: [fileHandler],
   props: {
     anexo: {
       type: Object,
@@ -11486,72 +11584,13 @@ var script$8 = {
       required: true
     }
   },
-  computed: {
-    iconeClass() {
-      return this.tipoDoc === "pdf" ? "pdf" : "doc";
-    }
-
-  },
-
-  data() {
-    return {
-      carregando: true,
-      isAnexo: false,
-      imgAnexo: "",
-      tipoDoc: "",
-      docAnexo: "",
-      nomeArquivo: "",
-      audio: false,
-      video: false,
-      icone: []
-    };
-  },
 
   mounted() {
-    this.setVariaveisAnexo();
-  },
-
-  methods: {
-    setVariaveisAnexo() {
-      try {
-        const {
-          anexo,
-          imgAnexo,
-          tipoDoc,
-          docAnexo,
-          nomeArquivo,
-          audio,
-          video
-        } = gerarVariaveisAnexo(this.anexo, {
-          dominio: this.dominio
-        });
-        this.isAnexo = anexo;
-        this.imgAnexo = imgAnexo;
-        this.tipoDoc = tipoDoc;
-        this.docAnexo = docAnexo;
-        this.nomeArquivo = nomeArquivo;
-        this.audio = audio;
-        this.video = video;
-        this.gerarIcone();
-        this.carregando = false;
-      } catch (e) {
-        console.error("Erro ao gerar as variaveis dos anexos");
-        console.error(e);
-      }
-    },
-
-    gerarIcone() {
-      this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
-    },
-
-    abrirAnexo(link, isImg) {
-      const width = window.innerWidth;
-      const height = window.innerHeight;
-      const options = !isImg ? `width=${width},height=${height}` : "width=auto,height=auto";
-      window.open(link, "anexo-ra", options);
-    }
-
+    this.setFileVars(this.anexo, {
+      dominio: this.dominio
+    });
   }
+
 };
 
 /* script */
@@ -11573,54 +11612,54 @@ var __vue_render__$8 = function () {
       "name": "fade",
       "mode": "out-in"
     }
-  }, [_vm.carregando ? _c('div', {
+  }, [_vm.isLoading ? _c('div', {
     key: "ra-loader-anexo",
     staticClass: "req-loader slow",
     attrs: {
       "small": true
     }
-  }) : [_vm.imgAnexo ? _c('span', {
+  }) : [_vm.imageURL ? _c('span', {
     key: "ra-img-anexo",
     staticClass: "anexo-img box-shadow",
     attrs: {
-      "title": _vm.nomeArquivo
+      "title": _vm.filename
     },
     on: {
       "click": function ($event) {
-        return _vm.abrirAnexo(_vm.imgAnexo, true);
+        return _vm.openWindowFromURL(_vm.imageURL, true);
       }
     }
   }, [_c('img', {
     attrs: {
-      "src": "" + _vm.imgAnexo,
-      "alt": _vm.nomeArquivo
+      "src": "" + _vm.imageURL,
+      "alt": _vm.filename
     }
   })]) : _c('span', {
     key: "ra-doc-anexo",
-    staticClass: "anexo-icone",
-    class: [_vm.iconeClass],
+    staticClass: "anexo-icon",
+    class: [_vm.iconClass],
     attrs: {
-      "title": _vm.nomeArquivo,
+      "title": _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     },
     on: {
       "click": function ($event) {
-        return _vm.abrirAnexo(_vm.docAnexo, false);
+        return _vm.openWindowFromURL(_vm.docURL, false);
       }
     }
   }, [_c('fa-icon', {
     attrs: {
-      "icon": _vm.icone
+      "icon": _vm.icon
     }
   })], 1), _vm._v(" "), _c('a', {
     key: "ra-download-icon",
     attrs: {
-      "href": _vm.imgAnexo ? _vm.imgAnexo : _vm.docAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.imageURL ? _vm.imageURL : _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": "Download " + _vm.nomeArquivo
+      "title": "Download " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
@@ -11634,8 +11673,8 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$8 = function (inject) {
   if (!inject) return;
-  inject("data-v-037d5568_0", {
-    source: ".fade-enter-active[data-v-037d5568],.fade-leave-active[data-v-037d5568]{transition:opacity .5s}.fade-enter[data-v-037d5568],.fade-leave-to[data-v-037d5568]{opacity:0}",
+  inject("data-v-0408a7b0_0", {
+    source: ".fade-enter-active[data-v-0408a7b0],.fade-leave-active[data-v-0408a7b0]{transition:opacity .5s}.fade-enter[data-v-0408a7b0],.fade-leave-to[data-v-0408a7b0]{opacity:0}",
     map: undefined,
     media: undefined
   });
@@ -11643,7 +11682,7 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = "data-v-037d5568";
+const __vue_scope_id__$8 = "data-v-0408a7b0";
 /* module identifier */
 
 const __vue_module_identifier__$8 = undefined;
@@ -11930,6 +11969,7 @@ var __vue_component__$b = __vue_component__$a;
 
 //
 var script$6 = {
+  mixins: [fileHandler],
   components: {
     Loader
   },
@@ -11954,15 +11994,6 @@ var script$6 = {
 
   data() {
     return {
-      carregando: true,
-      isAnexo: false,
-      imgAnexo: "",
-      tipoDoc: "",
-      docAnexo: "",
-      nomeArquivo: "",
-      audio: false,
-      video: false,
-      icone: [],
       imgErro: false,
       imgMsgErro: ''
     };
@@ -11970,49 +12001,17 @@ var script$6 = {
 
   mounted() {
     if (this.validarAnexo()) {
-      this.setVariaveisAnexo();
+      this.setFileVars(this.anexo, {
+        dominio: this.dominio
+      });
     }
   },
 
   methods: {
-    abrirVisualizacaoImg(imagem) {
-      this.$emit("abrir-imagem", imagem);
-    },
-
-    setVariaveisAnexo() {
-      try {
-        const {
-          anexo,
-          imgAnexo,
-          tipoDoc,
-          docAnexo,
-          nomeArquivo,
-          audio,
-          video
-        } = gerarVariaveisAnexo(this.anexo, {
-          dominio: this.dominio
-        });
-        this.isAnexo = anexo;
-        this.imgAnexo = imgAnexo;
-        this.tipoDoc = tipoDoc;
-        this.docAnexo = docAnexo;
-        this.nomeArquivo = nomeArquivo;
-        this.audio = audio;
-        this.video = video;
-        this.gerarIcone();
-        this.carregando = false;
-      } catch (e) {
-        console.error("Erro ao gerar as variaveis dos anexos");
-        console.error(e);
-      }
-    },
-
     validarAnexo() {
       let status = true; //caso for audio ou documento ignorar
 
-      if (this.anexo.docAnexo || this.anexo.audio) {
-        return true;
-      }
+      if (this.anexo.docURL || this.anexo.audio) return true;
 
       if (!this.anexo.name) {
         this.imgMsgErro = this.dictionary.img_com_erro_nome;
@@ -12022,11 +12021,7 @@ var script$6 = {
       if (!this.anexo.nomeGravacao) {
         this.imgMsgErro = this.dictionary.img_com_erro_nome_gravacao;
         status = false;
-      } // if(!this.anexo.size || this.anexo.size == 0){
-      //   this.imgMsgErro = this.dictionary.img_com_erro_tamanho
-      //   status = false;
-      // }
-
+      }
 
       if (!this.anexo.type) {
         this.imgMsgErro = this.dictionary.img_com_erro_tipo;
@@ -12035,14 +12030,10 @@ var script$6 = {
 
       if (status == false) {
         this.imgErro = true;
-        this.carregando = false;
+        this.isLoading = false;
       }
 
       return status;
-    },
-
-    gerarIcone() {
-      this.icone = this.tipoDoc === "pdf" ? ['fas', 'file-pdf'] : ['fas', 'file-alt'];
     }
 
   }
@@ -12085,7 +12076,7 @@ var __vue_render__$6 = function () {
     attrs: {
       "icon": ['fas', 'file-image']
     }
-  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.carregando ? _c('Loader', {
+  }), _vm._v("\n        " + _vm._s(_vm.dictionary.img_com_erro) + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.isLoading ? _c('Loader', {
     key: "anexo-loader",
     attrs: {
       "small": true,
@@ -12094,17 +12085,17 @@ var __vue_render__$6 = function () {
   }) : _c('div', {
     key: "anexo-mensagem",
     staticClass: "anexo-mensagem"
-  }, [_vm.imgAnexo ? _c('img', {
+  }, [_vm.imageURL ? _c('img', {
     attrs: {
-      "src": _vm.imgAnexo,
+      "src": _vm.imageURL,
       "alt": _vm.dictionary.alt_msg_img
     },
     on: {
       "click": function ($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        return _vm.showImage(_vm.imageURL);
       }
     }
-  }) : _vm._e(), _vm._v(" "), _vm.imgAnexo ? _c('div', {
+  }) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('div', {
     staticClass: "anexos-links-container"
   }, [_c('a', {
     attrs: {
@@ -12112,7 +12103,8 @@ var __vue_render__$6 = function () {
     },
     on: {
       "click": function ($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        $event.preventDefault();
+        return _vm.showImage(_vm.imageURL);
       }
     }
   }, [_vm._v(" " + _vm._s(_vm.dictionary.titulo_visualizar_img) + " ")]), _vm._v(" "), _c('fa-icon', {
@@ -12121,63 +12113,64 @@ var __vue_render__$6 = function () {
     },
     on: {
       "click": function ($event) {
-        return _vm.abrirVisualizacaoImg(_vm.imgAnexo);
+        return _vm.showImage(_vm.imageURL);
       }
     }
-  })], 1) : _vm.docAnexo ? _c('div', {
+  })], 1) : _vm.docURL ? _c('div', {
     staticClass: "anexo-container"
   }, [_vm.audio || _vm.video ? [_vm.audio ? _c('audio', {
     attrs: {
-      "src": _vm.docAnexo,
+      "src": _vm.docURL,
       "controls": "",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_audio) + " "), _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
   }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_audio) + " ")])])]) : _vm._e(), _vm._v(" "), _vm.video ? _c('video', {
     attrs: {
-      "src": _vm.docAnexo,
+      "src": _vm.docURL,
       "controls": "",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
-  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_video) + " "), _vm.tipoDoc != 'erro' ? _c('a', {
+  }, [_c('p', [_vm._v(" " + _vm._s(_vm.dictionary.msg_erro_video) + " "), _vm.fileType != 'erro' ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
-  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_video) + " ")]) : _vm._e()])]) : _vm._e()] : [_vm.tipoDoc != 'erro' ? _c('a', {
+  }, [_vm._v(" " + _vm._s(_vm.dictionary.msg_abrir_video) + " ")]) : _vm._e()])]) : _vm._e()] : [_vm.fileType != 'erro' ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
+      "href": _vm.docURL,
       "target": "_blank",
       "rel": "noreferrer noopener",
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('fa-icon', {
+    class: [_vm.iconClass],
     attrs: {
-      "icon": this.icone
+      "icon": _vm.icon
     }
   }), _vm._v(" "), _c('p', {
     domProps: {
-      "textContent": _vm._s(_vm.nomeArquivo)
+      "textContent": _vm._s(_vm.filename)
     }
   })], 1) : _c('p', {
     staticClass: "arquivo-erro",
     attrs: {
-      "title": _vm.tipoDoc + " - " + _vm.nomeArquivo
+      "title": _vm.fileType + " - " + _vm.filename
     }
   }, [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'file-alt']
     }
-  }), _vm._v("\n            " + _vm._s(_vm.nomeArquivo) + "\n          ")], 1)]], 2) : _vm._e(), _vm._v(" "), _vm.imgAnexo ? _c('a', {
+  }), _vm._v("\n            " + _vm._s(_vm.filename) + "\n          ")], 1)]], 2) : _vm._e(), _vm._v(" "), _vm.imageURL ? _c('a', {
     attrs: {
-      "href": _vm.imgAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.imageURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
@@ -12185,10 +12178,10 @@ var __vue_render__$6 = function () {
     attrs: {
       "icon": ['fas', 'download']
     }
-  })], 1) : _vm._e(), _vm._v(" "), _vm.docAnexo ? _c('a', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.docURL ? _c('a', {
     attrs: {
-      "href": _vm.docAnexo,
-      "download": "" + _vm.nomeArquivo,
+      "href": _vm.docURL,
+      "download": "" + _vm.filename,
       "target": "_blank",
       "rel": "noreferrer noopener"
     }
@@ -12204,8 +12197,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$6 = function (inject) {
   if (!inject) return;
-  inject("data-v-19808158_0", {
-    source: ".fade-enter-active[data-v-19808158],.fade-leave-active[data-v-19808158]{transition:opacity .5s}.fade-enter[data-v-19808158],.fade-leave-to[data-v-19808158]{opacity:0}.mensagem-div-anexo[data-v-19808158]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.anexo-container[data-v-19808158]{width:100%;margin-top:5px}.anexo-container .arquivo-erro[data-v-19808158],.anexo-container a[data-v-19808158]{padding:10px 15px 15px 15px;display:flex;justify-content:center;align-items:center}.anexo-container .arquivo-erro[data-v-19808158],.anexo-container p[data-v-19808158]{margin:0;margin-left:15px;font-size:.9rem}.anexo-container svg[data-v-19808158]{font-size:2rem}.anexo-container audio[data-v-19808158]{outline:0;width:100%}.anexo-container video[data-v-19808158]{width:100%;max-width:350px;cursor:pointer}.anexos-links-container[data-v-19808158]{width:100%;display:flex;justify-content:center;align-items:center}.anexos-links-container a[data-v-19808158]{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-19808158]{cursor:pointer}.mensagem-div-anexo img[data-v-19808158]{cursor:pointer;margin:10px 0;min-width:35px;width:100%;max-width:250px}.anexo-transition[data-v-19808158]{width:100%;height:100%}.anexo-mensagem[data-v-19808158]{display:flex;justify-content:center;align-items:center;flex-direction:column}.alert-danger[data-v-19808158]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert[data-v-19808158]{position:relative;padding:.65rem 1.2rem;margin:5px 0;border:1px solid transparent;border-radius:.25rem;text-align:center}.alert svg[data-v-19808158]{font-size:1.025em;margin-right:2px}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -12213,7 +12206,7 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-19808158";
+const __vue_scope_id__$6 = "data-v-1a4340aa";
 /* module identifier */
 
 const __vue_module_identifier__$6 = undefined;