vue-intergrall-plugins 1.0.84 → 1.0.86
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.
- package/dist/vue-intergrall-plugins.esm.js +39 -7
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +17 -9
- package/package.json +1 -1
- package/src/lib-components/Messages/ChatMessages.vue +21 -10
- package/src/lib-components/Messages/InteratividadeBotoes.vue +116 -41
|
@@ -8596,7 +8596,9 @@ var __vue_render__$9 = function __vue_render__() {
|
|
|
8596
8596
|
var _c = _vm._self._c || _h;
|
|
8597
8597
|
return _c('div', {
|
|
8598
8598
|
staticClass: "interatividade"
|
|
8599
|
-
}, [_vm.
|
|
8599
|
+
}, [_vm._ssrNode((_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.length ? "<div>" + _vm._ssrList(_vm.interatividade.parameters.button, function (button, index) {
|
|
8600
|
+
return "<div class=\"interatividade-btn\">" + (!button.url ? "<p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p>" : "<a" + _vm._ssrAttr("href", button.url) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\"><p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p> <fa-icon" + _vm._ssrAttr("icon", ['fas', 'external-link-square-alt']) + "></fa-icon></a>") + "</div>";
|
|
8601
|
+
}) + "</div>" : "<!---->") + " "), _vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && (_vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL') ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n Acessar "), _c('fa-icon', {
|
|
8600
8602
|
attrs: {
|
|
8601
8603
|
"icon": ['fas', 'external-link-square-alt']
|
|
8602
8604
|
}
|
|
@@ -8623,7 +8625,7 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
8623
8625
|
/* style */
|
|
8624
8626
|
var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
8625
8627
|
if (!inject) return;
|
|
8626
|
-
inject("data-v-
|
|
8628
|
+
inject("data-v-81058760_0", {
|
|
8627
8629
|
source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-link{color:#0c5c8f!important;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;gap:5px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
|
|
8628
8630
|
map: undefined,
|
|
8629
8631
|
media: undefined
|
|
@@ -8632,7 +8634,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
|
8632
8634
|
/* scoped */
|
|
8633
8635
|
var __vue_scope_id__$9 = undefined;
|
|
8634
8636
|
/* module identifier */
|
|
8635
|
-
var __vue_module_identifier__$9 = "data-v-
|
|
8637
|
+
var __vue_module_identifier__$9 = "data-v-81058760";
|
|
8636
8638
|
/* functional template */
|
|
8637
8639
|
var __vue_is_functional_template__$9 = false;
|
|
8638
8640
|
/* style inject shadow dom */
|
|
@@ -9071,10 +9073,16 @@ var LinkPreview = __vue_component__$d;var script$7 = {
|
|
|
9071
9073
|
l = l * 100;
|
|
9072
9074
|
l = Math.round(l);
|
|
9073
9075
|
h = Math.round(360 * h);
|
|
9074
|
-
var
|
|
9075
|
-
|
|
9076
|
-
|
|
9077
|
-
|
|
9076
|
+
var elem = document.querySelector(this.referenceSelector) ? document.querySelector(this.referenceSelector) : document.documentElement;
|
|
9077
|
+
|
|
9078
|
+
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
9079
|
+
var isHI = this.seq.substring(0, 2) == "HI";
|
|
9080
|
+
var textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
9081
|
+
var filesBg = isHI ? "rgba(255, 255, 255, 0.1)" : l <= 50 ? "rgba(255, 255, 255, 0.1)" : "rgba(100, 100, 100, 0.1)";
|
|
9082
|
+
var filesBgHover = isHI ? "rgba(255, 255, 255, 0.3)" : l <= 50 ? "rgba(255, 255, 255, 0.3)" : "rgba(100, 100, 100, 0.3)";
|
|
9083
|
+
elem.style.setProperty("--text-color", textColor);
|
|
9084
|
+
elem.style.setProperty("--files-bg", filesBg);
|
|
9085
|
+
elem.style.setProperty("--files-bg-hover", filesBgHover);
|
|
9078
9086
|
} catch (e) {
|
|
9079
9087
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
9080
9088
|
}
|
|
@@ -9560,7 +9568,7 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
9560
9568
|
/* style */
|
|
9561
9569
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
9562
9570
|
if (!inject) return;
|
|
9563
|
-
inject("data-v-
|
|
9571
|
+
inject("data-v-6237d5f0_0", {
|
|
9564
9572
|
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}",
|
|
9565
9573
|
map: undefined,
|
|
9566
9574
|
media: undefined
|
|
@@ -9569,7 +9577,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
9569
9577
|
/* scoped */
|
|
9570
9578
|
var __vue_scope_id__$7 = undefined;
|
|
9571
9579
|
/* module identifier */
|
|
9572
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
9580
|
+
var __vue_module_identifier__$7 = "data-v-6237d5f0";
|
|
9573
9581
|
/* functional template */
|
|
9574
9582
|
var __vue_is_functional_template__$7 = false;
|
|
9575
9583
|
/* style inject shadow dom */
|
package/package.json
CHANGED
|
@@ -637,16 +637,27 @@ export default {
|
|
|
637
637
|
l = Math.round(l);
|
|
638
638
|
h = Math.round(360 * h);
|
|
639
639
|
|
|
640
|
-
const
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
);
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
640
|
+
const elem = document.querySelector(this.referenceSelector)
|
|
641
|
+
? document.querySelector(this.referenceSelector)
|
|
642
|
+
: document.documentElement;
|
|
643
|
+
|
|
644
|
+
// IF FIXO URGENCIA PARA O DAVID: CANAL HI
|
|
645
|
+
const isHI = this.seq.substring(0, 2) == "HI";
|
|
646
|
+
const textColor = isHI ? "#FFF" : l <= 50 ? "#FFF" : "#111B21";
|
|
647
|
+
const filesBg = isHI
|
|
648
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
649
|
+
: l <= 50
|
|
650
|
+
? "rgba(255, 255, 255, 0.1)"
|
|
651
|
+
: "rgba(100, 100, 100, 0.1)";
|
|
652
|
+
const filesBgHover = isHI
|
|
653
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
654
|
+
: l <= 50
|
|
655
|
+
? "rgba(255, 255, 255, 0.3)"
|
|
656
|
+
: "rgba(100, 100, 100, 0.3)";
|
|
657
|
+
|
|
658
|
+
elem.style.setProperty("--text-color", textColor);
|
|
659
|
+
elem.style.setProperty("--files-bg", filesBg);
|
|
660
|
+
elem.style.setProperty("--files-bg-hover", filesBgHover);
|
|
650
661
|
} catch (e) {
|
|
651
662
|
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
652
663
|
}
|
|
@@ -1,59 +1,134 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="interatividade">
|
|
3
|
-
<div
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
interatividade.parameters.button.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
<div
|
|
4
|
+
v-if="
|
|
5
|
+
interatividade &&
|
|
6
|
+
interatividade.parameters &&
|
|
7
|
+
interatividade.parameters.button &&
|
|
8
|
+
interatividade.parameters.button.length
|
|
9
|
+
"
|
|
10
|
+
>
|
|
11
|
+
<div
|
|
12
|
+
v-for="(button, index) in interatividade.parameters.button"
|
|
13
|
+
:key="index"
|
|
14
|
+
class="interatividade-btn"
|
|
15
|
+
>
|
|
16
|
+
<p v-if="!button.url" v-html="button.text" class="interatividade-titulo"></p>
|
|
17
|
+
<a
|
|
18
|
+
v-else
|
|
19
|
+
:href="button.url"
|
|
20
|
+
target="_blank"
|
|
21
|
+
rel="noreferrer noopener"
|
|
22
|
+
class="interatividade-link"
|
|
23
|
+
>
|
|
24
|
+
<p v-html="button.text" class="interatividade-titulo"></p>
|
|
25
|
+
<fa-icon :icon="['fas', 'external-link-square-alt']" />
|
|
26
|
+
</a>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<!-- Tudo aqui abaixo TEORICAMENTE e antigo e nao devera mais cair nas situacoes -->
|
|
31
|
+
<div
|
|
32
|
+
v-if="
|
|
33
|
+
interatividade &&
|
|
34
|
+
interatividade.parameters &&
|
|
35
|
+
interatividade.parameters.button &&
|
|
36
|
+
(interatividade.parameters.button.type === 'dynamicURL' ||
|
|
37
|
+
interatividade.parameters.button.type === 'staticURL')
|
|
38
|
+
"
|
|
39
|
+
class="interatividade-btn"
|
|
40
|
+
>
|
|
41
|
+
<a
|
|
42
|
+
:href="interatividade.parameters.button.text"
|
|
43
|
+
target="_blank"
|
|
44
|
+
rel="noreferrer noopener"
|
|
45
|
+
class="interatividade-link"
|
|
46
|
+
>
|
|
12
47
|
Acessar <fa-icon :icon="['fas', 'external-link-square-alt']" />
|
|
13
48
|
</a>
|
|
14
49
|
</div>
|
|
15
|
-
<div
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
50
|
+
<div
|
|
51
|
+
v-if="
|
|
52
|
+
interatividade &&
|
|
53
|
+
interatividade.parameters &&
|
|
54
|
+
interatividade.parameters.button &&
|
|
55
|
+
interatividade.parameters.button.type === 'phoneNumber'
|
|
56
|
+
"
|
|
57
|
+
class="interatividade-btn"
|
|
58
|
+
>
|
|
59
|
+
<p
|
|
60
|
+
class="interatividade-titulo"
|
|
61
|
+
:title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`"
|
|
62
|
+
v-text="
|
|
63
|
+
`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
|
|
64
|
+
"
|
|
65
|
+
></p>
|
|
24
66
|
</div>
|
|
25
|
-
<div
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
67
|
+
<div
|
|
68
|
+
v-if="
|
|
69
|
+
interatividade &&
|
|
70
|
+
interatividade.parameters &&
|
|
71
|
+
interatividade.parameters.button &&
|
|
72
|
+
interatividade.parameters.button.type === 'quickReply'
|
|
73
|
+
"
|
|
74
|
+
class="interatividade-btn"
|
|
75
|
+
>
|
|
76
|
+
<p
|
|
77
|
+
class="interatividade-titulo"
|
|
78
|
+
:title="`${interatividade.parameters.button.text}`"
|
|
79
|
+
v-text="`${interatividade.parameters.button.text}`"
|
|
80
|
+
></p>
|
|
33
81
|
</div>
|
|
34
82
|
<transition name="show-x">
|
|
35
|
-
<InteratividadePopup
|
|
36
|
-
|
|
83
|
+
<InteratividadePopup
|
|
84
|
+
v-if="listaEstaAberta"
|
|
85
|
+
:lista="listaExpandida"
|
|
86
|
+
:titulo="objItens.list.title"
|
|
87
|
+
@close="listaEstaAberta = false"
|
|
88
|
+
/>
|
|
37
89
|
</transition>
|
|
38
90
|
<template v-if="arrBotoes.length">
|
|
39
|
-
<div
|
|
91
|
+
<div
|
|
92
|
+
v-for="(btn, index) in arrBotoes"
|
|
93
|
+
:key="index"
|
|
94
|
+
:title="btn.titulo"
|
|
95
|
+
class="interatividade-btn"
|
|
96
|
+
>
|
|
40
97
|
<p v-html="btn.titulo" class="interatividade-titulo"></p>
|
|
41
98
|
</div>
|
|
42
99
|
</template>
|
|
43
100
|
<template v-else-if="Object.keys(objItens).length">
|
|
44
|
-
<div
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
101
|
+
<div
|
|
102
|
+
class="interatividade-lista"
|
|
103
|
+
:class="tipoBotoes == 'listItem' ? 'bg-none' : ''"
|
|
104
|
+
>
|
|
105
|
+
<div
|
|
106
|
+
class="interatividade-lista-conteudo"
|
|
107
|
+
:class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''"
|
|
108
|
+
>
|
|
109
|
+
<p
|
|
110
|
+
v-if="objItens.header && objItens.header.text"
|
|
111
|
+
v-html="objItens.header.text"
|
|
112
|
+
class="interatividade-lista-titulo"
|
|
113
|
+
></p>
|
|
114
|
+
<p
|
|
115
|
+
v-if="objItens.body && objItens.body.text"
|
|
116
|
+
v-html="objItens.body.text"
|
|
117
|
+
class="interatividade-lista-corpo"
|
|
118
|
+
></p>
|
|
119
|
+
<p
|
|
120
|
+
v-if="objItens.footer && objItens.footer.text"
|
|
121
|
+
v-html="objItens.footer.text"
|
|
122
|
+
class="interatividade-lista-rodape"
|
|
123
|
+
></p>
|
|
53
124
|
</div>
|
|
54
|
-
<p
|
|
55
|
-
|
|
56
|
-
|
|
125
|
+
<p
|
|
126
|
+
v-if="objItens.list && objItens.list.title"
|
|
127
|
+
v-html="objItens.list.title"
|
|
128
|
+
@click="expandirLista"
|
|
129
|
+
:class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''"
|
|
130
|
+
class="interatividade-lista-link"
|
|
131
|
+
></p>
|
|
57
132
|
</div>
|
|
58
133
|
</template>
|
|
59
134
|
</div>
|