@devix-tecnologia/timeline-vue 2.0.0 → 2.0.2

package/dist/timeline-vue.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, reactive as S, computed as E, openBlock as a, createElementBlock as i, createElementVNode as u, normalizeClass as q, normalizeStyle as H, toDisplayString as c, resolveComponent as l, createVNode as _, createBlock as C, createCommentVNode as b, ref as W, Fragment as V, renderList as F, renderSlot as B, createTextVNode as R, pushScopeId as M, popScopeId as w, withCtx as D, Transition as z } from "vue";
-const X = p({
+import { defineComponent as m, reactive as S, computed as E, openBlock as a, createElementBlock as i, createElementVNode as u, normalizeClass as q, normalizeStyle as H, toDisplayString as c, resolveComponent as l, createVNode as _, createBlock as b, createCommentVNode as C, ref as W, Fragment as V, renderList as F, renderSlot as B, createTextVNode as R, pushScopeId as M, popScopeId as w, withCtx as D, Transition as z } from "vue";
+const X = m({
   name: "Icone Categoria",
   props: {
     iconeCategoria: {
@@ -37,7 +37,7 @@ const X = p({
     };
   }
 });
-const m = (e, t) => {
+const v = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [o, n] of t)
     s[o] = n;
@@ -54,7 +54,7 @@ function te(e, t, s, o, n, d) {
     ], 14, x)
   ]);
 }
-const L = /* @__PURE__ */ m(X, [["render", te], ["__scopeId", "data-v-f922d1fe"]]), ae = p({
+const L = /* @__PURE__ */ v(X, [["render", te], ["__scopeId", "data-v-f922d1fe"]]), ae = m({
   name: "Icone Status",
   props: {
     status: {
@@ -75,7 +75,7 @@ function oe(e, t, s, o, n, d) {
     class: q([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const J = /* @__PURE__ */ m(ae, [["render", oe], ["__scopeId", "data-v-efe84975"]]), ne = p({
+const J = /* @__PURE__ */ v(ae, [["render", oe], ["__scopeId", "data-v-efe84975"]]), ne = m({
   name: "Subtítulo Evento",
   props: {
     subtitulo: {
@@ -88,7 +88,7 @@ const se = { class: "subtitulo" };
 function ie(e, t, s, o, n, d) {
   return a(), i("h4", se, c(e.subtitulo), 1);
 }
-const re = /* @__PURE__ */ m(ne, [["render", ie], ["__scopeId", "data-v-5f7c5673"]]), ce = p({
+const re = /* @__PURE__ */ v(ne, [["render", ie], ["__scopeId", "data-v-5f7c5673"]]), ce = m({
   name: "Título Evento",
   props: {
     titulo: {
@@ -101,7 +101,7 @@ const le = { class: "titulo" };
 function de(e, t, s, o, n, d) {
   return a(), i("h3", le, c(e.titulo), 1);
 }
-const ue = /* @__PURE__ */ m(ce, [["render", de], ["__scopeId", "data-v-7369e837"]]), _e = p({
+const ue = /* @__PURE__ */ v(ce, [["render", de], ["__scopeId", "data-v-7369e837"]]), _e = m({
   name: "Descrição Evento",
   props: {
     titulo: {
@@ -122,13 +122,13 @@ function pe(e, t, s, o, n, d) {
     style: H(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
     _(r, { titulo: e.titulo }, null, 8, ["titulo"]),
-    e.subtitulo ? (a(), C(f, {
+    e.subtitulo ? (a(), b(f, {
       key: 0,
       subtitulo: e.subtitulo
-    }, null, 8, ["subtitulo"])) : b("", !0)
+    }, null, 8, ["subtitulo"])) : C("", !0)
   ], 4);
 }
-const me = /* @__PURE__ */ m(_e, [["render", pe], ["__scopeId", "data-v-793cab8b"]]), ve = p({
+const me = /* @__PURE__ */ v(_e, [["render", pe], ["__scopeId", "data-v-793cab8b"]]), ve = m({
   name: "Hora",
   props: {
     hora: {
@@ -158,7 +158,7 @@ function fe(e, t, s, o, n, d) {
     class: q(["hora", e.classes])
   }, c(e.horas.getHours()) + ":" + c(e.horas.getMinutes().toString().padStart(2, "0")), 3);
 }
-const Y = /* @__PURE__ */ m(ve, [["render", fe], ["__scopeId", "data-v-d3082250"]]), $e = p({
+const Y = /* @__PURE__ */ v(ve, [["render", fe], ["__scopeId", "data-v-d3082250"]]), $e = m({
   name: "Hora Evento",
   props: {
     horaPrevista: {
@@ -177,11 +177,11 @@ function ye(e, t, s, o, n, d) {
   const r = l("Hora");
   return a(), i("div", he, [
     u("div", ge, [
-      e.horaRealizada ? (a(), C(r, {
+      e.horaRealizada ? (a(), b(r, {
         key: 0,
         hora: e.horaRealizada,
         style: { "padding-top": "0.3rem" }
-      }, null, 8, ["hora"])) : b("", !0),
+      }, null, 8, ["hora"])) : C("", !0),
       _(r, {
         hora: e.horaPrevista,
         aparencia: e.horaRealizada ? "riscada" : "padrao",
@@ -190,7 +190,7 @@ function ye(e, t, s, o, n, d) {
     ])
   ]);
 }
-const Ce = /* @__PURE__ */ m($e, [["render", ye], ["__scopeId", "data-v-da519ace"]]), be = p({
+const be = /* @__PURE__ */ v($e, [["render", ye], ["__scopeId", "data-v-da519ace"]]), Ce = m({
   name: "Destaque",
   props: {
     texto: {
@@ -202,7 +202,7 @@ const ke = { class: "destaqueEvento texto-pequeno" };
 function Se(e, t, s, o, n, d) {
   return a(), i("div", ke, c(e.texto), 1);
 }
-const Ee = /* @__PURE__ */ m(be, [["render", Se], ["__scopeId", "data-v-c2f02de8"]]), Te = p({
+const Ee = /* @__PURE__ */ v(Ce, [["render", Se], ["__scopeId", "data-v-c2f02de8"]]), Te = m({
   name: "Evento Timeline",
   props: {
     status: {
@@ -251,7 +251,7 @@ const Ee = /* @__PURE__ */ m(be, [["render", Se], ["__scopeId", "data-v-c2f02de8
   components: {
     IconeStatus: J,
     IconeCategoria: L,
-    HoraEvento: Ce,
+    HoraEvento: be,
     DescricaoEvento: me,
     Destaque: Ee
   },
@@ -275,7 +275,7 @@ function Pe(e, t, s, o, n, d) {
   return a(), i("article", {
     "data-testid": "evento",
     class: q(["eventoTimeline", [e.status, "criticidade-" + e.criticidade, e.eventoSelecionado, e.clicavel]]),
-    onClick: t[0] || (t[0] = (...v) => e.handleClick && e.handleClick(...v))
+    onClick: t[0] || (t[0] = (...p) => e.handleClick && e.handleClick(...p))
   }, [
     _(r, { status: e.status }, null, 8, ["status"]),
     _(f, {
@@ -293,7 +293,7 @@ function Pe(e, t, s, o, n, d) {
     _(I, { texto: e.textoDestaque }, null, 8, ["texto"])
   ], 2);
 }
-const G = /* @__PURE__ */ m(Te, [["render", Pe]]), De = p({
+const G = /* @__PURE__ */ v(Te, [["render", Pe]]), De = m({
   name: "Box Data",
   props: {
     dataNumero: {
@@ -317,7 +317,7 @@ function qe(e, t, s, o, n, d) {
     class: q(["boxData padrao", e.classes])
   }, c(e.dataNumero), 3);
 }
-const Ie = /* @__PURE__ */ m(De, [["render", qe], ["__scopeId", "data-v-385cc692"]]), ze = p({
+const Ie = /* @__PURE__ */ v(De, [["render", qe], ["__scopeId", "data-v-385cc692"]]), ze = m({
   name: "SeparadorPeriodo",
   props: {
     dataSeparador: {
@@ -343,7 +343,7 @@ function je(e, t, s, o, n, d) {
     u("h3", Oe, c(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + c(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const He = /* @__PURE__ */ m(ze, [["render", je]]), Re = p({
+const He = /* @__PURE__ */ v(ze, [["render", je]]), Re = m({
   name: "Avatar Timeline",
   props: {
     imagem: {
@@ -369,7 +369,7 @@ function Fe(e, t, s, o, n, d) {
     }, null, 8, we)) : e.icone ? (a(), i("span", Ne, c(e.icone), 1)) : (a(), i("span", Ve, " person "))
   ]);
 }
-const Le = /* @__PURE__ */ m(Re, [["render", Fe], ["__scopeId", "data-v-bd3d61f3"]]), Je = p({
+const Le = /* @__PURE__ */ v(Re, [["render", Fe], ["__scopeId", "data-v-bd3d61f3"]]), Je = m({
   components: { AvatarTimeline: Le },
   props: {
     imagemPerfil: {
@@ -401,17 +401,17 @@ function Ge(e, t, s, o, n, d) {
   return a(), i("section", {
     class: q(["perfilTimeline", e.classes])
   }, [
-    e.imagemPerfil ? (a(), C(r, {
+    e.imagemPerfil ? (a(), b(r, {
       key: 0,
       imagem: e.imagemPerfil
-    }, null, 8, ["imagem"])) : e.iconePerfil ? (a(), C(r, {
+    }, null, 8, ["imagem"])) : e.iconePerfil ? (a(), b(r, {
       key: 1,
       icone: e.iconePerfil
-    }, null, 8, ["icone"])) : b("", !0),
+    }, null, 8, ["icone"])) : C("", !0),
     u("h2", Ye, c(e.nomePerfil), 1)
   ], 2);
 }
-const K = /* @__PURE__ */ m(Je, [["render", Ge]]), Ke = p({
+const K = /* @__PURE__ */ v(Je, [["render", Ge]]), Ke = m({
   props: {
     perfilTimeline: {
       required: !1,
@@ -428,30 +428,30 @@ const K = /* @__PURE__ */ m(Je, [["render", Ge]]), Ke = p({
     EventoTimeline: G
   },
   emits: {
-    eventoClick: (e) => !0
+    eventoClick: (e, t) => !0
   },
   setup(e, { emit: t }) {
-    const s = (v) => {
-      t("eventoClick", v);
+    const s = (p, h) => {
+      p.clicavel !== !1 && t("eventoClick", p, h);
     }, o = S(e.eventosTimeline);
     let n = S(o);
     function d() {
-      const v = y(o);
+      const p = y(o);
       o.forEach((h) => {
-        const g = v.length > 0 && v[0] === h;
+        const g = p.length > 0 && p[0] === h;
         h.atual = g, h.scroll = g;
       }), I();
     }
     const r = () => {
       setInterval(d, 6e4);
-    }, f = (v, h) => {
-      const g = v.getDay() === h.getDay(), T = v.getMonth() === h.getMonth(), k = v.getFullYear() === h.getFullYear();
+    }, f = (p, h) => {
+      const g = p.getDay() === h.getDay(), T = p.getMonth() === h.getMonth(), k = p.getFullYear() === h.getFullYear();
       return g && T && k;
-    }, y = (v) => {
-      if (v) {
+    }, y = (p) => {
+      if (p) {
         const h = Date.now();
         let g = null, T = [];
-        for (const k of v) {
+        for (const k of p) {
           const P = k.data.getTime();
           if (k.status === "planejado" || k.status === "atrasado") {
             const A = Math.abs(h - k.data.getTime());
@@ -467,10 +467,10 @@ const K = /* @__PURE__ */ m(Je, [["render", Ge]]), Ke = p({
         return [];
     }, $ = E(() => {
       r();
-      const v = n.sort((h, g) => h.data.getTime() - g.data.getTime());
-      if (v) {
+      const p = n.sort((h, g) => h.data.getTime() - g.data.getTime());
+      if (p) {
         let h = [], g = null, T = 0, k;
-        for (const P of v) {
+        for (const P of p) {
           const A = /* @__PURE__ */ new Date(), j = P.data;
           k = P.status;
           const U = P.tolerancia * 60 * 1e3;
@@ -488,8 +488,8 @@ const K = /* @__PURE__ */ m(Je, [["render", Ge]]), Ke = p({
       } else
         return [];
     }), I = () => {
-      const v = document.querySelector(".atual");
-      !v || !v.scrollIntoView || v.scrollIntoView({
+      const p = document.querySelector(".atual");
+      !p || !p.scrollIntoView || p.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
@@ -497,7 +497,7 @@ const K = /* @__PURE__ */ m(Je, [["render", Ge]]), Ke = p({
     return d(), {
       eventosPorTipo: $,
       scrollParaItemAtual: I,
-      emitirEventoClick: s
+      handleEventoClick: s
     };
   },
   mounted() {
@@ -508,23 +508,23 @@ const Qe = { class: "areaTimeline" }, Ue = { class: "timeline" };
 function We(e, t, s, o, n, d) {
   const r = l("PerfilTimeline"), f = l("SeparadorPeriodo"), y = l("EventoTimeline");
   return a(), i("div", Qe, [
-    e.perfilTimeline ? (a(), C(r, {
+    e.perfilTimeline ? (a(), b(r, {
       key: 0,
       nomePerfil: e.perfilTimeline.nome,
       imagemPerfil: e.perfilTimeline.imagem,
       iconePerfil: e.perfilTimeline.icone,
       "data-testid": "perfilTimeline"
-    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : b("", !0),
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : C("", !0),
     u("section", Ue, [
       (a(!0), i(V, null, F(e.eventosPorTipo, ($, I) => (a(), i("div", {
         key: $.key
       }, [
-        $.tipo === "dia" ? (a(), C(f, {
+        $.tipo === "dia" ? (a(), b(f, {
           key: 0,
           dataSeparador: $.valor,
           "data-testid": `evento-timeline-${I}`
-        }, null, 8, ["dataSeparador", "data-testid"])) : b("", !0),
-        $.tipo === "evento" ? (a(), C(y, {
+        }, null, 8, ["dataSeparador", "data-testid"])) : C("", !0),
+        $.tipo === "evento" ? (a(), b(y, {
           key: 1,
           status: $.valor.status,
           criticidade: $.valor.criticidade,
@@ -535,14 +535,14 @@ function We(e, t, s, o, n, d) {
           subtitulo: $.valor.subtitulo,
           "texto-destaque": $.valor.destaque,
           ehAtual: $.valor.atual,
-          onClick: (v) => e.emitirEventoClick($.valor),
+          onClick: (p) => e.handleEventoClick($.valor, p),
           "data-testid": `evento-timeline-${I}`
-        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "onClick", "data-testid"])) : b("", !0)
+        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "onClick", "data-testid"])) : C("", !0)
       ]))), 128))
     ])
   ]);
 }
-const Xe = /* @__PURE__ */ m(Ke, [["render", We]]), Ze = p({
+const Xe = /* @__PURE__ */ v(Ke, [["render", We]]), Ze = m({
   name: "Botao",
   props: {
     titulo: {
@@ -589,12 +589,12 @@ function et(e, t, s, o, n, d) {
     onClick: t[0] || (t[0] = (...r) => e.handleClick && e.handleClick(...r))
   }, [
     B(e.$slots, "default", {}, () => [
-      e.icone ? (a(), i("span", xe, c(e.icone), 1)) : b("", !0),
+      e.icone ? (a(), i("span", xe, c(e.icone), 1)) : C("", !0),
       R(" " + c(e.titulo), 1)
     ], !0)
   ]);
 }
-const O = /* @__PURE__ */ m(Ze, [["render", et], ["__scopeId", "data-v-ce25287c"]]), tt = p({
+const O = /* @__PURE__ */ v(Ze, [["render", et], ["__scopeId", "data-v-ce25287c"]]), tt = m({
   components: { Botao: O, PerfilTimeline: K, IconeCategoria: L, Hora: Y },
   name: "CabecalhoEventoDetalhado",
   props: {
@@ -629,14 +629,14 @@ function mt(e, t, s, o, n, d) {
   return a(), i("section", {
     class: q(["cabecalho-evento", ["criticidade-" + e.evento.criticidade]])
   }, [
-    e.perfil ? (a(), C(r, {
+    e.perfil ? (a(), b(r, {
       key: 0,
       nomePerfil: e.perfil.nome,
       imagemPerfil: e.perfil.imagem,
       iconePerfil: e.perfil.icone,
       formatoReduzido: !0
-    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : b("", !0),
-    e.evento.criticidade !== "baixa" ? (a(), i("div", at, " Criticidade: " + c(e.evento.criticidade), 1)) : b("", !0),
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : C("", !0),
+    e.evento.criticidade !== "baixa" ? (a(), i("div", at, " Criticidade: " + c(e.evento.criticidade), 1)) : C("", !0),
     u("div", ot, [
       _(f, {
         iconeCategoria: e.evento.categoria.icone,
@@ -648,23 +648,23 @@ function mt(e, t, s, o, n, d) {
       u("div", st, [
         it,
         u("div", rt, [
-          e.evento.realizado ? (a(), i("div", ct, c(e.evento.realizado.toLocaleDateString()), 1)) : b("", !0),
+          e.evento.realizado ? (a(), i("div", ct, c(e.evento.realizado.toLocaleDateString()), 1)) : C("", !0),
           e.evento.realizado ? (a(), i("div", lt, c(e.evento.realizado.toLocaleDateString()), 1)) : (a(), i("div", dt, c(e.evento.previstoPara.toLocaleDateString()), 1))
         ])
       ]),
       u("div", ut, [
         _t,
         u("div", pt, [
-          e.evento.realizado ? (a(), C(y, {
+          e.evento.realizado ? (a(), b(y, {
             key: 0,
             class: "horaRealizada texto-grande",
             hora: e.evento.realizado
-          }, null, 8, ["hora"])) : b("", !0),
-          e.evento.realizado ? (a(), C(y, {
+          }, null, 8, ["hora"])) : C("", !0),
+          e.evento.realizado ? (a(), b(y, {
             key: 1,
             class: "horaPlanejada texto-pequeno",
             hora: e.evento.previstoPara
-          }, null, 8, ["hora"])) : (a(), C(y, {
+          }, null, 8, ["hora"])) : (a(), b(y, {
             key: 2,
             class: "horaRealizada texto-grande",
             hora: e.evento.previstoPara
@@ -674,7 +674,7 @@ function mt(e, t, s, o, n, d) {
     ])
   ], 2);
 }
-const vt = /* @__PURE__ */ m(tt, [["render", mt], ["__scopeId", "data-v-aa43d357"]]), ft = p({
+const vt = /* @__PURE__ */ v(tt, [["render", mt], ["__scopeId", "data-v-aa43d357"]]), ft = m({
   components: { Botao: O },
   name: "Observacoes",
   props: {
@@ -696,7 +696,10 @@ const vt = /* @__PURE__ */ m(tt, [["render", mt], ["__scopeId", "data-v-aa43d357
     return e.observacoes.sort((o, n) => n.criadaEm.getTime() - o.criadaEm.getTime()), e = S(e), { emitirAdicionarClick: s };
   }
 });
-const $t = (e) => (M("data-v-2fd919a9"), e = e(), w(), e), ht = { class: "box box-observacoes" }, gt = /* @__PURE__ */ $t(() => /* @__PURE__ */ u("h3", null, "Observações:", -1)), yt = { class: "lista-obs" }, Ct = ["data-testid"], bt = { class: "texto" }, kt = { class: "autor" };
+const $t = (e) => (M("data-v-27347f9c"), e = e(), w(), e), ht = {
+  class: "box box-observacoes",
+  "data-testid": "observacoes"
+}, gt = /* @__PURE__ */ $t(() => /* @__PURE__ */ u("h3", null, "Observações:", -1)), yt = { class: "lista-obs" }, bt = ["data-testid"], Ct = { class: "texto" }, kt = { class: "autor" };
 function St(e, t, s, o, n, d) {
   const r = l("Botao");
   return a(), i("section", ht, [
@@ -707,9 +710,9 @@ function St(e, t, s, o, n, d) {
         key: y,
         class: "lista-item"
       }, [
-        u("p", bt, c(f.mensagem), 1),
+        u("p", Ct, c(f.mensagem), 1),
         u("div", kt, c(f.autor.nome) + " em " + c(f.criadaEm.toLocaleDateString()) + " às " + c(f.criadaEm.getHours()) + ":" + c(f.criadaEm.getMinutes().toString().padStart(2, "0")), 1)
-      ], 8, Ct))), 128))
+      ], 8, bt))), 128))
     ]),
     _(r, {
       titulo: e.tituloBotao,
@@ -721,7 +724,7 @@ function St(e, t, s, o, n, d) {
     }, null, 8, ["titulo", "onClick"])
   ]);
 }
-const Et = /* @__PURE__ */ m(ft, [["render", St], ["__scopeId", "data-v-2fd919a9"]]), Tt = p({
+const Et = /* @__PURE__ */ v(ft, [["render", St], ["__scopeId", "data-v-27347f9c"]]), Tt = m({
   components: { Botao: O, IconeStatus: J },
   name: "BotaoStatus",
   props: {
@@ -751,10 +754,11 @@ const Et = /* @__PURE__ */ m(ft, [["render", St], ["__scopeId", "data-v-2fd919a9
 });
 function Pt(e, t, s, o, n, d) {
   const r = l("IconeStatus"), f = l("Botao");
-  return a(), C(f, {
+  return a(), b(f, {
     aparencia: e.aparencia,
     class: q(e.classes),
-    onClick: e.emitirClick
+    onClick: e.emitirClick,
+    "data-testid": "botao-status"
   }, {
     default: D(() => [
       _(r, {
@@ -766,7 +770,7 @@ function Pt(e, t, s, o, n, d) {
     _: 1
   }, 8, ["aparencia", "class", "onClick"]);
 }
-const Dt = /* @__PURE__ */ m(Tt, [["render", Pt], ["__scopeId", "data-v-3eb00cbd"]]), qt = p({
+const Dt = /* @__PURE__ */ v(Tt, [["render", Pt], ["__scopeId", "data-v-9b0bacc7"]]), qt = m({
   components: { BotaoStatus: Dt },
   name: "StatusEvento",
   props: {
@@ -779,31 +783,32 @@ const Dt = /* @__PURE__ */ m(Tt, [["render", Pt], ["__scopeId", "data-v-3eb00cbd
     }
   },
   emits: {
-    editarClick: (e) => !0
+    click: (e) => !0
   },
   setup(e, { emit: t }) {
     const s = (o) => {
-      t("editarClick", o);
+      t("click", o);
     };
     return e = S(e), {
-      handleEditarClick: s
+      emitClick: s,
+      props: e
     };
   }
 });
-const It = (e) => (M("data-v-c7bc7440"), e = e(), w(), e), zt = { class: "box box-status" }, At = /* @__PURE__ */ It(() => /* @__PURE__ */ u("h3", null, "Status:", -1));
+const It = (e) => (M("data-v-027bde63"), e = e(), w(), e), zt = { class: "box box-status" }, At = /* @__PURE__ */ It(() => /* @__PURE__ */ u("h3", null, "Status:", -1));
 function Bt(e, t, s, o, n, d) {
   const r = l("BotaoStatus");
   return a(), i("section", zt, [
     At,
     _(r, {
+      "data-testid": "botao-status",
       aparencia: e.aparencia,
       status: e.status,
-      "data-testid": "status-evento",
-      onClick: e.handleEditarClick
+      onClick: e.emitClick
     }, null, 8, ["aparencia", "status", "onClick"])
   ]);
 }
-const Ot = /* @__PURE__ */ m(qt, [["render", Bt], ["__scopeId", "data-v-c7bc7440"]]), jt = p({
+const Ot = /* @__PURE__ */ v(qt, [["render", Bt], ["__scopeId", "data-v-027bde63"]]), jt = m({
   name: "EventoDetalhado",
   props: {
     perfil: {
@@ -886,16 +891,17 @@ function Mt(e, t, s, o, n, d) {
     }, {
       default: D(() => [
         _(y, {
+          "data-testid": "status-evento",
           aparencia: "preenchido",
           status: e.evento.status,
-          onEditarClick: e.handleEditarClick
-        }, null, 8, ["status", "onEditarClick"])
+          onClick: e.handleEditarClick
+        }, null, 8, ["status", "onClick"])
       ]),
       _: 1
     })
   ]);
 }
-const wt = /* @__PURE__ */ m(jt, [["render", Mt]]), Nt = p({
+const wt = /* @__PURE__ */ v(jt, [["render", Mt]]), Nt = m({
   name: "AreaSalvamento",
   components: { Botao: O },
   emits: {
@@ -937,7 +943,7 @@ function Ft(e, t, s, o, n, d) {
     }, null, 8, ["onClick"])
   ]);
 }
-const Lt = /* @__PURE__ */ m(Nt, [["render", Ft], ["__scopeId", "data-v-a1900faf"]]), Jt = p({
+const Lt = /* @__PURE__ */ v(Nt, [["render", Ft], ["__scopeId", "data-v-bffa6dc0"]]), Jt = m({
   props: {
     salvarVisivel: {
       type: Boolean
@@ -956,10 +962,6 @@ const Lt = /* @__PURE__ */ m(Nt, [["render", Ft], ["__scopeId", "data-v-a1900faf
       emitirCancelarClick: (n) => {
         t("cancelarClick", n);
       }
-      // classes: computed(() => ({
-      //   visivel: props.salvarVisivel,
-      //   invisivel: !props.salvarVisivel,
-      // })),
     };
   }
 });
@@ -990,21 +992,22 @@ function Qt(e, t, s, o, n, d) {
       default: D(() => [
         u("div", Kt, [
           _(r, {
-            onSalvarClick: e.emitirSalvarClick,
-            onCancelarClick: e.emitirCancelarClick
+            "data-testid": "area-salvamento",
+            onCancelarClick: e.emitirCancelarClick,
+            onSalvarClick: e.emitirSalvarClick
           }, {
             default: D(() => [
               B(e.$slots, "salvamento")
             ]),
             _: 3
-          }, 8, ["onSalvarClick", "onCancelarClick"])
+          }, 8, ["onCancelarClick", "onSalvarClick"])
         ])
       ]),
       _: 3
     })
   ]);
 }
-const Ut = /* @__PURE__ */ m(Jt, [["render", Qt]]), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ut = /* @__PURE__ */ v(Jt, [["render", Qt]]), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null