vue-intergrall-plugins 1.0.70 → 1.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -9594,8 +9594,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9594
9594
|
/* style */
|
|
9595
9595
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9596
9596
|
if (!inject) return;
|
|
9597
|
-
inject("data-v-
|
|
9598
|
-
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem
|
|
9597
|
+
inject("data-v-95f6d940_0", {
|
|
9598
|
+
source: ":root{--message-color:#373737;--text-color:#fff;--files-bg:rgba(255, 255, 255, 0.1);--files-bg-hover:rgba(255, 255, 255, 0.1);--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem-reply{padding:5px 10px;font-size:12px;color:#666;transition:background-color 150ms ease-in-out;border-radius:5px;margin:5px 0;overflow:hidden;max-width:100%}.mensagem-reply p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-principal{border-left:3px solid transparent;background-color:rgba(100,100,100,.1)}.message-reply-principal:hover{background-color:rgba(100,100,100,.2)}.message-reply-outros{background-color:#f5f5f5;border-left:3px solid var(--message-color)}.message-reply-outros:hover{background-color:#ebebeb}.mensagem-reply-vazia{display:flex;align-items:center}.mensagem-reply-vazia svg{margin-right:5px;color:#ba181b}.mensagem{padding:20px 7px 14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:12px;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:9.6px;color:#67a332;width:14.4px;height:14.4px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:11.2px}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:6.4px;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:11.2px;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:9.6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.menu-primario{transition:opacity 150ms ease-in-out;position:absolute;font-size:11.2px;top:2px;display:flex;gap:5px;padding:2px 4px}.menu-primario.principal{left:2px;color:var(--text-color);background-color:var(--message-color)}.menu-primario.outros{right:2px;color:var(--text-color);background-color:#fff}.menu-primario.outros>span:nth-child(1){order:10}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.menu-flutuante{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:10px;position:absolute;top:20px;width:120px;min-height:50px;height:50px;max-height:50px;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;display:flex;flex-direction:column;z-index:1}.menu-flutuante.principal{left:3px}.menu-flutuante.outros{right:3px}.menu-flutuante li{transition:background-color .3s ease-in-out;width:100%;cursor:pointer;padding:5px 10px;display:flex;align-items:center}.menu-flutuante li:hover{background-color:#e9e9e9}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.emoji-message-container{position:absolute;top:0;z-index:1;width:300px;height:250px}.emoji-message-container .sm-emoji-picker{width:300px;height:250px}.emoji-message-container .sm-emoji-picker .sm-emoji-header{overflow-x:auto;overflow-y:hidden}.reaction{position:absolute;bottom:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(100,100,100,.4);padding:5px;font-size:1.3em;min-width:1.8em;min-height:1.8em;max-width:1.8em;max-height:1.8em}.reaction>span{display:block;transform:translateY(-1px)}.mensagem__outros .reaction{right:-30px}.mensagem__principal .reaction{left:-30px}",
|
|
9599
9599
|
map: undefined,
|
|
9600
9600
|
media: undefined
|
|
9601
9601
|
});
|
|
@@ -9603,7 +9603,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9603
9603
|
/* scoped */
|
|
9604
9604
|
var __vue_scope_id__$7 = undefined;
|
|
9605
9605
|
/* module identifier */
|
|
9606
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9606
|
+
var __vue_module_identifier__$7 = "data-v-95f6d940";
|
|
9607
9607
|
/* functional template */
|
|
9608
9608
|
var __vue_is_functional_template__$7 = false;
|
|
9609
9609
|
/* style inject shadow dom */
|
|
@@ -10289,7 +10289,9 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10289
10289
|
openMessage: false,
|
|
10290
10290
|
actionsOpen: false,
|
|
10291
10291
|
showInfos: false,
|
|
10292
|
-
isIframeLoading: true
|
|
10292
|
+
isIframeLoading: true,
|
|
10293
|
+
hasError: false,
|
|
10294
|
+
errorCount: 0
|
|
10293
10295
|
};
|
|
10294
10296
|
},
|
|
10295
10297
|
computed: {
|
|
@@ -10415,6 +10417,21 @@ var EmailTo = __vue_component__$4;var script$1 = {
|
|
|
10415
10417
|
var doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
10416
10418
|
var margin = 20;
|
|
10417
10419
|
var value = doc.documentElement.offsetHeight > 400 ? doc.documentElement.offsetHeight + margin : doc.documentElement.offsetHeight;
|
|
10420
|
+
if (value === 0 || doc.documentElement.querySelector('body').innerHTML === '') {
|
|
10421
|
+
_this4.errorCount++;
|
|
10422
|
+
if (_this4.errorCount > 3) {
|
|
10423
|
+
_this4.hasError = true;
|
|
10424
|
+
if (_this4.isIframeLoading) _this4.isIframeLoading = false;
|
|
10425
|
+
return;
|
|
10426
|
+
}
|
|
10427
|
+
_this4.isIframeLoading = true;
|
|
10428
|
+
_this4.updateIframeContent();
|
|
10429
|
+
return;
|
|
10430
|
+
}
|
|
10431
|
+
if (_this4.hasError || _this4.errorCount > 0) {
|
|
10432
|
+
_this4.hasError = false;
|
|
10433
|
+
_this4.errorCount = 0;
|
|
10434
|
+
}
|
|
10418
10435
|
iframe.style.height = "".concat(value, "px");
|
|
10419
10436
|
emailParent.style.minHeight = "".concat(value, "px");
|
|
10420
10437
|
}, 10);
|
|
@@ -10533,19 +10550,19 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10533
10550
|
return _vm.openByItem($event);
|
|
10534
10551
|
}
|
|
10535
10552
|
}
|
|
10536
|
-
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-
|
|
10553
|
+
}, [_vm._ssrNode((_vm.showInfos ? "<div class=\"email-overlay\" data-v-1d11de86></div>" : "<!---->") + " "), _vm.autor ? _vm._ssrNode("<div" + _vm._ssrClass("email-author", [_vm.origem, _vm.isMainEmail ? 'main' : '']) + " data-v-1d11de86>", "</div>", [_c('fa-icon', {
|
|
10537
10554
|
class: [_vm.origem],
|
|
10538
10555
|
attrs: {
|
|
10539
10556
|
"icon": ['fas', 'reply'],
|
|
10540
10557
|
"title": "Enviado por: " + _vm.autor
|
|
10541
10558
|
}
|
|
10542
|
-
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-
|
|
10559
|
+
}), _vm._ssrNode(" <p" + _vm._ssrAttr("title", _vm.returnAuthorName()) + " class=\"email-author-name\" data-v-1d11de86>" + _vm._ssrEscape(_vm._s(_vm.returnAuthorName())) + "</p> "), _c('fa-icon', {
|
|
10543
10560
|
staticClass: "email-to-svg",
|
|
10544
10561
|
attrs: {
|
|
10545
10562
|
"icon": ['fas', _vm.origem === 'outros' ? 'user' : 'headset'],
|
|
10546
10563
|
"title": "E-mail " + (_vm.origem === 'outros' ? 'recebido' : 'enviado')
|
|
10547
10564
|
}
|
|
10548
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-
|
|
10565
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.customButtons && _vm.customButtons.length ? _vm._ssrNode("<div class=\"email-custom-buttons\" data-v-1d11de86>", "</div>", _vm._l(_vm.customButtons, function (button, index) {
|
|
10549
10566
|
return _c('span', {
|
|
10550
10567
|
directives: [{
|
|
10551
10568
|
name: "show",
|
|
@@ -10576,7 +10593,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10576
10593
|
"innerHTML": _vm._s(button.svgIcon)
|
|
10577
10594
|
}
|
|
10578
10595
|
})], 1);
|
|
10579
|
-
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-
|
|
10596
|
+
}), 0) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-header\" data-v-1d11de86>", "</div>", [_vm._ssrNode("<p" + _vm._ssrAttr("title", _vm.returnMainValue()) + " class=\"email-subject\" data-v-1d11de86>" + _vm._ssrEscape("\n " + _vm._s(_vm.returnMainValue()) + "\n ") + "</p> "), _vm._ssrNode("<div class=\"header-container\" data-v-1d11de86>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, "email-header-content" + (_vm.isOpen ? ' open' : '')) + " data-v-1d11de86>", "</div>", [_vm._ssrNode("<div class=\"email-header-infos\" data-v-1d11de86>", "</div>", [_vm.para && _vm.para.length ? [_vm._ssrNode("<div class=\"email-to-from-container\" data-v-1d11de86>", "</div>", [_vm._l(_vm.paraCopia, function (recipient, index) {
|
|
10580
10597
|
return _c('EmailTo', {
|
|
10581
10598
|
key: "to-" + index,
|
|
10582
10599
|
attrs: {
|
|
@@ -10587,13 +10604,13 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10587
10604
|
});
|
|
10588
10605
|
}), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"email-to-btn\"" + _vm._ssrStyle(null, null, {
|
|
10589
10606
|
display: _vm.isOpen ? '' : 'none'
|
|
10590
|
-
}) + " data-v-
|
|
10607
|
+
}) + " data-v-1d11de86>", "</div>", [_c('fa-icon', {
|
|
10591
10608
|
attrs: {
|
|
10592
10609
|
"icon": ['fas', 'caret-down']
|
|
10593
10610
|
}
|
|
10594
|
-
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-
|
|
10611
|
+
})], 1)], 2)] : _vm._e(), _vm._ssrNode(" " + (!_vm.isMainEmail && _vm.isOpen ? "<div class=\"email-subject-secondary\" data-v-1d11de86><span class=\"email-subject-span\" data-v-1d11de86>" + _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, {
|
|
10595
10612
|
display: _vm.formattedDate ? '' : 'none'
|
|
10596
|
-
}) + " data-v-
|
|
10613
|
+
}) + " data-v-1d11de86>", "</span>", [_c('fa-icon', {
|
|
10597
10614
|
attrs: {
|
|
10598
10615
|
"icon": ['fas', 'calendar']
|
|
10599
10616
|
}
|
|
@@ -10614,12 +10631,12 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10614
10631
|
}
|
|
10615
10632
|
}
|
|
10616
10633
|
}, [_vm._ssrNode(_vm._ssrList(_vm.mailInfos, function (info, index) {
|
|
10617
|
-
return "<li class=\"email-info\" data-v-
|
|
10634
|
+
return "<li class=\"email-info\" data-v-1d11de86><span data-v-1d11de86>" + _vm._ssrEscape(_vm._s(info.label)) + "</span>" + _vm._ssrEscape("\n " + _vm._s(info.value) + "\n ") + "</li>";
|
|
10618
10635
|
}))]) : _vm._e(), _vm._ssrNode(" " + (_vm.isOpen ? "<span" + _vm._ssrClass(null, ['email-actions box-shadow', {
|
|
10619
10636
|
active: _vm.actionsOpen
|
|
10620
10637
|
}, {
|
|
10621
10638
|
main: _vm.isMainEmail
|
|
10622
|
-
}]) + " data-v-
|
|
10639
|
+
}]) + " data-v-1d11de86><span data-v-1d11de86></span> <span data-v-1d11de86></span> <span data-v-1d11de86></span></span>" : "<!---->") + " "), _vm.actionsOpen && _vm.isOpen ? _c('ul', {
|
|
10623
10640
|
directives: [{
|
|
10624
10641
|
name: "clickaway",
|
|
10625
10642
|
rawName: "v-clickaway",
|
|
@@ -10632,7 +10649,7 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10632
10649
|
$event.stopPropagation();
|
|
10633
10650
|
}
|
|
10634
10651
|
}
|
|
10635
|
-
}, [_vm._ssrNode("<li class=\"email-action\" data-v-
|
|
10652
|
+
}, [_vm._ssrNode("<li class=\"email-action\" data-v-1d11de86>" + _vm._ssrEscape("\n " + _vm._s(!_vm.openMessage ? 'Visualizar' : 'Esconder') + " texto do e-mail\n ") + "</li>")]) : _vm._e()], 2), _vm._ssrNode(" "), _c('transition', {
|
|
10636
10653
|
attrs: {
|
|
10637
10654
|
"name": "show-y-top"
|
|
10638
10655
|
}
|
|
@@ -10645,14 +10662,29 @@ var __vue_render__$1 = function __vue_render__() {
|
|
|
10645
10662
|
}],
|
|
10646
10663
|
ref: "emailIframeParent",
|
|
10647
10664
|
staticClass: "email-content"
|
|
10648
|
-
}, [_vm.isIframeLoading ? _c('VueLoader') : _vm._e(), _vm._v(" "), _c('
|
|
10665
|
+
}, [_vm.isIframeLoading ? _c('VueLoader') : _vm._e(), _vm._v(" "), _vm.hasError ? _c('div', {
|
|
10666
|
+
staticClass: "email-error-content"
|
|
10667
|
+
}, [_c('p', [_vm._v("Erro ao carregar o e-mail")]), _vm._v(" "), _c('button', {
|
|
10668
|
+
staticClass: "box-shadow",
|
|
10669
|
+
on: {
|
|
10670
|
+
"click": function click($event) {
|
|
10671
|
+
return _vm.updateIframeContent();
|
|
10672
|
+
}
|
|
10673
|
+
}
|
|
10674
|
+
}, [_vm._v("Tentar novamente")])]) : _vm._e(), _vm._v(" "), _c('iframe', {
|
|
10675
|
+
directives: [{
|
|
10676
|
+
name: "show",
|
|
10677
|
+
rawName: "v-show",
|
|
10678
|
+
value: !_vm.hasError,
|
|
10679
|
+
expression: "!hasError"
|
|
10680
|
+
}],
|
|
10649
10681
|
ref: "emailIframe",
|
|
10650
10682
|
class: "email-html " + (_vm.isIframeLoading ? 'visibility-hidden' : '')
|
|
10651
10683
|
}), _vm._v(" "), _vm.openMessage ? _c('span', {
|
|
10652
10684
|
staticClass: "email-raw"
|
|
10653
10685
|
}, [_vm._v(_vm._s(_vm.mensagem))]) : _vm._e()], 1)]), _vm._ssrNode(" "), _vm.filteredFiles && _vm.filteredFiles.length ? _vm._ssrNode("<div class=\"email-files\"" + _vm._ssrStyle(null, null, {
|
|
10654
10686
|
display: _vm.isOpen || _vm.isMainEmail ? '' : 'none'
|
|
10655
|
-
}) + " data-v-
|
|
10687
|
+
}) + " data-v-1d11de86>", "</div>", _vm._l(_vm.filteredFiles, function (anexo, index) {
|
|
10656
10688
|
return _c('EmailFile', {
|
|
10657
10689
|
key: index,
|
|
10658
10690
|
attrs: {
|
|
@@ -10667,20 +10699,20 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
10667
10699
|
/* style */
|
|
10668
10700
|
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
|
|
10669
10701
|
if (!inject) return;
|
|
10670
|
-
inject("data-v-
|
|
10671
|
-
source: ".show-y-top-enter-active[data-v-
|
|
10702
|
+
inject("data-v-1d11de86_0", {
|
|
10703
|
+
source: ".show-y-top-enter-active[data-v-1d11de86],.show-y-top-leave-enter[data-v-1d11de86]{opacity:1;transform:translateY(0);transition:all .2s linear}.show-y-top-enter[data-v-1d11de86],.show-y-top-leave-to[data-v-1d11de86]{opacity:0;transform:translateY(-2%)}",
|
|
10672
10704
|
map: undefined,
|
|
10673
10705
|
media: undefined
|
|
10674
|
-
}), inject("data-v-
|
|
10675
|
-
source: "@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.visibility-hidden{visibility:hidden}.box-shadow-active{box-shadow:0 0 4px 2px rgba(0,0,0,.25)}.bg-dark-white-2{background-color:#f7f7f7}.bg-white{background-color:#fff}.cursor-pointer{cursor:pointer}.email-overlay{width:100%;height:100%;background-color:transparent;z-index:1;position:absolute;top:0;left:0}.email-item{font-family:Roboto,sans-serif;flex:1;margin:0 0 10px 0;color:#222;min-height:60px;display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;transition:all 150ms ease-in-out;max-width:100%;width:100%;overflow:hidden;position:relative}.email-item.outros{border-left:3px solid #33b8df}.email-author-name{margin:0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-author.outros{color:#33b8df}.email-author.outros>svg:nth-child(1){transform:rotate(180deg)}.email-author.principal{color:#ebb552}.email-author.main{font-size:1.025rem}.email-item.principal{border-left:3px solid #ebb552}.email-item.info-open{overflow:visible}.email-header{width:100%;display:flex;flex-direction:column;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;overflow:visible}.header-container{display:flex;overflow:hidden;position:relative}.email-header-content{display:flex;align-items:center;flex:1;min-width:250px}.email-header-infos{display:flex;flex-direction:column;flex:1}.email-subject{margin:5px 0 0 0;font-size:1.025rem;cursor:pointer}.email-date{--width:245px;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;right:0;top:0;min-width:var(--width);width:var(--width);max-width:var(--width);display:flex;justify-content:flex-end;gap:3px;align-items:center}.email-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff;position:relative;max-width:100%}.email-actions{align-self:flex-end;display:flex;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:3px;padding:5px 7px;background-color:#ddd;position:absolute;right:0;top:30px;z-index:1}.email-actions.main{top:10px}.email-actions.active{background-color:#dfdfdf}.email-actions>span{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;background-color:#222;border-radius:50%}.email-actions-list{position:absolute;right:45px;width:250px;top:5px;margin:0;list-style-type:none;padding:0;border-radius:5px;z-index:1}.email-action{background-color:#dfdfdf;padding:5px 10px;cursor:pointer;transition:background-color 150ms ease-in-out;font-size:.9rem;user-select:none}.email-action:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px}.email-action:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.email-action:hover{background-color:#ccc}.email-html{width:100%;min-width:300px;max-width:100%;border:none;overflow:auto}.email-raw{width:100%;max-width:100%;padding:15px;font-size:.9rem;color:#222}.email-files{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:5px}.email-header-content,.email-header-infos{max-width:100%;overflow:hidden}.email-to-from-container{margin-bottom:5px;max-width:100%;min-width:250px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;flex:1;gap:5px}.email-to-btn{padding:0 5px;font-size:.9rem;cursor:pointer;color:#666}.email-to-infos{position:absolute;bottom:-325px;border:1px solid #ccc;z-index:2;padding:10px;background-color:#fff;max-height:300px;overflow-y:auto;overflow-x:hidden;width:300px;display:flex;flex-direction:column;gap:5px;margin:0;cursor:default}.email-info{width:100%;font-size:.8rem}.email-info>span{font-size:.75rem;color:gray;margin-right:3px}.email-author{display:flex;align-items:center;height:5px;font-size:.75rem;font-weight:700;transform:translateY(-2px);width:100%;cursor:pointer}.email-subject-secondary{margin-top:-5px}.email-subject-span{font-size:.7rem;color:gray}.email-to-svg{font-size:.85rem}.email-custom-buttons{display:flex;gap:7px;position:absolute;top:5px;right:5px;z-index:1;font-size:.8rem}.menu-mensagem{cursor:pointer;padding:1px}",
|
|
10706
|
+
}), inject("data-v-1d11de86_1", {
|
|
10707
|
+
source: "@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.visibility-hidden{visibility:hidden}.box-shadow-active{box-shadow:0 0 4px 2px rgba(0,0,0,.25)}.bg-dark-white-2{background-color:#f7f7f7}.bg-white{background-color:#fff}.cursor-pointer{cursor:pointer}.email-overlay{width:100%;height:100%;background-color:transparent;z-index:1;position:absolute;top:0;left:0}.email-item{font-family:Roboto,sans-serif;flex:1;margin:0 0 10px 0;color:#222;min-height:60px;display:flex;flex-wrap:wrap;padding:10px;border-radius:5px;transition:all 150ms ease-in-out;max-width:100%;width:100%;overflow:hidden;position:relative}.email-item.outros{border-left:3px solid #33b8df}.email-author-name{margin:0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-author.outros{color:#33b8df}.email-author.outros>svg:nth-child(1){transform:rotate(180deg)}.email-author.principal{color:#ebb552}.email-author.main{font-size:1.025rem}.email-item.principal{border-left:3px solid #ebb552}.email-item.info-open{overflow:visible}.email-header{width:100%;display:flex;flex-direction:column;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;overflow:visible}.header-container{display:flex;overflow:hidden;position:relative}.email-header-content{display:flex;align-items:center;flex:1;min-width:250px}.email-header-infos{display:flex;flex-direction:column;flex:1}.email-subject{margin:5px 0 0 0;font-size:1.025rem;cursor:pointer}.email-date{--width:245px;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;right:0;top:0;min-width:var(--width);width:var(--width);max-width:var(--width);display:flex;justify-content:flex-end;gap:3px;align-items:center}.email-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background-color:#fff;position:relative;max-width:100%}.email-actions{align-self:flex-end;display:flex;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;gap:3px;padding:5px 7px;background-color:#ddd;position:absolute;right:0;top:30px;z-index:1}.email-actions.main{top:10px}.email-actions.active{background-color:#dfdfdf}.email-actions>span{width:4px;height:4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;background-color:#222;border-radius:50%}.email-actions-list{position:absolute;right:45px;width:250px;top:5px;margin:0;list-style-type:none;padding:0;border-radius:5px;z-index:1}.email-action{background-color:#dfdfdf;padding:5px 10px;cursor:pointer;transition:background-color 150ms ease-in-out;font-size:.9rem;user-select:none}.email-action:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px}.email-action:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.email-action:hover{background-color:#ccc}.email-html{width:100%;min-width:300px;max-width:100%;border:none;overflow:auto}.email-raw{width:100%;max-width:100%;padding:15px;font-size:.9rem;color:#222}.email-files{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:5px}.email-header-content,.email-header-infos{max-width:100%;overflow:hidden}.email-to-from-container{margin-bottom:5px;max-width:100%;min-width:250px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;flex:1;gap:5px}.email-to-btn{padding:0 5px;font-size:.9rem;cursor:pointer;color:#666}.email-to-infos{position:absolute;bottom:-325px;border:1px solid #ccc;z-index:2;padding:10px;background-color:#fff;max-height:300px;overflow-y:auto;overflow-x:hidden;width:300px;display:flex;flex-direction:column;gap:5px;margin:0;cursor:default}.email-info{width:100%;font-size:.8rem}.email-info>span{font-size:.75rem;color:gray;margin-right:3px}.email-author{display:flex;align-items:center;height:5px;font-size:.75rem;font-weight:700;transform:translateY(-2px);width:100%;cursor:pointer}.email-subject-secondary{margin-top:-5px}.email-subject-span{font-size:.7rem;color:gray}.email-to-svg{font-size:.85rem}.email-custom-buttons{display:flex;gap:7px;position:absolute;top:5px;right:5px;z-index:1;font-size:.8rem}.menu-mensagem{cursor:pointer;padding:1px;opacity:.7;transition:opacity .1s ease-in-out}.menu-mensagem:active,.menu-mensagem:focus,.menu-mensagem:hover{opacity:1}.email-error-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;padding:10px}.email-error-content p{margin:0;color:#e74c3c}.email-error-content button{border:1px solid #ccc;border-radius:3px;padding:5px 10px;background-color:#fff;cursor:pointer;transition:background-color 150ms ease-in-out}.email-error-content button:hover{background-color:#eee}",
|
|
10676
10708
|
map: undefined,
|
|
10677
10709
|
media: undefined
|
|
10678
10710
|
});
|
|
10679
10711
|
};
|
|
10680
10712
|
/* scoped */
|
|
10681
|
-
var __vue_scope_id__$1 = "data-v-
|
|
10713
|
+
var __vue_scope_id__$1 = "data-v-1d11de86";
|
|
10682
10714
|
/* module identifier */
|
|
10683
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
10715
|
+
var __vue_module_identifier__$1 = "data-v-1d11de86";
|
|
10684
10716
|
/* functional template */
|
|
10685
10717
|
var __vue_is_functional_template__$1 = false;
|
|
10686
10718
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -68,7 +68,12 @@
|
|
|
68
68
|
<transition name="show-y-top">
|
|
69
69
|
<div class="email-content" v-show="isOpen" ref="emailIframeParent">
|
|
70
70
|
<VueLoader v-if="isIframeLoading" />
|
|
71
|
-
<
|
|
71
|
+
<div v-if="hasError" class="email-error-content">
|
|
72
|
+
<p>Erro ao carregar o e-mail</p>
|
|
73
|
+
<button class="box-shadow" @click="updateIframeContent()">Tentar novamente</button>
|
|
74
|
+
</div>
|
|
75
|
+
<iframe v-show="!hasError" ref="emailIframe"
|
|
76
|
+
:class="`email-html ${isIframeLoading ? 'visibility-hidden' : ''}`"></iframe>
|
|
72
77
|
<span class="email-raw" v-if="openMessage">{{ mensagem }}</span>
|
|
73
78
|
</div>
|
|
74
79
|
</transition>
|
|
@@ -179,7 +184,9 @@ export default {
|
|
|
179
184
|
openMessage: false,
|
|
180
185
|
actionsOpen: false,
|
|
181
186
|
showInfos: false,
|
|
182
|
-
isIframeLoading: true
|
|
187
|
+
isIframeLoading: true,
|
|
188
|
+
hasError: false,
|
|
189
|
+
errorCount: 0
|
|
183
190
|
};
|
|
184
191
|
},
|
|
185
192
|
computed: {
|
|
@@ -303,6 +310,21 @@ export default {
|
|
|
303
310
|
const doc = iframe.contentDocument || iframe.contentWindow.document;
|
|
304
311
|
const margin = 20
|
|
305
312
|
const value = doc.documentElement.offsetHeight > 400 ? doc.documentElement.offsetHeight + margin : doc.documentElement.offsetHeight
|
|
313
|
+
if (value === 0 || doc.documentElement.querySelector('body').innerHTML === '') {
|
|
314
|
+
this.errorCount++
|
|
315
|
+
if (this.errorCount > 3) {
|
|
316
|
+
this.hasError = true
|
|
317
|
+
if (this.isIframeLoading) this.isIframeLoading = false
|
|
318
|
+
return
|
|
319
|
+
}
|
|
320
|
+
this.isIframeLoading = true
|
|
321
|
+
this.updateIframeContent()
|
|
322
|
+
return
|
|
323
|
+
}
|
|
324
|
+
if (this.hasError || this.errorCount > 0) {
|
|
325
|
+
this.hasError = false
|
|
326
|
+
this.errorCount = 0
|
|
327
|
+
}
|
|
306
328
|
iframe.style.height = `${value}px`;
|
|
307
329
|
emailParent.style.minHeight = `${value}px`
|
|
308
330
|
}, 10)
|
|
@@ -768,5 +790,40 @@ export default {
|
|
|
768
790
|
.menu-mensagem {
|
|
769
791
|
cursor: pointer;
|
|
770
792
|
padding: 1px;
|
|
793
|
+
opacity: .7;
|
|
794
|
+
transition: opacity 100ms ease-in-out;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
.menu-mensagem:hover,
|
|
798
|
+
.menu-mensagem:focus,
|
|
799
|
+
.menu-mensagem:active {
|
|
800
|
+
opacity: 1;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.email-error-content {
|
|
804
|
+
display: flex;
|
|
805
|
+
justify-content: center;
|
|
806
|
+
align-items: center;
|
|
807
|
+
flex-direction: column;
|
|
808
|
+
gap: 5px;
|
|
809
|
+
padding: 10px;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.email-error-content p {
|
|
813
|
+
margin: 0;
|
|
814
|
+
color: #E74C3C;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.email-error-content button {
|
|
818
|
+
border: 1px solid #CCC;
|
|
819
|
+
border-radius: 3px;
|
|
820
|
+
padding: 5px 10px;
|
|
821
|
+
background-color: #FFF;
|
|
822
|
+
cursor: pointer;
|
|
823
|
+
transition: background-color 150ms ease-in-out;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.email-error-content button:hover {
|
|
827
|
+
background-color: #EEE;
|
|
771
828
|
}
|
|
772
829
|
</style>
|
|
@@ -666,11 +666,6 @@ export default {
|
|
|
666
666
|
white-space: pre-wrap;
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
-
.mensagem:hover .menu-primario {
|
|
670
|
-
visibility: visible;
|
|
671
|
-
opacity: 1;
|
|
672
|
-
}
|
|
673
|
-
|
|
674
669
|
.mensagem-anexo a,
|
|
675
670
|
.mensagem-div-mapa a {
|
|
676
671
|
white-space: nowrap;
|
|
@@ -770,25 +765,23 @@ export default {
|
|
|
770
765
|
}
|
|
771
766
|
|
|
772
767
|
.menu-primario {
|
|
773
|
-
visibility: hidden;
|
|
774
|
-
opacity: 0;
|
|
775
768
|
transition: opacity 150ms ease-in-out;
|
|
776
769
|
position: absolute;
|
|
777
770
|
font-size: 11.2px;
|
|
778
|
-
top:
|
|
771
|
+
top: 2px;
|
|
779
772
|
display: flex;
|
|
780
773
|
gap: 5px;
|
|
781
774
|
padding: 2px 4px;
|
|
782
775
|
}
|
|
783
776
|
|
|
784
777
|
.menu-primario.principal {
|
|
785
|
-
left:
|
|
778
|
+
left: 2px;
|
|
786
779
|
color: var(--text-color);
|
|
787
780
|
background-color: var(--message-color);
|
|
788
781
|
}
|
|
789
782
|
|
|
790
783
|
.menu-primario.outros {
|
|
791
|
-
right:
|
|
784
|
+
right: 2px;
|
|
792
785
|
color: var(--text-color);
|
|
793
786
|
background-color: #fff;
|
|
794
787
|
}
|
|
@@ -800,6 +793,14 @@ export default {
|
|
|
800
793
|
.menu-mensagem {
|
|
801
794
|
cursor: pointer;
|
|
802
795
|
padding: 1px;
|
|
796
|
+
opacity: .7;
|
|
797
|
+
transition: opacity 100ms ease-in-out;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.menu-mensagem:hover,
|
|
801
|
+
.menu-mensagem:focus,
|
|
802
|
+
.menu-mensagem:active {
|
|
803
|
+
opacity: 1;
|
|
803
804
|
}
|
|
804
805
|
|
|
805
806
|
.menu-flutuante {
|