vue-intergrall-plugins 1.1.70 → 1.1.71

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

@@ -21800,17 +21800,17 @@ var __vue_render__$1 = function __vue_render__() {
         return _vm.openByItem($event);
       }
     }
-  }, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-0fc5e3c9></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.statusTitle) + " data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  }, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\"></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + ">", "</div>", [_vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.statusTitle) + ">", "</span>", [_c('fa-icon', {
     class: [_vm.origem],
     attrs: {
       "icon": ['fas', _vm.status !== 'C' ? 'reply' : 'times']
     }
-  })], 1), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName) + " class=\"email-author-name\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName)) + "</p> "), _vm._ssrNode("<span" + _vm._ssrAttr("title", "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')) + " data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  })], 1), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName) + " class=\"email-author-name\">" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName)) + "</p> "), _vm._ssrNode("<span" + _vm._ssrAttr("title", "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')) + ">", "</span>", [_c('fa-icon', {
     staticClass: "email-to-svg",
     attrs: {
       "icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset']
     }
-  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-0fc5e3c9>", "</div>", [_vm.customButtons && _vm.customButtons.length ? _vm._l(_vm.customButtons, function (button, index) {
+  })], 1)], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-custom-buttons\">", "</div>", [_vm.customButtons && _vm.customButtons.length ? _vm._l(_vm.customButtons, function (button, index) {
     return _c('span', {
       directives: [{
         name: "show",
@@ -21841,11 +21841,11 @@ var __vue_render__$1 = function __vue_render__() {
         "innerHTML": _vm._s(button.svgIcon)
       }
     })], 1);
-  }) : _vm._e(), _vm._ssrNode(" "), _vm.isOpen && _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.filteredFiles.length + " anexos") + " class=\"email-clip-anchor cursor-pointer\" data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  }) : _vm._e(), _vm._ssrNode(" "), _vm.isOpen && _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.filteredFiles.length + " anexos") + " class=\"email-clip-anchor cursor-pointer\">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paperclip']
     }
-  })], 1) : _vm._e()], 2), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\" data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<span class=\"icon-tittle-ja-spam\" data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  })], 1) : _vm._e()], 2), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length && _vm.customActionButtons[0].type === 'ja-spam' ? _vm._ssrNode("<div class=\"ja-marcado-spam\">", "</div>", [_vm._ssrNode("<span class=\"icon-tittle-ja-spam\">", "</span>", [_c('fa-icon', {
     staticStyle: {
       "color": "#FF0000",
       "margin-right": "8px",
@@ -21854,21 +21854,21 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'exclamation-triangle']
     }
-  }), _vm._ssrNode(_vm._ssrEscape("\n        " + _vm._s(_vm.customActionButtons[0].label) + "\n      "))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"ja-marcado-spam-buttons\" data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn1.disabled) + " class=\"btn-nao-spam\" style=\"position: relative;\" data-v-0fc5e3c9>", "</button>", [_vm.customActionButtons[0].btn1.loading ? _c('VueLoader', {
+  }), _vm._ssrNode(_vm._ssrEscape("\n        " + _vm._s(_vm.customActionButtons[0].label) + "\n      "))], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"ja-marcado-spam-buttons\">", "</div>", [_vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn1.disabled) + " class=\"btn-nao-spam\" style=\"position: relative;\">", "</button>", [_vm.customActionButtons[0].btn1.loading ? _c('VueLoader', {
     staticClass: "btn-loader",
     attrs: {
       "hasBg": false
     }
   }) : _vm._e(), _vm._ssrNode(" <span" + _vm._ssrStyle(null, {
     opacity: _vm.customActionButtons[0].btn1.loading ? 0 : 1
-  }, null) + " data-v-0fc5e3c9>" + _vm._ssrEscape("\n        " + _vm._s(_vm.customActionButtons[0].btn1.label) + "\n      ") + "</span>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn2.disabled) + " class=\"btn-e-spam\" style=\"position: relative;\" data-v-0fc5e3c9>", "</button>", [_vm.customActionButtons[0].btn2.loading ? _c('VueLoader', {
+  }, null) + ">" + _vm._ssrEscape("\n        " + _vm._s(_vm.customActionButtons[0].btn1.label) + "\n      ") + "</span>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<button" + _vm._ssrAttr("disabled", _vm.customActionButtons[0].btn2.disabled) + " class=\"btn-e-spam\" style=\"position: relative;\">", "</button>", [_vm.customActionButtons[0].btn2.loading ? _c('VueLoader', {
     staticClass: "btn-loader",
     attrs: {
       "hasBg": false
     }
   }) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrStyle(null, {
     opacity: _vm.customActionButtons[0].btn2.loading ? 0 : 1
-  }, null) + " data-v-0fc5e3c9>", "</span>", [_vm.customActionButtons[0].btn2.icon ? _c('fa-icon', {
+  }, null) + ">", "</span>", [_vm.customActionButtons[0].btn2.icon ? _c('fa-icon', {
     staticClass: "icon-btn-encerrar-spam",
     staticStyle: {
       "margin-right": "6px"
@@ -21876,7 +21876,7 @@ var __vue_render__$1 = function __vue_render__() {
     attrs: {
       "icon": ['fas', _vm.customActionButtons[0].btn2.icon === 'exit' ? 'sign-out-alt' : _vm.customActionButtons[0].btn2.icon]
     }
-  }) : _vm._e(), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.customActionButtons[0].btn2.label) + "\n    "))], 2)], 2)], 2)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length ? _vm._ssrNode("<div class=\"email-custom-action-buttons\" data-v-0fc5e3c9>", "</div>", [_vm._l(_vm.customActionButtons, function (button, index) {
+  }) : _vm._e(), _vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.customActionButtons[0].btn2.label) + "\n    "))], 2)], 2)], 2)], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customActionButtons && _vm.customActionButtons.length ? _vm._ssrNode("<div class=\"email-custom-action-buttons\">", "</div>", [_vm._l(_vm.customActionButtons, function (button, index) {
     return [button.type !== 'ja-spam' ? _c('button', {
       directives: [{
         name: "show",
@@ -21906,12 +21906,33 @@ var __vue_render__$1 = function __vue_render__() {
       domProps: {
         "innerHTML": _vm._s(button.svgIcon)
       }
-    }), _vm._ssrNode(" " + (button.label ? "<span class=\"email-custom-action-label\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(button.label)) + "</span>" : "<!---->") + " "), _vm.status !== 'C' && _vm.isOpen ? _vm._ssrNode("<span title=\"Baixar e-mail em PDF\" class=\"email-pdf-down load cursor-pointer\" data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
-      attrs: {
-        "icon": ['fas', 'file-pdf']
+    }), _vm._ssrNode(" " + (button.label ? "<span class=\"email-custom-action-label\">" + _vm._ssrEscape(_vm._s(button.label)) + "</span>" : "<!---->"))], 2) : _vm._e()];
+  }), _vm._ssrNode(" "), _c('button', {
+    directives: [{
+      name: "tippy",
+      rawName: "v-tippy"
+    }],
+    staticClass: "email-pdf-download-btn",
+    class: {
+      'generating': _vm.isGeneratingPdf
+    },
+    attrs: {
+      "disabled": _vm.isGeneratingPdf,
+      "content": "Baixar e-mail em PDF"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.generatePdf.apply(null, arguments);
       }
-    })], 1) : _vm._e()], 2) : _vm._e()];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-0fc5e3c9>" + _vm._ssrEscape("\n        " + _vm._s(_vm.returnMainValue()) + "\n      ") + "</p> " + (_vm.status === 'C' ? "<div" + _vm._ssrClass("divBtnReplyEmail", [_vm.isOpen ? 'reply-email-open' : '']) + " data-v-0fc5e3c9><strong class=\"strongMsg\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(_vm.status_msg) + " ") + "</strong> " + (_vm.hasReplyEmail ? "<button class=\"btnReplyEmail\" data-v-0fc5e3c9><strong data-v-0fc5e3c9>Reenviar</strong></button>" : "<!---->") + "</div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"header-container\" data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-0fc5e3c9>", "</div>", [[_vm.para && _vm.para.length ? _vm._ssrNode("<div class=\"email-to-from-container\" data-v-0fc5e3c9>", "</div>", _vm._l(_vm.para, function (recipient, index) {
+    }
+  }, [_vm._ssrNode("<span class=\"pdf-icon-wrapper\">", "</span>", [_c('fa-icon', {
+    staticClass: "pdf-icon",
+    attrs: {
+      "icon": ['fas', _vm.isGeneratingPdf ? 'spinner' : 'file-pdf'],
+      "spin": _vm.isGeneratingPdf
+    }
+  })], 1), _vm._ssrNode(" <span class=\"pdf-label\">" + _vm._ssrEscape(_vm._s(_vm.isGeneratingPdf ? 'Gerando...' : 'PDF')) + "</span>")], 2)], 2) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\">", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\">" + _vm._ssrEscape("\n        " + _vm._s(_vm.returnMainValue()) + "\n      ") + "</p> " + (_vm.status === 'C' ? "<div" + _vm._ssrClass("divBtnReplyEmail", [_vm.isOpen ? 'reply-email-open' : '']) + "><strong class=\"strongMsg\">" + _vm._ssrEscape(_vm._s(_vm.status_msg) + " ") + "</strong> " + (_vm.hasReplyEmail ? "<button class=\"btnReplyEmail\"><strong>Reenviar</strong></button>" : "<!---->") + "</div>" : "<!---->") + " "), _vm._ssrNode("<div class=\"header-container\">", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + ">", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\">", "</div>", [[_vm.para && _vm.para.length ? _vm._ssrNode("<div class=\"email-to-from-container\">", "</div>", _vm._l(_vm.para, function (recipient, index) {
     return _c('EmailTo', {
       key: "to-" + recipient.email,
       attrs: {
@@ -21920,7 +21941,7 @@ var __vue_render__$1 = function __vue_render__() {
         "showMail": _vm.isOpen
       }
     });
-  }), 1) : _vm._e(), _vm._ssrNode(" "), _vm.copia && _vm.copia.length ? _vm._ssrNode("<div class=\"email-cc-container\" data-v-0fc5e3c9>", "</div>", _vm._l(_vm.copia, function (recipient, index) {
+  }), 1) : _vm._e(), _vm._ssrNode(" "), _vm.copia && _vm.copia.length ? _vm._ssrNode("<div class=\"email-cc-container\">", "</div>", _vm._l(_vm.copia, function (recipient, index) {
     return _c('EmailTo', {
       key: "cc-" + recipient.email,
       attrs: {
@@ -21931,13 +21952,13 @@ var __vue_render__$1 = function __vue_render__() {
     });
   }), 1) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
     display: _vm.isOpen ? '' : 'none'
-  }) + " data-v-0fc5e3c9>", "</div>", [_c('fa-icon', {
+  }) + ">", "</div>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'caret-down']
     }
-  })], 1)], _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-0fc5e3c9><span class=\"email-subject-span\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s("Assunto: " + (_vm.htmlEntityToEmoji(_vm.replaceUnicodeWithEmoji(_vm.assunto)) || '(Sem assunto)'))) + "</span></div>" : "<!---->"))], 2)]), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.formattedDate) + _vm._ssrClass(null, "email-date " + (_vm.isOpen ? _vm.isOpenClass : _vm.isClosedClass)) + _vm._ssrStyle(null, null, {
+  })], 1)], _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\"><span class=\"email-subject-span\">" + _vm._ssrEscape(_vm._s("Assunto: " + (_vm.htmlEntityToEmoji(_vm.replaceUnicodeWithEmoji(_vm.assunto)) || '(Sem assunto)'))) + "</span></div>" : "<!---->"))], 2)]), _vm._ssrNode(" "), _vm._ssrNode("<span" + _vm._ssrAttr("title", _vm.formattedDate) + _vm._ssrClass(null, "email-date " + (_vm.isOpen ? _vm.isOpenClass : _vm.isClosedClass)) + _vm._ssrStyle(null, null, {
     display: _vm.formattedDate ? '' : 'none'
-  }) + " data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  }) + ">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'calendar']
     }
@@ -21958,12 +21979,12 @@ var __vue_render__$1 = function __vue_render__() {
       }
     }
   }, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
-    return "<li class=\"email-info\" data-v-0fc5e3c9><span data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n          " + _vm._s(info.value) + "\n        ") + "</li>";
+    return "<li class=\"email-info\"><span>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n          " + _vm._s(info.value) + "\n        ") + "</li>";
   }))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
     active: _vm.actionsOpen
   }, {
     main: _vm.isMainEmail
-  }]) + " data-v-0fc5e3c9><span data-v-0fc5e3c9></span> <span data-v-0fc5e3c9></span> <span data-v-0fc5e3c9></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
+  }]) + "><span></span> <span></span> <span></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
     directives: [{
       name: "clickaway",
       rawName: "v-clickaway",
@@ -21976,13 +21997,13 @@ var __vue_render__$1 = function __vue_render__() {
         $event.stopPropagation();
       }
     }
-  }, [_vm._ssrNode("<li class=\"email-action\" data-v-0fc5e3c9>" + _vm._ssrEscape("\n          " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail (html)\n        ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-content\"" + _vm._ssrStyle(null, null, {
+  }, [_vm._ssrNode("<li class=\"email-action\">" + _vm._ssrEscape("\n          " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail (html)\n        ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-content\"" + _vm._ssrStyle(null, null, {
     display: _vm.isOpen ? '' : 'none'
-  }) + " data-v-0fc5e3c9>", "</div>", [_vm.isIframeLoading ? _c('VueLoader') : _vm._e(), _vm._ssrNode(" " + (_vm.hasError ? "<div class=\"email-error-content\" data-v-0fc5e3c9><p data-v-0fc5e3c9>Erro ao carregar o e-mail</p> <button class=\"box-shadow\" data-v-0fc5e3c9>Tentar novamente</button></div>" : "<!---->") + " <iframe" + _vm._ssrClass(null, "email-html " + (_vm.isIframeLoading ? 'visibility-hidden' : '')) + _vm._ssrStyle(null, null, {
+  }) + ">", "</div>", [_vm.isIframeLoading ? _c('VueLoader') : _vm._e(), _vm._ssrNode(" " + (_vm.hasError ? "<div class=\"email-error-content\"><p>Erro ao carregar o e-mail</p> <button class=\"box-shadow\">Tentar novamente</button></div>" : "<!---->") + " <iframe" + _vm._ssrClass(null, "email-html " + (_vm.isIframeLoading ? 'visibility-hidden' : '')) + _vm._ssrStyle(null, null, {
     display: !_vm.hasError ? '' : 'none'
-  }) + " data-v-0fc5e3c9></iframe> " + (_vm.openMessage ? "<span class=\"email-raw\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(_vm.mensagem)) + "</span>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
+  }) + "></iframe> " + (_vm.openMessage ? "<span class=\"email-raw\">" + _vm._ssrEscape(_vm._s(_vm.mensagem)) + "</span>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
     display: _vm.isOpen ? '' : 'none'
-  }) + " data-v-0fc5e3c9>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
+  }) + ">", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
     return _c('EmailFile', {
       key: index,
       attrs: {
@@ -21990,11 +22011,11 @@ var __vue_render__$1 = function __vue_render__() {
         "dominio": _vm.dominio
       }
     });
-  }), 1) : _vm._e(), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length && !_vm.isOpen ? _vm._ssrNode("<div class=\"email-attachments-clip cursor-pointer\" data-v-0fc5e3c9>", "</div>", [_vm._ssrNode("<span class=\"clip-icon\" data-v-0fc5e3c9>", "</span>", [_c('fa-icon', {
+  }), 1) : _vm._e(), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length && !_vm.isOpen ? _vm._ssrNode("<div class=\"email-attachments-clip cursor-pointer\">", "</div>", [_vm._ssrNode("<span class=\"clip-icon\">", "</span>", [_c('fa-icon', {
     attrs: {
       "icon": ['fas', 'paperclip']
     }
-  }), _vm._ssrNode(" <span class=\"clip-badge\" data-v-0fc5e3c9>" + _vm._ssrEscape(_vm._s(_vm.filteredFiles.length)) + "</span>")], 2)]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
+  }), _vm._ssrNode(" <span class=\"clip-badge\">" + _vm._ssrEscape(_vm._s(_vm.filteredFiles.length)) + "</span>")], 2)]) : _vm._e(), _vm._ssrNode(" "), _c('transition', {
     attrs: {
       "name": "fade",
       "mode": "out-in"
@@ -22154,26 +22175,23 @@ var __vue_render__$1 = function __vue_render__() {
 var __vue_staticRenderFns__$1 = [];
 
 /* style */
-var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
-  if (!inject) return;
-  inject("data-v-0fc5e3c9_0", {
-    source: ".email-pdf-download[data-v-0fc5e3c9]{padding:5px 8px;color:#d54286;font-size:16px;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.email-pdf-download[data-v-0fc5e3c9]:hover{opacity:.7}.pdf-content[data-v-0fc5e3c9]{padding:20px}.pdf-title[data-v-0fc5e3c9]{font-size:20px;color:#d54286;margin:0 0 15px 0;padding-bottom:10px;border-bottom:2px solid #e2e6ea;word-wrap:break-word;overflow-wrap:break-word;page-break-after:avoid;page-break-inside:avoid}.pdf-info-table[data-v-0fc5e3c9]{width:100%;margin:0 0 20px 0;border-collapse:collapse;table-layout:fixed;page-break-inside:avoid}.pdf-info-table th[data-v-0fc5e3c9]{text-align:left;padding:10px;font-weight:700;background-color:#f8f9fa;border:1px solid #e2e6ea;width:100px;vertical-align:top;font-size:14px}.pdf-info-table td[data-v-0fc5e3c9]{padding:10px;border:1px solid #e2e6ea;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;font-size:14px;line-height:1.5;max-width:100%}.pdf-info-table tr[data-v-0fc5e3c9]{page-break-inside:avoid;page-break-after:auto}",
-    map: undefined,
-    media: undefined
-  });
-};
+var __vue_inject_styles__$1 = undefined;
 /* scoped */
-var __vue_scope_id__$1 = "data-v-0fc5e3c9";
+var __vue_scope_id__$1 = undefined;
 /* module identifier */
-var __vue_module_identifier__$1 = "data-v-0fc5e3c9";
+var __vue_module_identifier__$1 = "data-v-36ab9fb2";
 /* functional template */
 var __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
 /* style inject shadow dom */
 
 var __vue_component__$2 = /*#__PURE__*/normalizeComponent$1({
   render: __vue_render__$1,
   staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, createInjectorSSR, undefined);
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 var __vue_component__$3 = __vue_component__$2;//
 var script = {
   components: {

package/package.json

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

package/src/lib-components/Email/EmailItem.vue

@@ -90,9 +90,25 @@
           <fa-icon :icon="['fas', button.icon || 'question-circle']" v-if="!button.svgIcon" />
           <span v-else v-html="button.svgIcon" :class="button.svgClass ? button.svgClass : ''"></span>
           <span v-if="button.label" class="email-custom-action-label" v-text="button.label"></span>
-          <span v-if="status !== 'C' && isOpen" class="email-pdf-down load cursor-pointer"@click.stop="generatePdf"title="Baixar e-mail em PDF"><fa-icon :icon="['fas', 'file-pdf']" /></span>
         </button>
       </template>
+      <button 
+        class="email-pdf-download-btn"
+        :class="{ 'generating': isGeneratingPdf }"
+        @click.stop="generatePdf"
+        :disabled="isGeneratingPdf"
+        v-tippy
+        content="Baixar e-mail em PDF"
+      >
+        <span class="pdf-icon-wrapper">
+          <fa-icon 
+            :icon="['fas', isGeneratingPdf ? 'spinner' : 'file-pdf']" 
+            :spin="isGeneratingPdf"
+            class="pdf-icon"
+          />
+        </span>
+        <span class="pdf-label">{{ isGeneratingPdf ? 'Gerando...' : 'PDF' }}</span>
+      </button>
     </div>
     <div class="email-header" @click.stop="toggleIsOpen">
       <p class="email-subject" :title="returnMainValue()">
@@ -855,71 +871,4 @@ export default {
     }
   }
 };
-</script>
-
-<style scoped>
-.email-pdf-download {
-  padding: 5px 8px;
-  color: #d54286;
-  font-size: 16px;
-  transition: opacity 0.2s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.email-pdf-download:hover {
-  opacity: 0.7;
-}
-
-.pdf-content {
-  padding: 20px;
-}
-
-.pdf-title {
-  font-size: 20px;
-  color: #d54286;
-  margin: 0 0 15px 0;
-  padding-bottom: 10px;
-  border-bottom: 2px solid #e2e6ea;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  page-break-after: avoid;
-  page-break-inside: avoid;
-}
-
-.pdf-info-table {
-  width: 100%;
-  margin: 0 0 20px 0;
-  border-collapse: collapse;
-  table-layout: fixed;
-  page-break-inside: avoid;
-}
-
-.pdf-info-table th {
-  text-align: left;
-  padding: 10px;
-  font-weight: bold;
-  background-color: #f8f9fa;
-  border: 1px solid #e2e6ea;
-  width: 100px;
-  vertical-align: top;
-  font-size: 14px;
-}
-
-.pdf-info-table td {
-  padding: 10px;
-  border: 1px solid #e2e6ea;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  font-size: 14px;
-  line-height: 1.5;
-  max-width: 100%;
-}
-
-.pdf-info-table tr {
-  page-break-inside: avoid;
-  page-break-after: auto;
-}
-</style>
+</script>